/*zakladní styly*/
body  {text-align:center; font-family: sans-serif; background: #fff url('../images/design/bg.gif') 0% 0% repeat-x; padding: 0px; margin: 0px; font-size: 12px;}
a  {color: #ba0909; text-decoration: none; outline: 0px;}
a:hover  {color: #000; text-decoration: none; font-weight: bold;}
.submit, .submit-kos  {background: #f3ae2c; border: solid 1px #666; cursor: pointer; padding: 2px; font-weight: bold; font-size: 11px;}
p  {font-size: 12px;}
table  {font-size: 12px;}
h2  {color: #e60d0d; font-size: 15px; margin: 5px 0px;}

/*stranka*/
#pozadi  {margin: 0px; padding: 0px; width: 1410px; margin: 0px auto 0px; background: url('../images/design/pozadi.jpg') 0% 41px no-repeat;}
#pagepevna  {width: 998px; margin: 0px auto; text-align:left; background: url('../images/design/bg_page.gif') 0% 0% repeat-y; position: relative;}

/*layout*/
#logo a  {display: block; width: 240px; height: 60px; position: absolute; top: 170px; left: 5px; text-indent: -9999px;}
#pruh_odkazy  {position: absolute; top: 5px; left: 240px;}
#levy  {width: 240px !important;  padding-top: 285px;}
#stredovy  {vertical-align: top;  padding-top: 170px; width: 558px !important;}
#pravy  {width: 200px;  padding-top: 170px;}
#strana  {width: 998px; background: url('../images/design/head.jpg') 0% 0% no-repeat;}

/*pruh odkazy*/
#pruh_odkazy  {position: absolute; top: 13px; left: 540px;}
#pruh_odkazy  a {color: #fff; margin-right: 7px; border-left: solid 1px #fff; padding-left: 7px; text-decoartion: underline;}
#pruh_odkazy  a.first  {border: none;}
#pruh_odkazy  a:hover  {color: #000; text-decoration: none;}



/*hlavni menu (kategorie)*/
#menu h3  {margin: 0px 0px 20px 0px;}
#menu h3 span  {display: block; padding-top: 15px; margin-left: 70px; color: #2b333d; text-transform: uppercase; font-size: 12px;}
#menu ul {margin: 0px; padding: 0px 30px;}
#menu ul li {list-style: none;}
#menu a  {color: #2b333d; text-decoration: underline; font-size: 12px; padding-left: 10px; background: url('../images/design/bg_link.gif') 0% 55% no-repeat;}
#menu a:hover  {color: #ba0909; text-decoration: none; font-weight: bold;}
#menu #active a  {color: #ba0909; text-decoration: none; font-weight: bold;}

/*informace*/
#informace h3 {width: 238px; height: 82px; background: url('../images/design/head_box.jpg') 0% 0% no-repeat; margin: 10px 0px 0px;}
#informace h3 span  {display: block; padding-top: 50px; margin-left: 70px; color: #2b333d; text-transform: uppercase; font-size: 12px;}
#informace ul {margin: 0px; padding: 10px 30px;}
#informace ul li {list-style: none;}
#informace a  {color: #2b333d; text-decoration: underline; font-size: 12px; padding-left: 10px; background: url('../images/design/bg_link.gif') 0% 55% no-repeat;}
#informace a:hover  {color: #ba0909; text-decoration: none; font-weight: bold;}

/*provozovatel*/
#provozovatel h3 {width: 238px; height: 82px; background: url('../images/design/head_box.jpg') 0% 0% no-repeat; margin: 10px 0px 0px;}
#provozovatel h3 span  {display: block; padding-top: 50px; margin-left: 70px; color: #2b333d; text-transform: uppercase; font-size: 12px;}
#provozovatel p  {margin: 5px 30px; font-size: 11px;}
#na_stred  {margin: 0px 30px; text-align: center;}
#na_stred img {border: none;}

/*nakupni kosik*/
#kosik {width: 200px; background: url('../images/design/line_kos.jpg') 0% 0% repeat-y; padding-bottom: 10px;}
#kosik h3 {width: 200px; height: 65px; background: url('../images/design/bg_kos.jpg') 0% 0% no-repeat; margin: 0px;}
#kosik h3 span  {display: block; padding-top: 28px; margin-left: 15px; color: #2b333d; text-transform: uppercase; font-size: 12px;}
#kosik p  {margin: 5px 15px 5px 10px; font-size: 12px;}

/*zakaznik*/
#zakaznik {width: 200px; background: url('../images/design/line_kos.jpg') 0% 0% repeat-y; padding-bottom: 10px; position: relative;}
#zakaznik h3 {width: 200px; height: 65px; background: url('../images/design/right_head_box.jpg') 0% 0% no-repeat; margin: 0px;}
#zakaznik h3 span  {display: block; padding-top: 28px; margin-left: 15px; color: #fff; text-transform: uppercase; font-size: 12px;}
#zakaznik p  {margin: 5px 15px 5px 10px; font-size: 12px;}
#zakaznik form  {margin: 0px; padding: 0px;}
#zakaznik .log  {background: url('../images/design/bg_log.jpg') 0% 0% no-repeat; width: 169px; height: 43px; position: absolute; top: 67px; left: 10px;}
#zakaznik .log input  {width: 140px; margin: 14px; border: 0px;}
#zakaznik .pass  {background: url('../images/design/bg_pass.jpg') 0% 0% no-repeat; width: 120px; height: 43px; position: absolute; top: 110px; left: 10px;}
#zakaznik .pass input  {width: 95px; margin: 13px; border: 0px;}
#zakaznik .sub  {background: url('../images/design/bg_sub.jpg') 0% 0% no-repeat; width: 49px; height: 43px; position: absolute; top: 110px; left: 130px;}
#zakaznik .sub input  {border: 0px; margin: 10px 8px; color: #fff;}
#zakaznik .reg  {margin-top: 100px;} 

/*cenova bomba*/
#cen_bomba {width: 200px; background: url('../images/design/line_kos.jpg') 0% 0% repeat-y; padding-bottom: 10px;}
#cen_bomba h3 {width: 200px; height: 65px; background: url('../images/design/right_head_box.jpg') 0% 0% no-repeat; margin: 0px;}
#cen_bomba h3 span  {display: block; padding-top: 28px; margin-left: 15px; color: #fff; text-transform: uppercase; font-size: 12px;}
#cen_bomba ul  {margin: 5px 15px 5px 5px; font-size: 11px;padding: 0px; width: 178px;}
#cen_bomba ul li  {list-style: none; text-align: center; margin-bottom: 20px;}
#cen_bomba ul li a  {color: #f3ae2c; font-weight: bold; text-decoration: underline; font-size: 13px;}
#cen_bomba ul li a:hover  {color: #000; text-decoration: none;}
#cen_bomba .submit_kosik  {font-size: 13px;  width: 120px;}

/*aktuality*/
#aktuality {width: 200px; background: url('../images/design/line_kos.jpg') 0% 0% repeat-y; padding-bottom: 10px;}
#aktuality h3 {width: 200px; height: 65px; background: url('../images/design/right_head_box.jpg') 0% 0% no-repeat; margin: 0px;}
#aktuality h3 span  {display: block; padding-top: 28px; margin-left: 15px; color: #fff; text-transform: uppercase; font-size: 12px;}
#aktuality p  {margin: 5px 15px 15px 10px; font-size: 11px;}
#aktuality .datum  {font-size: 10px; color: #666;}
#aktuality a  {color: #2b333d; text-decoration: none; }
#aktuality a:hover  {color: #f3ae2c; font-weight: normal; text-decoration: underline;}

/*top_x*/
#top_x {width: 200px; background: url('../images/design/line_kos.jpg') 0% 0% repeat-y; padding-bottom: 10px;}
#top_x h3 {width: 200px; height: 65px; background: url('../images/design/right_head_box.jpg') 0% 0% no-repeat; margin: 0px;}
#top_x h3 span  {display: block; padding-top: 28px; margin-left: 15px; color: #fff; text-transform: uppercase; font-size: 12px;}
#top_x ul  {margin: 5px 15px 5px 10px; font-size: 11px; padding: 0px;}
#top_x ul li  {list-style-type: decimal; margin: 0px 0px 10px 20px; font-size: 12px;}

/*top_hodnocene*/
#top_hodnocene {width: 200px; background: url('../images/design/line_kos.jpg') 0% 0% repeat-y; padding-bottom: 10px;}
#top_hodnocene h3 {width: 200px; height: 65px; background: url('../images/design/right_head_box.jpg') 0% 0% no-repeat; margin: 0px;}
#top_hodnocene h3 span  {display: block; padding-top: 28px; margin-left: 15px; color: #fff; text-transform: uppercase; font-size: 12px;}
#top_hodnocene ul  {margin: 5px 15px 5px 10px; font-size: 11px; padding: 0px;}
#top_hodnocene ul li  {list-style-type: decimal; margin: 0px 0px 10px 20px; font-size: 12px;}

/*novinky*/
#novinky {width: 200px; background: url('../images/design/bottom.jpg') 0% 100% repeat-y; padding-bottom: 10px;}
#novinky h3 {width: 200px; height: 65px; background: url('../images/design/right_head_box.jpg') 0% 0% no-repeat; margin: 0px;}
#novinky h3 span  {display: block; padding-top: 28px; margin-left: 15px; color: #fff; text-transform: uppercase; font-size: 12px;}
#novinky .emailnovinky  {width: 125px; margin: 0px 10px;}
#novinky .submit  {width: 29px; height: 24px; margin: 5px 0px; color: #fff; background: url('../images/design/tl_ok.jpg') 0% 0% no-repeat; border: none; font-weight: bold; cursor: pointer;}

/*doporučte nas*/
#doporuceni h3 {width: 238px; height: 82px; background: url('../images/design/head_box.jpg') 0% 0% no-repeat; margin: 10px 0px 0px;}
#doporuceni h3 span  {display: block; padding-top: 50px; margin-left: 70px; color: #2b333d; text-transform: uppercase; font-size: 12px;}
#doporuceni p  {margin: 5px 30px; font-size: 11px;}

/*sysbar*/
#sysbar  {position: absolute; top: 109px; left: 247px; padding: 0px; margin: 0px;}
#sysbar li  {float:left; list-style: none; margin-left: 1px;}
#sysbar li a {color: #fff; text-align:center; font-weight: bold; text-transform: uppercase;}
#sysbar li a span  {padding-top: 20px; display: block; }
#sysbar li a:hover  {color: #ba0909;}
#sysbar #o1 a {width: 149px; height: 52px; display:block;}
#sysbar #o1_active a {width: 149px; height: 52px; display:block; background: url('../images/design/m1.jpg') 0% 0% no-repeat; color: #ba0909;}
#sysbar #o1 a:hover {background: url('../images/design/m1.jpg') 0% 0% no-repeat;}
#sysbar #o2 a {width: 149px; height: 52px; display:block;}
#sysbar #o2_active a {width: 149px; height: 52px; display:block; background: url('../images/design/m2.jpg') 0% 0% no-repeat; color: #ba0909;}
#sysbar #o2 a:hover {background: url('../images/design/m2.jpg') 0% 0% no-repeat;}
#sysbar #o3 a {width: 149px; height: 52px; display:block;}
#sysbar #o3_active a {width: 149px; height: 52px; display:block; background: url('../images/design/m3.jpg') 0% 0% no-repeat; color: #ba0909;}
#sysbar #o3 a:hover {background: url('../images/design/m3.jpg') 0% 0% no-repeat;}
#sysbar #o4 a {width: 149px; height: 52px; display:block;}
#sysbar #o4_active a {width: 149px; height: 52px; display:block; background: url('../images/design/m4.jpg') 0% 0% no-repeat; color: #ba0909;}
#sysbar #o4 a:hover {background: url('../images/design/m4.jpg') 0% 0% no-repeat;}
#sysbar #o5 a {width: 150px; height: 52px; display:block;}
#sysbar #o5_active a {width: 150px; height: 52px; display:block; background: url('../images/design/m5.jpg') 0% 0% no-repeat; color: #ba0909;}
#sysbar #o5 a:hover {background: url('../images/design/m5.jpg') 0% 0% no-repeat;}

/*vyhledavani*/
#vyhledavani  {position: absolute; top: 65px; left: 470px;}
#vyhledavani p  {margin: 0px;}
#vyhledavani .hledej_pole  {width: 250px; border: 0px; color: #e60d0d;}
#vyhledavani .submit  {width: 80px; margin-left: 25px; color: #fff; font-weight: bold; background: none; border: none; padding-top: 2px; cursor: pointer; text-transform: uppercase;}
#vyhledavani .rozsirene  {font-size: 12px; color: #fff; margin-left: 30px; text-decoration: underline;}
#vyhledavani .rozsirene:hover  {font-weight: normal; color: #000; text-decoration: none;}

/*clanek*/
#clanek  {margin: 20px 5px 5px 12px;  font-size: 12px; width: 540px !important;}
#clanek h1 {color: #e60d0d; margin: 5px 0px; font-size: 15px;}
#clanek .pocet  {margin: 0px; font-size: 10px; color: #666;}

/*třizeni*/
.vzestupne  {width: 17px; height: 18px; background: url('../images/design/vzestupne.jpg') 0% 0% no-repeat; float:left; margin: 0px 1px;}
.sestupne  {width: 17px; height: 18px; background: url('../images/design/sestupne.jpg') 0% 0% no-repeat; float:left; margin: 0px 1px;}
.vzestupne:hover  {width: 17px; height: 18px; background: url('../images/design/vzestupne_active.jpg') 0% 0% no-repeat; float:left; margin: 0px 1px;}
.sestupne:hover  {width: 17px; height: 18px; background: url('../images/design/sestupne_active.jpg') 0% 0% no-repeat; float:left; margin: 0px 1px;}
.sestupne span, .vzestupne span  {display: none;}
.trizeni span  {float:left; margin: 0px 3px 0px 6px; }
.trizeni  {height: 15px; margin: 5px 0px; padding: 0px;}

/*zobrazeni*/
#zobrazeni  {position: absolute; top: 165px; right: 205px;}
#zobrazeni a  {font-size: 11px; color: #ba0909; text-decoration: underline; } 
#zobrazeni a:hover  {color: #000; font-weight: normal; text-decoration: none;} 
#zobrazeni span  { font-size: 11px; color: #000;}
#zobrazeni  img {border: none;  }


/*zbozi (zobr_skaldy)*/
.obal_zbozi  {margin: 10px 0px; border-collapse:collapse;}
.rada_pln_naz td {width: 170px; background: url('../images/design/bgtopzbozi.jpg') 0% 0% no-repeat; text-align:center;}
.rada_pln_naz td a  {margin: 5px; display: block; font-size: 13px; width: 160px;  text-align:center; text-decoration: underline; color: #ba0909; overflow: hidden;}
.rada_pln_naz td a:hover  {text-decoration: none; color: #000;}
.rada_pln_pop td  {font-size: 11px; color: #666; padding: 0px 5px; background: url('../images/design/bgmiddlezbozi.jpg') 0% 0% repeat-y; vertical-align: top; text-align:center;}
.rada_pln_pop td.kratky_popis  {width: 160px;}
.rada_pln_pop td.kratky_popis p {font-size: 100%;}
.rada_pln_obr td  {text-align:center; padding: 5px; background: url('../images/design/bgmiddlezbozi.jpg') 0% 0% repeat-y;}
.rada_pln_cen td  {text-align:center; padding: 2px; background: url('../images/design/bgmiddlezbozi.jpg') 0% 0% repeat-y; text-align:center;  color: #BA0909;}
.rada_pln_cen td table  {margin-left: 3px; width: 155px;}
.rada_pln_cen .small  {font-size: 10px; color: #666;}
.rada_pln_cen td table td  {background: none; padding: 0px;}
.rada_pln_ico td  {text-align:center; padding: 5px; background: url('../images/design/bgmiddlezbozi.jpg') 0% 0% repeat-y; text-align:center;}
.rada_pln_kos td {padding-bottom: 8px; background: url('../images/design/bgbottomzbozi.jpg') 0% 100% no-repeat;}
.rada_pln_kos td .mnozstvi  {width: 20px; margin-left: 9px; float:left;}
.rada_pln_kos td .jednotka  {width: 20px; margin-left: 5px; margin-top: 4px; float:left;}
.rada_pln_kos td .submit_kosik  {border: none; color: #ba0909; background: none; font-size: 11px; font-weight: bold; text-decoration: underline; cursor: pointer; float:left; padding: 0px; width: 100px;margin-top: 4px;}
.rada_pln_kos td .poloha_kosiku table td  {background: none; padding: 1px !important; }
.rada_pln_kos td .poloha_kosiku  {width: 160px !important;}
.vert_oddel  {width: 3px !important; background: none !important;}
td.kratky_popis p {width: 160px; overflow: hidden;}
td.kratky_popis table td {background: none !important;}

.rada_tit_naz td {width: 170px; background: url('../images/design/bgtopzbozi.jpg') 0% 0% no-repeat; text-align: center;}
.rada_tit_naz td a  {margin: 5px; display: block; font-size: 12px; width: 160px;  text-align:center; text-decoration: underline; color: #ba0909; overflow: hidden;}
.rada_tit_naz td a:hover  {text-decoration: none; color: #000;}
.rada_tit_pop td  {font-size: 11px; color: #666; background: url('../images/design/bgmiddlezbozi.jpg') 0% 0% repeat-y; vertical-align: top; text-align:center;}
.rada_tit_pop td.kratky_popis  {width: 160px !important; padding: 5px;}
.rada_tit_pop td.kratky_popis p {font-size: 100%;}
.rada_tit_obr td  {text-align:center;  background: url('../images/design/bgmiddlezbozi.jpg') 0% 0% repeat-y;}
.rada_tit_ico td  {text-align:center; padding: 5px; background: url('../images/design/bgmiddlezbozi.jpg') 0% 0% repeat-y; text-align:center;}
.rada_tit_cen td  {text-align:center;  background: url('../images/design/bgmiddlezbozi.jpg') 0% 0% repeat-y; text-align:center; color: #BA0909;}
.rada_tit_cen .small  {font-size: 10px; color: #666;}
.rada_tit_cen td table  {margin-left: 3px; width: 155px;}
.rada_tit_cen td table td  {background: none; padding: 0px;}
.rada_tit_kos td {padding-bottom: 8px; background: url('../images/design/bgbottomzbozi.jpg') 0% 100% no-repeat;}
.rada_tit_kos td .mnozstvi  {width: 20px; margin-left: 9px; float:left;}
.rada_tit_kos td .jednotka  {width: 20px; margin-left: 5px; margin-top: 4px; float:left;}
.rada_tit_kos td .submit_kosik  {border: none; color: #ba0909; background: none; font-size: 11px; font-weight: bold; text-decoration: underline; cursor: pointer;  padding: 0px; width: 100px;margin-top: 4px;}
.rada_tit_kos td .poloha_kosiku table td  {background: none; padding: 1px !important; }
.rada_tit_kos td .poloha_kosiku  {width: 170px !important;}

.odsaz img  {border: none;}
.rada_str_kos .submit_kosik  {border: none; color: #ba0909; background: none; font-size: 11px; font-weight: bold; text-decoration: underline; cursor: pointer; float:left; padding: 0px; width: 100px;margin-top: 4px;}
.rada_str_liche td {background: #e6cbcb;}
 
.cena  {padding-left: 5px;}
/*košik*/
.kosikinfo  {width: 100%;}
.kosikinfo td {font-size: 11px; border: solid 1px #740505;}
.kosikinfo td a  {font-weight: bold;}
.kosikinfo th  {background: #ba0909; border: solid 1px #740505; color: #fff; font-size: 12px !important;}
 table th  {background: #ba0909; border: solid 1px #740505; color: #fff; font-size: 12px !important;}

.carka hr  {visibility: hidden;}

/*detail*/
#podrobnosti td  {font-size: 12px;}
.mnozstvi  {width: 30px;}
.submit_kosik {border: none; color: #ba0909; background: none; font-size: 11px; font-weight: bold; text-decoration: underline; cursor: pointer; padding: 0px; width: 100px;margin-top: 4px;}
#hodnoceni  {font-size: 12px;}
legend  {color: #000;}
.dalsiakce  {margin-right: 30px;}
.do_kosiku  {border: solid 1px #ddd; padding: 3px; }
.do_kosiku:hover  {font-weight: normal; background: #eee;}
.sestava  {width: 180px;}
.tabsestava a img  {border: none; margin-top: 6px;}

fieldset  {margin: 10px 0px; border: solid 1px #dadada;}
legend  {background: #f3ae2c; color: #000; padding: 4px; border: solid 1px #aaa;}

/*priznaky*/
.novinka			{background: #3991e3; display: block; padding: 3px; width: 154px; color: #fff;}
.akce				{background: #dd0404; display: block; padding: 3px; width: 154px; color: #fff;}
.pripravujeme			{background: #56c2c1; display: block; padding: 3px; width: 154px; color: #fff;}
.vyprodej			{background: #ff8400; display: block; padding: 3px; width: 154px; color: #fff;}
.nas_tip			{background: #4fa042; display: block; padding: 3px; width: 154px; color: #fff;}
.no24				{background: #e33975; display: block; padding: 3px; width: 154px; color: #fff;}

#paticka  {background: url('../images/design/paticka.jpg') 0% 100% no-repeat; text-align:center; height: 45px;}
#paticka p  {margin: 5px; text-align:right;  font-size: 11px; float:right; padding-top: 5px;}

/* Fotogalerie */
#fotogalerie .fotografie				{text-align:center;}
#fotogalerie .fotografie img				{margin: 10px 10px 10px 10px; cursor:pointer; border: solid 1px #ddd;}
#fotogalerie #nahled					{text-align:center; margin:0 5px 15px 5px;}

/* souvisejici polozky */
#souvisejici_nahled  {padding: 0px; margin: 0px;}
#souvisejici_nahled li  {list-style: none; float: left; width: 202px; padding: 10px; border: solid 1px #eee; margin: 5px 20px; text-align: center;}

/* Zbozi v akci */
.akcezbozi .odsaz		{width: 128px; text-align: center;}
.akcezbozi .kos			{height: 22px; text-align: right;}