body{
	background:#fff;
	font-family: 'Open Sans', sans-serif;
	margin: 0px;
	color: #7d7d7d;
	
}

#header {
	
	padding: 2% 2% 0 2%;  
	
	}


#container {
	width: 97%;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
	
	
}

#container3 {
	width: 100%;  
	background: #2b388a;
	height: 25em;
	color: #FFFFFF;
	padding-bottom: 2%;
	
	
}




body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

a: active {
	background: white;
}


a: hover {
	background: white;
}



 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
	margin:0;	
}

H1 {
	margin: 0; 
	padding: 1.5em 0px 5px 0px; 
	color: #2b388a;
	font-weight:normal;
}

H2 {
	margin: 0; 
	padding: 1.5em 0px 5px 0px; 
	color: #2b388a;
	font-weight:normal;
}



.img-zahlavi{
	background:url(../images/img-zahlavi.jpg) no-repeat 0em 8em;
	width:100%;
	background-size:cover;
	min-height:732px;
	display:block;
	padding-top: 5em;
	padding-bottom: 12em;
	}



.telef{
		font-size: 1em;
		color: #7d7d7d;
		width: 30em;
		height: 2em;
		float: right;
		position: relative;
		right: 2.8em;
		padding-bottom: 1em;
		
		
		
	}
	
.telef2{
		font-size: 1em;
		width: 15em;
		height: 9em;
		float: left;
		position: relative;
		left: 2.8em;
		padding-bottom: 4em;
		color:#ffffff;
		
		
	}	
	
.telef p{
		float: right;
		position: relative;
		top: 0em;
		
	
	}	
	
.telef2 p{
		float: left;
		position: relative;
		top: 0em;
		
	
	}		
	
.logo {
   float: left;
   padding-top: 0.3em;
   padding-left: 3.2em;
	
}



.logo-stin {
   float: right;
   padding-left: 2em;
   
	
}


	.logo  a:hover{
		text-decoration:none;
	}	
	
	
.slogan {
     font-size: 2.2em;
    color: #2b388a;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	top: 2.0em;
	left: -3.9em;
	
	
} 

.slogan h1{
    font-size: 2.0em;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-weight: 900;
    letter-spacing: 2px;
}


#container-sl {


      position: relative;
	  left: 8%;
	  top:-230px;
	 
	  color: #FFFFFF;
	  font-size: 1.4em;
	 
	  
	 
	  
    }
	
	
	#sloupce div {
      float: left;
      height: 1em;
      margin-right: 1%;
      width: 15.83%; 
	   
	  
	  	  
    }
	
	
    #sloupce div:last-child {
      margin-right: 0;
    }
	
	
	#sloupce a{
	color:#FFFFFF;
	text-decoration: none;
	border: 0px none;
	font-weight:bold;
	
	
	
	}



#sloupce a:hover, #sloupce a:focus{
	color:#777373;
}
	
#sada1 {
  background-image: url(../images/laboratorni-sklo.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 200px;
  width: 100%;
  text-align: center;
  padding-top: 2.0em;
}	


#sada2 {
  background-image: url(../images/teplomery.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 200px;
  width: 100%;
  text-align: center;
  padding-top: 2.0em;
}	

#sada3 {
  background-image: url(../images/uzitkove-sklo.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 200px;
  width: 100%;
  text-align: center;
  padding-top: 2.0em;
}	

#sada4 {
  background-image: url(../images/porcelan.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 200px;
  width: 100%;
  text-align: center;
  padding-top: 2.0em;
}	


#sada5 {
  background-image: url(../images/vyroba-zpracovani-skla.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 200px;
  width: 100%;
  text-align: center;
  padding-top: 1.2em;
}	


	
	

.container-menu{
 border-top: #999999 solid 1px;
 border-bottom: #999999 solid 1px;
 background: none;
 width: 80%;
 float: right;
 font-size: 1.0em;
 position: relative;
 top: -7em;
 
	 
}


.wrapper{
 display:block; 
 position:relative; 
 width:100%; 
 margin:0; 
 padding:0; 
 text-align:left; 
 word-wrap:break-word;
 
 }
 
 .row3{
  color:#363636; 
    
  }
  
  
  .hoc{
  display:block; 
  margin:0 auto;
  }
  
  #container2{
  padding:0% 6% 3% 6%;
  border-top: 1px dotted #2b388a;
	border-bottom: 1px dotted #2b388a;
	border-width: 0.15em;
	margin-top: 9%;
	margin-bottom: 3%;
  
  }
  
  .container2 .sidebar nav a{color:inherit; 
    border-color:#D7D7D7;
	
	}
  
.container2 .sidebar nav a:hover{color:#1C7AA8;}
  
  .clear, .group{display:block;}
.clear::before, .clear::after, .group::before, .group::after{display:table; content:"";}
.clear, .clear::after, .group, .group::after{clear:both;}

.nospace{margin:0; padding:0; list-style:none;}

.services{margin: 3px; }
.services li:nth-child(-n+3){margin-bottom:30px;}/* Adds bottom margin to the first three elements only */
.services article{padding:11px; text-align:center;}

.services article .txtwrap{padding:20px; border:2px solid; border-color: #009ee0;
                           background: #009ee0; color:#fffff;
                            }
.services article .txtwrap *{margin:0;}
.services article .txtwrap i{margin-bottom:30px;}
.services article .txtwrap .heading{margin-bottom:20px; font-size:1.2rem;}
.services article .txtwrap footer{margin-top:20px; text-transform:uppercase;}

.txtwrap footer{
                margin: top: 20px;
				font-size: 0.7em;
				text-transform:uppercase;
				}


.latest{}
.latest article{}
.latest article figure{display:block; position:relative; margin-bottom:30px;}
.latest article figure img{}
.latest article .txtwrap{}
.latest article .txtwrap .heading{margin:0; font-size:1.2rem;}
.latest article .txtwrap .meta{}
.latest article .txtwrap .meta li{display:inline-block; margin-right:8px; font-size:.8rem;}
.latest article .txtwrap .meta li:last-child{margin-right:0;}

.services article .txtwrap.active, .services article:hover .txtwrap{color:#009ee0; background: #ffffff;}



.overlay{color:#FFFFFF; background-color:inherit;}
.overlay::after{color:inherit; background-color:rgba(0,0,0,.55);}
.coloured.overlay::after{background-color:rgba(28,122,168,.55);/* #1C7AA8 */}


#footer .heading{margin-bottom:50px; font-size:1.2rem;}


.one_third{display:inline-block; margin:0 0px 5px 0; width: 33%;}

.contact h3, #onas h3, #sluzby h3{
	color: #535353;
    margin: 0 0 0.5em 0;
    font-size: 2em;
    padding-left: 0.7em;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
	
}

.contact h3:before, #onas h3:before, #sluzby h3:before{
	content: '';
    height: 100%;
     border-left: 6px solid #e2007a;
    position: absolute;
    top: 0%;
    left: 0%;
}



/*-- contact --*/

.container4 {
    width: 100%;
  padding-right: 13em;
  padding-left: 13em;
  padding-top: 3em;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 3em;
  background: #009ee0;
  color: #FFFFFF;
}


.contact-us1-bottom{
	margin:3em 0 0;
}
.contact-us1-bottom form{
	float:left;
	width:50%;
	}
.contact-us1-bottom input[type="text"],.contact-us1-bottom input[type="email"],.contact-us1-bottom textarea, .one_third2 input[type="text"], .one_third2 input[type="email"], .one_third2 textarea {
	outline: none;
    padding: 10px 10px;
    background: none;
    color: #434343;
    font-size: 14px;
    border: 1px solid #535353;
    width: 95%;
	letter-spacing: 1px;
	}
.contact-us1-bottom input[type="email"], .one_third2 input[type="email"]{
	margin:0.5em 0 0 0em;
	
}

.one_third2 legend {
	
    color: #ffffff;
    font-size: 0.7em;
    
	}
	
	
.one_third2 fieldset {
	
     border: 1px solid #ffffff;
     background: #009ee0;
	}	
	
.contact-us1-bottom textarea, .one_third2 textarea  {
	
	resize:none;
	
	margin:1em 0;
	}
 .one_third2 input[type="submit"] {
	background: #e2007a;
    color: #fff;
    outline: none;
    padding: 0.3em 0.5em;
    width: 10em;
	font-size: 0.7em;
	border:none;
	transition:.5s all;
	-webkit-transition:.5s all;
	-moz-transition:.5s all;
	-o-transition:.5s all;
	-ms-transition:.5s all;
	}
 .one_third2 input[type="submit"]:hover {
	background:#e2007a;
	}
.home-radio-clock{
	float:left;
	width:6em;
	margin-left: 5em;
	
	}
.home-radio-clock-right{
	float:left;
	width:20%;
	}
.home-radio-clock ul{
	padding:0;
	margin:0;
	}
.home-radio-clock ul li{
	padding-left: 4em;
	color: #999;
	font-size: 14px;
	list-style-type:none;
	margin: 0 0 1em;
	letter-spacing: 1px;
	}
.home-radio-clock-right ul{
	padding:0;
	margin:0;
	}
.home-radio-clock-right ul li{
	color: #999;
    font-size: 14px;
	list-style-type:none;
	letter-spacing: 1px;
	}
.home-radio-clock ul li i{
	font-size:1.5em;
	left: -5px;
	color:#222;
}
.home-radio-clock-right ul li span{
	display:block;
	}
.home-radio-clock-right ul li.lst{
	margin:1em 0 2em;
	}
.map{
	margin:3em 0 0;
}
.map iframe{
	width:100%;
	min-height:400px;
}
/*-- //contact --*/


.contact-grid ul li span {
  left: 0px;
}



.one_third2 {
display:inline-block;
 width: 25em;
 margin: 0px;
 padding: 0px;
 
 
}

.one_third2 first ul{
 margin-right: 0.5em;
 margin-left: 4em;

}

.adresa-clas{
 margin-right: 0.5em;
 margin-left: 4em;
 width: 18em; 
 margin-top: 0px;
 padding-top: 0px;

}

.adresa-clas li{
list-style-type: none;

}

.adresa-clas ul{
padding-top: 0em;
margin-top: 0px;

}


.container5 {
    width: 70%;
  padding-right: 13em;
  padding-left: 13em;
  padding-top: 3em;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 3em;
  background: #fffff;
  color: #009ee0;
}

.container5 p{
    
  padding-right: 1em;
  padding-left: 3em;
 
}




	
	
	#text ul{

      margin: 0px;
	  padding: 0px;
	  list-style: none;
	  font-size: 0.9em;
	  font-weight: bold;
	  color: #e2001a;
	  		  
    }
	
	
	#text ul li{

      margin: 0px;
	  margin-left: 3em;
	  padding: 0px 0px 0px 1em;
	  list-style-type: disc;
	  font-size: 0.8em;
	  color: #2b388a;
		  
    }
	
	
	
	
	#texttt ul ul li{

      margin: 0px;
	  padding: 0px 0px 0px 1.5em;
	  list-style-type: circle;
	  font-size: 0.6em;
		  
    }



.formular {
	width: 23%;  
	float: left;
	padding: 3%;
	padding-left: 7%;
		
	
	
}

.kontakty2 {
	width: 23%;  
	float: left;
	padding: 3%;
	padding-left: 5%;
	padding-top: 5%;
	
}

.kontakty2 a{
	color:#ffffff;
	text-decoration: none;
	border: 0px none;
	

	}
	
.kontakty2 a:hover{
	color:#a0a0a0;
	text-decoration: none;
	border: 0px none;
	
	}	
	
	

#mapa {
	width: 57%;  
	float: right;
	height: 20em;
	padding: 3%;
	padding-right: 7%;
		
	
}

.formular form input{
           width: 100%;
           margin-top:5px;
           margin-bottom: 8px;
	       color:#2b388a;}
	
	
.formular form textarea{
         margin-top:8px;
	color:#2b388a;	
	width: 100%;
	height: 10em}
	
.formular input[type="submit"],.formular input[type="reset"]{
         margin-top:8px;
	color:#2b388a;	
	width: 7em;
		
	
	
}


#footer { 
	height: 5%;
	padding: 0 0px; 
	margin: 0px;
	width: 90%;
	
	
} 
#footer p {
	margin: 0% 0px; 
	padding: 0.8% 0px 0.3% 0px; 
	margin-left: 37%;
	font-size: 0.7em;
	color:#2b388a;
	position: relative;
	left: 7%;
	
}



dl.galerie {border: 0px none;
       width: 260px;
       text-align: center;
       padding: 0px;
       float: left;
       margin-right: 0px;
       margin-bottom: 0x;
	   text-align: center;
       margin: 0 auto; 
	   height: 100%;
	   padding-right: 2px;}		
	   
dl.galerie-prodej {border: 0px none;
       background-color: #FFFFFF;
       width: 264px;
       text-align: center;
       padding-top: 0px;
       padding-bottom: 0px;
       padding-left: 0px;
       padding-right: 0px;
       float: left;
       margin-right: 0px;
       margin-bottom: 0x; }		   	  
			  
		  
              
             
.galerie dt {font-weight: normal;
       text-align: center;
       width: 264px;
       margin-left: 5px;
       margin-right: 5px;
       margin-top: 0px;
       font-size: 8pt; 
	   margin-bottom: 0px;
	               } 
	   
	   
.tabulkagal tr {border: 0px none;  } 	   	   
               
.tabulkagal td {border: 0px none;  
         	  float: left;} 
               
              
.galerie img { border: 0px none;
         width: 260px;
         height: 196px;
         text-align: center;
         margin: 0 2x 0 0px;    
		 border: 2px dotted #2b388a;
      border-left: 0px none;
	  border-right: 0px none; 
	        } 
               
.galerie dd {margin: 0px;
         padding: 0px;
         text-align: center;
         width: 260px;          } 
		 

         
td.galerie {border: 0px none;
       padding: 0px;
       margin: 0px;
           } 
              
 	 
.tabulkagal
{	border:  0px none;
	margin:  0 px;
	caption-side: bottom;
	position: relative;
	left: -5px;

		}






/*--responsive--*/
@media screen and (min-width:978px){
	.hoc{max-width:978px;}
	
}

@media(max-width:2066px){
	
	
	.img-zahlavi {
		min-height: 530px;
	}
	
	.logo {
      margin: 0 auto 0;
	}
	
	

}





@media(max-width:1366px){
	
	
	.img-zahlavi {
		min-height: 500px;
	}
	
	.logo {
      margin: 0 auto 0;
	}
	
	

}
@media(max-width:1280px){

.img-zahlavi {
		min-height: 360px;
	}
	
	
#container-sl {

       position: relative;
	  left: 8%;
	  top:-180px;
      
	  font-size: 1.1em;
	
    }	
	
	
	.logo img {
    width: 92%;
	padding: 0px;
	margin: 0px;
}


.slogan {
     font-size: 2.2em;
    float: left;
	position: relative;
	top: 1.75em;
	left: -3.9em;
	
	
} 


.container-menu{
 width: 80%;
 float: right;
 font-size: 0.95em;
 position: relative;
 top: -8em;
 	 
}

.telef p{
		top: -0.6em;
	}	
	
	
		
	.contact-us1-bottom input[type="text"], .contact-us1-bottom input[type="email"], .contact-us1-bottom textarea {
		width: 48%;
	}
	.home-radio-clock ul li {
		padding-left: 0em;
	}
	.contact-us1-bottom textarea {
		width: 100% !important;
	}

}

@media(max-width:1087px){

.img-zahlavi {
		min-height: 360px;
	}
	
	
#container-sl {

       position: relative;
	  left: 8%;
	  top:-180px;
 	  font-size: 1.1em;
	
    }	
	
	
	.logo img {
    width: 92%;
	padding: 0px;
	margin: 0px;
}


.container-menu{
 width: 79%;
 float: right;
 font-size: 0.9em;
 position: relative;
 top: -7em;

}

.slogan {
     font-size: 2.0em;
    float: left;
	position: relative;
	top: 1.9em;
	left: -4.2em;

} 


		
	.contact-us1-bottom input[type="text"], .contact-us1-bottom input[type="email"], .contact-us1-bottom textarea {
		width: 48%;
	}
	.home-radio-clock ul li {
		padding-left: 0em;
	}
	.contact-us1-bottom textarea {
		width: 100% !important;
	}

}




@media(max-width:1024px){

.img-zahlavi {
    min-height: 340px;
	
}


.logo img {
    width: 75%;
	float: left;
	position: relative;
	top: 1.5em;
   
}


.slogan {
     font-size: 1.7em;
    float: left;
	position: relative;
	top: 2.2em;
	left: -5.2em;

} 

.container-menu{
 width: 78%;
 float: right;
 font-size: 0.8em;
 position: relative;
 top: -7.5em;
 
}

#container-sl {
      position: relative;
	  left: 8%;
	  top:-170px;
	  font-size: 1.0em;
	
    }



}
@media(max-width:991px){
.hoc{max-width:90%;}

.img-zahlavi {
    min-height: 230px;
	
}


.logo img {
    width: 72%;
	float: left;
	position: relative;
	top: 1.5em;
   
}

.container-menu{
 width: 78%;
 float: right;
 font-size: 0.7em;
 position: relative;
 top: -8.0em;
 	
}

.slogan {
     font-size: 1.7em;
    float: left;
	position: relative;
	top: 2em;
	left: -5.4em;

} 


#container-sl {
      position: relative;
	  left: 8%;
	  top:-120px;
	  font-size: 0.85em;

    }
	
	.telef{
		font-size: 0.8em;
		position: relative;
		right: 1em;
		padding-bottom: 1em;
	}

  	.telef2{
		font-size: 0.9em;
		
	}

}

@media(max-width:800px){


#container {
	width: 98%;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
	
}
	
	.img-zahlavi {
		min-height: 200px;
	}
	
	
	.logo img {
    width: 63%;
	float: left;
	position: relative;
	top: 2.5em;
   
}


.slogan {
     font-size: 1.4em;
  float: left;
  width: 40%;
	position: relative;
	top: 2.5em;
	left: -6.7em;
	
} 	
		

.telef{
		font-size: 0.8em;
		position: relative;
		right: 2.8em;
		padding-bottom: 1em;

	}
	
 .telef2{
		font-size: 0.8em;
		

	}	
	
	
	 .container-menu{
 border: 0px;
 font-size: 1.2em;
 z-index: 500;
 	 
}

.container-sl{
 z-index: -200;
 	 
}

	
}
@media(max-width:768px){
	
	.img-zahlavi {
		min-height: 170px;
	}
	
	
	.logo img {
    width: 60%;
	float: left;
	position: relative;
	top: 2.6em;
   
}
	

	
}
@media(max-width:767px){
  .img-zahlavi {
		min-height: 170px;
		
	}
	
	.slogan {
     font-size: 1.4em;
  float: left;
  width: 40%;
	position: relative;
	top: 2.5em;
	left: -6.8em;

} 

.logo img {
    width: 60%;
	float: left;
	position: relative;
	top: 2.6em;
   
}	


.logo-stin {
    width: 8em;
	
   
}

#container-sl {
      position: relative;
	  left: 8%;
	  top:-120px;
	  font-size: 0.75em;
	
    }
	
	.telef2{
		font-size: 0.78em;
		

	}	
	
	.kontakty2 {
	width: 23%;  
	float: left;
	padding: 3%;
	padding-left: 3%;
	padding-top: 5%;
	
}
	
	
	
	.group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child{margin-bottom:0;}
	
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	


}


@media(max-width:660px){
  
.logo img {
    width: 58%;
	float: left;
	position: relative;
	top: 2em;

}	

.telef2{
		font-size: 0.75em;
		

	}	

}





@media(max-width:640px){


.img-zahlavi {
    min-height: 135px;
	
}


.logo img {
    width: 47%;
	float: left;
	position: relative;
	top: 2.8em;
   
}

.logo-stin {
    width: 7em;
	
   
}


.slogan {
     font-size: 1.1em;
  float: left;
  width: 40%;
	position: relative;
	top: 2.5em;
	left: -9.5em;

} 	

#sloupce div {
      height: 1em;
      margin-right: 1%;
      width: 40.83%; 
	  height: 2.83%; 
	  height: 0.12%; 
	  	  
    }	
	
	#container-sl {

      float:left;
      position: relative;
	  left: 8%;
	  top:-100px;
	  font-size: 1.4em;
	 width: 100%;
	 height: 10%;

    }
	
	H1 {
	margin: 0; 
	padding: 1.5em 0px 5px 0px; 
	color: #2b388a;
	font-weight:normal;
	padding: 0px;
	margin: 0px;

}
	
	
	#text{

      position: relative;
	  top:-3em;
		  
    }
	
	
	
	
	
	.telef{
		font-size: 0.9em;
		float:right;
		posítion: relative;
		padding-bottom: 0.1em;
		width: 16em;
		margin-right: 0px;
		padding-right: 0px;

	}
	
	
	.telef p{
		float: right;
		position: relative;
		top: 0.2em;
		right: 2.5em;

	}	
	
	#sada1, #sada2, #sada3, #sada4, #sada5,{
  height: 50px;

}	



#container3 {
	width: 100%;  
	background: #2b388a;
	height: 47em;
	color: #FFFFFF;
	padding-bottom: 2%;
	
	
}



.formular {
	width: 85%;  
	padding: 3%;
	padding-left: 7%;
	
}

.kontakty2 {
	width: 85%;  
	padding: 3%;
	padding-left: 7%;
	padding-top: 5%;
	color: white;
	
}

#mapa {
	width: 86%;  
	height: 20em;
	padding: 3%;
	padding-right: 7%;

}


#footer { 
	height: 5%;
	padding: 0 0px; 
	margin: 0px;
	width: 90%;
	text-aligh: center;
	
	
} 

#footer p {
	margin: 0% 0px; 
	padding: 0.8% 0px 0.3% 0px; 
	
	font-size: 0.7em;
	color:#2b388a;
	text-align: center;
	
}
	

}


@media(max-width:550x){


.img-zahlavi {
    min-height: 135px;
	
}


.logo img {
    width: 42%;
	float: left;
	position: relative;
	top: 2.5em;
   
}

.logo-stin {
    width: 6em;
	
   
}


.slogan {
     font-size: 1.1em;
  float: left;
  width: 37%;
	position: relative;
	top: 2.6em;
	left: -9.5em;

} 	

#sloupce div {
      height: 1em;
      margin-right: 1%;
      width: 40.83%; 
	  height: 0.83%; 

    }	
	
	#container-sl {

      float:left;
      position: relative;
	  left: 8%;
	  top:-100px;
	  font-size: 1.5em;
	 width: 100%;
	 height: 10%;

    }
	
	H1 {
	margin: 0; 
	padding: 1.5em 0px 5px 0px; 
	color: #2b388a;
	font-weight:normal;
	padding: 0px;
	margin: 0px;
	
}
	
	
	#text{

      position: relative;
	  top:-3em;

    }
	
	
	.telef{
		font-size: 0.7em;
		float:right;
		padding-bottom: 0.1em;
		width: 62%;
		margin-right: 0px;
		padding-right: 0px;

	}
	
	
	.telef2{
		font-size: 1em;
		

	}
}





@media(max-width:480px){

.img-zahlavi {
    min-height: 110px;
}



.logo img {
    width: 40%;
	positin: relative;
	left: -1.3em;
}


.logo-stin {
    width: 5em;
	padding-left: 0.5em;
	
   
}

.slogan {
     font-size: 0.75em;
  float: left;
  width: 40%;
	position: relative;
	top: 3.2em;
	left: 2.9em;

}	
	
	.telef{
		font-size: 0.7em;
		float:right;
		posítion: relative;
		right: -0.5em;
		top: 1em;
		padding-bottom: 0.1em;
		width: 16em;
		margin-right: 0px;
		padding-right: 0px;

	}
	
	
	.telef p{
		float: right;
		position: relative;
		top: 0.2em;

	}	
	
	
	#container-sl {

      float:left;
      position: relative;
	  left: 8%;
	  top:-100px;
	  font-size: 1.1em;
	 width: 100%;
	 height: 28em;

    }
	
	
	#sloupce div {
      height: 1em;
      margin-right: 1%;
      width: 40.83%; 
	  height: 0.5%; 

    }	
	
	
	#sada1, #sada2, #sada3, #sada4, #sada5{
   height: 130px;
   padding-top: 2.0em;
}	

	

}



@media(max-width:442px){



.slogan {
     font-size: 0.75em;
  float: left;
  width: 40%;
	position: relative;
	top: 3.2em;
	left: -15.9em;

}	
	

}







@media(max-width:414px){



#header {
	
	padding: 1% 1% 0 1%;  
	
	}

.img-zahlavi {
    min-height: 100px;
}


.logo img {
    width: 38%;
	float: left;
	position: relative;
	top: 2em;
}

.slogan {
     font-size: 0.75em;
  float: left;
  width: 48%;
	position: relative;
	top: 1.9em;
	left: 2.9em;
	}	




.telef{
		font-size: 0.7em;
		float:right;
		posítion: relative;
		padding-bottom: 0.1em;
		width: 16em;
		margin-right: 0px;
		padding-right: 0px;

	}
	
	
	.telef p{
		float: right;
		position: relative;
		top: 0.2em;
	
	}	
	
	
	
	
	#container-sl {
      float:left;
      position: relative;
	  left: 8%;
	  top:-100px;
	  font-size: 1.1em;
	 width: 100%;
	 height: 25em;

    }
	
	
	#sloupce div {
      height: 1em;
      margin-right: 1%;
      width: 40.83%; 
	  height: 0.4%; 
	
    }	
	
	
	#sada1, #sada2, #sada3, #sada4, #sada5{
   height: 130px;
   padding-top: 1.4em;
}	
	

}
@media(max-width:375px){

.img-zahlavi {
    min-height: 90px;
}

#container-sl {

      float:left;
      position: relative;
	  left: 8%;
	  top:-100px;
	  font-size: 0.9em;
	 width: 100%;
	 height: 25em;

    }
	
	
	#sloupce div {
      height: 0.7em;
      margin-right: 1%;
      width: 40.83%; 
	  height: 0.4%; 

    }	
	
	
	#sada1, #sada2, #sada3, #sada4, #sada5{
   height: 97px;
   padding-top: 2.2em;
}	


}
@media(max-width:320px){

#container-sl {

      float:left;
      position: relative;
	  left: 8%;
	  top:-100px;
	  font-size: 0.8em;
	 width: 100%;
	 height: 23em;

    }
	
	
	#sloupce div {
      height: 0.7em;
      margin-right: 1%;
      width: 40.83%; 
	  height: 0.4%; 

    }	
	
	
	#sada1, #sada2, #sada3, #sada4, #sada5{
   height: 97px;
   padding-top: 1.4em;
}	



}