body {text-align: center; font-family: "Verdana CE", Verdana, "Arial CE", Arial, Helvetica, helvetica, sans-serif; background: #221b13 url('../graf/hp-bcg-body.png') no-repeat 50% top; color: #eee; margin: 0; padding: 0;}
body {font-size: x-small; voice-family: "\"}\""; voice-family: inherit; font-size: small;}
html>body {font-size: small;}

h1 {display: block; position: absolute; bottom: 60px; left: 80px; margin: 0; padding: 0; z-index: 100; font-size: 90%; color: #857d73; font-weight: bold; text-align: left;}

img {border-width: 0;}

#box {display: block; position: relative; width: 960px; margin: 0 auto; padding: 0 0 120px 0; text-align: left;}

#logo {display: block; position: absolute; width: 220px; height: 80px; top: 26px; left: 0; margin: 0; padding: 0; z-index: 500;}

#menu {display: block; position: absolute;  width: 960px; height: 256px; top: 356px; left: 0;  margin: 0; padding: 0; background: #221b13 url('../graf/hp-bcg-menu.jpg') no-repeat 0 0; z-index: 80;}
#menu h2 {display: block; position: absolute;  width: 243px; top: 0; margin: 0; padding: 0; z-index: 200; font-weight: normal; font-size: 130%;}
#menu h2 a {display: block; color: #fff; text-decoration: none; line-height: 20px;}
#menu .sheet {left: 75px; padding: 0;}
#menu .sheet a {padding: 60px 0 16px 12px; line-height: 20px; background: #bd0b02 url('../graf/hp-products.jpg') no-repeat right 0;}
#menu .expand {left: 356px; padding: 0;}
#menu .expand a {padding: 60px 0 36px 12px; line-height: 20px; background: #bd0b02 url('../graf/hp-products.jpg') no-repeat right -116px;}
#menu .grating {left: 637px; padding: 0;}
#menu .grating a {padding: 60px 0 36px 12px; line-height: 20px; background: #bd0b02 url('../graf/hp-products.jpg') no-repeat right -232px;}
#menu h2 a:hover {background-color: #900;}

#menu h3 {display: block; position: absolute;  width: 150px; bottom: 42px; margin: 0; padding: 0; z-index: 200; font-weight: normal; font-size: 130%;}
#menu h3 a {display: block; color: #aaa; text-decoration: none; line-height: 20px;}
#menu .fences {left: 76px; padding: 0;}
#menu .fences a {padding: 13px 0 13px 12px; line-height: 20px;}
#menu .meshes {left: 239px; padding: 0;}
#menu .meshes a {padding: 13px 0 33px 12px; line-height: 20px;}
#menu .ceilings {left: 402px; padding: 0;}
#menu .ceilings a {padding: 13px 0 33px 12px; line-height: 20px;}
#menu .acousticwalls {left: 566px; padding: 0;}
#menu .acousticwalls a {padding: 13px 0 13px 12px; line-height: 20px;}
#menu .belts {left: 730px; padding: 0;}
#menu .belts a {padding: 13px 0 13px 12px; line-height: 20px;}
#menu h3 a:hover {background-color: #251e16; color: #ccc;}

#text {display: block; min-height: 90px; position: relative; margin: 0; padding: 690px 40px 150px 40px; background: #221b13 url('../graf/hp-bcg-text.png') repeat-x 0 612px; color: #857d73;}
#text a {color: #857d73; text-decoration: none;}
#text h4 {display: block; position: absolute; top: 625px; color: #857d73; font-size: 85%; font-weight: normal; border-bottom: 1px dotted #555; padding: 5px 0;}
#nad1 {width: 450px; left: 40px;}
#nad2 {left: 515px; width: 200px;}
#nad3 {left: 740px; width: 180px;}
#text p {display: block; position: absolute; top: 670px; color: #857d73; line-height: 1.4em; font-size: 80%; padding: 0 0 50px 0; text-align: justify;}
#tex1 {position: relative; float: left; left: 40px; width: 450px;}
#tex2 {left: 515px; width: 200px;}
#tex3 {left: 740px; width: 180px;}

#header {display: block; position: absolute; width: 960px; height: 356px; top: 0; left: 0; margin: 0; padding: 0; background: #221b13 url('../graf/hp-bcg-header.jpg') no-repeat 0 0; z-index: 50;}
#slogan {display: block; position: absolute; width: 410px; height: 90px; top: 161px; right: 73px; margin: 0; padding: 0; z-index: 100;}
#langs {display: block; position: relative; text-align: right; line-height: 67px;  margin: 0; padding: 0 25px 0 0; z-index: 100; color: #f00;}
#langs a:link, #langs a:active, #langs a:visited {color: #fff; text-decoration: none;}
#langs a:hover {color: #fff; text-decoration: underline;}
#topmenu {display: block; position: absolute; width: 672px; height: 41px; top: 67px; right: 0; margin: 0; padding: 0; z-index: 100;}
#topmenu li.home {display: block; position: absolute; width: 59px; height: 41px; top: 0; left: 0; margin: 0; padding: 0; overflow: hidden; z-index: 150;}
#topmenu li.ospolecnosti {display: block; position: absolute; width: 139px; height: 41px; top: 0; left: 59px; margin: 0; padding: 0; overflow: hidden; z-index: 150;}
#topmenu li.novinky {display: block; position: absolute; width: 97px; height: 41px; top: 0; left: 198px; margin: 0; padding: 0; overflow: hidden; z-index: 150;}
#topmenu li.reference {display: block; position: absolute; width: 109px; height: 41px; top: 0; left: 295px; margin: 0; padding: 0; overflow: hidden; z-index: 150;}
#topmenu li.kontakty {display: block; position: absolute; width: 113px; height: 41px; top: 0; left: 404px; margin: 0; padding: 0; overflow: hidden; z-index: 150;}
#topmenu li.eshop {display: block; position: absolute; width: 155px; height: 41px; top: 0; left: 517px; margin: 0; padding: 0; overflow: hidden; z-index: 150;}

#akce {display: block; position: absolute; top: 108px; right: 0; width: 462px; height: 26px; padding: 0; z-index: 300;}

#sklad-dp {display: block; position: absolute; width: 243px; height: 29px; bottom: 0; left: 75px; margin: 0; padding: 0;}
#sklad-th {display: block; position: absolute; width: 243px; height: 29px; bottom: 0; left: 356px; margin: 0; padding: 0;}
#sklad-ro {display: block; position: absolute; width: 243px; height: 29px; bottom: 0; left: 637px; margin: 0; padding: 0;}
#sklad-dp a, #sklad-th a, #sklad-ro a {display: block; position: relative; padding: 0 12px; background-color: #ddd; line-height: 29px; color: #333; text-decoration: none; font-size: 90%;}
#sklad-dp a:hover, #sklad-th a:hover, #sklad-ro a:hover {background-color: #fff; color: #000;}

ul {display: block; list-style: none; margin: 0 0 15px 0; padding-left: 0;}
ul li {display: block; background: transparent url("../graf/bcg_li.gif") no-repeat 16px 0.35em; padding-left: 30px; font-weight: normal; margin: 0 0 0.3em 0;}

a {color: #e00; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}

.copy {display: block; position: absolute; bottom: 50px; right: 25px; width: 250px; margin: 0; padding: 0; line-height: 12px; padding: 25px 0 0 0; text-align: right; color: #4b453e; z-index: 500; font-size: 80%;}
.copy a {color: #4b453e;}