@import url("detail.css");

body { position: relative; margin-top: 0px;	text-align:center; 	margin:0px; padding:0px; background: #e7edf5; background-repeat: repeat-x;
scrollbar-base-color: #ffffff; 
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #989898;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-arrow-color: #ffffff;
}
 
#page{ position: relative; margin-top: 0px; width: 993px;  margin: 0px auto; text-align: left; }
#header { position:relative; float: left; width:993px; height: 106px; background:url("../images/top.gif") no-repeat; 
	        float:left; text-align: left; }

.clear { clear: both;}


/* Nadpisy */
              
h1 {
	font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	font-size:20px;
	color:#000000;  
	}

h2 {
	margin: 4px 0 0 0;
  font-family: Arial, Verdana, Tahoma;
	font-weight:bold;
	font-size: 16px;
	color:#6b9b00;
	clear: both;
	}

h3 {
  font-family: Arial, Verdana, Tahoma;
	font-size: 13px;
	font-weight: bold;
	color:#6b9b00; 
	margin: 10px 0 0 0;
	}

h4 {
  font-family: Arial, Verdana, Tahoma;
	font-weight:bold;
	font-size: 12px;
	color:#6b9b00;    
	margin: 10px 0 0 0;
	}
p	{
  margin: 10px 0 0 0;
  font-family: Arial, Verdana, Tahoma;
	font-weight:normal;
	font-size: 12px;
	color:#000000;
	}


#logo {  display: block;  position: relative;  width: 212px;  height: 54px;  overflow:hidden;  float: left;  margin: 26px 0px 0px 19px;}
#logo span {  display:block;  position: absolute;  top:0;   left:0;   z-index:1;   width:100%;   height:100%;  cursor: pointer; background-image: url("../images/logo.gif");}

#logo_en {  display: block;  position: relative;  width: 212px;  height: 54px;  overflow:hidden;  float: left;  margin: 26px 0px 0px 19px;}
#logo_en span {  display:block;  position: absolute;  top:0;   left:0;   z-index:1;   width:100%;   height:100%;  cursor: pointer; background-image: url("../images/logo_en.gif");}


img {
 border: none;
  
} 



#lang { position: absolute; top: 5px; right: 40px; height: 20px; font-family: Arial, Verdana, Tahoma; font-weight: normal; font-size: 12px; color:#000000; }  

#lang img {
  margin-left: 10px;
  
} 

	
#content {
  position: relative;
  float:left;
  width: 993px;
  height: 393px; 
  
}  
  
              
#bg_content {
  position: relative;
  float: left;
  margin: 0;
	background-image: url("../images/bg_content.gif");
	width: 993px;
	height: 393px;
	
   
}  
  
#foto {
  position: absolute;
  top: 0px;
  left: 0px;
	background-image: url("../images/obaly.jpg");
	width: 524px;
	height: 393px;
   
}  

#foto_en {
  position: absolute;
  top: 0px;
  left: 0px;
	background-image: url("../images/obaly_en.jpg");
	width: 524px;
	height: 393px;
   
}  



/* Akce  */

#akce {
  position: absolute;
  top: 0px;
  left: 552px;
  width: 440px;
  height: 113px;

  
  
} 
   
    .nadpis {
  margin-top: 6px; 
  height: 20px;
  left: 0px;
  font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	font-size: 21px;
	color:#FFF;
  
    } 
#akce_box {
margin-top: 14px; 
clear: both;
height: 77px;
line-height: 1.4;

  
} 

.akce_datum {
  margin: 3px 0 0 0; 
  padding: 0;
  float: left;
  width: 73px;
  font-family: Arial, Verdana, Tahoma;
	font-weight: bold;
	font-size: 11px;
	color:#669800;

}  
 
.akce_popis {
  
  margin: 3px 0 0 0; 
  padding: 0;
  float: left;
  width: 358px;
  font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	font-size: 11px;
	color:#000000;
}               
  .akce_popis a {
  
	color:#000000;
}   

  /* Novinky  */


#novinky {
  position: absolute;
  top: 114px;
  left: 552px;
  width: 420px;
  
}  

 

.novinka {
  margin-top: 10px;
  float: left;
  width: 140px;
  text-align: center;

} 

.novinka_en {
  margin-top: 13px;
  float: left;
  width: 140px;
  text-align: center;

} 




#novinky_flash {
  margin-top: 12px;


} 

.novinka_nadpis {
  
  font-family: arial, tahoma, verdana;
  font-size: 11px;
  
} 

.novinka_nadpis a {
  
  text-decoration: none;
  color: #000000; 
  
} 


#novinky_dalsi {
  position: absolute;
  top: 140px;
  right: 0px;

  
} 

#novinky_dalsi a {

  font-family: Arial, Verdana, Tahoma;
	font-weight: normal;
	font-size: 10px;
	text-decoration: underline;
	color:#000000;
  
} 


#eshop {
  position: absolute;
  top: 274px;
  left: 533px;
  height: 119px;
  width: 264px;

}  


#eshop_cat {
  position: absolute;
  top: 274px;
  left: 806px;
  height: 119px;
  width: 187px;

}  

#eshop_en {
  position: absolute;
  top: 274px;
  left: 533px;
  background-image: url(../images/eshop_en.gif); background-repeat: no-repeat;
  height: 119px;
  width: 460px;
  z-index: 1;
  
}

#eshop_en a {
  position: absolute;
  top: 80px;
  left: 140px;
  height: 20px;
  width: 270px;
  z-index: 0;
  
}



/* Footer */

      
#boxy_menu { position:relative; float: left; background-image: url(../images/boxy.gif); background-repeat: no-repeat; width: 993px; height: 184px; padding: 0; margin-top: 9px; }

.boxy_text { float: left; width: 236px; height: 75px; margin: 13px 0 5px 12px; padding: 0; text-align: left; }

.boxy_img { float: left; width: 51px; height: 52px; }

.boxy_right { float: right; margin-left: 6px; width: 178px; }

.boxy_text h2 {  margin: 0; padding: 0; font-family: Arial, Verdana, Tahoma; font-weight:bold; font-size: 13px; color:#ffffff; }
.boxy_text h2 a { text-decoration: none; color:#ffffff;}
.boxy_text h2 a:hover { text-decoration: underline; color:#ffffff;}

.boxy_text p { padding: 4px 0 0 0; margin: 0; font-family: Arial, Verdana, Tahoma; font-weight: normal; font-size: 11px; color:#010101;}

#footer { font-family: Arial, Verdana, Tahoma; font-weight:normal; font-size: 10px; color:#545454; position:relative; float: left; width: 993px; height: 52px; margin-top: 5px; }
  #footer a { color:#545454; text-decoration: none;}
  #footer a:hover {text-decoration: underline;}
.footer_lf { float: left; width: 700px; }  
  .mapa { text-align: right; width: 100px; float: right;  }
  .mapa_en { margin-left: 780px; }





   
  
                  	/*Menu */

  
#hlavniMenu { height: 27px; position: absolute;  top: 0;  margin: 0;  padding: 0; left: 330px; width: 560px;}
#hlavniMenu ul { float: left; list-style: none; display: block; height: 27px; width: 560px; padding:0; margin: 0;}
  #hlavniMenu li { float: left; position: relative; z-index: 6000; display: block; height: 21px; padding-left:4px; padding-right: 25px; padding-top: 2px; }
    #hlavniMenu a { color: #FFF; font-family: Arial, Verdana, Tahoma; font-weight:normal; font-size: 12px; text-decoration: none; }
    #hlavniMenu a:hover { text-decoration: none; }
#hlavniMenu .menuFirst {border-width: 0;}
  #hlavniMenu .subMenuItem { display: none; width: 160px; position: absolute; top: 20px; left: 0; background: #5f9400;  padding: 0px; height: auto; }
  #hlavniMenu .subMenuItem li { width: 160px; padding: 0px; background: url(none); height: 21px; }
    #hlavniMenu .subMenuItem li a { width: 155px; display: block; margin: 0; color: #FFF; font-weight: normal; font-size: 11px; text-decoration: none; float: left; height: 16px; padding-top: 5px; padding-right: 0; padding-left: 5px; }
    #hlavniMenu .subMenuItem li a:hover {background: #176ea7; color: white;}
  #hlavniMenu li:hover ul, #hlavniMenu li.over ul {display: block;}