/*
Free Html5 Responsive Templates
Author: Kimmy Tran
Author URI: http://www.zerotheme.com/
*/
html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}

img{
	/*max-width:100%; iva zruseno kvuli lightboxu - delal uzke obrazky */
	height: auto;
   	width: auto\9; /* ie8 */
}
/*------------------------*/

@media only screen and (max-width: 2499px) {
	.obsah, div.dotaznik .obsah {padding:0 10px;}
   
 	.menu li a {font-size:1.2em;padding:10px 10px 10px 10px;}
	div#topImg {margin: 3px 0 3px 0; padding: 0 0 0 10px;}
	div#topImg img{clear: both; display: block;}
	
	
	
	div#topKontakty {margin:0 10px 0 0;}
	
	div.mlr265 {margin-left: 100px; margin-right: 100px;}

	footer .col-1-3 {padding:25px 10px 0 10px;}

	footer .zerogrid .wrap-col {margin:0 10px;}
	
	/*div.topRowOut, div#topMenuOut {width: 100%;}*/
	
	

	
}



@media only screen and (max-width: 1770px) {

	div.popis {
		padding: 0 15px 0 20px;   /* 20px vlevo - uz by bylo jen 10px od obrazku */
	}

}



@media only screen and (max-width: 1700px) {

	.pb-nad-prodejnami { padding-bottom:50px;}
	.pb-nad-vouchery { padding-bottom:50px;}  

}



@media only screen and (max-width: 1549px) {
	div.fotoBox, div.fotoBox img {height: 130px;}
	
	

	div.divZahlavi h1.apartman {
		margin: 50px 0 7px 0;
	}
	
	div.ikony img {
		padding: 50px 80px 0 20px;
	}


}



@media only screen and (max-width: 1500px) {

	.pb-nad-prodejnami { padding-bottom:30px;}
	.pb-nad-vouchery { padding-bottom:20px;}  

}


@media only screen and (max-width: 1450px) {

	.pb-nad-grilem { padding-bottom:50px;}

}



@media only screen and (max-width: 1409px) {
	div.fotoBox, div.fotoBox img {height: 110px;}
}



@media only screen and (max-width: 1279px) {
	div.popis {
		padding: 0 15px 0 0;   /* 0 vlevo - zpet k obrazku */
	}


	div.divZahlavi h1.apartman {
		margin: 10px 0 7px 0;
	}
	
	div.ikony img {
		padding: 10px 0 0 0;
	}


	/*div.ikony img {padding: 0;}*/
	div#top-hp {top: 15px;}
	/*div#top-hp div#top-img  {margin: 0;}	*/
	div#top-hp div#top-img img {width: 350px;}	
	div#top-podstranky div#top-img img {width: 300px; padding: 35px 0 0 20px;}
	
	
	img.penzion-strom-text {
		width: 140px;
		
	}
	
}


@media only screen and (max-width: 1259px) {
}



@media only screen and (max-width: 1240px) {

	div.mlr20 {margin-left: 5px; margin-right: 5px;}
	div.mlr80 {margin-left: 30px; margin-right: 30px;}
	div.mlr265 {margin-left: 30px; margin-right: 30px;}
	div.ml20 {margin-left: 5px;}
	div.mr20 {margin-right: 5px;}
	div.ml40 {margin-left:20px;}
	div.mr40 {margin-right:20px;}
	div.motto2.uzsi {	margin: 15px 20px 30px 20px;}
   
   div.top-hp-rezervace { right: 30px; width: 380px; height: 200px;} /*podle div.mlr80 */

 	
	
}


@media only screen and (max-width: 1140px) {
	div#box1, div#box2, div#box3, div#box4, div#box5, div#box6, div#box7 {	height: 114px;}
	a.boxTop {min-height: 114px;}

	img.obr-hp-dole.levy {
		margin-right: 10px;
	}
	img.obr-hp-dole.pravy {
		margin-left: 10px;
	}


}


@media only screen and (max-width: 1100px) {
	a.aOdkaz {max-width: 95%;}
	
	div.popis {padding: 0;}
	div.ikony img {max-width: 130px;}
	
	body#uvod .menu li.sub ul {top: -50px;} /* protoze by bylo na HP pod hledacim polem, to je absolute a ne child a tak se nebere v uvahu z-index */
	
	img.prodejna-text {float: none; display: block; margin: 0 0 15px 0;}

	div.fotoBox, div.fotoBox img {height: 140px;}
	div.fotoBox.last {display:none;}


	img.obr-hp-dole.levy {
		margin-right: 5px;
	}
	img.obr-hp-dole.pravy {
		margin-left: 5px;
	}



}



@media only screen and (max-width: 1000px) {

     
    div.pruh-hp {top: -120px;}
   
   	div.ikony img {max-width: 110px;}
	
	
	div#top-hp div#top-img img {width: 300px;}	
	div#top-podstranky div#top-img img {width: 260px;}




}



	

@media only screen and (max-width: 939px) { /* col-1-4 je na 50%, col-1-2 je na 100% */
	
	div.divZahlavi img.hlavni {width: 100%;} /* kvuli apartmanu */
	
	div.bord-right {	border: none;}
	div.ikony img {padding: 15px 80px 0 20px; max-width: 130px;}
	
	div.ml40 {margin-left:0;}
	div.mr40 {margin-right:0;}
	
	
	img.obr-hp-dole.levy {
		margin-right: 0;
	}
	img.obr-hp-dole.pravy {
		margin-left: 0;
	}
	
	
	div#my-slider {display: none;}
	div#my-slider-mob {display: block;}

	
	
	
	div#topRow1, div#topRow2, div#hp-boxy, div#hp-odk-rezervace {  /* jen pro pocitace */
		display: none;
	}
	
	div.top-row-3 {background: none;} /* pozadi pod boxy */
	
	

	
	div#mob-top-kontakty	{
		display: block;  /*inline*/
		width: 100%;
		margin: 3px 0;
		text-align: center;
	}	
	

	div#contain {
	  display: block;  /*inline*/
	  width: 100%;
	  height: 75px; /*zal. puvodni logo 65px;*/
	  padding: 0;
	  margin: 0;
	}	
	#left {
	  display: inline-block;
	  float: left;
	  margin: 15px 0px 0px 10px;
	  height: 65px; /*zal. puvodni logo 55px;*/
	  text-align: center;
	  line-height: 300%;
	  /*background: #FF9000;*/
	  color: #070707;
	}
	#filler {   /* nesmi byt div#filler, nejde proklik */
	  display: block;
	  float: none;
	  margin: 6px 10px 0px 10px;
	  height: 65px; /*zal. puvodni logo 55px;*/
	  /*background: #F00;*/
	  text-align: center;
	}
	#filler img {
		height: 65px;
	}
	#right {
	  display: inline-block;
	  float: right;
	  padding: 10px 20px 0px 0px;
	  height: 65px; /*zal. puvodni logo 55px;*/
	  text-align: center;
	  line-height: 300%;
	  /*background: #FF9000;*/
	  color: #070707;
	}
	
	a.mob-tel {
		font-family: Arial, sans-serif;
		font-size: 0.9em;
		text-decoration: none;
	}
	
	
	nav#mob-menu {  /* jen pro mobily */
		background: #fff;
		width: 280px;
		max-width: 95%;
		/*height: 100%;*/
		display: block;
		position: absolute;
		left: -280px; /* sire */
		top: 0px;
		transition: left 0.3s linear;
		z-index: 50000;
	}
	
	nav#mob-menu.visible {
		left: 0;
		transition: left 0.3s linear;
		box-shadow: 0 0 15px rgba( 0, 0, 0, 0.8 );
	}
	
	
	a#odk-mob-menu-in {
		margin: 0 0 0 20px;
	}
	
	
	nav#mob-menu ul {  
		padding: 10px 0 20px 0;
	}
	nav#mob-menu ul li {  
		display: block;
		padding: 10px 10px 10px 20px;
		position: relative;
		font-size: 1em;
		color: #676767;

	}

	nav#mob-menu ul li.sub {  
		display: block;
		padding: 10px 10px 10px 30px;
		position: relative;
		font-size: 1em;

	}
	nav#mob-menu ul li.sub::before {  
		content: "\2022  ";
		color: #676767;
	}
	

	
	nav#mob-menu ul li a {  
		color: #676767;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1.2;
		overflow: hidden;
		padding: 10px 5px 10px 0px;
	}
	nav#mob-menu ul li a:hover {  
		color: #676767;
		text-decoration: none;
	}
	
	div#mob-nahoru {
	  display: block;  
	}	
	
	
	
	
	/* na HP: */
	div#mob-boxy-a-odk-rezervace {
		display: block;
		position: relative;
		margin: -50px 0 10px 0;  /* misto tohoto a zaporneho tp nize: margin: 0 0 10px 0; */
		padding: 0;
		background: transparent;
		color: #583217;
		z-index: 20;
		/*top: -50px;*/
	}
	
	div#mob-odk-rezervace a:hover {
		text-decoration: none;
	}
	
	div#mobOdkRezervace {	
		display: block;
		position: relative;
		float: left;
		z-index: 20;
		/*width: 100%;*/
		/*height: 115px;*/
		text-align: center;
		color: #583217;
		background: #fff;
		font-family: 'Amatic SC', cursive;
		font-size: 1.8em;
		font-weight:700; 
		line-height: 1.2;
		margin: 0;
		padding: 5px 15px 3px 15px;
	}  /* pro: pres celou siri a vycentrovane */

	
	div#mob-boxy {
		display: none; /*zatim block;*/
		position: relative;
		margin: 0 0 10px 0;
		padding: 0;
		height: 80px;
		background: #e7e4e1;
		color: #2f4959;

	}
	div#mob-boxy a {
		text-decoration: none;
	}
	div#mob-boxy .box {
		margin: 0;
		text-align: center;
	}	

	div#mob-box1, div#mob-box2, div#mob-box3, div#mob-box4 {
		position: relative;
		margin: 0 auto; /* centrovani */
		max-width: 230px; /* 1/4 z resp.*/
		height: 80px;
	}	
	div#mob-box1 a.boxTop {
		background: transparent url(../gfx/ikona-razula.png) no-repeat center 0px; /* from left, from top */
	}
	div#mob-box2 a.boxTop {
		background: transparent url(../gfx/ikona-javornik.png) no-repeat center 0px; /* from left, from top */
	}
	div#mob-box3 a.boxTop {
		background: transparent url(../gfx/ikona-javornicek.png) no-repeat center 0px; /* from left, from top */
	}
	div#mob-box4 a.boxTop {
		background: transparent url(../gfx/ikona-cenik.png) no-repeat center 0px; /* from left, from top */
	}
	
	div#mob-box1, div#mob-box2, div#mob-box3 {
		background: transparent url(../gfx/ikony-oddel.png) no-repeat right 4px; /* from left, from top */
	}
	div#mob-box1 h2, div#mob-box2 h2, div#mob-box3 h2, div#mob-box4 h2 {
		padding: 44px 10px 2px 10px;
		color: #2f4959;
		text-align: center;
		font-size: 0.9em;
		font-weight: 400;
		line-height: 1.2;
	}	
	
	
    div.pruh-hp {display: none;}
	
	div.top-hp-rezervace { bottom: 15px;}
	
	div.up40 {top: 0px;} /* cast pod boxy na HP */
	


	img.prodejna-text {float: right;	display: inline; margin: 0 0 15px 25px;} /* ? */
	
	
	div.fotoBox.last {display:block;}  /* ? */



	img.penzion-strom-text {
		width: 200px; /* zpet velky */
		
	}


	
	

}


@media only screen and (max-width: 767px) {

    div#box1, div#box2, div#box3, div#box4, div#box5, div#box6 {background: none;} /* cary mezi boxy */
    
     
	div.fotoBox.last {display:none;}

 
}  
   
   

@media only screen and (max-width: 640px) {
	
	.menu li a {font-size:1em;padding:4px 10px 4px 10px;}
	div#topImg {padding: 0 0 0 10px;}
	div#topImg img{width: 200px;clear: both; display: block;}
	.fleft-img {	margin: 0 10px 0 0;}	
	.fright-img, .fright-img-2 { margin: 0 0 0 10px;}	
	img.fleft-img, img.fright-img, img.fright-img-2 {	width: 50%;}	
	h1 {font-size:23px;}
	h2 {font-size:20px;}
	h3 {font-size:15px;}
	h4 {font-size:12px;}
	div.divOdkForm a {font-size:1.5em;}
	.zerogrid .wrap-col4-l{margin:0 10px 0 10px;}
	
	div.galerie-photo a, div.galerie-photo a img {height: 120px;}
	table#calendar { margin: 0;}
	
	img.m-foot {
		padding: 0 0 0 10px;
		max-width: 95%;
	}
	
	div.mlr20 {margin-left: 0; margin-right: 0;}
	div.mlr80 {margin-left: 0px; 	margin-right: 0px;}
	div.mlr265 {margin-left: 0px; margin-right: 0px;}
	div.ml20 {margin-left: 0;}
	div.mr20 {margin-right: 0;}
	div.motto2.uzsi {	margin: 15px 0 30px 0;}
	
	footer ul.ul-foot li {padding: 5px 0 7px 0;	font-size: 1.1em; display: block;}
	
	div.ikony img {padding: 5px 0 0 0; max-width: 110px;}
	
	div.top-hp-rezervace, div.top-hp-rezervace-in { display: none;}
	div.top-hp-rezervace-jen-tlacitko { 
		display: block; 
		position: absolute; 
		bottom: 15px; 
		right: 15px;
	    width: 140px;
	    height: 40px;
	    z-index: 40;
	    color: #fff;
	    background: #2F4958;
	    text-align: center;
	}
	div.top-hp-rezervace-jen-tlacitko a { 
		display: block; 
	    color: #bdbf48;
	    text-align: center;
	    padding: 10px;
		font-size: 1.2em;
		font-weight: 600;
	}
	div.top-hp-rezervace-jen-tlacitko a:hover { 
		text-decoration: none;
		color: #fff;
	}
	
	
	/* v DE driv, je na 2 radky */
	div#mob-boxy-a-odk-rezervace {
		margin: 10px 10px 20px 10px; 
		border: 1px solid #070707;
	}
	
	div#mobOdkRezervace {	
		font-size: 1.6em;
	} 

	
	/*div#mob-boxy-a-odk-rezervace {
		margin: -50px 10px 10px 10px;
	}
	div#mobOdkRezervace {padding: 5px 10px 3px 10px;}*/
	
	
	
	img.penzion-strom-text {
		width: 160px; 
		
	}
	
	

}



	


@media only screen and (max-width: 619px) { /* col-1-2 i col-1-3 i col-1-4, col-2-5 a col-3-5 je na 100% */
	
	div.dotaznik {padding: 10px 0;}
	

	footer .zerogrid .wrap-col {margin:0 10px 0 20px;}

	footer .footer_pb40 { padding-bottom:0;}

	#filler img {height: 55px;}
	#right {padding: 10px 10px 0px 0px;}



}


@media only screen and (max-width: 500px) { 






	img.prodejna-text, img.penzion-prodejna-text {
		float: none;
		margin: 0 0 15px 0;
		
	}	



}



@media only screen and (max-width: 450px) { 

	div#mob-box1 h2, div#mob-box2 h2, div#mob-box3 h2, div#mob-box4 h2 {
		padding: 44px 0px 2px 0px;

}



@media only screen and (max-width: 400px) { 

    div#mob-box2 {background: none;} /* svisle cary mezi nekt. boxy */

}


	

@media only screen and (max-width: 360px) {
	div.ikony img {display: none;}
	div.ikony {display: none;}
	div.popis {width: 100%;}

	
	#filler img {max-width: 110px;}
	
	/*div#my-slider img {display: none;}
	.sp-arrows {display: none;}*/ /* ze slider-pro.css */
	div.top-hp-rezervace-jen-tlacitko {bottom: 4px; right: 10px;}
	
	
}


@media only screen and (max-width: 320px) {
	/*#page1 h1 {padding-left:10px}*/
	.menu li a {font-size:1em;padding:2px 4px;}
	div#topImg {padding: 0 0 5px 10px;}
	div#topImg img{width: 200px;clear: both; display: block;}
	header {padding-bottom:10px;}
	.fleft-img {	margin: 0 5px 0 0;}	
	.fright-img, .fright-img-2 { margin: 0 0 0 5px;}	
	h1 {font-size:23px;}
	h2 {font-size:20px;}
	h3 {font-size:15px;}
	h4 {font-size:12px;}
	div.divOdkForm a {font-size:1em;}
	/*div.box1 a div, div.box2 a div, div.box3 a div {padding: 5px;	margin: 10px; }*/



	
}
@media only screen and (max-width: 240px) {
	#contact-form input {width:30%;}
	#contact-form textarea {width:50%;}
	h1 {font-size:23px;}
	h2 {font-size:20px;}
	h3 {font-size:15px;}
	h4 {font-size:12px;}
	div.divOdkForm a {font-size:1em;}
	/*div.box1 a div, div.box2 a div, div.box3 a div {padding: 5px;	margin: 10px;}*/
}