/* * screen.css - media screen (all) * autor:martin zemánek,martinzemanek at email.cz  */
*{padding:0; margin:0;}
.noborder{border:none;  background:none;}
body{font-family:Arial,Verdana; font-size:13px; color:#222222; background:#f8f3f3 url(../images/back.gif) repeat-x top left;}
span a.barva{border:1px solid silver;width:18px;height:18px;margin:3px;float:left;display:block;cursor:pointer;}
.box_varianty{width:45%;  padding:0px 10px 10px 0;  float:left;  border-right:1px solid silver;}
.box_varianty2{width:45%;  padding:0px 0px 10px 10px;  float:left;}
/* ------------------ Poziční bloky - obsah,sloupce--------------------*/
#background{background:url(../images/background.gif) no-repeat top center;}
#wrap{margin:0 auto;  width:989px;}
#content_block{width:100%;  float:left;  background:white url(../images/content.png) no-repeat right 5px;}
#main{float:left; width:100%;}
#content{float:left; width:535px;  margin-top:6px; padding:15px 10px; background:white url(../images/content_top.png) no-repeat top center; line-height:18px;}
#left{float:left; width:216px; background:url(../images/left_column.png) repeat-y top left;}
#right{float:right; width:216px;  margin-top:90px; background:url(../images/right_column.png) repeat-y top left;}
table tr th {font-weight:bold;font-size:11px;}
/* ------------------ Hlavička --------------------*/
#header{height:140px; width:989px;}
#header #over{display:block; position:absolute; top:23px; width:372px; height:47px; margin-left:50px;}
#header #perex{display:block; position:absolute; top:75px; width:372px; margin-left:50px;}
#header #perex h1{color:#222222; font-size:12px; font-style:italic; text-align:right;}
#header #header_perex{font-size:13px;  position:absolute;  top:160px;  margin-left:145px;  font-weight:bold;}
#top{display:block; position:absolute; top:0px; width:403px; height:33px; margin-left:585px; background:url(../images/top.png) no-repeat top left;}
#top #tel{width:130px;  line-height:33px;  font-size:110%;  padding-left:50px;  color:#800104;  font-weight:bold;  float:left;}
#top #mail{width:130px;  line-height:33px;  font-size:110%;  padding-left:40px;  color:#800104;  font-weight:bold;  float:left;}
#left #basket{background:url(../images/basket_icon.png) no-repeat 15px 20px;  height:110px;}
p.kosik{font-weight:bold;  float:right;  margin-top:25px;  margin-right:10px;  color:#a50742;}
table tr td.kosik_td{text-align:left;  padding-left:80px;  font-size:90%;}
/* ------------------ NAVIGACE nahoře --------------------*/
#navigace{width:726px;  height:44px;  line-height:44px;  position:absolute;  top:101px;  display:block;  padding-left:10px;  background:url(../images/menu.png) no-repeat top left;}
#search{width:253px;  height:44px;  position:absolute;  top:101px;  margin-left:736px;  display:block;  background:url(../images/search.png) no-repeat top left;}
#right table{width:196px;  margin:0 auto;}
#navigace li a{color:white;  font-size:90%;}
#navigace li ul li a{color:black;}
#navigace li ul li a:hover{color:white;}
input{border:1px solid #e5c4ce;  padding:3px 2px;font-size:12px;}
input.input_search{position:absolute;  top:13px;  margin-left:4px;  background:transparent;  width:170px;  border:none;  color:black;  padding:0;  height:20px;  line-height:20px;  font-size:13px;}
input.submit_search{position:absolute;  top:6px;  margin-left:183px;  background:transparent;  width:35px;  border:none;  height:34px;  padding:0;  margin-right:30px;  float:right;  cursor:pointer;}
.smaller_login{font-size:75%;  color:gray;}
.input_noborder{background:transparent;  color:black;  border:none;  font-weight:bold;}
/* ------------------ MENU - kategorie a podkategorie zbozi --------------------*/
#left .box .main ul li{float:left;  clear:both;  width:100%;}
#left .box .main ul li a{display:block;  float:left;  width:100%;  line-height:25px;  font-weight:normal;  font-size:12px;  background:url('../images/link.png') repeat-x bottom left;}
#left .box .main ul li span{padding-left:20px;  display:block;}
#left .box .main ul li.detail span{padding-left:28px;  display:block;}
#left .box .main a:hover{text-decoration:none;  background:url('../images/navigace_over.png') repeat-x bottom left;}
#left .box .main a.choosed,#left .box .main ul li.selected a,#left .box .main ul li.selected_top a{text-decoration:none;}
#left .box .main ul li.selected,#left .box .main ul li.selected_top{list-style-type:none;}
#left .box .main ul li.selected span,#left .box .main ul li.selected_top span{background:url('../images/navigace_over.png') repeat-x bottom left;}
#left .box .main ul li.selected a,#left .box .main ul li.selected_top a{text-decoration:none;  color:white;  font-weight:normal;}
#left .box .main ul li.noselected_top a{text-decoration:none;  font-weight:bold;  color:#83050a;}
#left .box .main ul li.detail a:hover,#left .box .main ul li.noselected_top a:hover{text-decoration:none;  color:white;}
#left .box .main ul li.noselected,#left .box .main ul li.noselected_top,#left .box .main ul li.noselected_top,#left .box .main ul li.detail{list-style-type:none;}
#left .box .main ul li.noselected span,#left .box .main ul li.noselected_top span,#left .box .main ul li.noselected_top span{background:url('../images/dot.png') no-repeat 10px 10px;}
#left .box .main ul li.detail span{background:url('../images/dot.png') no-repeat 20px 9px;}
#left .box .main li.detail a{display:block;  float:left;  width:100%;  font-size:90%;  line-height:22px;  font-weight:normal;}
#left .box .main li a{color:#83050a;}
#left .box .main li a:hover{color:white;}
#left .box .main li.detail a.choosed{font-weight:bold;  color:black;}
#left .box .main li.detail a.nochoosed{color:#83050a;}
#left p,#left span{padding:0 10px;}
#left div.h2_background span{padding:0;}
#left .box .main{width:100%;  padding:5px 0px;}
#left .box .main table tr td{line-height:15px;}
#left .box .main table tr td.color{color:#820206;}
.table_detail{float:left;}
#content #left ul{list-style-type:none;}
#content #left ul li{display:block;width:100%;height:33px;float:left;line-height:33px;background:url(../images/menu.gif) repeat-x;}
#content #left li a{text-decoration:none;padding-left:10px;padding-right:10px;height:33px;display:block;width:160px;color:black;}
#content #left ul li:hover{background:url(../images/menu_over.gif) repeat-x; height:33px;}
#content #left ul li.selected,#content #left ul li.selected_top{background:url(../images/menu_over.gif) repeat-x; height:33px;}
.rychly_kontakt{padding:0 10px;  line-height:22px;  }
/* ------------------ Produkt box --------------------*/
.action_badge{float:right;text-align:center;line-height:71px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/label.png',sizingMethod='scale'); width:81px;height:81px;position:absolute;margin-top:-2px;margin-left:79px;z-index:1;font-size:13px;font-weight:bold;color:black;}
head:first-child+body .action_badge{background:url(../images/label.png) no-repeat;}
.new_badge{float:right;text-align:center;line-height:71px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/label2.png',sizingMethod='scale'); width:81px;height:81px;position:absolute;margin-top:-2px;margin-left:79px;z-index:1;font-size:13px;font-weight:bold;color:black;}
head:first-child+body .new_badge{background:url(../images/label2.png) no-repeat;}
.post_badge{float:right;text-align:center;line-height:71px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='../images/label3.png',sizingMethod='scale'); width:82px;height:81px;position:absolute;margin-top:-2px;margin-left:79px;z-index:1;}
head:first-child+body .post_badge{background:url(../images/label3.png) no-repeat;}
.line{line-height:21px;}
p.datum{background:url(../images/calendar.png) no-repeat 15px 15px;  padding:15px 0 2px 35px;  color:#83050a;  font-size:90%;  font-weight:bold;}
p.datum_first{background:url(../images/calendar.png) no-repeat 15px 0px;  padding:0px 0 2px 35px;  color:#83050a;  font-size:90%;  font-weight:bold;}
.img_thumb{height:110px;display:block;text-align:center;overflow:hidden;padding-top:10px;}
.top_content{background:#f7f2ef;display:block;float:left;width:147px;height:225px;overflow:hidden;padding:0 10px;}
.top_content2{background:#f7f2ef;display:block;float:left;width:147px;height:165px;overflow:hidden;padding:0 10px;}
.top_content .description{display:block;height:20px;line-height:20px;overflow:hidden;font-size:12px;}
.top_content h2,.top_content2 h2{padding:6px 0;height:25px;font-size:13px;line-height:15px;text-align:left;overflow:hidden;}
.top_content2 h2{text-align:center;}
.top_left{display:block;  width:168px;  text-align:justify;  padding-left:5px;  padding-right:5px;  float:left;  margin-bottom:10px;}
.img_thumb_cat{display:block;text-align:right;padding-right:3px;overflow:hidden;}
.top_content_cat{background:url(../images/kategorie_detail.png) no-repeat;float:left;width:234px;height:123px;overflow:hidden;padding:10px;}
.top_content_cat .description{height:63px;overflow:hidden;font-size:12px;}
.top_content_cat h2{padding:0 0 6px 0;height:25px;font-size:13px;line-height:15px;text-align:left;}
.top_left_cat{display:block;  width:257px;  text-align:justify;  padding-left:5px;  padding-right:5px;  float:left;  margin-bottom:13px;}
/* ------------------ Ikony --------------------*/
.top_bottom{display:block;  margin-top:10px;}
.dokosiku{background:url(../images/submit_product.png) no-repeat;  height:24px;  width:62px;  overflow:hidden;  border:none;  cursor:pointer;  float:left;  color:white;  font-size:13px;  text-align:center;  margin-left:10px;}
.detail_produktu{background:url(../images/submit_product.png) no-repeat;  height:24px;  width:62px;  overflow:hidden;  border:none;  cursor:pointer;  line-height:24px;  float:left;  margin-left:7px;}
.dokosiku{line-height:24px;padding:0;}
.dokosiku:hover{color:white}
.detail_produktu span a{font-weight:normal;    padding-left:14px;  color:white;}
input.dokosiku{font-weight:bold;}
.dokosiku_detail{background:url(../images/submit_product.png) no-repeat;  height:24px;  width:62px;  overflow:hidden;  border:none;  cursor:pointer;  color:white;  font-weight:bold;}
.detail_produktu span a:hover,.dokosiku span a:hover{text-decoration:none;}
.navigace_back{background:url(../images/paging.png) no-repeat;  height:45px;  padding:3px 10px;  margin:0 0 10px 0;}
.navigace_back a{color:#222222;}
.navigace_back h1{font-size:16px;}
/* ------------------ Vlastnosti elementu --------------------*/
th{padding:3px;}
table{width:100%;}
td{padding:3px 1px;}
fieldset{margin-top:10px;  padding:7px;}
legend{font-size:110%;  padding:0 5px;  font-weight:bold;  letter-spacing:1px;  color:black;}
table,tr,td,th{border-collapse:collapse;}
select{border:1px solid #e5c4ce;  padding:2px 0 2px 2px;font-size:12px;}
textarea{border:1px solid #e5c4ce;  padding:3px;font-size:12px;}
img{border:none;}
a{text-decoration:none;  color:#83001d;  font-weight:bold;}
a:hover{color:#4e0011;  text-decoration:none;}
h1{font-size:20px; color:#580013; padding-bottom:6px;}
h1.vyrazne{font-size:20px; padding-bottom:10px; color:#580013;}
h2{font-size:18px; padding-bottom:5px; color:#580013;}
h3{font-size:17px; padding-bottom:5px; color:#580013;}
h4{font-size:15px; padding-bottom:4px; color:#580013;}
/* ------------------ Patička --------------------*/
#footer{background:url(../images/footer.png) no-repeat;  text-align:left;display:block;width:989px;height:44px;line-height:44px;color:white;}
#footer a{color:white;}
#footer_links{text-align:center;display:block;width:989px;margin:10px auto;line-height:16px;color:black;}
#footer_links span a{color:black;font-size:80%;font-weight:normal;text-align:center;}
#footer .right{margin-right:10px;width:750px;float:right;}
#footer p.left{width:750px;  float:left;color:lime;padding-top:7px;font-size:90%;letter-spacing:1px;padding-left:30px;font-weight:bold;}
#footer p.right{float:right;color:white;padding-top:7px;font-size:90%;letter-spacing:1px;padding-right:30px;font-weight:bold;}
/* ------------------ Výpis produktů - záhlaví a zápatí --------------------*/
.list_of_products{height:30px;  line-height:30px;  background:#f2e6e6;  border-top:6px solid white;  border-bottom:2px solid white;  width:100%;  color:black;  font-weight:bold;}
table.list_of_products_table tr td{padding:2px 3px;  background:#f8f3f3;  border-bottom:2px solid white;}
#paging_header{background:url(../images/paging.png) no-repeat;  height:45px;  padding-left:10px;  padding-right:10px;  padding-top:5px;  margin-bottom:10px;}
#paging_header p.paging_header_left{line-height:20px;  float:left;}
#paging_header p.paging_header_right{line-height:20px;  float:right;}
#paging_footer{display:block;  background:url(../images/paging2.png) no-repeat;  height:30px;  line-height:30px;  padding:0 10px;  margin:15px 0;  }
#paging_footer table tr td{padding:0;}
#paging_footer table tr td.leftpage{width:16px;text-align:left;}
#paging_footer table tr td.rightpage{width:70px; text-align:right;}
#paging_footer table tr td.centerpage{text-align:center;}
/* ------------------ Ostatní vlastnosti --------------------*/
.infomessage{vertical-align:middle;color:white;}
.errormessage{vertical-align:middle;color:red;}
.left{text-align:left;}
.right{text-align:right;}
.smaller_bold{font-weight:bold;  font-size:85%;}
.bold{font-weight:bold;}
.center{text-align:center;}
.center_small{text-align:center;  width:100px;}
.hidden{display:none;}
.justify{text-align:justify;}
.clear{clear:both;}
.smaller{font-size:85%;}
.smaller_center{font-size:85%;  text-align:center;}
.smaller_color{font-size:85%;  color:#a3d900;}
.smaller_gray{font-size:85%;  color:gray;}
.color{color:#820206;}
.color2{color:#820206;}
.h2_background{background:url(../images/title.png) no-repeat;  width:196px;  height:32px;  margin:10px 0;  line-height:32px;  padding:0px 10px;  color:white;  text-align:left;  text-transform:uppercase;  font-size:90%;}
.h1_background{margin:30px 0 5px 0;  line-height:20px;  padding:20px 0 5px 10px;  color:#580013;  text-align:left;  font-size:16px;  font-weight:bold;  clear:both;}
.color_bold{color:#820206;  font-weight:bold;}
.cena{border-style:inset;  padding:0 2px;  width:15px;  height:14px;  font-size:10px}
.submit_small{border:none;background:url(../images/submit_small.png) no-repeat;width:48px;height:21px;  cursor:pointer;  color:white;  font-size:12px;}
.submit{border:none;background:url(../images/submit.png) no-repeat;width:80px;height:21px;  cursor:pointer;  color:white;font-size:12px}
a.submit{font-size:12px;display:block;border:none;background:url(../images/submit.png) no-repeat;width:80px;height:21px;  line-height:21px;cursor:pointer;  color:white;}
a.submit:hover{color:white;}
.submit_red{font-size:12px;border:none;background:url(../images/submit_red.png) no-repeat top left;width:104px;height:27px;line-height:27px;  cursor:pointer;  color:white;  display:block;  text-align:center;  float:left;}
.submit_red a{font-weight:normal;  color:white;  font-size:90%;}
.submit_spec{font-size:12px;border:none;background:url(../images/submit_spec.png) no-repeat top left;width:249px;height:33px;  cursor:pointer;  color:white;  display:block;  text-align:center;  float:right;  }
.submit_spec a{font-weight:normal;  color:white;  font-size:90%;}
.submit_spec2{font-size:12px;border:none;background:url(../images/submit_spec2.png) no-repeat top left;width:140px;height:33px;line-height:33px;  cursor:pointer;  color:white;  display:block;  text-align:center;  float:left;}
.submit_spec2{font-weight:normal;  color:white;  font-size:90%;}
.submit_spec2:hover{color:white;}
a.special_submit{border:none;  font-size:14px;  width:170px;background:url(../images/submit.gif) repeat-x;  cursor:pointer;  padding:5px;  color:black;  display:block;}
.special{width:320px;  display:block;  float:left;  line-height:16px;  font-size:10px;}
.red{color:red;}
.green{color:white;}
.table_kosik{border-bottom:1px dashed #dedede;}
.table_kosik_obsah tr td{padding:1px 2px;  font-size:10px;}
.odsazeni_top{padding-top:10px;}
.objednavka{color:red;  text-align:center;  font-size:120%;}
.objednavka2{color:#7aa621;  text-align:center;  font-size:125%;  border:1px solid #bababa;  padding:10px;  margin-top:20px;}
#dotaz,#diskuze{margin-top:15px;}
.vlozit_komentar{color:#7aa621;}
#kontaktform{margin-top:30px;}
/* Ajax validate form */
#msg{display:none;   position:absolute;   z-index:200;   padding-left:1px;   background:#800104;  padding:6px;   color:white;-moz-border-radius:5px;}
#msg2{display:none;   position:absolute;   z-index:200;   padding-left:1px;   background:#800104;  padding:6px;   color:white;-moz-border-radius:5px;}
.banners{text-align:center;  margin:0 auto;  padding:10px;}
.go_to_order{text-align:right;  padding-top:10px;}
.boxik{background:#f8f3f3;}
.boxik_content{padding:8px;}
.boxik_content a,.boxik_content span,.boxik_content p{color:black;}
.tabik{float:left;  height:32px;  width:100px;  margin-right:5px;  text-align:center;  background:#f2e6e6;}
.tabik_over{float:left;  height:32px;  width:100px;  margin-right:5px;  text-align:center;  background:#f8f3f3;}
a:hover.dark_link{color:black;  text-decoration:none;}
.tabtxt{color:#000;  font-size:12px;  font-weight:bold;  padding:9px 0 0 0;}
#detail_product{margin:0px 5px 20px 5px;}
#detail_product a{color:black;}
.a_normal{background:url(../images/a_normal.gif) repeat-x;  height:30px;  width:160px;  padding:0 10px;  font-weight:normal;  border:none;  font-size:14px;  line-height:30px;  color:black;  display:block;  text-align:center;-moz-border-radius:5px;}
a:hover.a_normal{text-decoration:none;  color:black;}
.a_alert{background:url(../images/a_alert.gif) repeat-x;  height:30px;  width:200px;  padding:0 10px;  cursor:pointer;  font-size:14px;  border:none;-moz-border-radius:5px;}
.cart_box{margin-bottom:20px;height:40px;line-height:40px;text-align:center;width:100%;display:block;}
.cart_box_item_selected{background:#f2e6e6;font-weight:bold;float:left;width:24.9%;}
.cart_box_item{background:#f8f3f3;float:left;width:25%}
.table_border_bottom{background:url(../images/border.gif) repeat-x bottom left;  height:1px;}
li.cat{color:#424549; font:bold 13px tahoma; display:block; line-height:13px; padding:4px 5px 4px 0px; }
li.element{color:#424549; font:bold 12px tahoma; display:block; line-height:12px; padding:3px 5px 3px 21px;}
.pointer{cursor:pointer;  font-weight:bold;}
p.highlight{font-size:140%;  padding:10px 0 3px 0; color:#800104;}
p.highlight2{font-size:120%;  padding:10px 0 3px 0;  font-style:italic;  cursor:pointer;  color:#800104;}
p.highlight2.active{}
p.highlight2 div.active{height:auto;  display:block;}