body{background: url('bg.jpg') top repeat-x #f5f5f5; font-size: 0.75em; font-family: Arial, Tahoma, sans-sherif; text-align: justify; color: #000; margin: 0px;}

body,html{height: 100%;}

hr{clear: both; visibility: hidden; height: 0px; color: #fff;}

a{text-decoration: underline; color: #e2812b;}
a:hover{text-decoration: none;}
ul{list-style: square; margin-left: 20px;}
h2,h3,h4{font-variant: small-caps;}
h2{font-size: 1.4em; display: block; padding: 10px 0px 5px 0px; margin: 0px;}
h2.hl-nadpis{font-size: 1.8em; font-weight: normal; display: block; padding: 10px 0px 10px 0px; margin: 0px;}
h3{font-size: 1.2em; display: block; margin: 5px 0px 10px 0px;}
h4{font-size: 1em;}

table{border-collapse: collapse;}
table td, th{padding: 5px; border-bottom: 1px solid #ccc; vertical-align: top;}

#main{min-height: 100%; height: 100%; position: relative; width: 840px; margin: 0px auto; background: #fff; padding: 0px 7px;}
body>#main { height: auto; }

#head{margin: 0px -7px; padding: 0px; height: 100px; width: 854px; overflow: hidden; text-align: center; background: #f4ad6c;}
#head a{display: block; color: #fff; cursor: pointer; padding-top: 15px;}
#head span{position: absolute; top: 0; height: 100px; width: 854px; display: block; background: url('head.jpg'); cursor: pointer;}

#menu{margin: 7px 0px 1px 0px; padding: 0px; list-style: none; width: 100%; background: url('menu.jpg') center top no-repeat #333;height: 42px; overflow: hidden;}
#menu li{float: left; margin: 7px 0px; border-right: 1px solid #5f5f5f; border-left: 1px solid #000;}
#menu li a{line-height: 28px; padding: 5px 10px; color: #fff; font-size: 1.3em; font-variant: small-caps; text-decoration: none; font-weight: 600; margin: 0px 7px;}
#menu li a:hover{color: #e2812b; cursor: pointer;}
#menu li.active a{background: url('menu_active.jpg') center top repeat-x #eda463;}
#menu li.active a:hover{color: #fff;}
#menu li#last{border-right: 0px;}

#banner{margin: 0px 0px -4px 0px; padding: 0px;}
#banner img{background: #f1a555; display: block; line-height: 5em; text-align: center; color: #fff; font-size: 1.2em;}
#linka{display: block; width: 100%; height: 6px !important; height: 0px; background: #FFAF6F; margin-bottom: 0px !important; margin-bottom: -9px;}

#obsah{background: url('obsah.jpg') center top repeat-x; margin: 0px; padding: 10px 18px 60px 18px; line-height: 1.5em; min-height: 100px; height: auto !important; height: 100px;  border-top: 1px solid #fff;}

#paticka {height: 40px; overflow: hidden; position: absolute; bottom: 0; border-top: 4px solid #e5e5e5; width: 820px; color: #333; background: #f3f3f3; border-bottom: 7px solid #fff; line-height: 40px; padding: 0px 10px; font-size: 0.9em;}
#paticka span{float: right; color: #777;}
#paticka span a{color: #777;}

/*kontakt*/
.kontakt{list-style: none; margin: 0px; padding: 10px 15px; border-top: 2px solid #e0e0e0; line-height: 1.8em; background: #fff; width: 225px;}
.kontakt strong{font-family: Trebuchet MS, arial, tahoma, sans-sherif;}

.float-left{float: left;}
.float-right{float: right;}
#send-mail{border-collapse: collapse; border: 2px solid #e0e0e0; background: #fbfbfb;}
#send-mail th, #send-mail td{border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 6px 8px; vertical-align: top;}

/*nabidka-sluzeb*/
#left{width: 240px; float: left;}
#left h3{border-bottom: 3px solid #ccc; line-height: 2em; padding-top: 5px; font-size: 1.15em; margin-bottom: 0px;}
#left a{display: block; padding: 5px 0px 3px 5px; border-bottom: 1px solid #dadada; text-decoration: none; color: #873600;}
#left .podmenu{padding-left: 15px; color: #333; text-align: left;}
#left #active{background: #e0e0e0; color: #000;}
#left #active2{background: #eaeaea; border-bottom: 2px solid #dadada;}
#left a:hover{color: #000; text-decoration: underline;}
#left .podmenu:hover{text-decoration: underline;}
#left .podmenu#active:hover, #left #active:hover{text-decoration: none;}

#right{width: 535px; float: right; padding: 4px 0px 0px 25px;}
#right h2{border-bottom: 3px solid #aaa;}
#right h2.wo_border{border-bottom: 0px;}

.znaceni{background: #fafafa; border: 1px solid #dadada; margin: 10px 0px; padding: 5px 5px 0px 5px;}
.znaceni h4{margin: 0px; padding: 0px;}
.znaceni div{float: left; width: 150px; padding: 0px 12px;}
.znaceni div a{display: block;}

.left{float: left; margin-right: 20px;}
.produkt{text-align: center; width: 150px; display: block; text-decoration: none; float: left; margin: 5px 20px 20px 0px !Important; margin: 5px 13px 20px 0px; background: #fff;}
.produkt img{border: 0px;}
.produkt span{display: block; background: #efefef; line-height: 2em; color: #000;}
a.produkt:hover span{background: #ccc;}

table.typ{border-collapse: collapse; width: 100%;}
.typ td{border-bottom: 1px solid #f0f0f0;}
tr.menu{background: #eaeaea; border-bottom: 2px solid #dadada; line-height: 2em;}
tr.menu td{padding-top: 4px;}
tr.menu#smaller{font-size: 0.85em;}
.typ th{background: #eaeaea; border-bottom: 2px solid #dadada; line-height: 2em; padding-top: 4px;}
tr.line{border-bottom: 2px solid #dfdfdf; line-height: 1.8em;}
tr.line td{ padding-top: 10px;}
.typ td, .typ th{padding: 2px 5px;}
.typ td.grey{color: #555; font-style: italic;}
table.typ#small{width: 79%;}

.levy-obr{float: left; width: 130px; margin: 0px 20px 15px 0px; border: 3px solid #ccc;}
.levy-obrb{float: left; width: 180px; margin: 0px 20px 15px 0px; border: 3px solid #ccc;}
.obr{float: left; border: 3px solid #ccc; margin: 0px 20px 15px 0px; width: 85px;}

.prostredek{float: left; margin: 0px 5px 15px 5px !important; margin: 0px 4px 5px 4px; width: 168px;  text-align: center;}
.prostredek img{width: 168px; margin: 0px; height: 171px;}
.prostredek span{display: block; background: #efefef; margin: 0px; padding: 4px 0px;}

.prostredekb{float: left; margin: 0px 5px 15px 5px; text-align: center;}
.prostredekb img{margin: 0px; }
.prostredekb span{display: block; background: #efefef; margin: 0px; padding: 4px 0px;}

#chemikalie ol{background: #f8f8f8; border-bottom: 1px solid #eaeaea; padding: 20px 20px 20px 40px; margin-top: -10px; margin-left: 0px;}
#chemikalie ol ol{margin: 10px; padding: 10px 10px 10px 20px; border: 0px; background: transparent;}
#chemikalie h3{font-size: 1.3em;}

/* galerie */
.galerie{padding: 10px 0px;}
.galerie a{width: 189px; height: 150px; border: 1px solid #dadada; background: #fafafa; display: block; float: left; margin: 5px;}
.galerie a img{display: block; margin: 16px auto 0px auto; border: 2px solid #666;}
.galerie a:hover{background: #ccc;}
.galerie h3{clear: both; margin: 5px 0px 0px 5px; padding: 0px;}

.strankovani{border: 1px solid #ccc; background: #f5f5f5; padding: 7px; color: #333; margin: 5px 0px 0px 0px;}
.strankovani a{padding: 3px 5px;}
#aktivni{text-decoration: none; font-weight: bold; font-size: 1.1em; background: #fff; border: 1px solid #ccc;}

/* akce a slevy */
.akce{width: 802px; border: 2px solid #ccc; margin: 10px auto; background: #f0f0f0;}
.akce td, .akce th{padding: 5px 7px;}
.akce th{border-bottom: 1px solid #333; background: #fff; font-variant: small-caps; padding: 7px; font-size: 1.2em; text-align: center;}
.akce .center{text-align: center;}
.akce .nazev{border-right: 2px solid #ccc;}
.akce td.nazev{background: #f5f5f5; font-weight: bold; font-family: Trebuchet MS, arial, tahoma, sans-sherif; text-align: right; color: #3c1800;}
.akce .radek{background: #fafafa;}
.akce .radek td.nazev{background: #fff;}
.akce .popis{font-size: 0.9em;}