body { margin: 0; padding: 0; background: #fff url(../images/bg.gif) repeat-x top center; font-size: 12px; font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif; }
h1, h2, h3, h4, p { margin: 0; }
h1 { font: bold 17px Arial; color: #6d166e; }
h2 { font: bold 13px Arial; margin: 0; }
h3 { font: bold 12px Arial; }

a { text-decoration: underline; color: #166ea8; }
a:hover { text-decoration: none; }
a img { border: none; }
.cleaner { float: left; clear: both; width: 100%; height: 0; }
 {  }

#container { width: 916px; margin: 0 auto; }

#head { width: 100%; height: 77px; float: left; clear: both; background: #ff0fc2; position: relative; }
#cols { width: 100%; float: left; clear: both; }
#lcol { width: 238px; float: left; margin: 0; }
#rcol { width: 678px; float: right; margin: 0; }
#foot { width: 100%; float: left; clear: both; margin-top: 10px; height: 125px;}



#head #logo { float: left; margin: 0; }
#head menu { float: right; margin: 5px 0 0 0; width: 512px; height: 35px; }
#head menu li { list-style: none; display: inline; float: left; }
#head menu li a { margin: 0; display: block; float: left; height: 35px; line-height: 35px; color: #ff50d3; text-align: center; }
#head menu li a#mt01 { background-image: url(../images/mt01.png); width: 147px; }
#head menu li a#mt02 { background-image: url(../images/mt02.png); width: 98px; }
#head menu li a#mt03 { background-image: url(../images/mt03.png); width: 112px; }
#head menu li a#mt04 { background-image: url(../images/mt04.png); width: 73px; }
#head menu li a#mt05 { background-image: url(../images/mt05.png); width: 82px; }
#head p { position: absolute; top: 56px; left: 21px; color: #fff; font-size: 13px; }
#head p.tel { top: 52px; right: 1px; left: auto; font: bold 13px Arial; color: #530e54; }



#lcol ul { width: 210px; margin: 0 0 10px 0; padding: 0 17px 0 11px; background: url(../images/bg_menu.gif) repeat-y top right; float: left; clear: both; }
#lcol ul li { list-style: none; width: 100%; border-bottom: 1px solid #ffe7f9; float: left; clear: both; }
#lcol ul li a { text-decoration: none; color: #3f403f; font: bold 13px/32px Arial; float: left; clear: both; }
#lcol ul li a span { color: #166ea8; }
#lcol ul li.last { border: none; }
#lcol ul li ul.sub { padding: 0 0 5px 0; background: none; margin-top: -8px; margin-bottom: 6px; }
#lcol ul li ul.sub li { width: 200px; border: none; }
#lcol ul li ul.sub li a { font: bold 12px/18px Arial; color: #166ea8; text-decoration: underline; padding-left: 10px; display: block; margin: 0; }
#lcol ul li ul.sub li a:hover { text-decoration: none; }
#lcol ul li ul.sub li.slc a { text-decoration: none; color: #6d166e; background: url(../images/ico_menu.gif) no-repeat 2px 7px; }
#lcol .top { width: 100%; height: 40px; margin: 0; float: left; clear: both; background: url(../images/bg_lcol_top.gif) no-repeat top left; }
#lcol .top a.fav { float: left; font: 11px/12px Arial; color: #ff0fc2; margin: 14px 0 0 6px; padding-left: 20px; background: url(../images/ico_fav.gif) no-repeat center left; text-decoration: none; }
#lcol .top a:hover.fav { text-decoration: underline; }
#lcol .top p { float: right; width: 105px; margin: 12px 0 0 0; font: bold 12px Arial; color: #ff0fc2; }
#lcol .top p span { color: #6d166e; }
#lcol .top p a { color: #ff0fc2; }
#lcol .boxik { width: 230px; float: left; clear: both; margin: 0 0 15px 0; background: #ff0fc2 url(../images/bg_bot_boxik.gif) no-repeat bottom left; padding-bottom: 10px; }
#lcol .boxik h2 { background: url(../images/hbg_l_boxik.gif) no-repeat top left; height: 26px; padding-left: 12px; color: #520d53; clear: both; line-height: 26px; }
#lcol .boxik p { margin-left: 12px; line-height: 22px; color: #fff; }
#lcol .boxik p a { color: #fff; }
#lcol .boxik p img { margin: 0 11px -2px 0; }
#lcol .boxik .line { margin: 0 6px 5px 8px; padding-bottom: 5px; border-bottom: 1px solid #ff7bde; float: left; clear: both; width: 215px; _margin: 0 3px 5px 4px; }
#lcol .boxik .line a.th { float: left; padding: 1px; border: 1px solid #ff7bde; margin-right: 6px; }
#lcol .boxik .line h3 { float: left; display: block; vertical-align: middle; height: 40px; width: 164px; }
#lcol .boxik .line h3 a { color: #fff; }
#lcol .boxik .line {  }
#lcol .boxik .last { border: none; margin-bottom: 0; padding: 0; }
#lcol p.vyber { padding-left: 18px; background: url(../images/ico_celkem.gif) no-repeat center left; font: bold 13px Arial; color: #520d53; clear: both; margin-left: 2px; }
#lcol {  }
# {  }



#rcol .top { width: 100%; float: left; clear: both; height: 55px; margin: 0 0 7px 0; }
#rcol .top .cart { width: 225px; height: 45px; padding: 4px 7px 0 0; background: url(../images/bg_cart_top.png) no-repeat top left; float: right; margin: 6px 0 0 0; }
#rcol .top .cart a.kosik { float: left; margin: 0 0 0 4px; color: #520d53; font-weight: bold; padding-left: 23px; }
#rcol .top .cart p.cena { float: right; width: 105px; margin: 1px 0 7px 0; color: #fff; clear: right; }
#rcol .top .cart p.cena span { float: left; }
#rcol .top .cart p.cena b { float: right; }
#rcol .top .cart p.polozky { float: left; clear: left; color: #fff; margin: 8px 0 0 8px; width: 100px; _margin-left: 4px; }
#rcol .top .cart p.polozky span { float: left; }
#rcol .top .cart p.polozky b { float: right; }
#rcol .top .cart a.pokladna { float: right; padding-right: 15px; clear: right; color: #ff0fc2; font-weight: bold; width: 83px; }
#rcol .top .dva { background: url(../images/bg_cart_top2.gif) no-repeat top left !important; position: relative; }
#rcol .top .dva p.cena { position: absolute; top: 26px; right: 8px; }
#rcol form#search { width: 412px; background: #ff0fc2 url(../images/bg_form_search.gif) no-repeat top left; padding: 17px 13px 0 15px; height: 38px; float: left; _overflow: hidden; }
#rcol form#search p { float: left; margin: 7px 6px 0 0; font: bold 13px Arial; color: #6d166e; }
#rcol form#search input.text { background: none; padding: 6px 5px; border: none; float: left; margin: 0; width: 250px; }
#rcol form#search input.btn { float: right; width: 63px; text-align: center; height: 27px; font: bold 11px/27px Arial; color: #fff; border: none; background: none; text-transform: uppercase; }
#rcol h1 { margin: 0 0 0 10px; }
#rcol p { color: #272827; }
#rcol h1.first { background: url(../images/hbg_kacky.jpg) no-repeat top left; clear: both; line-height: 32px; padding: 2px 0 0 50px; margin-left: 0; margin-bottom: 10px; }
#rcol .text { margin-left: 10px; }
#rcol .text h2 { color: #166ea8; }
#rcol .text p { margin: 0 0 20px 0; }

#rcol #rychly_vyber { float: left; clear: both; width: 100%; margin: 0 0 10px 0; }
#rcol #rychly_vyber h2 { color: #fff; height: 22px; line-height: 22px; background: url(../images/hbg_rychly_vyber.gif) no-repeat top left; padding-left: 10px; }
#rcol #rychly_vyber form { margin: 0; padding: 5px 14px 0 10px; width: 654px; height: 47px; background: #ff0ebf url(../images/bg_rychly_vyber.gif) no-repeat top left; }
#rcol #rychly_vyber form .hracky_pro { width: 144px; padding-right: 8px; border-right: 1px solid #6b156c; float: left; }
#rcol #rychly_vyber form p { text-align: right; font-size: 11px; margin: 0 0 4px 0; }
#rcol #rychly_vyber form .vek { width: 98px; padding: 0 8px; float: left; border-right: 1px solid #6b156c; }
#rcol #rychly_vyber form .kategorie { width: 299px; float: left; padding: 0 8px; border-right: 1px solid #6b156c; }
#rcol #rychly_vyber form select { width: 100%; border: 1px solid #7f9db9; color: #010101; background: #fff; margin: 0; font-size: 13px; }
#rcol #rychly_vyber form p img { margin-right: 6px; }
#rcol #rychly_vyber form input.btn { float: right; width: 63px; text-align: center; height: 27px; font: bold 11px/27px Arial; color: #fff; border: none; background: url(../images/btn_najdi.gif) no-repeat top left; text-transform: uppercase; margin: 12px 0 0 0; }

#rcol #akcni_hracky { width: 100%; float: left; clear: both; margin: 0 0 10px 0; background: url(../images/bg_akce_bot.gif) no-repeat bottom left; padding-bottom: 4px; }
#rcol #akcni_hracky h2 { height: 26px; line-height: 26px; background: url(../images/hbg_akcni_hracky.gif) no-repeat top left; padding-left: 10px; color: #ff0fc2; }
#rcol #akcni_hracky .stred { border-left: 1px solid #ff0fc2; border-right: 1px solid #ff0fc2; width: 674px; float: left; clear: both; padding-left: 2px; }
#rcol #akcni_hracky .stred .box { width: 329px; height: 114px; padding: 6px 5px 0 0; background: url(../images/bg_akce_box.gif) no-repeat top left; float: left; margin: 0 3px 4px 0; position: relative; _margin-right: 1px; }
#rcol #akcni_hracky .stred .box a.th { position: absolute; top: 6px; left: 6px; }
#rcol #akcni_hracky .stred .box .right { float: right; width: 245px; padding-right: 9px; }
#rcol #akcni_hracky .stred .box .right p { font-size: 11px; line-height: normal; }
#rcol #akcni_hracky .stred .box .right h3 { margin-bottom: 2px; }
#rcol #akcni_hracky .stred .box .icons { position: absolute; top: 78px; left: 6px; width: 53px; }
#rcol #akcni_hracky .stred .box .icons span { float: right; clear: both; font: bold 10px/12px Arial; text-align: center; margin: 0 0 4px 0; height: 13px; }
#rcol #akcni_hracky .stred .box .icons span.ico_akce { background: url(../images/bg_ico_akce.gif) no-repeat top left; color: #fff; width: 36px; }
#rcol #akcni_hracky .stred .box .icons span.ico_novinka { background: url(../images/bg_ico_novinka.gif) no-repeat top left; color: #ff0fc2; width: 53px; }
#rcol #akcni_hracky .stred .box .ceny { position: absolute; top: 78px; left: 75px; }
#rcol #akcni_hracky .stred .box .ceny p { color: #272827; }
#rcol #akcni_hracky .stred .box .ceny p b { color: #166ea8; font: bold 13px Arial; }
#rcol #akcni_hracky .stred .box .ceny p small { font-size: 11px; color: #ff0fc2; }
#rcol #akcni_hracky .stred .box form.koupit { position: absolute; top: 69px; right: 5px; margin: 0; padding: 0; background: url(../images/bg_form_koupit.gif) no-repeat top left; width: 73px; }
#rcol #akcni_hracky .stred .box form.koupit input.text { float: left; background: none; border: none; width: 16px; padding: 4px; margin: 0 5px 0 25px; color: #6d166e; font: bold 12px Arial; text-align: right; }
#rcol #akcni_hracky .stred .box form.koupit input.btn { width: 73px; border: none; background: url(../images/btn_koupit.gif) no-repeat top left; height: 23px; font: bold 12px/23px Arial; color: #ff0fc2; padding-left: 22px; margin: 1px 0 0 0; }
#rcol #akcni_hracky .stred .box form.koupit p { float: left; line-height: 22px; font-size: 12px; color: #6d166e; }

#rcol #akcni_hracky .stred .boxbanner { width: 329px; height: 100px; padding: 6px 0 0 3px; float: left; margin: 0 3px 4px 0; position: relative; }
#rcol #akcni_hracky .stred .box .banner { float: right; width: 329px; }

#rcol #doporucujeme_hracky { width: 100%; float: left; clear: both; margin: 0 0 10px 0; background: url(../images/bg_akce_bot.gif) no-repeat bottom left; padding-bottom: 4px; }
#rcol #doporucujeme_hracky h3 { height: 26px; line-height: 26px; background: url(../images/hbg_doporucujeme_hracky.gif) no-repeat top left; padding-left: 10px; color: #ff0fc2; font-size: 13px; }
#rcol #doporucujeme_hracky .stred { border-left: 1px solid #ff0fc2; border-right: 1px solid #ff0fc2; width: 674px; float: left; clear: both; padding-left: 2px; }
#rcol #doporucujeme_hracky .stred .box { width: 329px; height: 114px; padding: 6px 5px 0 0; background: url(../images/bg_doporucujeme_box.gif) no-repeat top left; float: left; margin: 0 3px 4px 0; position: relative; _margin-right: 1px; }
#rcol #doporucujeme_hracky .stred .box a.th { position: absolute; top: 6px; left: 6px; }
#rcol #doporucujeme_hracky .stred .box .right { float: right; width: 245px; padding-right: 9px; }
#rcol #doporucujeme_hracky .stred .box .right p { font-size: 11px; line-height: normal; }
#rcol #doporucujeme_hracky .stred .box .right h4 { margin-bottom: 2px; font: bold 12px Arial; }
#rcol #doporucujeme_hracky .stred .box .icons { position: absolute; top: 78px; left: 6px; width: 53px; }
#rcol #doporucujeme_hracky .stred .box .icons span { float: right; clear: both; font: bold 10px/12px Arial; text-align: center; margin: 0 0 4px 0; height: 13px; }
#rcol #doporucujeme_hracky .stred .box .icons span.ico_akce { background: url(../images/bg_ico_akce.gif) no-repeat top left; color: #fff; width: 36px; }
#rcol #doporucujeme_hracky .stred .box .icons span.ico_novinka { background: url(../images/bg_ico_novinka.gif) no-repeat top left; color: #ff0fc2; width: 53px; }
#rcol #doporucujeme_hracky .stred .box .ceny { position: absolute; top: 78px; left: 75px; }
#rcol #doporucujeme_hracky .stred .box .ceny p { color: #272827; }
#rcol #doporucujeme_hracky .stred .box .ceny p b { color: #166ea8; font: bold 13px Arial; }
#rcol #doporucujeme_hracky .stred .box .ceny p small { font-size: 11px; color: #ff0fc2; }
#rcol #doporucujeme_hracky .stred .box form.koupit { position: absolute; top: 69px; right: 5px; margin: 0; padding: 0; background: url(../images/bg_form_koupit2.gif) no-repeat top left; width: 73px; }
#rcol #doporucujeme_hracky .stred .box form.koupit input.text { float: left; background: none; border: none; width: 16px; padding: 4px; margin: 0 5px 0 25px; color: #6d166e; font: bold 12px Arial; text-align: right; }
#rcol #doporucujeme_hracky .stred .box form.koupit input.btn { width: 73px; border: none; background: url(../images/btn_koupit2.gif) no-repeat top left; height: 23px; font: bold 12px/23px Arial; color: #ff0fc2; padding-left: 22px; margin: 1px 0 0 0; }
#rcol #doporucujeme_hracky .stred .box form.koupit p { float: left; line-height: 22px; font-size: 12px; color: #6d166e; }

#rcol #novinky { width: 334px; float: left; clear: left; margin: 0 0 11px 3px; _margin-left: 1px; }
#rcol #novinky h2 { background: url(../images/hbg_novinky.gif) no-repeat top left; height: 26px; line-height: 26px; padding-left: 7px; color: #ff0fc2; clear: both; }
#rcol #novinky .stred { background: #ffe7f9; padding: 5px 10px 1px 7px; float: left; clear: both; width: 317px; }
#rcol #novinky .stred p { line-height: normal; }
#rcol #novinky .bot { height: 34px; width: 100%; background: url(../images/bg_novinky_archiv.gif) no-repeat top left; float: left; clear: both; }
#rcol #novinky .bot p { padding-right: 10px; text-align: right; line-height: 27px; margin-top: 7px; }
#rcol #novinky .bot p a { font-weight: bold; padding-left: 12px; color: #ff0fc2; }

#rcol #nove_hracky { float: right; width: 334px; margin: 0 4px 11px 0; background: #ff0fc2 url(../images/bg_bot_nove_hracky.gif) no-repeat bottom left; padding-bottom: 4px; _margin-right: 2px; }
#rcol #nove_hracky h2 { color: #6d166e; background: url(../images/hbg_nove_hracky.gif) no-repeat top left; height: 26px; line-height: 26px; padding-left: 10px; clear: both; }
#rcol #nove_hracky .line { float: left; clear: both; margin: 0 7px; padding: 4px 0 3px 0; width: 320px; border-bottom: 1px solid #ff7bde; _margin: 0 3px; }
#rcol #nove_hracky .line_last { float: left; clear: both; margin: 0 7px 0 7px; padding: 4px 0 0 0; width: 320px; _margin: 0 3px; }
#rcol #nove_hracky .line a.th, #rcol #nove_hracky .line_last a.th { padding: 1px; border: 1px solid #ff7bde; float: left; margin: 3px 5px 0 0; }
#rcol #nove_hracky .line h3, #rcol #nove_hracky .line_last h3 { margin: 12px 0 0 0; width: 180px; display: block; float: left; }
#rcol #nove_hracky .line h3 a, #rcol #nove_hracky .line_last h3 a { color: #fff; }
#rcol #nove_hracky form.koupit { float: right; margin: 0; padding: 0; background: url(../images/bg_form_koupit3.gif) no-repeat top left; width: 73px; }
#rcol #nove_hracky form.koupit input.text{ float: left; background: none; border: none; width: 16px; padding: 4px; margin: 0 5px 0 25px; color: #6d166e; font: bold 12px Arial; text-align: right; }
#rcol #nove_hracky form.koupit input.btn { width: 73px; border: none; background: url(../images/btn_koupit3.gif) no-repeat top left; height: 23px; font: bold 12px/23px Arial; color: #ff0fc2; padding-left: 22px; margin: 3px 0 0 0; }
#rcol #nove_hracky form.koupit p { float: left; line-height: 22px; font-size: 12px; color: #6d166e; }

#rcol #vypis_hracek { float: left; clear: both; width: 100%; margin: 0 0 5px 0; }
#rcol #vypis_hracek .box { width: 678px; height: 72px; background: url(../images/bg_vypis_box.gif) no-repeat top left; float: left; margin: 0 0 5px 0; position: relative; }
#rcol #vypis_hracek .box a.th { position: absolute; top: 6px; left: 6px; }
#rcol #vypis_hracek .box .right { position: absolute; top: 13px; left: 74px; width: 345px; }
#rcol #vypis_hracek .box .right p { font-size: 11px; line-height: normal; }
#rcol #vypis_hracek .box .right h3 { margin-bottom: 2px; }
#rcol #vypis_hracek .box .icons { position: absolute; top: 46px; left: 438px; width: 140px; }
#rcol #vypis_hracek .box .icons span { float: left; font: bold 10px/12px Arial; text-align: center; margin: 0 5px 0 0; height: 13px; }
#rcol #vypis_hracek .box .icons span.ico_akce { background: url(../images/bg_ico_akce.gif) no-repeat top left; color: #fff; width: 36px; }
#rcol #vypis_hracek .box .icons span.ico_novinka { background: url(../images/bg_ico_novinka.gif) no-repeat top left; color: #ff0fc2; width: 53px; }
#rcol #vypis_hracek .box .ceny { position: absolute; top: 13px; left: 438px; width: 140px; }
#rcol #vypis_hracek .box .ceny p { color: #272827; }
#rcol #vypis_hracek .box .ceny p b { color: #166ea8; font: bold 13px Arial; }
#rcol #vypis_hracek .box .ceny p small { font-size: 11px; color: #ff0fc2; }
#rcol #vypis_hracek .box form.koupit { position: absolute; top: 11px; right: 10px; margin: 0; padding: 0; background: url(../images/bg_form_koupit2.gif) no-repeat top left; width: 73px; }
#rcol #vypis_hracek .box form.koupit input.text { float: left; background: none; border: none; width: 16px; padding: 4px; margin: 0 5px 0 25px; color: #6d166e; font: bold 12px Arial; text-align: right; }
#rcol #vypis_hracek .box form.koupit input.btn { width: 73px; border: none; background: url(../images/btn_koupit2.gif) no-repeat top left; height: 23px; font: bold 12px/23px Arial; color: #ff0fc2; padding-left: 22px; margin: 2px 0 0 0; }
#rcol #vypis_hracek .box form.koupit p { float: left; line-height: 22px; font-size: 12px; color: #6d166e; }

#rcol #drob_nav { width: 100%; float: left; clear: both; height: 32px; background: url(../images/bg_drob_navigace.gif) no-repeat top left; position: relative; margin: 0 0 10px 0; }
#rcol #drob_nav p { float: left; margin: 0 0 0 4px; _margin-left: 2px; font: bold 13px/32px Arial; color: #ff0fc2; }
#rcol #drob_nav p a { color: #ff0fc2; margin: 0 8px; }
#rcol #drob_nav p b { margin: 0 8px; color: #b61298; }
#rcol #drob_nav .sort { position: absolute; top: 4px; right: 0; padding-left: 4px; border-left: 2px solid #ffe7f9; }
#rcol #drob_nav .sort p { line-height: 24px; font-size: 12px; }
#rcol #drob_nav .sort p b { color: #ff0fc2; margin: 0 8px 0 0; float: left;  }
#rcol #drob_nav .sort p a { width: 46px; line-height: 24px; text-align: center; float: left; margin: 0 8px 0 0; }
#rcol #drob_nav .sort p span { width: 46px; line-height: 24px; text-align: center; background: url(../images/bg_a_sort.gif) no-repeat top left; margin: 0 8px 0 0; float: left; color: #6b156c; }
#rcol .navigace { width: 674px; float: left; clear: both; background: #ffe7f9 url(../images/bg_nav.gif) no-repeat top left; margin: 0 0 5px 0; padding: 2px 0 3px 4px; height: 26px; }
#rcol .navigace a { float: left; font: bold 12px/24px Arial; text-align: center; color: #ff0fc2; height: 26px; }
#rcol .navigace span { float: left; font: bold 12px/24px Arial; text-align: center; color: #6d166e; height: 26px; }
#rcol .navigace p { width: 362px; float: left; text-align: center; color: #ff0fc2; line-height: 26px; }
#rcol .navigace .zacatek { width: 64px; margin: 0 4px 0 0; }
#rcol .navigace .pred { width: 97px; margin: 0; }
#rcol .navigace .nasl { width: 79px; margin: 0 4px 0 0; }
#rcol .navigace .konec { width: 59px; margin: 0; }
#rcol .navigace span.zacatek { background: url(../images/bg_nav_zacatek2.gif) no-repeat top left; }
#rcol .navigace span.pred { background: url(../images/bg_nav_pred2.gif) no-repeat top left; }
#rcol .navigace span.nasl { background: url(../images/bg_nav_nasl2.gif) no-repeat top left; }
#rcol .navigace span.konec { background: url(../images/bg_nav_konec2.gif) no-repeat top left; }
#rcol .navigace a.zacatek { background: url(../images/bg_nav_zacatek.gif) no-repeat top left; }
#rcol .navigace a.pred { background: url(../images/bg_nav_pred.gif) no-repeat top left; }
#rcol .navigace a.nasl { background: url(../images/bg_nav_nasl.gif) no-repeat top left; }
#rcol .navigace a.konec { background: url(../images/bg_nav_konec.gif) no-repeat top left; }

#rcol #product { width: 670px; float: left; clear: both; background: url(../images/bg_product.gif) no-repeat top left; padding: 9px 0 0 8px; margin-top: 10px; }
#rcol #product .left { width: 200px; float: left; margin: 0 17px 0 0; height: 237px; }
#rcol #product .left a.th { width: 200px; height: 200px; overflow: hidden; margin-bottom: 10px; float: left; clear: both; }
#rcol #product .left a.btn { float: right; width: 55px; height: 23px; background: url(../images/btn_zvetsit.gif) no-repeat top left; color: #fff; font-weight: bold; line-height: 23px; margin-right: 2px; padding-left: 29px; }
#rcol #product .right { float: left; width: 435px; padding-bottom: 123px; position: relative; }
#rcol #product .right h2 { color: #166ea8; font: bold 16px Arial; margin: 0 0 13px 0; }
#rcol #product .right .icons { width: 100%; float: left; clear: both; margin: 0 0 10px 0; }
#rcol #product .right .icons span { float: left; font: bold 10px/12px Arial; text-align: center; margin: 0 5px 0 0; height: 13px; }
#rcol #product .right .icons span.ico_akce { background: url(../images/bg_ico_akce.gif) no-repeat top left; color: #fff; width: 36px; }
#rcol #product .right .icons span.ico_novinka { background: url(../images/bg_ico_novinka.gif) no-repeat top left; color: #ff0fc2; width: 53px; }
#rcol #product .right #koupit_box { position: absolute; bottom: 0; left: 0; width: 166px; height: 98px; padding: 12px 0 0 11px; background: url(../images/bg_detail_koupit.gif) no-repeat top left; }
#rcol #product .right #koupit_box p.kat_c { font-size: 11px; margin: 0 0 0 0; }
#rcol #product .right #koupit_box p.cena { margin: 0 0 0 9px; }
#rcol #product .right #koupit_box p.cena b { color: #166ea8; font: bold 13px Arial; }
#rcol #product .right #koupit_box p.cena small { font-size: 11px; color: #ff0fc2; }
#rcol #product .right #koupit_box form.koupit { position: absolute; top: 73px; left: 11px; width: 155px; height: 23px; background: url(../images/bg_form_koupit.gif) no-repeat top left; }
#rcol #product .right #koupit_box form.koupit input.text { float: left; background: none; border: none; width: 16px; padding: 4px; margin: 0 5px 0 25px; color: #6d166e; font: bold 12px Arial; text-align: right; }
#rcol #product .right #koupit_box form.koupit input.btn { width: 73px; border: none; background: url(../images/btn_koupit.gif) no-repeat top left; height: 23px; font: bold 12px/23px Arial; color: #ff0fc2; padding-left: 22px; margin: 0; float: right; }
#rcol #product .right #koupit_box form.koupit p { float: left; line-height: 22px; font-size: 12px; color: #6d166e; margin-right: 15px; }

#rcol #product_btm { float: left; clear: both; margin: 6px 0 0 0; width: 100%; }
#rcol #product_btm h3 { clear: both; background: url(../images/bg_nav.gif) no-repeat top left; font: bold 13px/31px Arial; color: #ff0fc2; padding-left: 10px; margin: 0 0 8px 0; }
#rcol #product_btm .ths { width: 674px; float: left; clear: both; margin: 0 0 8px 4px; _margin-left: 2px; }
#rcol #product_btm .ths a { margin: 0 8px 0 4px; }
#rcol #product_btm .box { width: 329px; height: 114px; padding: 6px 5px 0 0; background: url(../images/bg_doporucujeme_box.gif) no-repeat top left; float: left; margin: 0 3px 4px 0; position: relative; _margin-right: 1px; }
#rcol #product_btm .box a.th { position: absolute; top: 6px; left: 6px; }
#rcol #product_btm .box .right { float: right; width: 245px; padding-right: 9px; }
#rcol #product_btm .box .right p { font-size: 11px; line-height: normal; }
#rcol #product_btm .box .right h4 { margin-bottom: 2px; font: bold 12px Arial; }
#rcol #product_btm .box .icons { position: absolute; top: 78px; left: 6px; width: 53px; }
#rcol #product_btm .box .icons span { float: right; clear: both; font: bold 10px/12px Arial; text-align: center; margin: 0 0 4px 0; height: 13px; }
#rcol #product_btm .box .icons span.ico_akce { background: url(../images/bg_ico_akce.gif) no-repeat top left; color: #fff; width: 36px; }
#rcol #product_btm .box .icons span.ico_novinka { background: url(../images/bg_ico_novinka.gif) no-repeat top left; color: #ff0fc2; width: 53px; }
#rcol #product_btm .box .ceny { position: absolute; top: 78px; left: 75px; }
#rcol #product_btm .box .ceny p { color: #272827; }
#rcol #product_btm .box .ceny p b { color: #166ea8; font: bold 13px Arial; }
#rcol #product_btm .box .ceny p small { font-size: 11px; color: #ff0fc2; }
#rcol #product_btm .box form.koupit { position: absolute; top: 69px; right: 5px; margin: 0; padding: 0; background: url(../images/bg_form_koupit2.gif) no-repeat top left; width: 73px; }
#rcol #product_btm .box form.koupit input.text { float: left; background: none; border: none; width: 16px; padding: 4px; margin: 0 5px 0 25px; color: #6d166e; font: bold 12px Arial; text-align: right; }
#rcol #product_btm .box form.koupit input.btn { width: 73px; border: none; background: url(../images/btn_koupit2.gif) no-repeat top left; height: 23px; font: bold 12px/23px Arial; color: #ff0fc2; padding-left: 22px; margin: 1px 0 0 0; }
#rcol #product_btm .box form.koupit p { float: left; line-height: 22px; font-size: 12px; color: #6d166e; }
#rcol #product_btm p.dl { margin: 0 0 8px 11px; }
#rcol #product_btm p.dl a { padding-left: 11px; background: url(../images/ico_right.gif) no-repeat center left; font-weight: bold; }

#rcol #cart_box { width: 678px; float: left; clear: both; margin: 0 0 4px 0; }
#rcol #cart_box .top { width: 100%; float: left; clear: both; height: 31px; background: url(../images/bg_cart_box_top.gif) no-repeat top left; margin: 0 0 3px 0; }
#rcol #cart_box .top p { float: left; padding-left: 11px; color: #fff; font: bold 12px/31px Arial; }
#rcol #cart_box .top .zbozi { width: 281px; }
#rcol #cart_box .top .mnozstvi { width: 88px; }
#rcol #cart_box .top .cena_ks { width: 80px; }
#rcol #cart_box .top .cena { width: 105px; }
#rcol #cart_box .box { width: 678px; float: left; clear: both; margin: 0 0 3px 0; background: url(../images/bg_cart_box.gif) no-repeat top left; height: 57px; }
#rcol #cart_box .box p { font: bold 13px/57px Arial; color: #166ea8; text-align: center; margin: 0; float: left; }
#rcol #cart_box .box .zbozi { padding-left: 11px; width: 281px; text-align: left; padding-right: 5px; }
#rcol #cart_box .box .cena_ks { width: 91px; }
#rcol #cart_box .box .cena { width: 116px; }
#rcol #cart_box .box a.btn { width: 50px; float: left; margin: 17px 0 0 0; height: 23px; color: #ff0fc2; font-weight: bold; background: url(../images/btn_odebrat.gif) no-repeat top left; padding-left: 23px; line-height: 23px; text-decoration: none; }
#rcol #cart_box .box form { float: left; width: 94px; background: url(../images/bg_form_koupit2.gif) no-repeat top left; margin: 5px 0 0 0; }
#rcol #cart_box .box form input.text { float: left; background: none; border: none; width: 16px; padding: 4px; margin: 0 5px 0 25px; color: #6d166e; font: bold 12px Arial; text-align: right; }
#rcol #cart_box .box form input.btn { width: 73px; border: none; background: url(../images/btn_prepocitat.gif) no-repeat top left; height: 23px; font: bold 12px/23px Arial; color: #ff0fc2; margin: 2px 0 0 0; }
#rcol #cart_box .box form p { float: left; line-height: 22px; font-size: 12px; color: #6d166e; }
#rcol #cart_box .postovny { width: 584px; height: 28px; float: left; clear: both; margin: 0 0 4px 0; background: url(../images/bg_postovne.gif) no-repeat top left; }
#rcol #cart_box .postovny p { line-height: 28px; color: #6d166e; font-weight: bold; padding: 0 11px; }
#rcol #cart_box .postovny p b { float: left; }
#rcol #cart_box .postovny p span { float: right; }
#rcol #cart_box .cena_celkem { width: 584px; height: 28px; float: left; clear: both; margin: 0; background: url(../images/bg_cena_celkem.gif) no-repeat top left; }
#rcol #cart_box .cena_celkem p { line-height: 28px; color: #fff; font-weight: bold; padding: 0 11px; }
#rcol #cart_box .cena_celkem p b { float: left; }
#rcol #cart_box .cena_celkem p span { float: right; font-size: 16px; }

#rcol p.help { width: 670px; float: left; clear: both; margin: 5px 0 3px 0; background: #ffe7f9 url(../images/bg_help.gif) no-repeat top left; padding: 6px 8px 5px 0; }
#rcol p.help img { float: left; margin-right: 12px; }
#rcol #order_btns { width: 662px; padding: 7px 8px 0 8px; height: 34px; background: url(../images/bg_order_btn.gif) no-repeat top left; float: left; clear: both; }
#rcol #order_btns a { font: bold 14px/34px Arial; color: #6d166e; text-align: center; width: 215px; text-decoration: none; }
#rcol #order_btns a:hover { text-decoration: underline; }
#rcol #order_btns a.prev { float: left; }
#rcol #order_btns a.next { float: right; }

#rcol form#cart_form { width: 100%; float: left; margin: 0 0 4px 0; clear: both; }
#rcol form#cart_form h2 { background: url(../images/hbg_form.gif) no-repeat top left; font: bold 12px/31px Arial; color: #fff; padding: 0 11px; clear: both; margin: 0 0 10px 0; height: 31px; }
#rcol form#cart_form h2 span { float: left; }
#rcol form#cart_form h2 small { float: right; color: #6d166e; font-size: 13px; _margin-top: 7px; }
#rcol form#cart_form h2 input { width: 56px; border: 1px solid #137cb5; _margin-top: 5px; clear: none; float: none; margin-bottom: 0; }
#rcol form#cart_form label { color: #3f403f; font-size: 12px; padding: 2px 0; margin-bottom: 3px; }
#rcol form#cart_form input { border: 1px solid #137cb5; width: 219px; height: 15px; padding: 2px; float: left; margin-right: 10px; margin-bottom: 3px; }
#rcol form#cart_form select { border: 1px solid #137cb5; width: 225px; margin-bottom: 3px; float: left; }
#rcol form#cart_form .fakt_udaje { margin-left: 11px; margin-bottom: 5px; float: left; clear: both; _margin-left: 5px; }
#rcol form#cart_form .fakt_udaje label { width: 77px; float: left; clear: left; }
#rcol form#cart_form .fakt_udaje label.small { clear: none; width: 34px; }
#rcol form#cart_form .fakt_udaje input.small { width: 52px; }
#rcol form#cart_form .fakt_udaje label.big { width: 164px; clear: none; }
#rcol form#cart_form .dod_ad { margin-left: 11px; margin-bottom: 5px; float: left; clear: both; _margin-left: 5px; }
#rcol form#cart_form .dod_ad label { width: 152px; float: left; clear: left; }
#rcol form#cart_form .dod_ad label.small { clear: none; width: 34px; }
#rcol form#cart_form .dod_ad input.small { width: 52px; }
#rcol form#cart_form .dop_plat { margin-left: 11px; margin-bottom: 5px; _margin-left: 5px; }
#rcol form#cart_form .dop_plat p { float: left; margin: 10px 0 0 0; width: 75px; clear: left; }
#rcol form#cart_form .dop_plat input { width: auto; border: none; clear: left; margin: 3px 5px 2px 0; }
#rcol form#cart_form .dop_plat label { float: left; margin: 1px 0 3px 0; }
#rcol form#cart_form .dop_plat div { float: left; width: 480px; }
#rcol form#cart_form .dop_plat .hr { clear: both; float: left; margin: 6px 0; }
#rcol form#cart_form {  }
#rcol form#cart_form {  }

#rcol #rekapitulace { width: 100%; float: left; margin: 4px 0; clear: both; }
#rcol #rekapitulace h2 { background: url(../images/hbg_form.gif) no-repeat top left; font: bold 12px/31px Arial; color: #fff; padding: 0 11px; clear: both; margin: 0 0 10px 0; height: 31px; }
#rcol #rekapitulace h3 { font: bold 12px Arial; color: #3f403f; margin: 0 0 7px 0; }
#rcol #rekapitulace .left { float: left; width: 210px; margin-left: 11px; margin-bottom: 5px; _margin-left: 5px; }
#rcol #rekapitulace .left p { font: bold 16px Arial; color: #166ea8; margin-top: 15px; }
#rcol #rekapitulace .mid { float: left; width: 200px; margin-bottom: 5px; }
#rcol #rekapitulace .mid p { margin-bottom: 12px; }
#rcol #rekapitulace .right { float: left; width: 220px; margin-top: 15px; margin-bottom: 5px; }
#rcol #rekapitulace .dop_plat { margin-left: 11px; margin-bottom: 5px; _margin-left: 5px; }
#rcol #rekapitulace .top { width: 100%; float: left; clear: both; height: 31px; background: url(../images/bg_rekapitulace_top.gif) no-repeat top left; margin: 0 0 3px 0; }
#rcol #rekapitulace .top p { float: left; padding-left: 11px; color: #fff; font: bold 12px/31px Arial; }
#rcol #rekapitulace .top .zbozi { width: 340px; }
#rcol #rekapitulace .top .mnozstvi { width: 88px; }
#rcol #rekapitulace .top .cena_ks { width: 100px; }
#rcol #rekapitulace .top .cena { width: 105px; }
#rcol #rekapitulace .box { width: 678px; float: left; clear: both; margin: 0 0 3px 0; background: url(../images/bg_rekapitulace_box.gif) no-repeat top left; height: 35px; }
#rcol #rekapitulace .box p { font: bold 12px/35px Arial; color: #166ea8; text-align: center; margin: 0; float: left; }
#rcol #rekapitulace .box .zbozi { padding-left: 11px; width: 340px; text-align: left; }
#rcol #rekapitulace .box .mnozstvi { width: 99px; color: #6d166e; font-weight: normal; }
#rcol #rekapitulace .box .cena_ks { width: 111px; font-size: 13px; }
#rcol #rekapitulace .box .cena { width: 115px; font-size: 13Px; }
#rcol #rekapitulace .postovny { width: 100%; height: 28px; float: left; clear: both; margin: 0 0 4px 0; background: url(../images/bg_rekap_postovne.gif) no-repeat top left; }
#rcol #rekapitulace .postovny p { line-height: 28px; color: #6d166e; font-weight: bold; padding: 0 11px; }
#rcol #rekapitulace .postovny p b { float: left; }
#rcol #rekapitulace .postovny p span { float: right; }
#rcol #rekapitulace .cena_celkem { width: 100%; height: 28px; float: left; clear: both; margin: 0; background: url(../images/bg_rekap_celkem.gif) no-repeat top left; }
#rcol #rekapitulace .cena_celkem p { line-height: 28px; color: #fff; font-weight: bold; padding: 0 11px; }
#rcol #rekapitulace .cena_celkem p b { float: left; width: 340px; }
#rcol #rekapitulace .cena_celkem p small { float: left; width: 99px; text-align: center; font-size: 12px; }
#rcol #rekapitulace .cena_celkem p span { float: right; font-size: 16px; }
#rcol #rekapitulace .cena_celkem p small b { float: none; width: auto; }

#rcol #dekujeme { width: 667px; float: left; clear: both; margin: 8px 0; padding: 8px 0 0 11px; background: #ff0fc2 url(../images/bg_dekujeme.gif) no-repeat top left; height: 68px; }
#rcol #dekujeme h2 { color: #fff; font-size: 12px; margin-bottom: 3px; }
#rcol #dekujeme p { font-weight: bold; color: #3f403f; }

#rcol {  }
#rcol {  }
#rcol {  }
#rcol {  }
#rcol {  }
#rcol {  }
#rcol {  }
#rcol {  }

#foot p.copyright { width: 482px; font: 11px/32px Arial; color: #ff0fc2; padding-left: 12px; background: url(../images/bg_copyright.gif) no-repeat top left; float: left; }
#foot menu { float: right; width: 410px; padding: 0; margin: 0; }
#foot menu li { list-style: none; line-height: 32px; margin-right: 13px; display: inline; float: left; }
#foot menu li.last { margin: 0; }
#foot menu li a { color: #ff0fc2; font-size: 11px; }
#foot p.submenu { float: left; clear: left; width: 345px; line-height: 32px; font-size: 11px; color: #ff0fc2; margin-left: 12px; _margin-left: 6px; }
#foot p.submenu a { color: #ff0fc2; text-decoration: none; }
#foot p.submenu a.fav { padding-left: 20px; background: url(../images/ico_fav.gif) no-repeat center left; }
#foot p.submenu a:hover { text-decoration: underline; }
#foot p.links { width: 100%; float: left; clear: both; margin: 0 0 10px 0; line-height: 32px; font-size: 11px; background: url(../images/bg_foot_links.gif) no-repeat top left; color: #fff; }
#foot p.links b { margin: 0 8px 0 12px; font-size: 12px; }
#foot p.links a { margin-right: 14px; color: #fff; }
#foot p.podpis { color: #ff67d8; font-size: 11px; text-align: right; padding-right: 12px; clear: both; }
#foot p.podpis a { color: #ff67d8; }
#foot {  }
# {  }