html, body{min-width: 940px; margin: 0; padding: 0; background-color: #000; font-size: 13px; font-family: sans-serif; text-align: left; color: #fff;}
body{background: #690512 url(../img/bottomstrip.png) repeat-x bottom;}
h1{margin: 0; padding: 42px 0 0 323px; letter-spacing: 2px; font: 28px Trebuchet MS; color: #82b4d8;}
h2{margin: 0; padding: 10px 6px 10px 6px; border-bottom: 2px solid #bf530c; font: 21px sans-serif; color: #df732c;}
.top{border-bottom: 2px solid #bf530c;}
h3{margin: 0; padding: 20px 0 0 0; font: 18px sans-serif; color: #c7c5c5;}
p{margin: 0; padding: 10px 6px 10px 6px;}
#backgroundRepeatId{z-index: 0; position:absolute; top:0px; left:0px; width:100%; height:612px; background: url(../img/backgroundrepeat.png) repeat-x; background-position: top center;}
#backgroundCenterId{margin: 0; height: 612px; width: 100%; background: url(../img/backgroundcenter.jpg) no-repeat; background-position: top center;}

#body1Id{min-height: 817px; _height: 817px; background: url(../img/upperstrip.png) top left repeat-x;}
#body2Id{min-height: 817px; _height: 817px; _padding-left: 80px; background: url(../img/bottomstrip.png) bottom left repeat-x;}
#page{position:relative; margin: 0 auto; padding:0; width: 940px;}

#topId{height: 194px; padding-top: 30px;}

#menuId{height: 33px;}

#menuBoxId{padding: 13px 0 0 5px;}
#menuBoxId a{padding: 5px; font: bold 13px sans-serif; text-decoration: none; color: #ff9f9f;}
#saleId{padding-left: 10px;}
#saleId a{color: #82b4d8;}
#menuBoxId a:hover{text-decoration: underline; color: white;}

#iconshId{height: 120px;}
.iconWithText{float: left; width: 70px; height: 120px; text-align: center;}
.iconButton{width: 60px; height: 60px; margin: 30px 0 0 10px;}
.iconText{display: block; padding: 5px 0 0 10px; text-decoration: none; color: #e84848;}
.iconText:hover{text-decoration: underline; color: white;}

#layoutId{width: 940px; min-height: 440px; _height: 440px; background: #a73317 url(../img/backgroundcenter.jpg) -280px -377px no-repeat;}
#layout2Id{width: 940px; min-height: 440px; _height: 440px; background: url(../img/contentbottom.jpg) bottom center no-repeat;}
#leftBox, #leftBoxHP{float: left; display: inline; margin: 10px; width: 280px;}
#leftBoxHP{margin: 0px; width: 300px; background: url(../img/inset.jpg) top right no-repeat;}
#leftBoxHP2{margin: 10px; padding: 10px 0; border-top: 1px solid #ea1516; border-bottom: 2px solid #900000;}
.quickNav{width: 282px; height: 109px; color: #ff9f9f;}
.picture{margin: 0px; padding: 0px; background: url(../img/lefttopcorner.gif) top left no-repeat;}
.pictureBox1{margin: 0px; padding: 0px; background: url(../img/rightbottomcorner.gif) bottom right no-repeat;}
.pictureBox2{margin: 0px; padding: 0px; color: #ff9f9f; cursor: pointer;}
.pictureBox2CursorNone{margin: 0px; padding: 0px; color: #ff9f9f; cursor: auto;}
.pictureBox2 img, .pictureBox2CursorNone img{margin: 4px; padding: 0px; _margin-bottom: 1px; opacity: 0.9; filter:alpha(opacity=90);}
#quick1Id{background: url(../img/quick1.jpg) no-repeat;}
#quick2Id{background: url(../img/quick2.jpg) no-repeat;}
#quick3Id{background: url(../img/quick3.jpg) no-repeat;}
#quick4Id{background: url(../img/quick4.jpg) no-repeat;}

.quickNavBox{padding: 10px 17px 10px 15px;}
.quickNavBox a{display: block; text-align: right; font: bold 14px Verdana; text-decoration: none;}
.quickNavBox a:hover{text-decoration: underline;}
.quickNavBox div{text-align: left; font-size: 11px;}
#quick1Id a{color: #600000;}
#quick2Id a{color: #ff9595;}
#quick3Id a{color: #afb1ff;}
#quick4Id a{color: #00100f;}
#quick1Id .quickNavBox div{padding: 30px 110px 0 0;}
#quick2Id .quickNavBox div{padding: 30px 130px 0 0;}
#quick3Id .quickNavBox div{padding: 30px 60px 0 0;}
#quick4Id .quickNavBox div{padding: 40px 130px 0 0;}

#main{float: left; width: 633px;}
#mainWider, #mainRef{width: 940px;}
#mainBox, #mainWiderBox, #mainRefBox{padding: 20px 20px 20px 30px;}
#mainBox .picture, #mainRefBox .picture{float: left; width: 188px; height: 188px;}
#mainBox .pictureBox2{cursor: auto;}
#mainWiderBox .picture{float: right; margin: 20px 0 20px 20px;}
#mainRefBox .picture{margin: 13px 13px 0px 13px;}
#mainRefBox .pictureBox2{cursor: auto;}
#main a, #mainWider a{color: #e89898;}
#main a:hover, #mainWider a:hover{text-decoration: none;}

#footerId{position: relative; margin: 0 auto; width: 940px; height: 29px; background: url(../img/footer.jpg) no-repeat;}
#footerId span{display: block; float: left; padding: 8px 0 0 20px; font: 11px Verdana; color: #e84848;}
#footerId a{position: absolute; display: block; top: 0px; right: 0px; width: 160px; height: 29px;}
#bottomId{margin: 0 auto; width: 940px; height: 98px; background: url(../img/bottom.jpg) no-repeat;}

ul{margin: 15px 0; padding: 0 0 0 6px; list-style-type: none;}
ul li{margin-top: 5px; background: url(../img/li.gif) no-repeat left 5px; padding-left: 20px;}
ul li ul li{background: url(../img/lili.gif) no-repeat left 5px; }
table{}
th, td{vertical-align: top; padding: 4px 10px; text-align: left;}
.menu_tabulka{color: #cc6a46; background-color: #540000;}
.produkt_tabulka, .jmeno_tabulka{color: #ec8a66; background-color: #890000;}
.phone{margin-left: 6px; padding-left: 24px; background: url(../img/phone.gif) no-repeat 0 2px; color: #e89898;}
.phone:hover{text-decoration: none;}
.price{padding-left: 30px; font-size: 124%;}
.price span{padding-left: 30px; font-weight: bold;}
.left{float: left;}
.right{float: right;}
.clearBoth{clear: both;}