/* CSS Document */

html, body{

background:#FFFFFF;

padding:0;

margin:5px;

}



html, body {

/*font-family: Verdana, sans-serif;*/
font-family: Helvetica, sans-serif;

font-size:12pt;
color:#666666;
}



.clear{

clear:both;

}



.hide{

display:none;

}



.margin1{

margin:10px;

}



.minifont{

font-size:70%;

}



.textCenter{

text-align:center;

}




#header{

  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;


}


#headerC{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  width:30%;
  
  

}


#headerL, #headerR{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  width:20%;
  
  
 
}

#headerC .logochata img{
  height:120px;
    padding:0px;
    margin:0 auto;
  justify-content: center;
  text-align: center; 
   
}


#headerC .logochata{
  display: block;
    padding:0px;
    margin:0 auto;
  justify-content: center;
  text-align: center; 
 
  
}
#headerC .textlogo{
   display: block;
    padding:0px;
    margin:0 auto;
  justify-content: center;
  text-align: center; 

 
}


#headerC .textlogo a{
text-decoration:none;
}

#headerC .textlogo h2{
  color:#6F894A;
  //font:;
  font-size:34pt;
  font-family: 'Brush Script MT', cursive;
 
  
   display: block;
    padding:0px;
    margin:0 auto;
    font-weight:normal;   
}
#headerC .textlogo h2 p{
    padding:0px;
    margin:0px;
}

#headerC .textlogo h3{
  color:#6F894A;
  //font:;
  font-size:10pt;
  position:relative;
    top:25px;
   display: block;
    padding:0px;
    margin:0px auto 0px auto;
   font-weight:normal; 
}


#headerL .icons{
   display: block;
  
  justify-content: center;
  text-align: center;   
}



#headerL .icons a{
   display: block;

   height:40px;
   line-height:40px;
   padding:0 20px 0 0;
  text-align: left; 
  color:#666666;
  //font:;
  font-size:12pt;
  //font-weight:bold;
  text-decoration:none; 
  vertical-align:middle;   
}
#headerL .icons img{
  //text-align: left; 

  display: inline-block;
  vertical-align:middle;
  height:24px;
  margin-right:10px;   
}


.teplomerIco img{
  display: block;
  vertical-align:middle;
  height:28px;
  margin-right:10px; 
}

.teplota{
  color:#666666;
  font-size:22pt;
  font-weight:bold;
  text-decoration:none;

  width:150px;
  
  
}

.teplotaPopis{
  color:#666666;
  font-size:8pt;
  font-weight:normal;
  text-decoration:none;

}

.citat{
   color:#666666;
  font-size:10pt;
  font-weight:normal;
  text-decoration:none;
  font-style: italic;
  text-align:center;
  height:40px;

  
}

#menu1{
   clear:both;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  width:80%;
  margin:35px auto 20px auto;
  border-bottom: 2px solid #6F894A;
  background:#F4F8F1;
  
}

#menu1 a{
  display:block;
  height:48px;
  line-height:48px;
  vertical-align:middle;
  margin:0;
  padding:0 20px 0 20px;
  color:#6F894A;
  //font:;
  font-size:14pt;
  font-weight:normal;
  text-decoration:none;
}

#menu1 a:hover{
  color:#4A5C32;
  background:#E2EDDA;
  //font:;
  font-size:14pt;
  //font-weight:bold;
  text-decoration:none;
}


#content{

  display: block;
  line-height:150%;
  height: auto;
  width:80%;
  margin:10px auto;
  padding:0px;
  background:white;

}

#content2{

  height: auto;
  margin:30px;
  padding:0px;

}

#footer{
  display: flex;
  
  justify-content: center;
  align-items: center;
  height: auto;
  width:80%;
  margin:0px auto;
  border-top: 2px solid #6F894A;
  background:#F4F8F1;

}


#footerL, #footerR{
  display: flex;
  justify-content: center;
  align-items: center;
  width:45%;
  color:#263340;
   line-height:150%;
   padding:10px;

}

#footerC{
  display: flex;
  justify-content: center;
  align-items: center;
  width:3%;

}


#footer2{
  display: flex;
  padding:15px 0;
  justify-content: center;
  align-items: center;
  height: 80px;
  width:80%;
  margin:0px auto;
  background:#F4F8F1;
  font-size:80%;
  color:#6F894A;

}

#footer2 a{
text-decoration:none;
color:#6F894A;
}



#fotogalerie{

  display: block;
  width:80%;
  margin:10px auto;
  
  justify-content: center;
}

#fotogalerie .onefoto{
width:160px;
min-height:166px;
margin:5px;
float:left;


}

#fotogalerie .popisekfoto{
        text-align:center;
}



#fotogalerie .ramecek{
border:solid #D8D8D8 2px;
border-radius:8px;
width:160px;
height:126px;
line-height:126px;
vertical-align:middle;
text-align:center;
background:#EFEFEF;
}

#fotogalerie .onefoto .ramecek .hover{
width:160px;
height:126px;
background:url('../img/hover-galerie.png') center center no-repeat;
margin-top:-126px;
position:relative;
z-index:999;
display:none;
}
  /*
#fotogalerie .hide .ramecek .hover{
display:block;
cursor:pointer;
}
  */




#fotogalerie img{
border:solid #EFEFEF 1px;
border-radius:6px;
vertical-align:middle;
text-align:center;



  max-width:140px;
  max-height:106px;
  width: auto;
  height: auto;

-moz-opacity: 0.85;
-khtml-opacity: 0.85;
opacity: 0.85;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=85);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
filter:alpha(opacity=85);
}




.kontaktform{
    //border:solid red 1px;

}


.kontaktform table{

     margin:0 auto;
}


.kontaktform table label{
 font-size:12pt;

}


.kontaktform table input{
    width:300px;
    height:30px;
    border:solid #4A647F 1px;

}
.kontaktform table textarea{
    width:300px;
    height:100px;
    border:solid #4A647F 1px;

}

.kontaktform table input[type='checkbox']{
    width:30px;
    border:solid #4A647F 1px;

}

.kontaktform table input[type='submit']{
    height:30px;
    border:solid #4A647F 1px;
    background:#F7F7F9;
    font-size:14pt;

}
.kontaktform table input[type='submit']:hover{
    background:#F3F3F5;
}



.msgERR{
width:50%;
padding:30px;
color:#D81212;
text-align:center;
margin:10px auto;
background:#FFEEEE;
border:solid #D81212 1px;
}


.msgOK{
width:50%;
padding:30px;
color:#12D812;
text-align:center;
margin:10px auto;
background:#E1FFE1;
border:solid #12D812 1px;
}