body {margin: 0px; background: #fbe06f; background-image:url("../img/layout/body-backgorund.jpg"); background-repeat: repeat-x; }
div,span {margin: 0; padding: 0;}
img {position: relative; border: 0; z-index: 9;}
#container {width: 900px; margin: auto; padding: 0px;}
#top h1 span,#header,#footer,.email,.phone {
	behavior: url("./css/iepngfix.htc");
	
}
#top {height: 67px; _overflow: hidden;}
	#top h1 {position: relative;padding: 0px; margin: 0px; width: 124px; height: 125px; display: block;z-index: 1;font-size:0px;top: 0px; left: 150px;}
		#top h1 span {background-image: url("../img/layout/logo-h1.png");position: absolute; width: 124px; height: 125px; z-index: 4; cursor: hand;}
#header {height: 150px; display: block; background: url("../img/layout/header-background.png"); }

#menu {height: 30px; background: #feec9e; }
	#menu ul {list-style:none; margin: 0px; padding: 0px; width: 880px; height: 30px;margin-left: 10px;background:#d20808 url("../img/layout/menu-background.jpg");}
		#menu ul li {float: left; margin-left: 20px; margin-right: -20px;}
			#menu ul li a {	display: block; float: left; padding: 0px 30px; height: 30px; ;
							color: #ffffff; font-family: "Trebuchet MS", Tahoma, Verdana, Serif; font-size: 13px; line-height: 30px; text-transform: uppercase;text-decoration: none;}
				#menu ul li a:hover {background: #a10909 url("../img/layout/menu-hover.jpg");}
				#menu ul li a.active {background: #fff6cd url("../img/layout/menu-active.jpg"); color: #5c0000;}
				#menu ul li a.active:hover {background: #fff6cd url("../img/layout/menu-active.jpg"); color: #5c0000;}
#obsah-obal {background: url("../img/layout/obsah-obal-background.gif") repeat-y;}
#obsah-obal h2,h3 {font-size: 18px; margin:0; padding: 0; padding-top: 10px; color:#cc0303;}
#obsah-obal h3 {font-size: 16px; font-weight: normal; padding-top: 0px;}
#lCol, #rCol {position: relative;  float: left; display: block; margin-bottom: 20px; top: 10px;  font-family: sans-serif; font-size: 13px; background: url("../img/layout/lCol-background.jpg") repeat-x; text-align: justify;}
#obsah-obal p, #obsah-obal ul li {color:#471000;}
#obsah-obal a, #obsah-obal b {color:#cc0303;}
#obsah-obal a:hover {text-decoration: none;}
#obsah-obal b {font-weight: bold;}
#obsah-obal ul li {list-style: square url("../img/layout/ul-list-style.gif");}
#lCol {left: 20px; width: 860px;}
	.m01 #lCol { width: 418px;}
	.m05 #lCol {width: 436px; }
	.m01 #lCol img { position: relative; display: block; padding: 0;  }
	.m01 #lCol p {  }
#rCol {float: left; }
	.m01 #rCol { left: 25px; width: 436px;}
	.m04 #rCol { left: 25px; width: 604px;}
	.m05 #rCol { left: 25px; width: 436px;}
		.kontakt .adresa { width: 200px; float: left; background: url("../img/layout/adresa-background.jpg") no-repeat; }
			.kontakt .adresa p { position: relative; left: 120px; top: -10px;}
		.kontakt .mapa { width: 180px; float: left; position: relative; left: 40px; }
			.kontakt .mapa img { left: 20px; top: 5px; }
		.kontakt .telefon { width: 220px; float: left; text-align: left; width: 300px; background: url("../img/layout/telefon-background.jpg") no-repeat; }
			.kontakt .telefon p { position: relative; left: 120px; top: -10px;}	
		.kontakt .mail { width: 220px; float: left; background: url("../img/layout/mail-background.jpg") no-repeat; }
			.kontakt .mail p { position: relative; left: 120px; top: -10px; width: 300px;}	
.obsah {margin: 0 20px;}
div.navigace-vyrobky {}
div.navigace-vyrobky ul {position: relative; left:-20px; }


div.vyrobek {
	border-bottom: 1px solid #fde78b; padding-bottom: 5px; margin-bottom: 5px;
}

#obsah-obal table {border: 1px solid black; padding: 5px; width: 100%; }
	#obsah-obal table th {padding: 5px; background-color: #cc0303; color: white; }
#cForm {margin-left: 20px;}
#cForm input,#cForm textarea {border: 1px solid #7f7f7f; display: block; width: 300px; padding: 2px;  background: url("../img/layout/lCol-background.jpg") repeat-x; }
	#cForm textarea {}
div.galerie {text-align: center; }
	.galerie a {text-decoration: none;}
	.galerie img {border: 1px solid #7f7f7f; height: 125px; }
	.galerie a:hover img {border: 1px solid #bebebd;}
div#bottom_menu {display: block; height: 30px; width: 400px; margin: auto; }
	#bottom_menu ul {  }
	#bottom_menu ul li {  list-style: none;float: left; font-family: "Trebuchet MS", sans-serif; color : #cc3103; font-size: 12px; }
	#bottom_menu a { padding: 0 10px ; color: #363636; text-decoration: none; }
	#bottom_menu a:hover { text-decoration: underline; }
	#bottom_menu a.active { color: #cdc6a7;  }




#footer {display: block; background: #fbe06f url("../img/layout/footer-background.png"); height: 40px; margin-bottom: 30px;}
	#footer a {color: #ffffff; text-decoration: none; font-size: 12px; font-family: "Trebuchet MS", serif;}
	#footer a:hover {text-decoration: underline;}
	
	#footer p {margin: 0; padding: 0;font-size: 12px; font-family: "Trebuchet MS", serif;  float: left; color: #ffffff;line-height: 30px; line-height: 30px; position: relative; display: block;}
	#footer div.lCol {position: relative; margin-left: 30px;}
		#footer div.lCol p.email {	background: url("../img/layout/e-mail.png") no-repeat; 
									width: 140px;  }
		#footer div.lCol p.phone {	background: url("../img/layout/phone.png") no-repeat;									
									left: 10px; width: 160px; }
	#footer div.rCol {float: right; position: relative; right: 20px;}
		#footer div.rCol a {font-family: Georgia;}
.clear {clear: both;}
.right {float: right;}