body { background: #22130f url(../images/bg2.jpg) no-repeat top center; margin: 0; padding: 0; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; font-size: 11px; color: #331f1a; }
h1 { margin: 0; }
h2 { margin: 0; }

.m4 {display: none; position:relative; top:40px; }
.m5 {display: none; position:relative; top:54px; }
.m6 {display: none; position:relative; top:68px; }
.m7 {display: none; position:relative; top:82px; }
.m8 {display: none; position:relative; top:96px; }
.m9 {display: none; position:relative; top:110px; }
.m10 {display: none; position:relative; top:124px; }
.m11 {display: none; position:relative; top:138px; }
.m12 {display: none; position:relative; top:152px; }
.m13 {display: none; position:relative; top:166px; }
.m14 {display: none; position:relative; top:180px; }
.m15 {display: none; position:relative; top:194px; }
.m16 {display: none; position:relative; top:208px; }
.m17 {display: none; position:relative; top:222px; }
.m18 {display: none; position:relative; top:236px; }
.m19 {display: none; position:relative; top:250px; }
.m20 {display: none; position:relative; top:264px; }
.m21 {display: none; position:relative; top:278px; }
.m22 {display: none; position:relative; top:292px; }
.m23 {display: none; position:relative; top:306px; }
.m24 {display: none; position:relative; top:320px; }
.m25 {display: none; position:relative; top:334px; }
.m26 {display: none; position:relative; top:348px; }

a { color: #331f1a; text-decoration: none; }
a:hover { text-decoration: none; }
a img { border: none; }
p { margin: 0; line-height: 16px; }
.cleaner { width: 100%; height: 0; clear: both; }
.none { display: none; }


#screen { float: left; width: 100%; min-width: 952px; margin: 0; clear: both; padding: 0; background:white url('../images/main_bg.gif') repeat-y center top;}
#main { width: 952px; margin: 0 auto; padding: 0; clear: both; }
#header { position: relative; width: 952px; height: 138px; float: left; margin: 0; clear: both; }
#cols { width: 952px; margin: 5px 0 0 0; padding: 6px 0 50px 0;  float: left; clear: both; }
#foot { width: 952px; float: left; clear: both; margin: 2px 0 0 0;  padding-bottom: 0px; }
#footer { width: 952px; float: left; clear: both; background: url(../images/bg_footer.gif) repeat-x top left; }
#lcol { float: left; width: 224px; margin: 0 3px 0 0; padding-left: 5px; }
#mcol { float: left; width: 494px; margin: 0; }
#rcol { float: right; width: 219px; padding: 0 5px 0 0; margin: -10px 0 0 0 }

#header .logo { display: block; float: left; width: 316px; height: 124px; margin: 0; padding: 0; }
#header .head { float: left; margin: 0; }
#header .home { position: absolute; top: 17px; right: 90px; margin: 0; float: left; clear: both; }
#header .mail { position: absolute; top: 17px; right: 57px; margin: 0; }
#header .mapa { position: absolute; top: 17px; right: 24px; margin: 0; }
#header #kosik { width: 178px; height: 41px; background: #4e2e27 url(../images/bg_kosik.gif) no-repeat top left; margin: 61px 0 0 0; padding: 12px 0 0 112px; float: left; cursor:pointer;}

#kosik p { float: left; margin: 0 16px 0 0; color: #fff; white-space: nowrap; }
#kosik p strong { color: #d7d7d7; }
#kosik p span { margin-left: 4px; }

menu.top { float: left; clear: left; width: 720px; height: 30px; margin: 0 0 3px 5px; padding: 0; background: #4f2f27; }
menu.top li { list-style: none; display: inline; float: left; height: 30px; }
menu.top li a { height: 30px; float: left; text-align: center; font: 10px/30px Tahoma; color: #fff; }
menu.top li a:hover { font-weight: bold; color: #fe0000; }
menu.top li a#uvod { background: url(../images/menu_01.gif) no-repeat top left; width: 124px; }
menu.top li a#velkoobchod { background: url(../images/menu_02.gif) no-repeat top left; width: 112px; }
menu.top li a#kontakt { background: url(../images/menu_03.gif) no-repeat top left; width: 123px; }
menu.top li a#obsluha { background: url(../images/menu_04.gif) no-repeat top left; width: 122px; }
menu.top li a#vyhody { background: url(../images/menu_05.gif) no-repeat top left; width: 115px; }
menu.top li a#provozovatel { background: url(../images/menu_06.gif) no-repeat top left; width: 124px; }
menu.top li a:hover#uvod, menu.top li a:hover#velkoobchod, menu.top li a:hover#kontakt, menu.top li a:hover#obsluha, menu.top li a:hover#vyhody, menu.top li a:hover#provozovatel { background-position: bottom left; }

.box_top10 {width: 198px; height: 186px; float: left; margin: 0 0 6px 0px; padding: 6px 6px 0 4px; background:#ffffff; position: relative; text-align:center; border:0px solid #aaaaaa; }
.box_top10:hover {background:#fbfbfb; }
.box_top10 a.th { display: block; width: 91px; height: 107px; padding: 3px; background: url(../images/bg_th.png) no-repeat top left; margin: 0 4px 0 0; float: left; }
.box_top10 a.th img { margin-top:8px; max-width: 91px; max-height: 102px; }
.box_top10 h2 { margin: 0 0 1px 0; }
.box_top10 h2 a { line-height: normal; color: #c90706; }
.box_top10 p { margin: 0 0 1px 0; width: 100px; line-height: normal; float: right; }
.box_top10 p.cena { position: absolute; top: 133px; left: 66px; margin: 0; height: 24px; width: 91px; font: 18px/24px Arial; color: #fff; text-align: center; background: #331f1a url(../images/bg_cena.gif) no-repeat top left; }
.box_top10 a.btn_koupit { position: absolute; top: 162px; left: 20px; margin: 0; float: left; clear: both; }
.box_top10 a.btn_detail { position: absolute; top: 162px; left: 105px; margin: 0; }

#lcol form#hledat { width: 217px; height: 28px; background: url(../images/bg_hledat.gif) no-repeat top left; margin: 0; padding: 5px 0 0 5px; float: left; clear: both; }
#lcol form#hledat input { background: #fff; width: 125px; height: 18px; padding: 15; margin: 0px -5px 0 0; font: 11px/18px Arial; color: #331f1a; border: none; }
#lcol form#hledat input.btn { margin: 0; width: 80px; height: 22px; border: none; background: none; }
#lcol ul.top { width: 224px; height: 26px; border-bottom: 2px solid #412621; margin: 2px 0; padding: 0; float: left; clear: both; }
#lcol ul.top li { display: inline; float: left; list-style: none; margin: 0 2px 0 0; }
#lcol ul.top li a { display: block; height: 26px; float: left; margin: 0; width: 89px; }
#lcol ul.top li a span { display: none; }
#lcol ul.top li a#parf { background: url(../images/bg_parf.gif) no-repeat bottom left; }
#lcol ul.top li a#kosm { background: url(../images/bg_kosm.gif) no-repeat bottom left; }
#lcol ul.top li a:hover#parf, #lcol ul.top li a:hover#kosm, #lcol ul.top li.slc a#parf, #lcol ul.top li.slc a#kosm { background-position: top left; }
#lcol menu { width: 224px; margin: 0; padding: 0; float: left; clear: both; }
#lcol menu li { list-style: none; width: 224px; height: 19px; margin: 0 0 2px 0; float: left; clear: both; }
#lcol menu li a { display: block; width: 198px; height: 19px; font: 12px/19px Arial; color: #331f1a; padding-left: 26px; background: #f1f1f1 url(../images/ico_menu.gif) no-repeat 6px 4px; text-decoration: none; }
#lcol menu li a:hover, #lcol menu li.slc a { font-weight: bold; color: #c90706; background: #fff url(../images/ico_menu_a.gif) no-repeat 6px 4px; }
#lcol form#hledej_cenu { width: 216px; height: 30px; background: #4f2f27 url(../images/bg_hledej_cenu.gif) no-repeat top left; float: left; clear: both; padding: 30px 0 0 8px; margin: 8px 0 11px 0; }
#lcol form#hledej_cenu select { width: 206px; font: 11px/18px Arial; color: #331f1a; height: 20px; }
#lcol #znacky { width: 224px; float: left; clear: both; padding-top: 34px; margin: 0 0 4px 0; background: #5d372e url(../images/bg_znacky.gif) no-repeat top left; }
#lcol #znacky a.btn { float: left; margin: 0; }
#lcol #znacky ul { width: 224px; margin: 0; padding: 0; float: left; clear: both; }
#lcol #znacky ul li { list-style: none; display: inline; float: left; height: 19px; }
#lcol #znacky ul li a { display: block; float: left; height: 19px; font: bold 12px/19px Arial; color: #fff; text-decoration: none; text-align: center; }
#lcol #znacky ul li a:hover { color: #fe0000; }
#lcol #znacky ul li a.a { background: url(../images/znacky_a.gif) no-repeat top left; width: 45px; }
#lcol #znacky ul li a.d { background: url(../images/znacky_d.gif) no-repeat top left; width: 43px; }
#lcol #znacky ul li a.g { background: url(../images/znacky_g.gif) no-repeat top left; width: 47px; }
#lcol #znacky ul li a.k { background: url(../images/znacky_k.gif) no-repeat top left; width: 44px; }
#lcol #znacky ul li a.r { background: url(../images/znacky_r.gif) no-repeat top left; width: 45px; }
#lcol .loga { width: 224px; float: left; clear: both; margin: 5px 0; text-align: center; }
#lcol .loga a { clear: both; margin: 5px 0; }
#lcol #tagy { width: 224px; float: left; clear: both; padding-top: 34px; margin: 0 0 4px 0;  }
#lcol #tagy h1 {font: bold 13px; display:inline}
#lcol #tagy h2 {font: 13px; display:inline}
#lcol #tagy h3 {font: bold 12px; display:inline}
#lcol #tagy h4 {font: 12px; display:inline}
#lcol #tagy h5 {font: bold 11px; display:inline}
#lcol .btn {cursor:pointer;}

#mcol #banner { width: 494px; float: left; clear: both; margin: 0; }
#mcol #banner a { float: left; margin: 0; }
#mcol #banner .banner-middle {float: left; width: 162px;}
#mcol h1 { font: 20px/30px Arial; color: #331f1a; height: 30px; background: url(../images/hbg.gif) repeat-x center left; clear: both; width: 100%; float: none; margin: 15px 0 10px 0; }
#mcol h1 span { margin: 0 0 0 24px; color: #331f1a; float: left; padding: 0 7px; background: #fff; }
#mcol h2 { color: #c90706; font: bold 12px Arial; margin: 0 0 3px 14px; }
#mcol p { margin: 0 0 15px 14px; }

#mcol .box_l { width: 232px; height: 186px; float: left; margin: 0 0 6px 4px; padding: 6px 6px 0 4px; background: url(../images/bg_box_l.gif) no-repeat top left; position: relative; }
#mcol .box_l:hover { background-position: bottom left; }
#mcol .box_l a.th { display: block; width: 91px; height: 107px; padding: 3px; background: url(../images/bg_th.png) no-repeat top left; margin: 0 4px 0 0; float: left; }
#mcol .box_l a.th img { margin-top:8px; max-width: 91px; max-height: 102px; }
#mcol .box_l h2 { margin: 0 0 6px 0; }
#mcol .box_l h2 a strong{ line-height: normal; color: #c90706; }
#mcol .box_l p { margin: 0 0 6px 0; width: 131px; line-height: normal; float: right; }
#mcol .box_l p.cena { position: absolute; top: 123px; left: 7px; margin: 0; height: 24px; width: 91px; font: 18px/24px Arial; color: #fff; text-align: center; background: #331f1a url(../images/bg_cena.gif) no-repeat top left; }
#mcol .box_l a.btn_koupit { position: absolute; top: 162px; left: 72px; margin: 0; float: left; clear: both; }
#mcol .box_l a.btn_detail { position: absolute; top: 162px; left: 156px; margin: 0; }
#mcol .box_r { width: 230px; height: 186px; float: left; background: url(../images/bg_box_r.gif) no-repeat top left; margin: 0 0 6px 0; padding: 6px 7px 0 4px; position: relative; }
#mcol .box_r:hover { background-position: bottom left; }
#mcol .box_r a.th { display: block; width: 91px; height: 107px; padding: 3px; background: url(../images/bg_th.png) no-repeat top left; margin: 0 4px 0 0; float: left; }
#mcol .box_r a.th img { margin-top:8px; max-width: 91px; max-height: 102px; }
#mcol .box_r h2 { margin: 0 0 6px 0; }
#mcol .box_r h2 a strong{ line-height: normal; color: #c90706; }
#mcol .box_r p { margin: 0 0 6px 0; width: 129px; line-height: normal; float: right; }
#mcol .box_r p.cena { position: absolute; top: 123px; left: 7px; margin: 0; height: 24px; width: 91px; font: 18px/24px Arial; color: #fff; text-align: center; background: #331f1a url(../images/bg_cena.gif) no-repeat top left; }
#mcol .box_r a.btn_koupit { position: absolute; top: 162px; left: 72px; margin: 0; float: left; clear: both; }
#mcol .box_r a.btn_detail { position: absolute; top: 162px; left: 156px; margin: 0; }
#mcol #detail { width: 475px; padding-top: 10px; }
#mcol #detail .tester {text-decoration: none; height: auto; color: #c90706; background: none; font: 18px/normal Arial; margin: 0 5px 10px 4px; }
#mcol #detail h1{ height: auto; color: #c90706; background: none; font: 18px/normal Arial; margin: 0 5px 10px 4px; }
#mcol #detail .left { float: left; margin: 0 8px 0 0; width: 214px; }
#mcol #detail .left .th { width: 208px; background: url(../images/bg_th_mid.gif) repeat-y top left; float: left; clear: both; margin: 0; padding: 5px 3px; position: relative; }
#mcol #detail .left .th img.img_top { position: absolute; top: 0; left: 0; margin: 0; padding: 0; float: left; clear: both; }
#mcol #detail .left .th img.img_bot { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; float: left; clear: both; }
#mcol #detail .left .th a img { width: 208px; }
#mcol #detail .left p { margin: 5px; float: left; }
#mcol #detail .left p a { color: #c90706; padding-left: 18px; }
#mcol #detail .left p span.zoom { background: url(../images/ico_zoom.gif) no-repeat center left; }
#mcol #detail .left p a.mail { background: url(../images/ico_mail2.gif) no-repeat center left; }
#mcol #detail .left p a.tisk { background: url(../images/ico_tisk.gif) no-repeat center left; }
#mcol #detail h2 { font: 18px/24px Arial; margin: 0 0 3px 0; color: #331f1a; }
#mcol #detail p { margin: 0 0 10px 0; line-height: 18px; }
#mcol #detail p b { width: 90px; display: block; float: left; }
#mcol #detail p span.red { font: bold 14px/20px Arial; color: #c90706; }
#mcol #detail table.ceny { margin: 0 0 15px 0; width: 250px; float: right; clear: right; }
#mcol #detail table.ceny tr.top { font-size: 110%; }
#mcol #detail table.ceny th { text-align: left; white-space: nowrap; padding-left: 4px; }
#mcol #detail table.ceny tr.top th { padding-left: 0; width: 70px; }
#mcol #detail table.ceny td.btn { text-align: right; width: 80px; }
#mcol #detail table.ceny tr.top td.cena { text-align: left; width: 65px; color: #c90706; font-weight: bold; }
#mcol #detail table.ceny tr td.cena { text-align: left; width: 65px; }
#mcol #detail table.ceny td.ml { text-align: left; width: 35px; }

#footer img { float: left; margin: 0; }
#footer ul { float: left; width: 630px; margin: 10px 0 0 7px; padding: 0; }
#footer ul li { display: inline; float: left; margin: 0 5px 0 0; list-style: none; }
#footer ul li a { margin: 0 0 0 5px; }
#footer ul.menu li a { margin: 0 0 0 5px; font-size: 10px; }
#footer ul li strong { margin: 0 0 0 5px; }
#footer p { margin: 15px 0 5px 12px; float: left; width: 630px; }
#footer p a { color: #c90706; }

#rcol form#ucet { margin: 0; padding: 37px 0 0 16px; width: 203px; height: 63px; background: #523028 url(../images/bg_ucet.gif) no-repeat top left; float: left; clear: both; }
#rcol form#ucet input { background: #fff; width: 85px; height: 18px; padding: 0; margin: 0 15px 0 0; font: 11px/18px Arial; color: #331f1a; border: none; }
#rcol form#ucet input.btn { margin: 13px 0 0 -2px; width: 82px; height: 24px; border: none; background: none; float: left; clear: left; }
#rcol form#ucet p { float: right; width: 105px; margin: 10px 0 0 0; line-height: normal; }
#rcol form#ucet p a { color: #d7d7d7; padding-left: 7px; background: url(../images/odrazka.gif) no-repeat center left; }
#rcol form#newsletter { width: 203px; height: 63px; margin: 0; padding: 37px 0 0 16px; background: #b74b07 url(../images/bg_newsletter.gif) no-repeat top left; float: left; clear: both; }
#rcol form#newsletter input { background: #fff; width: 185px; height: 18px; padding: 0; margin: 0 15px 0 0; font: 11px/18px Arial; color: #331f1a; border: none; }
#rcol form#newsletter input.btn { margin: 13px 0 0 -2px; width: 82px; height: 24px; border: none; background: none; }
#rcol .box { width: 212px; position: relative; background: #f1f1f1 url(../images/bg_box_r_top.gif) no-repeat top left; float: left; clear: both; margin: 10px 1px; padding: 8px 0 8px 5px; }
#rcol .box img.img_bot { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; float: left; clear: both; }
#rcol .box h1 { color: #c90706; font: bold 12px Arial; margin: 0 0 3px 0; }
#rcol .box h2 { font: bold 11px Arial; margin: 0; }
#rcol .box p { margin: 0 0 5px 0; }
#rcol .box a { color: #c90706; }
#rcol .box p b { margin-right: 8px; }
#rcol .box ul { margin: 0; padding: 0; }
#rcol .box ul li { list-style: none; margin: 0 0 5px 0; float: left; clear: both; width: 197px; padding: 0 0 0 15px; background: url(../images/ico_ul.gif) no-repeat 0 3px; }
#rcol .box table { margin: 0; padding: 0; }
#rcol .box table th { text-align: left; padding-right: 25px; line-height: 18px; }
#rcol .box .vyse-slevy { border-bottom:1px solid #aaaaaa;}
#rcol .box .sleva-line {padding-left:5px; color: #c90706; border-left:1px solid #aaaaaa;}
#rcol .box .sleva-postovne {padding-left:5px; font-weight:bold; color:#c90706; border-bottom:1px solid #aaaaaa; border-left:1px solid #aaaaaa;} 
#rcol .loga { width: 219px; float: left; clear: both; margin: 5px 0; text-align: center; }
#rcol .box  .address p {text-align: center;}

.basket-line {margin: 0;};
.evenTr {;}
.oddTr {background:#f9f9f9;}
.TableHeader {background:#eac0b7; font-weight:bold; line-height:21px;}