html, body {margin: 0; padding: 0; height: 100%; }
body {background: #fff url(../images-layout/bg.png) top repeat-y; font: normal normal normal 70% tahoma, geneva, helvetica, sans-serif; color: #333333; }
* html #page {word-wrap: break-word; height: 100%; }
div #nav1, div #nav2, div #nav3, div #nav4, div #nav5, div #nav6, a img { background-color: expression( this.onmouseover = function() { this.className += ' hover'; }
, this.onmouseout = function() { this.className = this.className.replace(' hover', ''); }
); }
img { border: none; }
.clear {font-size: 0.1px; clear: both; }
.hide { display: none !important; }
a { text-decoration: none; }
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-top { vertical-align: top; }
.margin-M { margin: 5px; }
.margin-L { margin: 10px; }
.margin-XL { margin: 15px; }
.margin-XXL { margin: 20px; }
.error { background-color: #FFE8DD; border: 1px solid #FF3737; margin: 1em 0; padding: .5em; }
.error .title { margin-bottom: .1em; color: #FF3737; font-weight: bold; }
.green { color: green; }
.red { color: #D6281D; }
.blue { color: #1A50B8; }
#page {position: relative; width: 880px; height: auto; min-height: 100%; margin: 0 auto; }
#header {position: relative; }
#title { background: #fff url(../images-layout/header_1.png) no-repeat; height: 37px; }
#navigation div {position: relative; float: left; height: 102px; }
#nav1 { width: 160px; background: url(../images-layout/nav1.png); }
#nav2 { width: 170px; background: url(../images-layout/nav2.png); }
#nav3 { width: 170px; background: url(../images-layout/nav3.png); }
#nav4 { width: 170px; background: url(../images-layout/nav4.png); }
#nav5 { width: 210px; background: url(../images-layout/nav5.png); }
#nav2:hover, #nav2.hover, #nav3:hover, #nav3.hover, #nav4:hover, #nav4.hover { background-position: -170px; }
#nav5:hover, #nav5.hover { background-position: -210px; }
#navigation a {position: absolute; bottom: 0px; display: block; width: 90%; height: 20px; padding: 2px 5%; text-align: right; color: #FFF; }
#navigation a.left { text-align: left; }
#section-image {position: absolute; top: 35px; left: 60px; }
#left { width: /*160*/210px; float: left; }
#left ul { list-style: none; padding: 0; margin: 0; }
#left ul ul { padding-left: 5px; }
#left ul li { background: #F8F8F8; border-bottom: solid 1px #CCC; }
#left > ul > li:hover, #left > ul > li.selected { background: #b92319 url(../images-layout/menu_li.png) repeat-x top; border-bottom: solid 1px #fff; }
/*#left ul li.selected { background: #2c7c2c url(../images-layout/menu_li_selected.png) repeat-x top; }*/
#left ul ul li { background: #F8F8F8; border-bottom: solid 1px #CCC; }
#left ul ul ul li { background: #fff; border-top: solid 1px #ccc; border-bottom: solid 1px #fff; }
#left ul li a { display: block; padding: .4em 0px .4em 10px; color: #555; }
#left > ul > li a:hover, #left > ul > li a.selected { color: #FFF; }
#left ul ul li a {padding: .4em 0px .4em 10px; color: #555; }
#left ul ul li a:hover {background-color: #EAEAEA; color: inherit; }
#shop-section {width: /*140*/210px; background: /*url(../images-layout/nav6.png);*/ padding: 5px 10px; margin: 10px 0;}
#shop-section div {}
#shop-section a {color: #FFF; }
#main { /* background: #fff url(../images-layout/bg_main.png) top repeat-y; */ padding-bottom: 5em; }
#middle {width: 510px; float: left; }
#middle-wide {width: /*720*/670px; float: left; }
#middle-content {margin: 10px; }
#middle a, #middle-wide a {text-decoration: none; color: green;/*#D6281D;*/ }
#middle a:hover, #middle-wide a:hover { text-decoration: underline; }
#category-navigation {padding: 0 0 .4em 0; margin-bottom: 1em; border-bottom: 1px solid #AAAABB; }
#category-navigation .oddelovac {margin: 0 2px; }
#page-navigation { margin: 1em 0; padding: .4em .5em; border-top: 1px solid #AAAABB; text-align: right; }
#select div { margin: .3em; }
#select .oddelovac {background: url(../images-layout/li_vyrobce.png) repeat-y; margin: 0 2px; }
#select a {color: #B0B0B0; }
#select .selected {}
#right {width: 210px; float: right; }
#right ul {list-style: none; margin: 0; padding: 0; border-top: 1px solid #fff; border-bottom: 5px solid #fff; }
#right ul li {background-color: #F8F8F8; border-bottom: solid 1px #CCC; }
#right ul li.title {background: #B92319 url(../images-layout/menu_li.png) repeat-x top; }
#right ul li a {display: block; padding: .3em 0px .3em 12px; color: #555; }
#right ul li.title span { display: block; padding: .4em 0px .4em 10px; color: #fff; }
#right ul li a:hover { background-color: #EAEAEA; }
#right ul li a .cat-name { font-weight: bold; color: green; }
#footer {width: 100%; background: #322E30 url(../images-layout/footer.png) no-repeat top; border-top: solid 3px #D6281D; position: absolute; bottom: 0; left: 0; }
#footer div {padding: 1em 2em; color: #CCC; }
.left {float: left; }
.right {float: right; }
#navigation a {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; }
#left li {font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; }
#left li li li {font-weight: normal; }
#left #shop-section a {font-size: 110%; font-weight: bold; }
#category-navigation, #select, #footer {font-size: 95%; }
#category-navigation, #select {font-weight: bold; }
#category-navigation .oddelovac { font-size: 80%; }
#page-navigation { font-size: 110%; }
h1, h2, h3, h4, h5, h6 {font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size: 220%; }
h2 { font-size: 190%; }
h3 { font-size: 160%; }
h4 { font-size: 130%; }
h5 { font-size: 100%; }
h6 { font-size: 70%; }
h2 { color: #D6281D; }
.product-small big { font-size: 110%; }
textarea { font: normal normal normal 70% Tahoma, Geneva, Helvetica, sans-serif; }
input, textarea, select { font-size: 120%; }
.product-row { margin-bottom: 2em; /*overflow: hidden;*/}
.product-small { position: relative; float: left; width: /*155*/210px; height: 20em; background: url(../images-layout/bg_produkt_box.png) repeat-x bottom ; /*border: 1px solid #CECED8;*/ color: #333; margin: 1em 3px; }
.product-action { position: relative; float: left; width: 237px; border: 1px solid #CECED8; color: #333; margin: 2px 3px; /*padding-top: 1000em; margin-top: -1000em; */}
*html .product-row { margin-bottom: 0px; }
*html .product-small { width: 153px; }
/**html .product-action { width: 240px; }*/
.product-action .name { background: #F8F8F8 url(../images-layout/bg_produkt_box.png) repeat-x top; padding: .5em .5em; text-align: left; height: 35px;}
.product-action .picture { float: left; margin: 0em 0em 0em .5em;}
.product-action .label { position: absolute; bottom: 0px; right: 5px; /*padding: .5em; */}
.product-action .present { position: absolute; right: .5em }
.product-action .price { width: 100%; position: absolute; bottom: .7em; right:0; padding: 1.5em .5em; text-align: right; }
.product-action .price span {color: green; }
.product-small .name { padding: .5em .3em; text-align: center; height: 35px;}
.product-small .picture { position: relative; text-align: center; margin: 0 0 0 0; }
.product-small .picture a { border: 0; }
.product-small .present { width: 100%; position: absolute; bottom: 0px; left: -45px; text-align: center; }
.product-small .picture .label img {margin: 0 2px; border: 0; }
.product-small .price { width: 100%; font-size: 120%; position: absolute; bottom: 5px; margin: 2px; text-align: center; }
.product-small .price span {color: red; }
.product-small .label {width: 100%; position: absolute; top: 25px; right: -65px}
.product { margin: 3px; border: solid 1px #CECED8; color: #333; }
.product .name {background: #F8F8F8 url(../images-layout/bg_produkt_box.png) repeat-x top; padding: .8em; text-align: center; position: relative; }
.product .name h4 { margin: 0; text-align: left; }
.product .name span { color: green; }
.product .name img { position: absolute; top: -100% ; right: 0;}
.product .picture { float: left; margin: 10px; }
.product .picture a { display: block; border: 1px solid #F8F8F8; }
.product .picture a:hover { border: 1px solid #EAEAEA; }
.product .picture a img { background: url(../images-layout/zoom.png) 5px 5px no-repeat; }
.product .detail { float: right; width: 38%; margin: 1em; }
.product .detail table { width: 100%; }
.product .detail td { border: 0; background-color: #FFF; }
.product .detail .price { font-size: 120%; color: red; }
.product .detail .button { margin: 1.5em; }
.product .description { clear: both; margin: 10px; }
.backPage { width: 100%; margin: 1em 0; text-align: center; }
table { border-collapse: collapse; }
table td {background-color: #FAFAFA; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: .5em 1em; }
table thead td, table tfoot td { background: #FAFAFA url(../images-layout/bg_table_head.png) top repeat-x; font-weight: bold;}
table td.odd { background-color: #FAFAFA; }
table td.even { background-color: #F2F2F2; }
table td.title { background-color: #fff; font-weight: bold; width: 80px}
table.fullpage { width: 100%; }
table.halfpage { width: 49%; }
table td.fourpage { width: 25%; }
table.border { border: 1px solid #B0B0B0; }
table input[type="text"], table textarea, table select { margin: 2px 0; width: 95%; padding: 3px}
input.box { padding: .23em; }
input.full-width { width: 98%; }
textarea { padding: .2em; }
button { width: 35px; height: 35px; cursor: pointer; cursor: hand; padding: 0; border: 0; background: transparent; }
.bt-cart-add { background: url(../images-layout/bt_cart_add.gif) no-repeat; }
.bt-cart-remove { background: url(../images-layout/bt_cart_remove.gif) no-repeat; }
.bt-back { background: url(../images-layout/bt_back2.png) no-repeat; width: 70px; }
.bt-back-to-shop { background: url(../images-layout/bt_back_to_shop.png) no-repeat; width: 200px; float: left; }
.bt-end-shopping { background: url(../images-layout/bt_end_shopping.png) no-repeat; width: 200px; float: right; }
.bt-check-data { background: url(../images-layout/bt_check_data.png) no-repeat; width: 200px; float: right; }
.bt-back-data { background: url(../images-layout/bt_back_data.png) no-repeat; width: 200px; float: left; }
.bt-send-order { background: url(../images-layout/bt_send_order.png) no-repeat; width: 200px; float: right; }
#right #cart { background: #FAFAFA url(../images-layout/cart.gif) right no-repeat; margin: 5px; padding: 3px 5px; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
#right #cart #header { color: #2952cc; font-weight: bold; }
#right #cart #box { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 3px 0; padding: 3px 0; }
#right #cart #pd-name { font-weight: bold; color: green; }
#right #cart div span { color: #D6281D; font-weight: bold; }
#cart-step-image { margin: 1em 0; }
#trade-conditions div { margin: 0 1em; text-align: justify; }
#trade-conditions div h4 { margin-bottom: .5em; }
#store div { margin-left: 1.5em; }
#store div h4 { margin-left: -.5em; margin-bottom: .5em; }
#store .picture { float: left; margin-right: 20px; margin-bottom: 20px; }
#store .picture img { padding: 5px; border: 1px solid #ccc; }
.ramecek { padding: 5px; border: 1px solid #ccc; }
#opening table { border: 0; border-collapse: collapse; }
#opening td { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: .5em 1em; background-color: #fafafa; }
#opening td.title { background-color: #fff; font-weight: bold;}
#size-table .text { text-align: justify; word-spacing: +1px; margin: 15px 5px;}
#size-table table.margin-left { margin-left: 15px;}
#right .panel, #left .panel { margin: 15px 0; text-align: center;}
code {font-family: "Courier New", Courier, monospace; }
label {cursor: pointer; }