/*
Zerotheme.com | Free Html5 Responsive Templates
Zerogrid - A Single Grid System for Responsive Design
Author: Kimmy
Version : 2.1
Author URI: http://www.zerotheme.com/
*/
/* -------------------------------------------- */
/* ------------------Grid System--------------- */ 
.zerogrid{ width: 960px; position: relative; margin: 0 auto; padding: 0px;} 
.zerogrid-top{ width: 100%; /*width: 1920px;*/ position: relative; margin: 0 auto; padding: 0px;} 

.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .row{}
.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{margin:0;}
.zerogrid .wrap-col2{margin:10px 0;}
.zerogrid .wrap-col3{margin:0 30px;}
.zerogrid .wrap-col4-l{margin:0 10px 0 80px;}
.zerogrid .wrap-col4-r{margin:0 80px 0 10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-3in, .zerogrid .col-2-3in, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-3in{width:33.33%;}
.zerogrid .col-2-3in{width:66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}

/* ----------------------- */

.zerogrid-top:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid-top .row{}
.zerogrid-top .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid-top .row:after{clear: both; }
.zerogrid-top .row{zoom: 1;}

.zerogrid-top .wrap-col{margin:0;}
.zerogrid-top .wrap-col2{margin:10px 0;}
.zerogrid-top .wrap-col3{margin:0 30px;}
.zerogrid-top .wrap-col4-l{margin:0 10px 0 80px;}
.zerogrid-top .wrap-col4-r{margin:0 80px 0 10px;}

.zerogrid-top .col-1-2, .zerogrid-top .col-1-3, .zerogrid-top .col-2-3, .zerogrid-top .col-1-3in, .zerogrid-top .col-2-3in, .zerogrid-top .col-1-4, .zerogrid-top .col-2-4, .zerogrid-top .col-3-4, .zerogrid-top .col-1-5, .zerogrid-top .col-2-5, .zerogrid-top .col-3-5, .zerogrid-top .col-4-5, .zerogrid-top .col-1-6, .zerogrid-top .col-2-6, .zerogrid-top .col-3-6, .zerogrid-top .col-4-6, .zerogrid-top .col-5-6{float:left; display: inline-block;}

.zerogrid-top .col-full{width:100%;}

.zerogrid-top .col-1-2{width:50%;}

.zerogrid-top .col-1-3{width:33.33%;}
.zerogrid-top .col-2-3{width:66.66%;}

.zerogrid-top .col-1-3in{width:33.33%;}
.zerogrid-top .col-2-3in{width:66.66%;}

.zerogrid-top .col-1-4{width:25%;}
.zerogrid-top .col-2-4{width:50%;}
.zerogrid-top .col-3-4{width:75%;}

.zerogrid-top .col-1-5{width:20%;}
.zerogrid-top .col-2-5{width:40%;}
.zerogrid-top .col-3-5{width:60%;}
.zerogrid-top .col-4-5{width:80%;}

.zerogrid-top .col-1-6{width:16.66%;}
.zerogrid-top .col-2-6{width:33.33%;}
.zerogrid-top .col-3-6{width:50%;}
.zerogrid-top .col-4-6{width:66.66%;}
.zerogrid-top .col-5-6{width:83.33%;}


/* =========================== */




@media only screen and (max-width: 1440px) {
.zerogrid-top{ width: 100%;} 


	div#divUvodniText-abs {  
		margin: 100px 0 0 0;
	}
	div#divUvodniText-abs span.span1 {
		font-size: 2.5em;
	}
	div#divUvodniText-abs span.span2 {
		font-size: 2em;
	}	
	
	div.redbox-abs {  
		bottom: 50px;  /* umisteni odspoda */
		font-size: 1em;

	}	
	


}

@media only screen and (max-width: 959px) {
	div.obsah {
		padding: 10px;
	}
	
	/*a#odk-mob-menu { */ /* jen pro mobily */
		/*display: inline;
	}	*/
	div#menurow, div#toprow1  {  /* jen pro pocitace */
		display: none;
	}
	
	
	div#mob-top {
		display: block;
		float: left;
		position: relative;
		width: 100%;
	}
	div#mob-odk {
		float: left;
		position: relative;
		text-align: left;
		margin: 0 0 0 10px;
		width: 45px;border: 1px solid purple;
	}
	div#topImg-mob {
		display: block;
		float: none;
		position: relative;
		/*width: 100%;*/
		text-align: center;border: 1px solid green;
	}
	div#topImg-mob div {
		display: inline-block;
	}
	div#mob-pom {
		float: right;
		position: relative;
		text-align: left;
		margin: 0 10px 0 0;
		width: 45px;border: 1px solid blue;
	}
	
	
	
	div#contain {
	  display: block;  /*inline*/
	  width: 100%;
	  height: 45px;
	  padding: 0;
	  margin: 0;
	}	
	#left {
	  display: inline-block;
	  float: left;
	  padding: 20px 0px 0px 20px;
	  height: 60px;
	  text-align: center;
	  line-height: 300%;
	  /*background: #FF9000;*/
	  color: #FFFFFF;
	}
	#filler {   /* nesmi byt div#filler, nejde proklik */
	  display: block;
	  float: none;
	  padding: 20px 10px 0px 10px;
	  height: 60px;
	  /*background: #F00;*/
	  text-align: center;
	}
	#right {
	  display: inline-block;
	  float: right;
	  padding: 20px 20px 0px 0px;
	  height: 60px;
	  text-align: center;
	  line-height: 300%;
	  /*background: #FF9000;*/
	  color: #FFFFFF;
	}
	
	nav#mob-menu {  /* jen pro mobily */
		background: #fff;
		width: 390px;
		max-width: 95%;
		/*height: 100%;*/
		display: block;
		position: absolute;
		left: -390px; /* sire */
		top: 100px;
		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 40px;
	}
	
	
	nav#mob-menu ul {  
		padding: 10px 0 40px 0;
	}
	nav#mob-menu ul li {  
		padding: 8px 10px 8px 44px;
		position: relative;
		font-size: 1.3em;

	}
	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;
	}
	
	
	nav#mob-menu ul li a img.mmi {  
		padding: 0 40px 0 0;
	}


	nav#mob-menu div.mob-nadp {
		padding-left: 44px;
		font-size: 1.3em;
		font-weight: bold;
	}
		


	
	
}

@media only screen and (max-width: 939px) {
	.zerogrid{width:100%;}
	/*.zerogrid{width:748px;}*/ /* 768 minus padding 10 px pro div.obsah */
	
	.zerogrid .col-1-3in{width:30.00%;}
	.zerogrid .col-2-3in{width:60.00%;}

	.zerogrid .col-1-4{width:50%;}

	
	/* --------- */
	
	
	.zerogrid-top{width:100%;}
	/*.zerogrid-top{width:748px;}*/ /* 768 minus padding 10 px pro div.obsah */
	
	.zerogrid-top .col-1-3in{width:30.00%;}
	.zerogrid-top .col-2-3in{width:60.00%;}

	.zerogrid-top .col-1-4{width:50%;}
	
	
	div#divUvodniText-abs {  
		margin: 20px 0 0 0;
	}
	div#divUvodniText-abs span.span1 {
		font-size: 2.5em;
	}
	div#divUvodniText-abs span.span2 {
		font-size: 2em;
	}	
	
	div.redbox-abs {  
		bottom: 30px;  /* umisteni odspoda */
		font-size: 1em;

	}	
	
	
	div.realBox div.clear2s {
		clear: both;
		height:0px;
		float:none;
		font-size:0px;
		line-height:0px;
		margin:0;
		padding:0;
		display:block; 
	}
	div.realBox div.clear3s {
		display: none; /* pro sirsi zarizeni */ 
	}

	div.realBox div.real-2sloupce { 
		margin-bottom: 20px;
	} 
	div.realBox div.real-3sloupce { 
		display: none; /* pro sirsi zarizeni */ 
	}	
	
	
	
	
}

@media only screen and (max-width: 767px) {
	.zerogrid{width:100%;}
	
	.zerogrid .col-1-3in{width:28.00%;}
	.zerogrid .col-2-3in{width:58.00%;}

	.zerogrid .col-1-4{width:50%;}
	
	
	/* --------- */

	
	.zerogrid-top{width:100%;}
	
	.zerogrid-top .col-1-3in{width:28.00%;}
	.zerogrid-top .col-2-3in{width:58.00%;}

	.zerogrid-top .col-1-4{width:50%;}
	
	div#divUvodniText-abs {  
		margin: 30px 0 0 0;
	}
	div#divUvodniText-abs span.span1 {
		font-size: 1.5em;
	}
	div#divUvodniText-abs span.span2 {
		font-size: 1em;
	}	
	
	div.redbox-abs {  
		bottom: 10px;  /* umisteni odspoda */
		font-size: 1em;
	}	
	div.redbox-abs-in {  
		padding: 6px 10px;
		background-image: none; 
	}		
	
	
	div.realBox div.clear2s {
		clear: both;
		height:0px;
		float:none;
		font-size:0px;
		line-height:0px;
		margin:0;
		padding:0;
		display:block; 
	}
	div.realBox div.clear3s {
		display: none; /* pro sirsi zarizeni */ 
	}

	div.realBox div.real-2sloupce { 
		margin-bottom: 20px;
	} 
	div.realBox div.real-3sloupce { 
		display: none; /* pro sirsi zarizeni */ 
	}	
	
	
	
	
	.menu li a {font-size:1.4em;line-height:1.5em;padding:10px 15px 5px 15px;}		
	div#menu1 a, div#menu2 a, div#menu3 a, div#menu4 a {
		margin: 2px;
		padding: 10px 15px 5px 15px;
		font-size: 1.4em;
	}	
	

	
}

@media only screen and (max-width: 639px) { /* 4.pr */

	div#gallery-in-b, div#gallery-in-b-2 {
		padding: 0;
	}
	
	
	div.boxObsah p.popis { 
		display: none;
	}
	div#box1 div.boxObsah, div#box2 div.boxObsah, div#box3 div.boxObsah {
		height: 120px;
	}
	div#box1, div#box2, div#box3 {
		margin-bottom: 20px;
		width: 314px;
	}	


	div#box11 div.boxObsah {
		height: 140px;
	}


	
	
	div.boxObsah p.popisv { 
		display: none;
	}
	div#boxv1 div.boxObsah, div#boxv2 div.boxObsah, div#boxv3 div.boxObsah {
		height: 270px;
	}
	
	
	div#boxmod1 div.boxObsah,div#boxmod2 div.boxObsah,div#boxmod3 div.boxObsah,div#boxmod4 div.boxObsah, div#boxmod5 div.boxObsah,div#boxmod6 div.boxObsah,div#boxmod7 div.boxObsah,div#boxmod8 div.boxObsah {  
		height: 120px;
	}
	div#boxmod1,div#boxmod2,div#boxmod3,div#boxmod4, div#boxmod5,div#boxmod6,div#boxmod7,div#boxmod8  {  
		width: 314px;
	}	
	
	div#boxw1 div.boxObsah,div#boxw2 div.boxObsah,div#boxw4 div.boxObsah,div#boxw5 div.boxObsah,div#boxw7 div.boxObsah,div#boxw8 div.boxObsah,div#boxw9 div.boxObsah {  
		height: 120px;
	}
	div#boxw3 div.boxObsah,div#boxw6 div.boxObsah {
		height: 150px;
	}
	div#boxw1,div#boxw2,div#boxw3,div#boxw4,div#boxw5,div#boxw6,div#boxw7,div#boxw8,div#boxw9 { 
		width: 314px;
	}	
	
	div#boxz1 div.boxObsah,div#boxz2 div.boxObsah,div#boxz3 div.boxObsah,div#boxz4 div.boxObsah,div#boxz5 div.boxObsah {  
		height: 120px;
	}
	div#boxz1,div#boxz2,div#boxz3,div#boxz4,div#boxz5 {  
		width: 314px;
	}	
	
	
	div#hpTexty1 a span.s2 {
		display: none;
	}	
	div#hpTexty1 div.d1, div#hpTexty1 div.d2 {
		padding: 0 125px 0 60px;
	}	
	div#hpTexty1 div.d1 {
		background: url(../gfx/hp-texty1-1-resp.jpg) no-repeat left center;
	}	
	div#hpTexty1 div.d2 {
		background: url(../gfx/hp-texty1-2-resp.jpg) no-repeat left center;
	}	
	div#hpTexty1 div.d1 div.cist-dale, div#hpTexty1 div.d2 div.cist-dale {
		width: 115px;
		height: 34px;
		top: 2px;
	}
	div#hpTexty1 div.d1 div.cist-dale img, div#hpTexty1 div.d2 div.cist-dale img {
		width: 115px;
	}
	
	div#hpTexty2 div {
		padding: 1px 0 1px 60px;
	}
	div#hpTexty2 div.duv1, div#hpTexty2 div.duv2, div#hpTexty2 div.duv3, div#hpTexty2 div.duv4, div#hpTexty2 div.duv5, div#hpTexty2 div.duv6, div#hpTexty2 div.duv7, div#hpTexty2 div.duv8, div#hpTexty2 div.duv9, div#hpTexty2 div.duv10, div#hpTexty2 div.duv11, div#hpTexty2 div.duv12  {
		background-position: left top;
	}
	

	div.row-eshop {
		width: 100%;
	}
	div.row-eshop div.eshop-popis { 
		display: none;
	}
	
	footer .foot-red .reference-loga img.r1 {
		width: 100px;
	}	
	footer .foot-red .reference-loga img.r2 {
		width: 54px;
	}	
	footer .foot-red .reference-loga img.r3 {
		width: 186px;
	}	
	footer .foot-red .reference-loga img.r4 {
		width: 97px;
	}	
	
	div.foot-grey a {
		display: block;padding: 0;
		font-size:1.1em;
		/*margin-bottom: 10px; */
	}	
	
	
	/* texty */
	
	h2 {font-size:1.6em;}
	h2.hlavni {font-size:1.6em;}
	h2.hlavniRed {font-size:1.6em;}
	h2.hlavniRedIcon {font-size:1.6em;}
	
	p {font-size:1em;} 

	
	body {font-size:1em;}
	/*div.boxObsah p.nadp {
		font-size: 1.1em;
	}	*/
	div.boxObsah2 h2 {
		font-size: 1.4em;
	}
	div.boxObsah2 p.popis {
		font-size: 0.9em;
	}
	div#hpTexty1 a span.s1 {
		/*font-size: 1em;*/
	}	
	div.boxObsah p.nadpv {
		font-size: 1.1em;
	}	
	
	
	
	.pb60 { padding-bottom:20px;}	
	.pb100 { padding-bottom:20px;}	
	
	
	
	/* fotky ne rozostrene */
	div#box4  {
		background: transparent url(../gfx/finska.jpg) no-repeat 0px 0px;
	}
	div#box5  {
		background: transparent url(../gfx/biosauna.jpg) no-repeat 0px 0px;
	}
	div#box6  {
		background: transparent url(../gfx/infra.jpg) no-repeat 0px 0px;
	}
	div#box7 {
		background: transparent url(../gfx/kombi.jpg) no-repeat 0px 0px;
	}
	div#box8  {
		background: transparent url(../gfx/parni.jpg) no-repeat 0px 0px;
	}
	div#box9  {
		background: transparent url(../gfx/wellness.jpg) no-repeat 0px 0px;
	}	
	
	
	div.branchRow { overflow:auto; float: left; margin-top: 10px;}
	
	
}


@media only screen and (max-width: 619px) {
	.zerogrid, .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-3in, .zerogrid .col-2-3in, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}

	div.boxy .boxObal-l, div.boxy .boxObal-r {
	text-align: center; /* uz je sire 100%, nezarovnavat box doleva/doprava */
	}
	div#boxv1, div#boxv2, div#boxv3, div#box12, div#box13 {
		margin: 0 auto 40px auto; /* dole mezeru */
	}
	div#box5, div#box6  {
		max-width: 312px;
	}
	div#box4, div#box7, div#box8  {
		margin-bottom: 10px;
	}

	
	div.foot-grey-sl  {
		margin: 0 auto 10px auto; 
	}
	div.foot-grey-sl img {
		display: none;
	}
	div.clanek img.fleft-img, div.clanek img.fright-img {
		float: none;
		display: block;
		width: 100%;
	}

		

	/* --------- */

	
	.zerogrid-top, .zerogrid-top .col-1-2, .zerogrid-top .col-1-3, .zerogrid-top .col-2-3, .zerogrid-top .col-1-3in, .zerogrid-top .col-2-3in, .zerogrid-top .col-1-4, .zerogrid-top .col-2-4, .zerogrid-top .col-3-4, .zerogrid-top .col-1-5, .zerogrid-top .col-2-5, .zerogrid-top .col-3-5, .zerogrid-top .col-4-5, .zerogrid-top .col-1-6, .zerogrid-top .col-2-6, .zerogrid-top .col-3-6, .zerogrid-top .col-4-6, .zerogrid-top .col-5-6{width:100%;}
	
	div#divUvodniText-abs {  
		margin: 10px 0 0 0;
	}
	div#divUvodniText-abs span.span1 {
		font-size: 1.5em;
	}
	div#divUvodniText-abs span.span2 {
		font-size: 1em;
	}	
	
	div.redbox-abs {  
		bottom: 10px;  /* umisteni odspoda */
		font-size: 0.9em;
	}	
	div.redbox-abs-in {  
		padding: 6px 10px;
		background-image: none; 
	}	


		div.realBox div.clear2s {
		clear: both;
		height:0px;
		float:none;
		font-size:0px;
		line-height:0px;
		margin:0;
		padding:0;
		display:block; 
	}
	div.realBox div.clear3s {
		display: none; /* pro sirsi zarizeni */ 
	}

	div.realBox div.real-2sloupce { 
		margin-bottom: 20px;
	} 
	div.realBox div.real-3sloupce { 
		display: none; /* pro sirsi zarizeni */ 
	}	
	
	.menu li a {font-size:1.1em;line-height:1.3em;padding:5px 10px 5px 10px;}		
	div#menu1 a, div#menu2 a, div#menu3 a, div#menu4 a {
		margin: 2px;
		padding: 5px 10px 5px 10px;
		font-size: 1.2em;
	}	
	
	/*div#hpTexty1 div {padding: 0 10px 0 10px;}	
	div#hpTexty1 div.d1,div#hpTexty1 div.d2 {background: none;}
	
	div#hpTexty2 div {padding: 1px 0 1px 10px;}
	div#hpTexty2 div.duv1,div#hpTexty2 div.duv2,div#hpTexty2 div.duv3,div#hpTexty2 div.duv4,div#hpTexty2 div.duv5,div#hpTexty2 div.duv6,
	div#hpTexty2 div.duv7,div#hpTexty2 div.duv8,div#hpTexty2 div.duv9,div#hpTexty2 div.duv10,div#hpTexty2 div.duv11,div#hpTexty2 div.duv12 {background: none;}
	
	div.row-eshop div.eshop-logo {
		width: 100%;
	}
	div.row-eshop div.eshop-popis {
		width: 100%;
	}*/
	
	img.spojme-se-odk {
		max-width: 100%;
	}

}

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

	/*div#slider-prev img, div#slider-next img, div#slider-prev-2 img, div#slider-next-2 img {
		width: 30px;
	}
	div#slider-prev, div#slider-prev-2, div#slider-next, div#slider-next-2 {
		width: 30px;
	}*/
	
	
}