body { margin: 0; padding: 0; background: #f3efed url(../images/bg.jpg) repeat top center; font-size: 12px; color: #727276; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; }
h1, h2, h3, h4, p { margin: 0; }

a { text-decoration: underline; color: #0c4c68; }
a:hover { text-decoration: none; }
a img { border: none; }
.cleaner { float: left; clear: both; width: 100%; height: 0; }
.none { display: none }
.bg_btm { position: absolute; bottom: -9px; left: 0; display: block; width: 986px; height: 9px; background: url(../images/bg_main_btm.png) no-repeat top left; z-index: -1; }

.sklad .tri_dny { color: #742701!important; }
.sklad .tyden { color: #d64600!important; }
.sklad .dotaz { color: #ff0000!important; }
.sklad .sklad { color: #86ae32!important; }

#container { width: 986px; margin: 0 auto; position: relative; }

#head { position: absolute; top: 0; left: 0; width: 968px; height: 496px; float: left; clear: both; padding: 0 9px; background: url(../images/bg_main_mid.png) repeat-y top left; }
#nav_line { position: absolute; top: 505px; left: 0; width: 986px; height: 47px; padding-bottom: 9px; background: url(../images/bg_main_top.png) no-repeat bottom left; }
#cols { width: 968px; float: left; clear: both; padding: 9px; margin: 561px 0 0 0; background: url(../images/bg_main_mid.png) repeat-y top left; position: relative; }
#footer { width: 966px; float: left; clear: both; margin: 0; padding: 20px 10px; }
span.bg_paska { position: absolute; top: 0; left: -95px; width: 91px; height: 157px; float: left; clear: both; background: url(../images/bg_paska.png) no-repeat top left; }

#head .top_line { width: 968px; height: 45px; float: left; clear: both; background: url(../images/bg_top_line.png) no-repeat top left; margin: 0 0 4px 0; }
#head .top_line menu { float: right; margin: 0 7px 0 0; padding: 0; height: 45px; }
#head .top_line menu li { list-style: none; display: inline; float: left; padding-right: 2px; background: url(../images/bg_menu_li.png) no-repeat top right; }
#head .top_line menu li.last { padding: 0; background: none; }
#head .top_line menu li a { padding: 0 20px; display: block; float: left; margin: 0; height: 45px; font: bold 12px/45px Arial; color: #fff; background: url(../images/bg_menu.png) repeat-x top left; text-decoration: none; text-transform: uppercase; }
#head .top_line menu li a.first { background-image: url(../images/bg_menu_first.png); background-repeat: no-repeat; }
#head .top_line menu li a:hover, #head .top_line menu li.slc a { background-position: bottom left; }
#head .top_line menu li.last a { background-image: url(../images/bg_menu_last.png); background-repeat: no-repeat; background-position: top right; }
#head .top_line menu li.last a:hover, #head .top_line menu li.slc.last a { background-position: bottom right; }
#head .top_line .langs { float: left; margin: 12px 0 0 41px; }
#head .top_line .langs a { margin-right: 11px; }
#head .headline { float: left; width: 662px; height: 142px; margin: 0 0 8px 14px; }
#head .headline h1 { float: left; margin-right: 2px; }
#head .headline h2 { margin: 21px 0 9px 0; width: 480px; height: 108px; position: relative; overflow: hidden; }
#head .headline span { display: block; width: 100%; height: 100%; background: url(../images/bg_headline.png) no-repeat top left; position: absolute; top: 0; left: 0; }
#head .headline p { font: italic 12px Arial; color: #6f7173; }
#head .cart { float: right; margin: 8px 0 22px 0; width: 208px; height: 36px; padding-left: 65px; background: url(../images/bg_cart.png) no-repeat top left; }
#head .cart p { color: #727276; line-height: 18px; }
#head .cart p b { color: #e92f37; }
#head .cart p a { color: #727276; }
#head .login { float: right; clear: right; margin: 0 0 5px 0; width: 192px; height: 79px; padding: 0 16px 0 65px; background: url(../images/bg_login.png) no-repeat top left; }
#head .login span.input { float: left; display: block; height: 25px; margin-bottom: 8px; }
#head .login span.input input { border: none; background: none; height: 15px; padding: 5px 8px; font: 11px/15px Arial; color: #6f7273; }
#head .login input.btn { width: 73px; height: 25px; font: bold 11px/25px Arial; color: #fff; float: right; background: url(../images/bg_btn.png) no-repeat top left; border: none; cursor: pointer; }
#head .login .e_mail { width: 192px; background: url(../images/bg_input_login_mail.png) no-repeat top left; clear: both; }
#head .login .e_mail input { width: 176px; }
#head .login .heslo { width: 110px; background: url(../images/bg_input_login_heslo.png) no-repeat top left; }
#head .login .heslo input { width: 94px; }
#head .login p.links { font-size: 10px; clear: both; }
#head .login p.links a { color: #656565; padding-left: 10px; background: url(../images/ico_right_red.gif) no-repeat center left; margin-right: 15px; text-decoration: none; float: left; white-space: nowrap; }
#head .login p.links a:hover { text-decoration: underline; }
#head .logged-in { background: url(../images/bg_user_bar.png) no-repeat top left; }
#head .logged-in h5 { font: bold 12px Arial; color: #727276; margin: 0 0 2px 0; }
#head .logged-in p.links { width: 100%; float: left; margin-bottom: 3px; }
#head .logged-in a.btn { width: 73px; height: 25px; font: bold 11px/25px Arial; color: #fff; float: right; background: url(../images/bg_btn.png) no-repeat top left; border: none; cursor: pointer; text-align: center; text-decoration: none; }
#head .header { width: 958px; height: 219px; padding: 5px; float: left; clear: both; margin: 0 0 5px 0; background-repeat: no-repeat; background-position: top left; position: relative; }
#head .header .image { float: left; width: 686px; height: 219px; margin: 0 19px 0 0; position: relative; }
#head .header .image span { float: left; display: block; width: 686px; height: 219px; position: absolute; top: 0; left: 0; _display: none; }
#head .h_01 .image span { background: url(../images/bg_head_over_01.png) no-repeat top left; }
#head .h_02 .image span { background: url(../images/bg_head_over_02.png) no-repeat top left; }
#head .h_03 .image span { background: url(../images/bg_head_over_03.png) no-repeat top left; }
#head .h_04 .image span { background: url(../images/bg_head_over_04.png) no-repeat top left; }
#head .h_05 .image span { background: url(../images/bg_head_over_05.png) no-repeat top left; }
#head .h_06 .image span { background: url(../images/bg_head_over_06.png) no-repeat top left; }
#head .h_07 .image span { background: url(../images/bg_head_over_07.png) no-repeat top left; }
#head .h_08 .image span { background: url(../images/bg_head_over_08.png) no-repeat top left; }
#head .header.h_00 .image { width: 958px; margin: 0; }
#head .header.h_00 .image span { width: 958px; background: url(../images/bg_head_over_00.png) no-repeat top left; }
#head .header .text { float: left; width: 253px; position: absolute; top: 5px; right: 5px; height: 224px; }
#head .header .text h2 { font: bold 24px Arial; color: #fff; margin: 4px 0; text-transform: uppercase; }
#head .header .text ul { margin: 0 0 0 5px; padding: 0; }
#head .header .text ul li { list-style: none; padding-left: 13px; font: italic 14px/24px Arial; background: url(../images/ico_right_white.gif) no-repeat center left; }
#head .header .text ul li a { color: #fff; }
#head .header .text a.btn_open { position: absolute; right: 9px; bottom: 8px; width: 87px; height: 17px; text-align: center; background: url(../images/bg_btn_head.png) no-repeat bottom left; text-decoration: none; color: #5d5d5d; font: 10px/17px Arial; padding: 0 0 6px 0; }
#head .header .text .bg_btm { display: none; }
#head .header .text-open { right: 0; padding: 0 5px 30px 15px; z-index: 100; height: auto; }
#head .header .text-open .bg_btm { width: 273px; height: 5px; bottom: -5px; display: block; }
#head .header .text-open ul li.none { display: block; }
#head .header .text-open a.btn_open { padding: 6px 0 0 0!important; background-position: top left; }
#head .h_01 .text-open { background: #a61016 url(../images/bg_head_01_text_open.png) repeat-x top left;  }
#head .h_01 .text-open .bg_btm { background: url(../images/bg_head_01_text_open_btm.png) no-repeat top left; }
#head .h_02 .text-open { background: #cf650c url(../images/bg_head_02_text_open.png) repeat-x top left;  }
#head .h_02 .text-open .bg_btm { background: url(../images/bg_head_02_text_open_btm.png) no-repeat top left; }
#head .h_03 .text-open { background: #fda441 url(../images/bg_head_03_text_open.png) repeat-x top left;  }
#head .h_03 .text-open .bg_btm { background: url(../images/bg_head_03_text_open_btm.png) no-repeat top left; }
#head .h_04 .text-open { background: #799d11 url(../images/bg_head_04_text_open.png) repeat-x top left;  }
#head .h_04 .text-open .bg_btm { background: url(../images/bg_head_04_text_open_btm.png) no-repeat top left; }
#head .h_05 .text-open { background: #068444 url(../images/bg_head_05_text_open.png) repeat-x top left;  }
#head .h_05 .text-open .bg_btm { background: url(../images/bg_head_05_text_open_btm.png) no-repeat top left; }
#head .h_06 .text-open { background: #50a6ca url(../images/bg_head_06_text_open.png) repeat-x top left;  }
#head .h_06 .text-open .bg_btm { background: url(../images/bg_head_06_text_open_btm.png) no-repeat top left; }
#head .h_07 .text-open { background: #0c84b1 url(../images/bg_head_07_text_open.png) repeat-x top left;  }
#head .h_07 .text-open .bg_btm { background: url(../images/bg_head_07_text_open_btm.png) no-repeat top left; }
#head .h_08 .text-open { background: #920b73 url(../images/bg_head_08_text_open.png) repeat-x top left;  }
#head .h_08 .text-open .bg_btm { background: url(../images/bg_head_08_text_open_btm.png) no-repeat top left; }
#head .h_00 { background-image: url(../images/bg_header_00.png); }
#head .h_01 { background-image: url(../images/bg_header_01.png); }
#head .h_02 { background-image: url(../images/bg_header_02.png); }
#head .h_03 { background-image: url(../images/bg_header_03.png); }
#head .h_04 { background-image: url(../images/bg_header_04.png); }
#head .h_05 { background-image: url(../images/bg_header_05.png); }
#head .h_06 { background-image: url(../images/bg_header_06.png); }
#head .h_07 { background-image: url(../images/bg_header_07.png); }
#head .h_08 { background-image: url(../images/bg_header_08.png); }
#head ul.submenu { margin: 0; padding: 0; float: left; clear: both; width: 968px; height: 63px; }
#head ul.submenu li { list-style: none; display: inline; float: left; margin-right: 4px; }
#head ul.submenu li.last { margin-right: 0; margin-left: -1px; }
#head ul.submenu li a { display: block; width: 93px; height: 50px; padding: 13px 12px 0 12px; text-align: center; text-decoration: none; color: #fff; font: bold 12px/18px Arial; }
#head ul.submenu li a.m01 { background-image: url(../images/m01.png); margin-right: 1px; width: 92px; }
#head ul.submenu li a.m02 { background-image: url(../images/m02.png); }
#head ul.submenu li a.m03 { background-image: url(../images/m03.png); margin-right: 1px; width: 94px; }
#head ul.submenu li a.m04 { background-image: url(../images/m04.png); margin-right: 1px; }
#head ul.submenu li a.m05 { background-image: url(../images/m05.png); margin-right: 1px; width: 92px; }
#head ul.submenu li a.m06 { background-image: url(../images/m06.png); margin-right: 1px; width: 92px; }
#head ul.submenu li a.m07 { background-image: url(../images/m07.png); margin-right: 1px; }
#head ul.submenu li a.m08 { background-image: url(../images/m08.png); }

#cols h1 { font: bold 24px Arial; color: #727276; text-transform: uppercase; margin: 0 0 18px 14px; }
#cols h1 small { font: 12px Arial; }
#cols h1.h_prod-det { width: 655px; }
#cols .prod_filtr { width: 944px; height: 52px; padding: 0 10px 0 14px; float: left; clear: both; margin: 0 0 15px 0; background: url(../images/bg_prod_filtr.png) no-repeat top left; }
#cols .prod_filtr .sub_filtr { float: left; position: relative; padding: 13px 15px 0 0; position: relative; margin-right: 12px; }
#cols .prod_filtr .sub_filtr a.btn_reset { position: absolute; top: 2px; right: 4px; }
#cols .prod_filtr .sub_filtr label { font: bold 12px/14px Arial; float: left; margin: 5px 9px 0 0; }
#cols .prod_filtr .sub_filtr small { font: 10px Arial; }
#cols .prod_filtr .sub_filtr label.small { font: 12px/14px Arial; }
#cols .prod_filtr .filtr_kat { width: 222px; }
#cols .prod_filtr .filtr_cena { width: 250px; }
#cols .prod_filtr .filtr_radit { width: 175px; }
#cols .prod_filtr .filtr_reset { float: right; margin-right: 0; padding-right: 0; }
#cols .prod_filtr .filtr_reset a { font: italic 12px/30px Arial; color: #eb2f3a; padding-right: 12px; background: url(../images/btn_reset_filtr_red.png) no-repeat top right; float: right; }
#cols .prod_filtr .dropdown { position: relative; z-index: 40; float: left; }
#cols .prod_filtr .dropdown .label { width: 100%; clear: both; float: left; background: url(../images/bg_dropdown_label.png) no-repeat top left; cursor: pointer; }
#cols .prod_filtr .dropdown strong { font: 12px/25px Arial; float: left; padding-left: 8px; }
#cols .prod_filtr .dropdown .dropdown_btn { display: block; width: 24px; height: 25px; background: url(../images/bg_dropdown_btn.png) no-repeat top left; float: right; }
#cols .prod_filtr .dropdown .dropdown_list { position: absolute; top: 26px; left: 0; padding: 5px 0; background: #fff; z-index: 150; float: left; clear: both; min-width: 100%; }
#cols .prod_filtr .dropdown .dropdown_list a { float: left; clear: both; line-height: 20px; padding: 0 5px; z-index: 150; position: relative; }
#cols .prod_filtr .filtr_kat .dropdown { width: 131px; }
#cols .prod_filtr .filtr_cena .dropdown { width: 80px; }
#cols .prod_filtr .filtr_radit .dropdown { width: 92px; }
#cols .prod_filtr .filtr_cena label { margin-right: 0; }
#cols .prod_filtr .filtr_cena label.small { margin: 5px 5px 0 7px; }
#cols .prod_box { width: 229px; height: 249px; padding: 10px 0 0 5px; margin: 0 0 17px 8px; float: left; background: url(../images/bg_prod_box.gif) no-repeat top left; overflow: hidden; position: relative; z-index: 1; }
#cols.titulka .prod_box { margin: 0 0 17px 5px; width: 219px; background-position: top right; }
#cols .prod_box h2 { font: bold italic 14px Arial; position: absolute; top: 10px; left: 5px; }
#cols .prod_box h2 a { color: #0c4c68; }
#cols .prod_box a.th { display: block; width: 215px; height: 165px; overflow: hidden; float: left; clear: both; text-align: center; position: absolute; top: 42px; left: 5px; z-index: 5; }
#cols .prod_box div.cena { float: left; clear: both; width: 220px; position: absolute; top: 211px; left: 5px; }
#cols .prod_box div.cena p.bez_dph { font: bold 20px Arial; margin: 0 0 5px 0; width: 100%; float: left; clear: both; }
#cols .prod_box div.cena p.bez_dph small { font: 11px Arial; }
#cols .prod_box div.cena p.s_dph { margin: 0; font: 10px Arial; float: left; white-space: nowrap; }
#cols .prod_box div.cena p.drive { float: right; margin: 0; font-size: 10px; }
#cols .prod_box div.cena p.drive strike { font-size: 12px; }
#cols.titulka .prod_box div.cena p.drive { margin-right: 8px; }
#cols .prod_box .akce p.bez_dph, #cols .prod_box .akce p.s_dph { color: #eb2f3a; }
#cols .prod_box span { position: absolute; top: 183px; display: block; width: 57px; height: 19px; font: bold 12px/19px Arial; color: #fff; background-position: top left; text-align: center; z-index: 10; text-transform: uppercase; }
#cols .prod_box span.akce { background-image: url(../images/bg_ico_akce.png); width: 80px!important; }
#cols .prod_box span.novinka { background-image: url(../images/bg_ico_novinka.png); width: 65px!important; }
#cols .prod_box span.hit { background-image: url(../images/bg_ico_hit.png); }
#cols .prod_box span.ico_1 { left: 5px; }
#cols .prod_box span.ico_2 { left: 91px; }
#cols .prod_box span.ico_3 { left: auto; right: 15px; }
#cols.titulka .prod_box span.ico_3 { left: auto; right: 5px; }
#cols .prod_vyhledavani .prod_box { width: 341px; height: 147px; padding: 0; margin: 0 8px 8px 0; background: url(../images/bg_prod_box_vyhledavani.png) no-repeat top left; }
#cols .prod_vyhledavani .prod_box h2 { font: bold italic 14px Arial; position: absolute; top: 15px; left: 159px; }
#cols .prod_vyhledavani .prod_box a.th { display: block; width: 130px; height: 130px; position: absolute; top: 10px; left: 10px; }
#cols .prod_vyhledavani .prod_box a.th img { width: 130px; }
#cols .prod_vyhledavani .prod_box div.cena { float: left; clear: both; width: 175px; position: absolute; top: 72px; left: 159px; }
#cols .prod_vyhledavani .prod_box div.cena p.s_dph { margin-bottom: 8px; }
#cols .prod_vyhledavani .prod_box div.cena p.drive { clear: both; float: left; width: 130px; }
#cols .prod_vyhledavani .prod_box span { position: absolute; top: 42px;  }
#cols .prod_vyhledavani .prod_box span.ico_1 { left: 159px; }
#cols .prod_vyhledavani .prod_box span.ico_2 { left: 217px; }
#cols .prod_vyhledavani .prod_box span.ico_3 { left: auto; right: 9px; }
#cols .prod_vyhledavani .prod_box .box_dva { margin-right: 0; }
#cols form.form_search { position: absolute; top: 14px; right: 10px; margin: 0; padding: 0 0 0 35px; background: url(../images/bg_form_search.png) no-repeat top left; width: 249px; }
#cols form.form_search span.input { float: left; display: block; width: 168px; height: 25px; background: url(../images/bg_input_search.png) no-repeat top left; }
#cols form.form_search span.input input { border: none; background: none; width: 152px; height: 15px; padding: 5px 8px; font: 11px/15px Arial; color: #6f7273; }
#cols form.form_search input.btn { width: 73px; height: 25px; font: bold 11px/25px Arial; color: #fff; float: right; background: url(../images/bg_btn.png) no-repeat top left; border: none; cursor: pointer; }
#cols .vypis { float: left; clear: both; width: 100%; }
#cols .vypis h1 { text-transform: none; }
#cols .text { float: left; clear: both; width: 940px; margin: 0 14px 15px 14px; }
#cols .text h1 { margin-left: 0; }
#cols p.vice_p a { font: 14px Arial; margin-left: 6px; padding-left: 24px; color: #e92f37; background: url(../images/ico_vice_p.png) no-repeat center left; }

#lcol { float: left; width: 690px; margin-bottom: 25px; }
#lcol p { margin: 0 0 12px 0; }
#lcol h2 { margin: 0 0 7px 0; font: bold 18px Arial; }
#lcol h3 { margin: 0 0 5px 0; font: bold 14px Arial; color: #0c4c68; }
#lcol #msg { width: 678px; height: 42px; float: left; clear: both; margin: 0 0 12px 10px; padding: 0 0 0 12px; }
#lcol #msg p { font: 14px/42px Arial;  }
#lcol #msg p strong { font: bold 18px/42px Arial; }
#lcol #msg.green { background: #b3edab url(../images/bg_msg_green.gif) no-repeat top left; color: #0f4407; }
#lcol #msg.red { background: #f2abab url(../images/bg_msg_red.gif) no-repeat top left; color: #960808; }
#lcol form.search_left { width: 675px; height: 46px; float: left; clear: both; margin: 0 0 12px 10px; padding: 15px 15px 0 12px; background: url(../images/bg_search_big.png) no-repeat top left; }
#lcol form.search_left label { font: bold 12px Arial; float: left; margin: 5px 12px 0 0; }
#lcol form.search_left div.input { width: 416px; height: 28px; background: url(../images/bg_input_big.png) no-repeat top left; float: left; margin-right: 8px; }
#lcol form.search_left div.input input { background: none; padding: 7px 10px; width: 396px; height: 14px; margin: 0; float: left; border: none; font: 12px Arial; color: #7f7f7f; }
#lcol form.search_left input.btn { width: 101px; height: 27px; font: bold 11px/27px Arial; color: #fff; border: none; background: url(../images/btn_hledat.png) no-repeat top left; cursor: pointer; float: left; margin: 0; }
#lcol form.search_right { width: 675px; height: 46px; float: left; clear: both; margin: 0 0 12px 10px; padding: 15px 15px 0 12px; background: url(../images/bg_search_big.png) no-repeat top left; }
#lcol form.search_right label { font: bold 12px Arial; float: left; margin: 5px 12px 0 0; }
#lcol form.search_right div.input { width: 416px; height: 28px; background: url(../images/bg_input_big.png) no-repeat top left; float: left; margin-right: 8px; }
#lcol form.search_right div.input input { background: none; padding: 7px 10px; width: 396px; height: 14px; margin: 0; float: left; border: none; font: 12px Arial; color: #7f7f7f; }
#lcol form.search_right input.btn { height: 28px; width: 102px; border: none; background: url(../images/btn.png) no-repeat top left; cursor: pointer; float: left; margin: 0; font: bold 12px/28px Arial; color: #fff; }
#lcol form.kontakt_form { width: 100%; float: left; clear: both; margin: 0; padding: 0; }
#lcol form.kontakt_form h2 { margin-left: 10px; clear: both; }
#lcol form.kontakt_form .left { float: left; width: 286px; margin: 0 6px 0 -6px; }
#lcol form.kontakt_form .left label { float: left; width: 100px; padding: 7px 10px 7px 0; text-align: right; font: 12px Arial; clear: left; margin-bottom: 6px; }
#lcol form.kontakt_form .left div.input { float: left; width: 167px; height: 28px; background: url(../images/bg_input2.png) no-repeat top left; margin: 0 4px 6px 0; }
#lcol form.kontakt_form .left div.input input { background: none; padding: 6px 10px; width: 146px; height: 16px; margin: 0; float: left; border: none; font: 12px/16px Arial; color: #7f7f7f; }
#lcol form.kontakt_form .left span { color: #f00; float: left; }
#lcol form.kontakt_form .btm { width: 100%; float: left; clear: both; margin-top: 7px; }
#lcol form.kontakt_form .btm label { float: left; width: 94px; padding: 7px 10px 7px 0; text-align: right; font: 12px Arial; clear: left; }
#lcol form.kontakt_form .btm div.textarea { float: left; width: 571px; height: 110px; padding: 3px; background: url(../images/bg_textarea.png) no-repeat top left; margin: 0 4px 6px 0; }
#lcol form.kontakt_form .btm div.textarea textarea { background: none; padding: 4px 7px; width: 557px; height: 104px; margin: 0; float: left; border: none; font: 12px Arial; color: #7f7f7f; }
#lcol form.kontakt_form .btm span { color: #f00; float: left; }
#lcol form.kontakt_form .btm .kopie { float: left; margin-left: 100px; width: 270px; }
#lcol form.kontakt_form .btm .kopie label { width: auto; float: none; padding: 0; text-align: left; clear: none; }
#lcol form.kontakt_form .btm .btn { float: right; height: 28px; width: 102px; border: none; background: url(../images/btn.png) no-repeat top left; cursor: pointer; margin: 0 10px 0 0; font: bold 12px/28px Arial; color: #fff; }
#lcol .kontakt_text { width: 665px; height: 212px; padding: 10px 10px 0 16px; margin: -8px 0 20px -1px; background: url(../images/bg_kontakt_text.png) no-repeat top left; float: left; clear: both; }
#lcol .kontakt_text .google_mapa { float: right; width: 280px; height: 200px; }
#lcol .kontakt_text h2 { font: bold 18px Arial; color: #727276; margin: 8px 0 6px 0; }
#lcol .kontakt_text p { font: 12px/18px Arial; margin-bottom: 17px; }
#lcol .kontakt_text p a { color: #e92f37; }
#lcol.detail { width: 655px; }
#lcol.detail #produkt { margin: 0 0 20px 0; width: 637px; float: left; clear: both; padding-left: 18px; }
#lcol.detail #produkt .left { float: left; width: 252px; margin-right: 13px; }
#lcol.detail #produkt .left .thumbs { float: left; clear: both; width: 252px; margin-bottom: 15px; }
#lcol.detail #produkt .left .thumbs a.th { display: block; float: left; width: 72px; height: 72px; padding: 5px; margin: 0 3px 3px 0; background: url(../images/bg_th_small.gif) no-repeat top left; text-align: center; }
#lcol.detail #produkt .left .thumbs a.tri { margin-right: 0; }
#lcol.detail #produkt .left .thumbs p.vice { float: left; clear: both; width: 100%; text-align: right; }
#lcol.detail #produkt .left .thumbs p.vice a { text-decoration: none; color: #ff0000; }
#lcol.detail #produkt .left .thumbs p.vice a span { text-decoration: underline; margin-right: 5px; }
#lcol.detail #produkt .left .thumbs p.vice a:hover span { text-decoration: none; }
#lcol.detail #produkt .left a.th_big { display: block; float: left; clear: both; width: 230px; height: 229px; padding: 11px; margin: 0 0 10px 0; background: url(../images/bg_th_big.gif) no-repeat top left; text-align: center; }
#lcol.detail #produkt .left h2 { font: bold 14px Arial; color: #7f7f7f; }
#lcol.detail #produkt .left .soubory_box { width: 100%; float: left; clear: both; margin: 0 0 24px 0; }
#lcol.detail #produkt .left .soubory_box p { margin: 0 0 7px 0; padding-left: 30px; color: #0c4c68; font-style: italic; line-height: 24px; }
#lcol.detail #produkt .left .soubory_box p.ico_pdf { background: url(../images/ico_pdf.png) no-repeat center left; }
#lcol.detail #produkt .left .doporucene_box { width: 260px; float: left; clear: both; margin: 0 0 24px 0; }
#lcol.detail #produkt .right { float: right; width: 372px; }
#lcol.detail #produkt .right p.links { float: left; clear: both; width: 100%; margin-bottom: 12px; }
#lcol.detail #produkt .right p.links a { float: left; padding: 5px 0 5px 24px; color: #727276; text-decoration: none; margin-right: 10px; font-size: 10px; }
#lcol.detail #produkt .right p.links a.ico_tisk { background: url(../images/ico_tisk.png) no-repeat top left; }
#lcol.detail #produkt .right p.links a.ico_doporucit { background: url(../images/ico_doporucit.png) no-repeat top left; }
#lcol.detail #produkt .right p.links a.ico_zeptat { background: url(../images/ico_dotaz.png) no-repeat top left; padding-left: 26px; margin-right: 0; }
#lcol.detail #produkt .right p.links a:hover { text-decoration: underline; }
#lcol.detail #produkt .right table.tab_cena { width: 100%; float: left; clear: both; margin: 0 0 15px 0; color: #727274; }
#lcol.detail #produkt .right table.tab_cena td { height: 48px; background: #f9f9f9; border-bottom: 1px solid #fff; padding-right: 10px; text-align: right; }
#lcol.detail #produkt .right table.tab_cena th { height: 48px; background: #f9f9f9; border-bottom: 1px solid #fff; padding-left: 10px; text-align: left; font-weight: normal; }
#lcol.detail #produkt .right table.tab_cena td strong { font: bold 22px Arial; color: #f02d3e; text-align: right; }
#lcol.detail #produkt .right table.tab_cena td strong.s_dph { font: bold 16px Arial; text-align: right; color: #737277; }
#lcol.detail #produkt .right table.tab_cena td small { font-size: 10px; }
#lcol.detail #produkt .right table.tab_cena td strike { font-size: 12px; }
#lcol.detail #produkt .right table.tab_cena.last td, #lcol #produkt .right table.tab_cena.last th { height: 44px; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta { height: auto; border-bottom: 2px solid #fff; padding: 5px 0 5px 10px; text-align: left; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta .box { width: 100%; height: 100%; position: relative; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.jmeno { font: bold 12px Arial; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.jmeno small { font: 10px Arial; margin-left: 5px; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.popis { font: 11px/18px Arial; vertical-align: ; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.input { width: 42px; height: 25px; float: left; margin-right: 10px; background: url(../images/bg_input_varianta.png) no-repeat bottom left; padding-top: 5px; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.input input { width: 32px; height: 15px; padding: 5px; text-align: right; background: none; border: none; font: 11px/15px Arial; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.cena_bez_dph { font: bold 12px/36px Arial; color: #eb2f3a; margin-right: 5px; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.cena_bez_dph small { font: 10px Arial; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.cena_s_dph { font: 10px/36px Arial; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.cena_old { font: 10px Arial; margin-left: 165px; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.ico { position: absolute; top: 5px; right: 5px; display: block; width: 57px; height: 19px; font: bold 12px/19px Arial; color: #fff; background-position: top left; text-align: center; z-index: 10; }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.akce { background-image: url(../images/bg_ico_akce.png); }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.novinka { background-image: url(../images/bg_ico_novinka.png); }
#lcol.detail #produkt .right table.tab_cena td.td_varianta span.hit { background-image: url(../images/bg_ico_hit.png); }
#lcol.detail #produkt .right table.tab_cena td.td_checkbox { width: 33px; border-bottom: 2px solid #fff; padding: 0; text-align: center; vertical-align: middle; background: #f0f0f0 url(../images/bg_td_checkbox.png) repeat-y top left; }
#lcol.detail #produkt .right .popis { width: 100%; float: left; clear: both; }
#lcol.detail #produkt .right .popis table { margin: 0 0 10px 0; border-collapse: collapse; width: 100%; }
#lcol.detail #produkt .right .popis table th { background: #b1b1b1; color: #fff; text-align: left; padding: 4px 10px; text-transform: uppercase; border: 1px solid #fff; }
#lcol.detail #produkt .right .popis table td { padding: 4px 10px; border: 1px solid #fff; background: #eee; color: #818181; }
#lcol.detail #produkt .right .popis table td a { color: #ff0000; }
#lcol.detail #produkt .right .popis table td b { color: #000; }
#lcol.detail #produkt .right form.add_cart { width: 372px; margin: 0 0 10px 0; padding: 0 0 7px 0; background: url(../images/bg_form_add-cart.png) no-repeat bottom right; float: left; clear: both; }
#lcol.detail #produkt .right form.add_cart label { float: left; margin: 17px 7px 0 0; font-weight: bold; }
#lcol.detail #produkt .right form.add_cart div.input { float: left; background: url(../images/bg_input_cart2.png) no-repeat top left; margin: 10px 5px 0 0; width: 31px; height: 14px; padding: 6px 6px 26px 6px; }
#lcol.detail #produkt .right form.add_cart div.input input { width: 31px; height: 14px; background: none; border: none; text-align: right; font: 12px/14px Arial; color: #7f7f7f; }
#lcol.detail #produkt .right form.add_cart p { float: left; margin: 17px 7px 0 0; }
#lcol.detail #produkt .right form.add_cart input.btn { float: right; background: url(../images/btn_do-kosiku.png) no-repeat top left; width: 229px; padding-left: 61px; height: 46px; font: bold 18px/46px Arial; color: #fff; text-align: left; border: none; margin: 0; cursor: pointer; }
#lcol .partneri_box { width: 100%; float: left; clear: both; margin: 0 0 10px 0; }
#lcol .partneri_box .th { float: left; margin: 0 12px 0 0; width: 121px; height: 111px; padding: 10px 5px; text-align: center; line-height: 100px; background: url(../images/bg_th_partneri.png) no-repeat top left; overflow: hidden; }
#lcol .partneri_box .th img { max-width: 120px; max-height: 110px; }
#lcol .partneri_box h2 { font: bold 12px Arial; color: #0c4c68; margin: 4px 0 6px 0; }
#lcol .partneri_box h2 a { font-weight: normal; color: #e92f37; text-decoration: none; }
#lcol .partneri_box h2 a:hover { text-decoration: underline; }
#lcol .partneri_box p { font: 12px/16px Arial; }

#rcol { float: right; width: 236px; padding-right: 5px; margin-bottom: 25px; }
#cols.titulka #rcol { margin-top: 50px; }
#rcol h3.bg { float: left; clear: both; width: 235px; height: 43px; background: url(../images/hbg_h3_rcol.png) no-repeat top left; text-indent: 12px; font: bold 18px/43px Arial; color: #fff; text-transform: uppercase; }
#rcol .banner_rcol { width: 235px; float: left; clear: both; margin: 0 0 18px 0; }
#rcol .rcol_box { width: 235px; float: left; clear: both; margin: 0; background: url(../images/bg_rcol_box_btm.png) no-repeat bottom left; padding-bottom: 7px; }
#rcol .rcol_box .stred { background: url(../images/bg_rcol_box_stred.png) repeat-y top left; width: 225px; padding: 10px 10px 0 10px; float: left; }
#rcol .rcol_box .stred p { margin: 0 0 20px 0; font: 12px/18px Arial; }
#rcol .rcol_box .stred p strong { font: bold 14px Arial; color: #0c4c68; }
#rcol .rcol_box .stred a.btn { width: 101px; height: 27px; font: bold 11px/27px Arial; color: #fff; border: none; background: url(../images/btn_hledat.png) no-repeat top left; cursor: pointer; float: left; margin: 0; text-align: center; text-decoration: none; }
#rcol .rcol_akce { float: left; clear: both; width: 100%; margin: 7px 0 20px 0; }
#rcol .rcol_akce .prod_box { width: 230px; height: 107px; float: left; clear: both; margin: 0 0 7px 0; background: url(../images/bg_prod_box_rcol.png) no-repeat top left; padding: 10px 0 0 6px;  }
#rcol .rcol_akce .prod_box h4 { font: bold italic 14px Arial; margin: 0 0 7px 0; }
#rcol .rcol_akce .prod_box h4 a { color: #0c4c68; }
#rcol .rcol_akce .prod_box a.th { float: left; clear: left; display: block; width: 70px; height: 70px; overflow: hidden; margin: 0 5px 0 0; position: static; }
#rcol .rcol_akce .prod_box a.th img { height: 70px; }
#rcol .rcol_akce .prod_box div.cena { position: static; float: left; width: 150px; clear: none; margin-top: 7px; }
#rcol .rcol_akce .prod_box div.cena p.bez_dph { font: bold 18px Arial; clear: both; }
#rcol .rcol_akce .prod_box div.cena p.s_dph { clear: both; }
#rcol .rcol_akce .prod_box div.cena p.drive { clear: both; width: 100%; margin: 7px 0 0 0; float: left; }
#rcol .rcol_akce p.vice_p { clear: both; margin: 3px 0 0 0; }
#rcol.detail { width: 279px; }
#rcol.detail h2 { font: bold 14px Arial; margin-bottom: 11px; }
#rcol.detail .alt_box .prod_box { width: 263px; height: 88px; padding: 5px 6px 0 10px; margin: 0 0 6px 0; background: url(../images/bg_alt_prod.gif) no-repeat top left; }
#rcol.detail .alt_box .prod_box a.th { width: 72px; height: 72px; overflow: hidden; float: left; clear: none; position: static; margin: 5px 5px 0 0; }
#rcol.detail .alt_box .prod_box a.th img { height: 72px; }
#rcol.detail .alt_box .prod_box h3 { font: bold 12px Arial; margin: 0 0 5px 0; }
#rcol.detail .alt_box .prod_box p { font-size: 11px; margin-bottom: 4px; }
#rcol.detail .alt_box .prod_box p.cena { font: bold 12px Arial; color: #eb2f3a; }
#rcol.detail .alt_box .prod_box p.cena small { font: 10px Arial; }

#nav_line p { float: left; margin: 0 0 0 12px; font: 11px/47px Arial; color: #7b7b7b; }
#nav_line p a { margin: 0 5px; color: #7b7b7b; }
#nav_line p strong { margin: 0 5px; }
#nav_line p.tel { float: right; font: bold italic 26px/47px Arial; color: #e92f37; width: 290px; }
#nav_line p.tel span { font-size: 24px; }
#nav_line p.tel small { font: italic 18px Arial; }

#footer ul.right { float: right; margin: 14px 0 7px 0; padding: 0; }
#footer ul.left { float: left; margin: 12px 0 7px 0; padding: 0; }
#footer ul li { list-style: none; display: inline; float: left; }
#footer ul.right li { margin-left: 7px; font-size: 11px; color: #7b7b7b; }
#footer ul.right li a { color: #7b7b7b; margin-right: 7px; }
#footer ul.left li { margin-right: 7px; font-size: 12px; color: #5b5b5b; }
#footer ul.left li a { color: #5b5b5b; margin-right: 7px; }
#footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { font-size: 11px; margin: 0; color: #7b7b7b; width: 100%; clear: both; }
#footer p a { color: #7b7b7b; }
#footer p a.proidea { color: #5eaa05; text-transform: uppercase; }


/* --------------- formulare COPY --------------------- */
#formular { margin: 0; padding: 0 0 0 5px; width: 690px; }
#formular h2 small { font: 12px Arial; }
#formular .form_box { width: 680px; border: 1px solid #dedede; background: #f8f6f6; padding: 15px 4px; float: left; clear: both; margin-bottom: 20px; }
#formular .form_box table { margin: 0 10px 0 0; }
#formular .form_box table th { padding-right: 11px; text-align: right; }
#formular .form_box table th label { font: 12px Arial; color: #818181; text-align: right; }
#formular .form_box table td.input { height: 18px; width: 160px; padding: 6px 4px 10px 5px; background: url(../images/bg_input.gif) no-repeat top left; }
#formular .form_box table td.input_err { height: 18px; width: 160px; padding: 6px 4px 10px 5px; background: url(../images/bg_input.gif) no-repeat 0 -42px; }
#formular .form_box table td.input input { width: 150px; border: none; padding: 0; height: 18px; font: 12px Arial; color: #818181; background: none; }
#formular .form_box table td.input_err input { width: 150px; border: none; padding: 0; height: 18px; font: 12px Arial; color: #818181; background: none; }
#formular .form_box table td.textarea { height: 87px; width: 651px; padding: 4px 4px 4px 14px; background: url(../images/bg_textarea.gif) no-repeat top right; }
#formular .form_box table td.textarea textarea { width: 651px; border: none; padding: 0; height: 87px; font: 12px Arial; color: #818181; background: none; }
#formular .form_box table td.textarea2 { height: 149px; width: 561px; padding: 4px 4px 4px 5px; background: url(../images/bg_textarea2.gif) no-repeat top left; }
#formular .form_box table td.textarea2 textarea { width: 551px; border: none; padding: 0; height: 149px; font: 12px Arial; color: #818181; background: none; float: left; margin: 0 5px 0 0; }
#formular .form_box table td.textarea2 span { float: right; }
#formular .form_box table td span.povinny { color: #ff0000; }
#formular .form_box table td span.err { color: #fff; font-size: 10px; display: block; width: 152px; padding-left: 20px; height: 26px; line-height: 26px; float: left; margin: -10px 0 0 0; position: relative; background: url(../images/bg_err.gif) no-repeat top left; }
#formular .form_box .checkbox { margin: 2px 5px 0 10px; }
#formular button, #formular a.btn { float: left; font-size: 12px; text-align: center; width: 102px; height: 28px; line-height: 28px; color: #fff; background: url(../images/btn.png) no-repeat top left; border: none; padding: 0; text-decoration: none; display: block; font-weight: bold; }
#formular .form_box h3 { color: #000; margin: 0 0 15px 0; }
#formular .form_box .left { float: left; }
#formular .form_box .right { float: right; width: 230px; margin-right: 40px; }
#formular .form_box .left h4 { font: bold 12px Arial; color: #000; margin: 10px 0 5px 15px; }
#formular .form_box .left ul { margin: 0 0 0 35px; }
#formular .form_box .left ul li { list-style: none; padding-left: 12px; background: url(../images/ico_right_blue.gif) no-repeat 0 4px; }
#formular .form_box .right table { float: right; clear: both; margin-bottom: 10px; }
#formular .form_box .right a { float: right; margin: 5px 15px 0 0; }
#formular .form_box .right a.a_heslo { color: #0d6b82; padding-left: 12px; background: url(../images/ico_right_blue.gif) no-repeat 0 4px; font-size: 11px; margin-top: 13px; }
#formular table.zpusoby_cart { margin: 0 0 20px 0; border-collapse: collapse; width: 690px; border: 1px solid #dedede; }
#formular table.zpusoby_cart th { width: 36px; background: #e9e9e9; padding: 10px 2px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#formular table.zpusoby_cart th img { margin-top: 5px; }
#formular table.zpusoby_cart td { border-bottom: 1px solid #fff; background: #e9e9e9; padding: 10px 5px; }
#formular table.zpusoby_cart td label { display: block; width: 100%; height: 100%; color: #818181; }
#formular table.zpusoby_cart td label strong { color: #000; margin-bottom: 3px; }
#formular table.zpusoby_cart td label strong span { color: #ff0000; }
form#form .form_box { width: 685px; border: 1px solid #dedede; background: #e9e9e9; padding: 15px 0 15px 5px; float: left; clear: both; margin-bottom: 20px; }
form#form .form_box table { margin: 0 10px 0 0; width: 675px; }
form#form .form_box table th { padding-right: 11px; text-align: right; }
form#form .form_box table th label { font: 12px Arial; color: #818181; text-align: right; }
form#form .form_box table td.input { height: 18px; width: 180px; padding: 6px 4px 10px 5px; background: url(../images/bg_input.gif) no-repeat top left; }
form#form .form_box table td.input_err { height: 18px; width: 160px; padding: 6px 4px 10px 5px; background: url(../images/bg_input.gif) no-repeat 0 -42px; }
form#form .form_box table td.input input { width: 150px; border: none; padding: 0; height: 18px; font: 12px Arial; color: #818181; background: none; margin-right: 8px; }
form#form .form_box table td.input_err input { width: 150px; border: none; padding: 0; height: 18px; font: 12px Arial; color: #818181; background: none; }
form#form .form_box table td.textarea2 { height: 149px; width: 571px; padding: 4px 4px 4px 5px; background: url(../images/bg_textarea2.gif) no-repeat top left; }
form#form .form_box table td.textarea2 textarea { width: 553px; border: none; padding: 0; height: 149px; font: 12px Arial; color: #818181; background: none; float: left; margin: 0 5px 0 0; }
form#form .form_box table td span.povinny { color: #ff0000; }
form#form .form_box table td span.err { color: #fff; font-size: 10px; display: block; width: 152px; padding-left: 20px; height: 26px; line-height: 26px; float: left; margin: -10px 0 0 0; position: relative; background: url(../images/bg_err.gif) no-repeat top left; }
form#form .form_box .checkbox { margin: 2px 5px 0 0; float: left; }
form#form .form_box label.checkbox { float: left; margin-top: 5px; }
form#form button { float: right; font-size: 12px; text-align: center; width: 111px; height: 27px; color: #fff; background: url(../images/btn_napiste.gif) no-repeat top left; border: none; padding: 0; margin: 0 15px 0 0; }
#steps { width: 690px; float: left; clear: both; margin: 0 0 20px 5px; }
#steps p { margin: 0 3px 0 0; padding-left: 10px; float: left; width: 158px; height: 46px; line-height: 46px; font-size: 14px; background: url(../images/bg_step.gif) no-repeat top left; color: #7f7f7f; }
#steps p.active { background-image: url(../images/bg_step_a.gif); color: #fff; }
#steps p strong { font-size: 24px; margin-right: 5px; }
#cart { width: 690px; border-collapse: collapse; border: none; margin: 0 0 20px 0; float: left; clear: both; }
#cart th { background: #0d6b82; color: #fff; border-right: 1px solid #fff; height: 29px; }
#cart th.last { border-right-color: #0d6b82; }
#cart td { color: #818181; border: 1px solid #b1b1b1; }
#cart td.nazev { padding-left: 8px; }
#cart td.nazev a { color: #557f03; }
#cart td.input { width: 44px; background: url(../images/bg_input_cart.gif) no-repeat top left; padding: 13px 9px; }
#cart td.input input { width: 44px; padding: 0; height: 18px; padding: 0; border: none; text-align: right; background: none; }
#cart td.cena { padding-right: 10px; text-align: right; }
#cart tr.celkem td { background: #158ba6; border-right: 1px solid #fff; color: #fff; border-bottom: none; border-top: none; }
#cart tr.celkem td.last { border-right-color: #158ba6; }
#cart tr.celkem td.cena_celkem { background: #557f03; font: bold 16px Arial; text-align: right; padding-right: 10px; }
#cart tr.celkem td b { margin-left: 10px; font-size: 12px; text-transform: uppercase; }
#cart tr.celkem td.cena b { font-size: 14px; }
#cart tr.doprava_platba td { background: #f8f6f6; border-bottom: 1px solid #fff; color: #0d6b82; font-weight: bold; border-right-color: #f8f6f6; border-left-color: #f8f6f6; border-top: none; }
#cart tr.doprava_platba td b { margin-left: 10px; font-size: 12px; text-transform: uppercase; color: #7f7f7f; }
#cart tr.doprava_platba td.cena { color: #0d6b82; font: bold 14px Arial; }
#cart tr.cena_celkem_dph td { background: #557f03; border-bottom: 1px solid #fff; color: #fff; font-weight: bold; border-right-color: #557f03; border-top: none; }
#cart tr.cena_celkem_dph td b { margin-left: 10px; font-size: 12px; text-transform: uppercase; color: #fff; }
#cart tr.cena_celkem_dph td.cena { color: #fff; font: bold 24px Arial; }
#cart_buttons { width: 690px; padding-left: 15px; height: 46px; clear: both; }
#cart_buttons a { padding-left: 42px; background: url(../images/ico_zpet.gif) no-repeat center left; font: bold 12px/34px Arial; color: #ff0000; float: left; margin-top: 5px; }
#cart_buttons a.btn { float: right; width: 145px!important; padding-left: 53px!important; height: 46px!important; font: 18px/46px Arial!important; color: #fff; text-align: left!important; border: none; text-decoration: none; margin: 0!important; }
#cart_buttons a.pokladna { background: url(../images/btn_kpokladne.gif) no-repeat top left; }
#cart_buttons a.doprava { background: url(../images/btn_doprava_cart.gif) no-repeat top left; font: bold 18px/46px Arial!important; text-align: center!important; padding: 0!important; width: 198px!important; }
#cart_buttons a.shrnuti { background: url(../images/btn_doprava_cart.gif) no-repeat top left; font: bold 18px/46px Arial!important; text-align: center!important; padding: 0!important; width: 198px!important; }
#cart_buttons a.potvrzeni { background: url(../images/btn_doprava_cart.gif) no-repeat top left;  font: bold 18px/46px Arial!important; text-align: center!important; padding: 0!important; width: 198px!important; }
#cart_buttons a.tisk { float: right; margin-right: 15px; font-weight: normal; background-image: url(../images/ico_print2.gif); padding-left: 25px; }
#formular #cart_buttons { width: 675px; }
p.obj_print a { color: #ff0000; padding: 4px 0 4px 27px; line-height: 22px; margin-right: 10px; background: url(../images/ico_print.gif) no-repeat center left; }
table.obj_table { width: 688px; border: 1px solid #dedede; margin: 0; padding: 0; border-collapse: collapse; }
table.obj_table td { border-bottom: 1px solid #fff; background: #e9e9e9; }
table.obj_table td.date { width: 80px; font: bold 14px Arial; color: #006c77; }
table.obj_table td.obj_c a { color: #818181; font: bold 14px Arial; }
table.obj_table td.cena { text-align: right; padding-right: 25px; font-weight: bold; }
table.obj_table td.cena b { color: #ff0000; font-size: 18px; }