/* CSS Document */         
/*
Přechody nastaveny na čas 
  vstupní   0.15s
  výstupní  0.3s*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
  height:100%;
  }
a{
  text-decoration:none;
  font-style:normal;
  }  
#wrapper{
  position:relative;
  top:0;
  left:0;
  height:100%;
  width:100%;
  MARGIN:0;
  PADDING:0;/*overflow:hidden;  */
  }  

/* --------------------------- OBECNÉ --------------------------- */

.italic{
  font-style:italic;
  }  
.bold{
  font-weight:bold;
  }

.underscore{
  padding-bottom:2px;
  border-bottom:solid 1px;
  } 
.bigger{
  font-size:1.15em;
  }
.biggest{
  font-size:1.4em;
  }  
.blue{
  color:rgb(0,147,221);
  padding-left:20px;
  }
.green{
  color:rgb(107,186,45);
  }
.h1{
  font-size:1.6em;
  margin-left:-15px;
  font-style:normal;
  color:rgb(0,103,155);
  }
.h2{
  font-size:1.35em;
  margin: 10px 0 10px -20px;
  color:rgb(0,147,221);
  font-style:normal;
  }
.h2:first-child{
  font-size:1.35em;
  margin: 40px 0 10px -15px;
  color:rgb(0,147,221);
  font-style:normal;
  }  
.h3{
  font-size:1.15em;
  margin:0px;
  color:rgb(107,186,45);
  font-style:normal;
  }

/* --------------------------- seznam - vlevo výjížděcí --------------------------- */
#seznamWrapp{
  position:fixed;
  top: 0px;
  left: 0px;
  height:100%;
  }
  
  #sezArrow{
  position:absolute;
  top:51%;
  left:10px;
  height:30px;
  transition:0.1s;
  opacity:0.7;
  }
  
  #seznamWrapp:hover #sezArrow{
  opacity:0}
  
#seznam{
  position:absolute;
  top: 0px;
  left: 0px;
  width:30px;
  height:100%;
  Padding: 0px 0px 0px 15px;
  background:rgb(90,90,90);
  opacity:0.1;
  overflow:hidden;
  z-index:2; 
  transition:.15s;
  list-style-type:none;    
}
#seznam:hover{
  width:30%;
  max-width:360px;
  opacity:0.98;
  transition:0.3s;
  min-width:330px;
  }
#sezHD{
  position:absolute;
  bottom:25px;
  right:0px;
  }  
#sezHDimg{
  position:relative;
  top:8px;
  height:30px;
  }  
#sezCsnadpis{
  font-style:italic;
  padding-bottom:2px;
 /* border-bottom:solid rgb(0,147,221) 2px; */
  }  
#seznam p{
  position:relative;
  left:-400px;
  width:300px;
  margin:15px 0 7px 0;
  padding:0;
  color:white;
  opacity:0;
  transition:0.15s;
  overflow:hidden;
  font-size:1.15em;
  }  
  
.sezOdkazText{
  position:relative;
  display:block;
  left:-300px;
  width:300px; 
  padding-bottom:5px;
  overflow:hidden;      
  transition:0.15s;
  color:white;
  } 

  
#seznam:hover .sezOdkazText{
  left:0px;      
  padding-left:40px;
  transition:0.4s
  }    
#seznam .sezOdkazText:hover{
    font-style:italic;
    transition:0.1s;
    color:rgb(107,186,45);
    }
#seznam:hover .child{
    text-decoration:dot;
    padding-left:70px;
    }

#sezLogo{
  position:absolute;
  top:13px;
  left:-400px;
  /*opacity:0;   */
  transition:.15s;
  height:35px;}
    
#seznam:hover p, #seznam:hover #sezLogo{
  left:3px;
  opacity:1;
  transition:0.3s;
  }  
  


/* --------------------------- MAIN --------------------------- */
    
#main{
  position:relative;
  height:100%;
  width:96%;
  color:rgb(112,112,112);
  margin:0 0% 0 4%;
  padding:0 0 0 0;
  border:0px;
  background:white;
  /*overflow-y:scroll;     */
  line-height:1.5em;
	font-size:1.2em;
  }

.poznamka{
  font-size:0.8em;
  line-height:1.35em;
  font-style:italic;
  margin: 2em 0px 2em;
  padding:5px 15px;
  /*border-bottom: 1px dotted;     */
  /*border-top: 1px dotted;  */
  }  
 
.produkt{
  margin:10px;
  text-align:justify;
  padding: 0px 30px 0px 25px;
  }
  
#main li{
  padding-left:10px;
  }
#main a{
  color:rgb(80,80,80);
  font-style:italic;
  border-bottom:1px dotted rgb(80,80,80);
  }
#main a:hover{
  color:rgb(80,80,80);}  

.divimage{
  position:relative;
  max-height:200px;
  width:100%;
  display:block;
  margin: 1em auto 2em;
  z-index:1;
  }
.divimage:hover{
  z-index:100;
  }  
 
#main img{
  display:block;
  margin:auto;
  max-height:200px;
  max-width:90%;
  transition:0.15s;
  }

#main img:hover{
  max-height:700px;
  transition:0.3s;
  transition-delay:0.3s;
  }
    
#img_seznam{
 position:absolute;
 bottom:280px;
 left:12px;
 width:40px;
 }
  
#img_navigace{
  opacity:1;
  position:absolute;
  bottom:150px;
  left:-20px;
  width:40px;
  }