body {
  margin: 0;
  background-image: url('bg.jpg');
  font-family: Arial;
  color: #444;
}
.page {
  _text-align: center;
}      
      
.header {
  margin: 0 auto;
  background-image: url('header.jpg');
  background-repeat: no-repeat;
  background-color: #fff;
  width:620px;
  _width:650px;
  height:80px;
  _height:90px;
  text-align: right;
  padding-top: 100px;
  padding-right: 30px;
  font-style: italic;
  color: #999;
}

.footer {
  margin: 0 auto;
  width:650px;
  _width: 680px;
  height:60px;
  text-align: center;
  background:url("bg_menu.jpg");
  color: #555;
  font-size: 0.7em;
  padding-top: 1em; 
}

.mcenter {
  width: 100%;
  height: 40px;
  background-color: #FBD4A7;
}

.cleaner {
  clear: both;
}
    
#menu {
		    background:url("bg_menu.jpg");
		    height: 40px;
		  }
	    
#mleft {
		    float:left;
		    margin:0; padding:0;
		  }
	    #mright {
		    float:right;
		    margin:0; padding:0;
		  }
	    #mcenter {
	 	    margin:0 auto;
  		  width: 650px;
  		  _width: 680px;
		    height: 40px;
		    background-color: #FBD5A8;
		    line-height: 40px;
		    _margin-bottom: -18px;
		    text-align: center;
		    font-weight: bold;
		    font-size: 9pt;
	    }
		
		  #mcenter ul {
		    margin: 0 0 0 5px; padding: 0;
		    list-style-type: none;
		    list-style-position: inside;
		    height: 40px;
}

#mcenter ul li {
  float: left;
  padding: 0 1em;
  list-style-type: none;
	list-style-position: inside;
} 
		
		  #mcenter a {
		    display: block;
		    color: #942D02;
		    text-decoration: none;
}
#mcenter a:hover {
  color: #000;
  border-top: 7px solid #942D02;
  line-height: 35px;
  _line-height: 33px;
}
    
.content {
  margin: 0 auto;
  padding: 30px;
  width: 590px;
  _width:620px;
  background-color: #fff;
  text-align: justify;
  font-size: 0.8em;
}
  
table {
  font-size: 0.9em;
   border-collapse: collapse;
}

table td {
  border: 1px solid #333;
  padding: 6px;
}

thead {
  background-color: #942D02;
  color: #ddd;
  font-weight: bold;
}

#honey {
  float: left;
  background-image: url('honey.jpg');
  background-repeat: no-repeat;
  width: 160px;
  height: 180px;
}

#news {
  float: left;
  background-image: url('news.jpg');
  background-repeat: no-repeat;
  width: 218px;
  height: 147px;
}

#produce {
  float: left;
  background-image: url('produce.jpg');
  background-repeat: no-repeat;
  width: 141px;
  height: 182px;
}

#sale {
  float: left;
  background-image: url('sale.jpg');
  background-repeat: no-repeat;
  width: 216px;
  height: 144px;
}

#sell {
  float: left;
  background-image: url('sell.jpg');
  background-repeat: no-repeat;
  width: 257px;
  height: 158px;
}
#distribute {
  float: left;
  background-image: url('distribute.jpg');
  background-repeat: no-repeat;
  width: 200px;
  height: 220px;
}

#voda {
  float: left;
  background-image: url('voda.jpg');
  background-repeat: no-repeat;
  width: 132px;
  height: 82px;
}
#med {
  float: left;
  background-image: url('med.jpg');
  background-repeat: no-repeat;
  width: 140px;
  height: 95px;
}
#byliny {
  float: left;
  background-image: url('byliny.jpg');
  background-repeat: no-repeat;
  width: 108px;
  height: 108px;
}

#chmel {
  float: left;
  background-image: url('chmel.jpg');
  background-repeat: no-repeat;
  width: 130px;
  height: 110px;
}

#medoviny {
  float: left;
  background-image: url('medoviny.jpg');
  background-repeat: no-repeat;
  width: 280px;
  height: 162px;
}

.content h3 {
  margin: 0 0 1em 0;
  color: #942D02;
  letter-spacing: 2pt;
}
.content a {
  text-decoration: none;
  font-weight: bold;
  color: #942D02;
}
.content a:hover {
  text-decoration: underline;
}
.odstavec {
  margin-bottom: 2em;
  text-indent: 2em;
}

.autor {
  text-align: right;
  font-style: italic;
}

.reklama {
  float: right;
  border: 2px dotted #F8BA71;
  color: #942D02;
  background-color: #FBD5A8;
  width: 230px;
  margin: 1em 1em 1em 2em;
  padding: 1em;
  font-weight: bold;
  text-align: center;
}

.bez_borderu td {
  border: 0;
}
.seznam_medovin li {
  color: #942D02;
}

.seznam_medovin li ul li {
  color: #000;
  font-style: italic;
}

#zt1,#zt2,#zt3 {
  display: none;
}

#draze1,#draze2,#draze3 {
  float: left;
  width: 170px;
  height: 128px;
  margin-right: 2em;
}

#draze1 { background-image: url('draze1.jpg'); }
#draze2 { background-image: url('draze2.jpg'); }
#draze3 { background-image: url('draze3.jpg'); }

.pocitadlo a {
  text-decoration: none;
  color: #555555; 
}
.copyright {
  font-size: 0.8em;
  margin: 1em 0;
}
.copyright a {
  text-decoration: none;
  font-weight: bold;
  color: #942D02;
}
.copyright a:hover {
  text-decoration: underline;
}