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

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

#container { width: 951px; margin: 0 auto; padding-left: 1px; }

#top { width: 100%; height: 25px; float: left; clear: both; margin: 0; padding: 20px 0 0 0; }
#head { width: 100%; height: 228px; float: left; clear: both; margin: 0; background: url(../images/head.jpg) no-repeat bottom right; }
#menu { width: 100%; height: 66px; float: left; clear: both; margin: 0; background: url(../images/bg_menu.png) no-repeat top left; }
#nav { width: 100%; height: 55px; float: left; clear: both; margin: 0; background: url(../images/bg_nav.png) no-repeat top left; }
#cols { width: 895px; min-height: 600px; float: left; clear: both; margin: 0; padding: 15px 28px; background: #eaebec; }
#foot { width: 100%; height: 80px; float: left; clear: both; margin: 0; padding: 30px 0 0 0; background: url(../images/bg_foot.png) no-repeat top left; position: relative; }
#lcol { float: left; width: 585px; clear: left; margin-right: 18px; }
#rcol { float: left; width: 268px; padding: 5px 0 0 23px; background: url(../images/bg_rcol.png) repeat-y top left; _padding-left: 10px; }

#top p { text-align: right; }
#top p .flag_cs { background: url(../images/flag_cs.gif) no-repeat center left; }
#top p .flag_de { background: url(../images/flag_de.gif) no-repeat center left; }
#top p .flag_en { background: url(../images/flag_en.gif) no-repeat center left; }
#top p .flag_ru { background: url(../images/flag_ru.gif) no-repeat center left; }
#top p a { padding-left: 22px; font-size: 11px; line-height: 16px; color: #7b0a7b; margin-left: 10px; }
#top p span { padding-left: 22px; font: bold 12px/16px Arial; color: #787878; margin-left: 10px; }

#menu menu { margin: 18px 0 0 10px; padding: 0; }
#menu menu li { list-style: none; display: inline; float: left; padding: 0 8px; height: 31px; background: url(../images/bg_menu_delitko.png) no-repeat top right; }
#menu menu li a { padding-right: 4px; display: block; height: 31px; text-decoration: none; text-align: center; color: #fff; float: left; }
#menu menu li a span { display: block; height: 31px; font: bold 12px/31px Arial; cursor: pointer; padding: 0 10px 0 14px; float: left; }
#menu menu li a:hover, #menu menu li.slc a { background: url(../images/bg_menu_item_right.png) no-repeat top right; }
#menu menu li a:hover span, #menu menu li.slc a span { background: url(../images/bg_menu_item_left.png) no-repeat top left; }
#menu menu li.last { background: none; }
#menu menu li.eshop { background: none; float: right; margin-right: 25px; }
#menu menu li.eshop a { font: bold 12px/31px Arial; background: url(../images/ico_eshop.gif) no-repeat center left; padding: 0 0 0 20px; }
#menu menu li.eshop a:hover { text-decoration: underline; }

#nav p { float: left; width: 660px; margin: 19px 0 0 0; overflow: hidden; font: 11px Arial; }
#nav p b { color: #7b0a7b; }
#nav p a { margin: 0 5px; font-size: 10px; color: #7b0a7b; text-decoration: none; }
#nav p a:hover { text-decoration: underline; }
#nav p strong { font-weight: normal; color: #787878; margin: 0 5px; }
#nav form.form_search { float: right; margin: 13px 0 0 0; padding: 0; width: 253px; }
#nav form.form_search span.input { float: left; width: 153px; height: 25px; display: block; padding-left: 28px; background: url(../images/bg_input_search.png) no-repeat top left; }
#nav form.form_search span.input input { margin: 0; padding: 5px 3px 5px 0; width: 150px; height: 15px; background: none; border: none; font: 11px/15px Arial; color: #787878; }
#nav form.form_search input.btn { float: right; width: 66px; height: 25px; font: bold 12px/25px Arial; color: #fff; text-transform: uppercase; text-align: center; background: url(../images/btn_search.png) no-repeat top left; margin: 0; border: none; cursor: pointer; }

#submenu { width: 937px; height: 45px; float: left; clear: both; margin: 0; padding: 3px 7px; background: #eaebec url(../images/bg_submenu.png) no-repeat 7px 3px; _padding-left: 3px; }
#submenu ul { margin: 9px 0 0 13px; padding: 0; float: left; clear: both; width: 900px; }
#submenu ul li { list-style: none; display: inline; float: left; margin: 0 4px 0 0; }
#submenu ul li a { display: block; height: 27px; padding-right: 3px; color: #fff; font: 10px/27px Arial; text-decoration: none; text-transform: uppercase; float: left; }
#submenu ul li a span { cursor: pointer; padding: 0 10px 0 13px; display: block; height: 27px; float: left; }
#submenu ul li a:hover, #submenu ul li.slc a { color: #7b0a7b; background: #fff url(../images/bg_submenu_right.png) no-repeat top right; }
#submenu ul li a:hover span, #submenu ul li.slc a span { background: url(../images/bg_submenu_left.png) no-repeat top left; }

#cols p.vice { clear: both; padding-left: 23px; background: url(../images/ico_vice.gif) no-repeat center left; margin-bottom: 5px; }
#cols p.vice a { font: italic 14px/20px Arial; color: #7b0a7b; text-decoration: none; border-bottom: 1px dotted #7b0a7b; }
#cols p.vice a:hover { border-bottom: none; }

#lcol h1 { font: bold 24px Arial; color: #7b0a7b; margin: 0 0 13px 0; }
#lcol h2 { font: bold 18px Arial; margin: 0 0 8px 0; }
#lcol h3 { font: bold 14px Arial; color: #7b0a7b; margin: 0 0 4px 0; }
#lcol p.pre { font: italic 14px/18px Arial; color: #7b0a7b; margin: 0 0 13px 0; }
#lcol p { font: 12px/18px Arial; margin: 0 0 13px 0; }
#lcol .text_box { width: 100%; float: left; clear: both; margin: 0 0 25px 0; }
#lcol .text_box p img.img { border: 5px solid #fff; float: left; margin: 0 15px 0 0; }
#lcol .text_box p img.no_float { float: none!important; }
#lcol .akce_box { width: 100%; float: left; clear: both; margin: 0 0 25px 0; }
#lcol .akce_box .subbox { float: left; width: 292px; margin: 0 0 20px 0; }
#lcol .akce_box .subbox .th { display: block; float: left; border: 5px solid #fff; width: 93px; height: 93px; overflow: hidden; }
#lcol .akce_box .subbox .right_text { float: right; width: 180px; }
#lcol .akce_box .subbox .right_text h2 { font: bold 12px Arial; color: #346783; margin-bottom: 4px; }
#lcol .akce_box .subbox .right_text h2 a { color: #7b0a7b; }
#lcol .akce_box .subbox .right_text p { font-size: 11px; margin: 0; }
#lcol .akce_box .subbox .right_text p.datum { color: #909090; margin: 7px 0 0 0; }
#lcol .akce_box.big_boxs .subbox { clear: both; width: 100%; }
#lcol .akce_box.big_boxs .subbox .right_text { width: 440px; padding-right: 20px; }
#lcol .akce_box.big_boxs .subbox .right_text h2 { color: #7b0a7b; text-transform: uppercase; }
#lcol .akce_box.big_boxs .subbox .right_text h2 small { color: #909090; font: 11px Arial; margin-right: 5px; }
#lcol .prodejny_box { width: 100%; float: left; clear: both; margin: 0 0 15px 0; }
#lcol .prodejny_box .text_left { float: left; width: 290px; padding-top: 9px; }
#lcol .prodejny_box .mapa_right { float: right; width: 269px; height: 172px; border: 5px solid #fff; }
#lcol .prodejny_box h2 { font: bold 14px Arial; color: #7b0a7b; margin-bottom: 15px; }
#lcol .prodejny_box p.adresa { margin-top: -13px; }
#lcol .prodejny_box p.ico_home a { font-weight: bold; padding-left: 16px; background: url(../images/ico_home.gif) no-repeat center left; }
#lcol .peoples_box { width: 100%; float: left; clear: both; margin: 0 0 15px 0; }
#lcol .peoples_box .subbox { float: left; width: 292px; margin: 0; height: 145px; }
#lcol .peoples_box .subbox .th { display: block; float: left; border: 5px solid #fff; width: 105px; height: 113px; overflow: hidden; }
#lcol .peoples_box .subbox .text_right { float: right; width: 165px; }
#lcol .peoples_box .subbox .text_right h3 { font: bold 12px Arial; }
#lcol .peoples_box .subbox .text_right p.pozice { font-size: 10px; margin: 0 0 10px 0; line-height: normal; }
#lcol .peoples_box .subbox .text_right p { font-size: 11px; margin: 0; }
#lcol #kontakt_box { width: 100%; float: left; clear: both; margin: 0 0 15px 0; }
#lcol #kontakt_box .col { float: left; width: 265px; margin-bottom: 23px; }
#lcol #kontakt_box label.text { float: left; clear: left; width: 55px; font: bold 12px Arial; color: #51646e; margin: 6px 0 9px 0; }
#lcol #kontakt_box span.input { float: left; display: block; margin: 0 3px 5px 0; width: 183px; height: 27px; background: url(../images/bg_input.png) no-repeat top left; }
#lcol #kontakt_box span.input input { border: none; background: none; padding: 6px 5px; width: 173px; height: 15px; font: 12px/15px Arial; color: #51646e; }
#lcol #kontakt_box span.textarea { float: left; display: block; margin: 0 3px 8px 0; width: 521px; height: 117px; background: url(../images/bg_textarea.png) no-repeat top left; padding: 1px 0; }
#lcol #kontakt_box span.textarea textarea { border: none; background: none; padding: 5px; width: 510px; height: 106px; font: 12px/15px Arial; color: #51646e; }
#lcol #kontakt_box span.pov { float: left; font: bold 12px/18px Arial; color: #f00; }
#lcol #kontakt_box .btm { width: 100%; float: left; clear: both; }
#lcol #kontakt_box .btm .kopie { margin: 2px 0 0 55px; float: left; width: 405px; }
#lcol #kontakt_box .btm .kopie label { font: 10px/12px Arial; margin: 0 0 0 3px; }
#lcol #kontakt_box .btm input.btn { float: left; display: block; width: 116px; height: 32px; text-align: center; text-decoration: none; font: bold 12px/32px Arial; color: #fff; background: url(../images/btn.png) no-repeat top left; border: none; cursor: pointer; }
#lcol #msg { width: 566px; height: 42px; float: left; clear: both; margin: 0 0 12px 2px; 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_big { width: 558px; height: 42px; float: left; clear: both; margin: 0 0 30px 0; padding: 16px 15px 0 12px; background: url(../images/bg_search_big.png) no-repeat top left; }
#lcol form.search_big label { font: bold 12px Arial; float: left; margin: 5px 0 0 0; width: 97px; color: #fff; }
#lcol form.search_big div.input { width: 376px; height: 28px; background: url(../images/bg_input_big.png) no-repeat top left; float: left; }
#lcol form.search_big div.input input { background: none; padding: 7px 10px; width: 356px; height: 14px; margin: 0; float: left; border: none; font: 12px Arial; color: #7f7f7f; }
#lcol form.search_big input.btn { height: 25px; width: 66px; border: none; background: url(../images/btn_search.png) no-repeat top left; cursor: pointer; float: right; margin: 1px 0; font: bold 12px/25px Arial; color: #fff; }
#lcol p.p_search { margin: 0 0 20px 0; }
#lcol p.p_search b { font: bold 18px Arial; color: #9f929f; margin-right: 5px; }
#lcol p.p_search strong { font: italic bold 18px Arial; color: #960808; }
#lcol p.p_search a { font-size: 10px; text-transform: uppercase; color: #7b0a7b; }
#lcol p.p_search small { font-size: 10px; margin: 0 3px; color: #7b0a7b; }
#lcol .news_box { width: 100%; float: left; clear: both; margin: 0 0 18px 0; }
#lcol .news_box p.datum { float: left; width: 43px; font: bold 36px/36px Arial; color: #9f929f; text-align: center; }
#lcol .news_box p.datum small { font: 10px/12px Arial; }
#lcol .news_box .right_text { float: right; width: 528px; }
#lcol .news_box .right_text h2 { font: bold 12px/18px Arial; margin-bottom: 3px; color: #7b0a7b; }
#lcol .news_box .right_text p { font: 12px/18px Arial; }
#lcol .pages a { float: left; margin: 0 1px; width: 17px; text-align: center; background: #7b0a7b; font: bold 11px/17px Arial; text-decoration: none; color: #fff; height: 17px; }
#lcol .pages span { float: left; margin: 0 1px; width: 17px; text-align: center; background: #ad6bad; font: bold 11px/17px Arial; font-weight: bold; color: #fff; height: 17px; }
#lcol .pages a.p_predchozi { margin-right: 9px; }
#lcol .pages a.p_nasledujici { margin-left: 9px; }
#lcol .pages a:hover { text-decoration: underline; }

#rcol h2 { font: bold 20px Arial; color: #665266; margin-bottom: 13px; }
#rcol .news_box { width: 100%; float: left; clear: both; margin: 0 0 18px 0; }
#rcol .news_box p.datum { float: left; width: 43px; font: bold 36px/36px Arial; color: #9f929f; text-align: center; }
#rcol .news_box p.datum small { font: 10px/12px Arial; }
#rcol .news_box .right_text { float: right; width: 214px; }
#rcol .news_box .right_text h3 { font: bold 12px/18px Arial; margin-bottom: 3px; }
#rcol .news_box .right_text h3 a { color: #7b0a7b; }
#rcol .news_box .right_text p { font: 12px/18px Arial; }
#rcol #banner { float: left; clear: both; margin: 30px 0; width: 100%; text-align: center; }
#rcol .kontakt_box { width: 100%; float: left; clear: both; }
#rcol .kontakt_box p { font: 12px/16px Arial; margin-bottom: 12px; }
#rcol .kontakt_box p small { font-size: 11px; }
#rcol .kontakt_box a.btn { display: block; width: 116px; height: 32px; text-align: center; text-decoration: none; font: bold 12px/32px Arial; color: #fff; background: url(../images/btn.png) no-repeat top left; }
#rcol p.vice { margin: -15px 0 0 0; }

#produkty_box { width: 895px; float: left; clear: both; margin: 25px 0 0 0; }
#produkty_box h1 { font: bold 24px Arial; color: #7b0a7b; margin: 0 0 13px 0; }
#produkty_box #logoparade { width: 895px; float: left; clear: both; position: relative; }
#produkty_box #logoparade .scrollingHotSpotLeft { position: absolute; top: 112px; left: -49px; width: 45px; height: 43px; background: url(../images/ico_akce_left.png) no-repeat top left; }
#produkty_box #logoparade .scrollingHotSpotRight { position: absolute; top: 112px; right: -51px; width: 45px; height: 43px; background: url(../images/ico_akce_right.png) no-repeat top left; }
#produkty_box #logoparade .scrollWrapper { width: 895px; float: left; clear: both; height: 244px; overflow: hidden; }
#produkty_box #logoparade .scrollWrapper .scrollableArea { width: 895px; float: left; clear: both; height: 244px; }
#produkty_box #logoparade .box { float: left; width: 143px; height: 244px; padding: 0 16px; background: #fff; margin: 0 5px 0 0; position: relative; }
#produkty_box #logoparade .box h2 { position: absolute; top: 10px; left: 16px; font: bold 12px Arial; width: 143px; }
#produkty_box #logoparade .box h2 a { color: #7b0a7b; }
#produkty_box #logoparade .box p.sku { font: 10px Arial; color: #787878; position: absolute; top: 29px; left: 16px; }
#produkty_box #logoparade .box .th { position: absolute; top: 49px; left: 16px; }
#produkty_box #logoparade .box .th a { display: block; width: 143px; height: 143px; overflow: hidden; }
#produkty_box #logoparade .box .th span.ico { position: absolute; right: -7px; width: 38px; height: 17px; padding-left: 4px; font: 10px/13px Arial; color: #fff; }
#produkty_box #logoparade .box .th span.ico_akce { background: url(../images/bg_akce.gif) no-repeat top left; top: 105px; }
#produkty_box #logoparade .box .th span.ico_novinka { background: url(../images/bg_novinka.gif) no-repeat top left; top: 122px; }
#produkty_box #logoparade .box p.cena { font: italic 11px Arial; color: #7b0a7b; position: absolute; top: 202px; left: 16px; }
#produkty_box #logoparade .box p.cena strong { font-size: 18px; margin-right: 5px; }
#produkty_box #logoparade .box p.cena small { font-size: 11px; color: #51646e; }

#foot p { font: 11px Arial; color: #737578; clear: both; float: left; margin: 0; white-space: nowrap; }
#foot p a { color: #737578; text-decoration: none; }
#foot p a:hover { text-decoration: underline; }
#foot p a.proidea { color: #505050; text-transform: uppercase; }
#foot ul { margin: 0 0 18px 0; padding: 0; width: 660px; float: left; clear: both; }
#foot ul li { list-style: none; display: inline; float: left; padding-right: 12px; background: url(../images/bg_delitko_btm.gif) no-repeat center right; margin-right: 10px; }
#foot ul li a { color: #7b0a7b; text-decoration: none; }
#foot ul li a:hover { text-decoration: underline; }
#foot ul li.eshop { background: none; }
#foot ul li.eshop a { padding-left: 22px; background: url(../images/ico_eshop2.gif) no-repeat center left;  }
#foot a.ico_up { position: absolute; top: 31px; right: 2px; padding-right: 28px; background: url(../images/ico_up.png) no-repeat center right; display: block; height: 20px; font: 12px/20px Arial; color: #505050; text-decoration: none; }
#foot a:hover.ico_up { text-decoration: underline; }