body { font-family: Arial; color: #1D1D18; background: url(../img/bg-body.jpg) repeat-x; margin: 0; }
img { border: none }
strong { color: #ce3210 }
a { color: #689902 }
h2 { color: #494542; font-size: 17px; }
a:hover { text-decoration: none }
p { line-height: 23px; }
.title { font-size: 20px; margin: 0 0 10px 0; font-weight: bold; color: #494542 }
.title h1 { font-size: 20px }
.clear { clear:both }
.centerpage { font-size: 13px; margin: auto; width: 959px; padding: 0 0 0 12px; }
.bottom-bg { float: left; position: relative; left: -2px; height: 28px; width: 977px; background: url(../img/commodity/bg-detail_states.gif) no-repeat left bottom }
.input-text { border: 1px solid #414141; margin-bottom: 5px; padding: 3px 2px 1px 5px; width: 181px; height: 18px; }
.textarea { width: 351px; height: 96px; border: 1px solid #414141; padding: 2px; margin-bottom: 20px }
.navigation strong { color: #689902 }

/********** CONTAINER HEADER **************************************************/
.containerHeader { margin: auto; padding: 0 0 25px 12px; width: 959px; background: url(../img/_header/bg-containerHeader.gif) no-repeat bottom right }
.containerHeaderIn { width: 959px; height: 100px; background: #fff }
.containerHeaderIn .logo { padding: 17px 0 0 32px; float: left }
.containerHeaderIn .languages { text-align: right; margin-right: 36px; padding: 8px 21px 6px 0; background: url(../img/_header/bg-containerHeader_languages.gif) no-repeat top right }
.containerHeaderIn .languages img { margin: 0 0 0 7px }
.containerHeaderIn .languages .langText { font-size: 12px; margin: 0 22px 0 0; position: relative; top: -2px }

.containerHeaderIn .categories { text-align: right }
.containerHeaderIn .categories ul { margin: 15px 20px 0 0; float: right; list-style-type: none }
.containerHeaderIn .categories ul li { float: left; margin: 1px 25px 0 0; }
.containerHeaderIn .categories ul li a { color: #333; text-decoration: none; font-size: 15px; font-weight: bold }

.containerHeaderIn .categories ul li.active { margin-top: 0; height: 25px; background: url(../img/_header/bg-category_a_act_right.gif) no-repeat right; padding: 0 5px 0 0 }
.containerHeaderIn .categories ul li.active div { height: 25px; background: url(../img/_header/bg-category_a_act_left.gif) no-repeat; padding: 0 0 0 5px; float: left }
.containerHeaderIn .categories ul li.active a { color: #fff; float: left; padding: 3px 3px 4px 3px; background: url(../img/_header/bg-category_a_act_center.gif) repeat-x; }

/********** CONTAINER HEADER **************************************************/
.containerFooter { margin: auto; width: 959px; padding: 0 0 10px 12px; text-align: right; font-size: 12px }
.containerFooter a { color: #000 }
.containerFooter img { margin: 0 5px 0 5px; position: relative; top: 3px }
.containerFooter strong { color: #000 }

/********** HOMEPAGE **********************************************************/
.homepage .topstates { float: left }
.homepage .title h1 { font-size: 20px; margin: 0;  }

.homepage .topstates .state1 { width: 545px; float: left; padding: 0 10px 0 10px }
.homepage .topstates .state1 p { margin: 0 0 10px 0; }
.homepage .topstates .state1 .second-half { background: url(../img/homepage/bg-topstates_state1.jpg) no-repeat 350px 25px; margin-bottom: 0; padding-bottom: 20px;  }
.homepage .topstates .state2 { width: 360px; height: 295px; overflow: hidden; padding: 0 0 0 32px; float: left; background: url(../img/homepage/bg-topstates_state2.gif) no-repeat left -15px;  }
.homepage .topstates .state2 .title { color: #749C15 }
.homepage .topstates .state2 strong { color: #689902 }
.homepage .topstates .state2 strong a { margin-left: 10px }
.homepage .topstates .state2 strong span { color: #CE3210 }
.homepage .topstates .state2 p { &margin:12px 0; }
.homepage .topstates .state2 .arrow { margin: 0 5px }
.homepage .topstates .state2 .banner { width: 350px; height: 101px; padding: 14px 0 0 8px; margin-top: 10px; overflow: hidden; background: url(../img/homepage/bg-topstates_state2_banner.gif) no-repeat }
.homepage .topstates .state2 .banner .title { color: #d9a706 }
.homepage .topstates .state2 .banner .bannerText { font-weight: bold; margin: 0 0 12px 0; }
.homepage .topstates .state2 .banner .bannerText a { color: #fff; }
.homepage .topstates .state2 .banner .bannerText span { padding: 2px 6px; background: #e6b723; }

.homepage .products { float: left; position: relative; left: -63px; padding: 57px 0 0 97px; width: 988px; height: 170px; overflow: hidden; background: url(../img/homepage/bg-centerstate_products.jpg) no-repeat }
.homepage .products .product { float: left; width: 146px; position: relative; text-align: center; margin: 0 40px 0 0  }
.homepage .products .productImg { border: 2px solid #fff; width: 142px; height: 84px; overflow: hidden; }
.homepage .products .product .title { font-size: 15px; width: 146px; height: 17px; overflow: hidden  } 
.homepage .products .product a { color: #fff }
.homepage .products .product .price { width: 116px; height: 20px; position: relative; margin: auto; color: #fff; margin-top: 10px; font-weight: bold; padding: 9px 0 3px 0; background: url(../img/homepage/bg-centerstate_products_price.gif) no-repeat #802e0e }
.homepage .products .product .price span { position: absolute; bottom: 4px; left: 0; width: 116px; }
.homepage .products .product .action-text { width: 149px; height: 22px; padding: 5px 0 0 10px; position: absolute; top: 90px; left: -10px; background: #779d12; color: #fff; font-weight: bold; text-align: left; }
.homepage .products .product .onHP-hand { position: absolute; top: 44px; right: -17px; }
.homepage .products .product .onHP-bomb { position: absolute; top: 48px; right: -16px; }

.homepage .bottomstates { width: 992px; float: left; position: relative; left: -17px; padding: 0 0 21px 0; background: url(../img/homepage/bg-bottomstates_bottom.gif) no-repeat bottom left }
.homepage .bottomstates .title { font-size: 18px; letter-spacing: -1px; }
.homepage .bottomstatesIn { float: left; width: 977px; padding: 25px 0 0 15px; background: url(../img/homepage/bg-bottomstates.gif) repeat-y }
.homepage .bottomstates .state1 { width: 265px; padding: 0 10px 0 20px; float: left }
.homepage .bottomstates .state1 ul { padding: 0 0 0 15px; margin: 0px }
.homepage .bottomstates .state1 ul li { margin: 0 0 10px 0 }
.homepage .bottomstates .state2 { float: left; width: 332px }
.homepage .bottomstates .state2 em { display: block; margin-bottom: 7px }
.homepage .bottomstates .state2 strong { color: #000;  }
.homepage .bottomstates .state2 .state2top { position: relative; top:-12px; padding: 12px; background: #f1f1f1; }
.homepage .bottomstates .state2 .state2bottom { padding: 0px; margin: 0 0 12px 0; }
.homepage .bottomstates .state2 .state2bottom .title { float: left; padding: 0 0 0 5px; }
.homepage .bottomstates .state3 { text-align: center; float: left; height: 300px; width: 300px; padding: 0 0 0 30px; }
.homepage .bottomstates .state3 .title { text-align: left; width: 300px; }
.homepage .bottomstates .state3 p { text-align: left; width: 300px }

.homepage #sliding { top: 30px; margin-bottom: 30px }
.homepage #sliding img { border: 3px solid #c2c2c2; width: 326px !important; height: 142px !important; }
.homepage #imgslidernav a { width: 43px; height: 26px; margin: 1px 1px 0 0; display: block; overflow: hidden; background: #e9e7e8; float: left; text-indent: 500px; }
.homepage #imgslidernav a.activeSlide { background: #c2c2c2 } 

/********** OBCHODNI PODMINKY *************************************************/
.podminky .states { float: left }
.podminky .state-left { float:left; padding:0 0 0 5px; width:705px; }
.podminky .state-left p { margin-left: 20px }
.podminky .state-left p.navigation { margin-left: 0; }
.podminky .state-right {background: url(../img/commodity/bg-categories.gif) no-repeat; float:left; height:326px; padding:0 0 0 20px; width:229px; }
.podminky .state-right .title { font-weight: normal; padding: 0 0 10px 7px; color: #689902; border-bottom: 1px dotted #000 }
.podminky .state-right ol { font-weight: bold; padding: 0 0 0 30px; margin: 10px 0 15px 0; }
.podminky .state-right ol li { margin-bottom: 5px; }
.podminky .state-right ol li a { font-weight: normal }

.podminky h2 a { color: #494542 }
.podminky table.dopravne { margin: auto }
.podminky table.dopravne td { padding: 5px 15px; background: #f3f3f3  }
.podminky table.dopravne .idle-row td { background: #fafafa }
.podminky table.dopravne thead td { font-weight: bold; background: #eee }


/********** NOVINKY ***********************************************************/
.novinky .title div { float: left; margin-right: 5px }
.novinky .news-gallery { width: 100%; float: left }
.novinky .news-gallery a { float: left; border: 1px solid #1D1D18; margin: 0 4px 4px 0 }
.novinky .news-gallery img { float: left; margin: 1px }  
                
/********** KONTAKT ***********************************************************/
.kontakt .contact-box { float: left; margin: 0 40px 40px 0 }
.kontakt .input-text { margin: 0 0 8px 0; }
.kontakt .kontakt-all { float: left; width: 100% }
.kontakt .kontakt-form { float: left; width: 500px; }
.kontakt .kontakt-mapa { float: left; }

/********** REFERENCE *********************************************************/
.reference img { border: 2px solid #fff }
.reference strong { display: block; margin-bottom: 15px }
.reference .navigation strong { margin: 0; display: inline }
.reference em { display: block; margin-bottom:4px; }

.reference .photos { width: 100%; float: left; margin: 0 0 30px 0 }
.reference .photos .photo { border: 2px solid #fff; float: left; width: 142px; height: 84px; overflow: hidden; margin: 0 20px 20px 0}
.reference .photos .photo img { border: none }


/********** ARTICLE ***********************************************************/
.article p { margin: 0 }


/********** DETAIL ************************************************************/
.detail .title { padding: 0 0 0 5px;  }
.detail .title.main { padding: 0 0 0 5px; width: 500px; float: left}
.detail .fb { margin: 0 0 15px 0; position: relative; top: 18px; &top: 5px; _top: 5px; }
.detail .states { float: left; }
.detail .state-left-top { float: left }
.detail .state-left { float: left; width: 705px; padding: 0 0 0 5px}
.detail .state-left .detailImg { float: left; width: 319px }
.detail .state-left .detailImg img { float: left;  }
.detail .state-left .detailImg .mid { position: relative; float: left; width: 315px; height: 210px; overflow: hidden; border:2px solid #FFFFFF; }
.detail .state-left .detailImg .mid .sleva { position: absolute; left: 1px; bottom: 1px; }
.detail .state-left .detailImg .add a { width: 33px; height: 37px; overflow: hidden; float: left }
.detail .state-left .detailImg .add div { position: relative; float: left; border: 2px solid #FFFFFF; margin: 10px 10px 0 0;}
.detail .state-left .detailImg .add .lupa { position: absolute; bottom: 4px; right: 4px; border: 0; }
.detail .state-left .detailInfo { float: left; padding: 0 0 0 35px; }
.detail .state-left .detailInfo div { margin-bottom: 5px; height: 20px; width: 350px; overflow: hidden } 
.detail .state-left .detailInfo span { width: 120px; float: left }
.detail .state-left .detailInfo strong { font-size: 15px }
.detail .state-left .detailInfo strong.color { color: #000 }
.detail .state-left .buy { position: relative; margin: 20px 0 0 25px; float: left; width: 360px; height: 66px; overflow: hidden; background: url(../img/commodity/bg-detail_buy.jpg) no-repeat }
.detail .state-left .buy .price { height: 30px; margin: 23px 0 0 23px; color: #fff; font-weight: bold }
.detail .state-left .buy .price span { font-size: 18px; vertical-align: bottom; }
.detail .state-left .buy input { position: absolute; right: 70px; top: 16px; }
.detail .state-left .anotation { float: left; width: 300px; padding: 0 0 0 35px; margin: 10px 0 0 0; }
.detail .state-left .information { float: left; margin-top: 25px; }
.detail .state-left .information .title { font-weight: normal }
.detail .state-left .pdf { float: left; width: 100%; font-size: 16px; margin: 5px 0 15px 0; padding: 10px 50px 15px 0; /*background: url(../img/commodity/bg-pdf.gif) no-repeat 350px 0px*/ }
.detail .state-left .pdf strong { color: #689902; font-size: 18px; margin-right: 20px }
.detail .state-left .related { float: left; margin-bottom: 30px; }
.detail .state-left .related .title { font-weight: normal; }
.detail .state-left .related .related-box { float: left; text-align: center; width: 146px; margin-right: 30px }
.detail .state-left .related .related-box img { border:2px solid #c2c2c2; margin-bottom: 10px; width: 142px; height: 84px; overflow: hidden; }
.detail .state-left .form-steps { margin-bottom: 30px; float: left; width: 740px; position: relative; background: url(../img/commodity/bg-form-steps.gif) no-repeat top right }
.detail .state-left .form-steps .title { font-weight: normal; color: #CE3210 }
.detail .state-left .form-steps ul { list-style-type: none; padding: 0; }
.detail .state-left .form-steps ul li { margin-bottom: 7px; padding: 1px 0 2px 33px }
.detail .state-left .form-steps .first { background: url(../img/commodity/bg-ul_first.gif) no-repeat }
.detail .state-left .form-steps .second { background: url(../img/commodity/bg-ul_second.gif) no-repeat }
.detail .state-left .form-steps .third { background: url(../img/commodity/bg-ul_third.gif) no-repeat }
.detail .state-left .form { float: left; }
.detail .state-left .form .form-type { color: #000; cursor: pointer; text-align: center; padding: 6px 0 9px 0; margin: 0 1px 0 0; float: left; width: 237px; background: url(../img/commodity/bg-form_head_active.gif) no-repeat }
.detail .state-left .form .act { color: #fff; background: url(../img/commodity/bg-form_head.gif) no-repeat }
.detail .state-left .form .end-price { font-size:17px; }
.detail .state-left .form .end-price td { border-top: 1px solid #1D1D18 }

.detail .state-left .formIn { float: left; width: 100%; padding-bottom: 11px; background: url(../img/commodity/bg-form_bottom.gif) no-repeat bottom }
.detail .state-left .formIn form { float: left; padding: 10px 20px 0 20px; background: #e9e9e9; width: 665px }
.detail .state-left .formIn table { margin: 20px 0 0 0; }
.detail .state-left .formIn table td { padding-right: 25px }
.detail .state-left .formIn table.order-recap { margin: 0; }
.detail .state-left .formIn table.order-recap td { width: 190px }
.detail .state-left .formIn table.order-recap label { font-style: italic; color: #689902 }
.detail .state-left .formIn .input-text.small { width: 35px }
.detail .state-left .formIn .business-text { position: relative; top: -10px; margin-left: 15px; }
.detail .state-left .formIn .countText { border: none; text-align: right; width: 60px; background: #E9E9E9; color: #CE3210; font-weight: bold;  }
.detail .state-left .formIn .deliv-anot { font-size: 12px; display: none; }

.detail .state-left .formInMore { display: none; float: left; width: 100%; padding-bottom: 11px; background: url(../img/commodity/bg-form_bottom.gif) no-repeat bottom }
.detail .state-left .formInMore form { float: left; padding: 10px 20px 0 20px; background: #e9e9e9; width: 665px }
.detail .state-left .formInMore table { margin: 20px 0 0 0; }
.detail .state-left .formInMore table td { padding-right: 25px }
.detail .state-left .formInMore .business-text { position: relative; top: -10px; margin-left: 15px; }

.detail .categories { float: left; width: 229px; height: 326px; padding: 0 0 0 20px; background: url(../img/commodity/bg-categories.gif) no-repeat }
.detail .categories .title { font-weight: normal; padding-left: 7px; color: #689902 }
.detail .categories .category { font-size: 15px; padding: 7px 0 7px 22px; border: 1px dotted #000; border-left:none; border-right: none; font-weight: bold }
.detail .categories ul { list-style-type: none; padding: 0 0 0 30px; margin: 10px 0 15px 0; }
.detail .categories ul li { margin-bottom: 5px }
.detail .categories ul li a.active { text-decoration: none; font-weight: bold; }

.detail .productsInCat { float: left; padding: 10px 30px 0 0; }
.detail .productsInCat .title { padding: 2px 0 10px 5px; }
.detail .productsInCat .product { float: left; width: 146px; position: relative; text-align: center; margin: 0 30px 30px 30px }
.detail .productsInCat .productImg { border: 2px solid #fff; width: 142px; height: 84px; overflow: hidden; margin: 5px 0 0 0; }
.detail .productsInCat .product .name { font-size: 15px; width: 146px; height: 17px; overflow: hidden  } 
.detail .productsInCat .product .price { background: #c75727; width: 124px; padding: 5px 0; margin: 10px auto 0px auto; }
.detail .productsInCat .product .priceIn a { color: #fff }
.detail .productsInCat .product .priceIn { width: 116px; height: 20px; position: relative; margin: auto; color: #fff; font-weight: bold; padding: 9px 0 3px 0; background: url(../img/homepage/bg-centerstate_products_price.gif) no-repeat #802e0e }
.detail .productsInCat .product .price span { position: absolute; bottom: 4px; left: 0; width: 116px; }
.detail .productsInCat .product .action-text { width: 149px; height: 22px; padding: 5px 0 0 10px; position: absolute; top: 90px; left: -10px; background: #779d12; color: #fff; font-weight: bold; text-align: left; }

/********** ORDER-FINISH ******************************************************/
.order-finish .label { width: 120px; float: left }