/*
**************   CSS Layout pro www.bohaty.eu, vyrobilo CreativeAgency.cz 2008  ***************
*/
BODY {background: url(bg.gif) repeat-y top center #fff; font: 1em "Trebuchet MS", Arial, sans-serif; color: #555555; padding: 0px; margin: 0px;}
.content    { margin: 0px auto;	width: 984px;}
.header_top { padding: 7px 0px 0px 0px;	font-size: 1em; letter-spacing: -1px; text-align: right; width: 984px; height: 30px; background: #1c89ee url(head_top.gif) repeat-x; color: #FFF; }
.header_top a { text-decoration: underline; color: #FFF;  }
.header_top a:hover { text-decoration: underline; color: #222;  }
.header     { padding: 0px 0px 0px 0px; margin: 0px 0px 3px 0px;	width: 984px; height: 76px; background: url(head_big76.gif) no-repeat;} 
.head_1     { float: left; padding: 10px; font-size: 1.8em; letter-spacing: -1px; color: #444; width: 387px; height: 50px; }
.head_2     { float: left; padding: 5px 0 0 20px; font-size: 0.9em; color: #666; width: 269px; height: 50px; }
.head_2 p   { padding: 3px 0 5px 0 ; margin: 0px auto; }
.head_3     { float: left; padding: 8px 0 0 20px; font-size: 0.9em; color: #666; width: 265px; height: 50px; }
.head_3 p   { padding: 3px 0 10px 0 ; margin: 0px auto; }
.head_3 a   { color: #666; }
.big_banner { margin: 2px 0px 3px 0px;	width: 984px; }

p { padding: 0px; margin: 0px;}
  
h1 { font-size: 1em; letter-spacing: -1px; color: #FFF; padding: 5px 0 0 10px; margin: 0; }
h2 { font-size: 1em; letter-spacing: -1px; color: #FFF; padding: 5px 0 0 10px; margin: 0; }
h3 { font-size: 1em; letter-spacing: -1px; color: #444; padding: 5px 0 0 10px; margin: 0; }
.nadp1 { height: 32px; font-size: 1.05em; letter-spacing: -1px; color: #FFF; padding: 5px 0px 0px 10px; }
.nadp2 { height: 32px; font-size: 1.05em; letter-spacing: -1px; color: #FFF; padding: 5px 0px 0px 10px; }
.nadp3 { height: 32px; font-size: 1.05em; letter-spacing: -1px; color: #444; padding: 5px 0px 0px 10px; }

img { border: 0px; }
input.pocet { width: 20px; border: 1px dotted #CCC; background: #EEE; color: #A00; }
input.login { width: 150px; height: 17px ;border: 1px dotted #999; background: #FFF; color: #A00; }
input.heslo { width: 150px; height: 17px ;border: 1px dotted #999; background: #F5F5F5; color: #A00; }
input.hledat { width: 150px; height: 17px ;border: 1px dotted #999; background: #F5F5F5; color: #A00; }
input.reg_input { width: 165px; height: 17px ;border: 1px dotted #999; background: #F5F5F5; color: #A00; }
input.cerveny { height: 26px; font-size: 1.1em; width: 150px; border: none; background: #F55 url(but150x26r.gif); cursor: hand; padding: 3px; color: #000; }
input.cerveny:hover{ color: #FFF; }
input.sedy { height: 26px; font-size: 1.1em; width: 150px; border: none; background: #F55 url(but150x26g.gif); cursor: hand; padding: 3px; color: #000; }
input.sedy:hover{ color: #ff7b28; }
input.koupit { width: 53px; height: 24px; font-weight: bold; border: none; background: url(button.gif); cursor: hand; padding: 3px; color: #FFF; }
input.logok { width: 48px; height: 23px; font-weight: bold; border: none; background: url(but48x23b.gif); cursor: hand; color: #FFF; }

/* ROZDELENI OBSAHU */
.obsah        { width: 984px; /*margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;*/ }
.obsah_left   { padding: 0px 0px 2px 0px;	width: 190px; float: left; }
.obsah_mid    { margin: 0px 2px 0px 2px;	width: 600px; float: left; }
.obsah_right  { width: 190px; float: right; }

/* Kontakt, o firmě atd.. */
.obsahinfo        { float: left; /*width: 99%px; margin: 3px 5px 0px 10px;*/ color: #5d5d5d; font-size: 0.9em;}
.obsahinfo p      { margin: 5px 5px 5px 10px;;}

/* LEVY "MENU" BLOK */
.e_menu_top { width: 190px; height: 32px; float: left; background: url(nadpis190-b.gif) no-repeat; /*margin: 0; padding: 0; */}
.e_menu     { width: 190px; font-size: 0.9em; float: left; background: url(obsah190.gif) repeat-y; }
.e_menu_bot { width: 190px; height: 5px; float: left; background: url(konec190.gif) no-repeat; }

/* VYPIS KATEGORII */
.kat_level1  { margin: 0 0 0 1px; padding: 3px 0 2px 15px; width: 173px; float: right; background: url(kat1.gif) repeat-y; border-bottom: 1px dotted #CCC; border-top: 1px dotted #CCC;}
.kat_level1 a  { text-decoration: none; font-weight:bold; color: #fff; text-transform: uppercase; }
.kat_level1 a:hover  { text-decoration: underline; }
.kat_level2  { margin: 0 0 0 2px;	padding: 3px 0 2px 22px; width: 165px; float: right; background: url(kat2.gif) repeat-y; border-bottom: 1px dotted #CCC;}
.kat_level2 a  { text-decoration: none; color: #fff; }
.kat_level2 a:hover  { text-decoration: underline; }
.kat_level2-h{ margin: 0 0 0 2px;	padding: 3px 0 2px 22px; width: 165px; float: right; background: url(kat2h.gif) repeat-y; border-bottom: 1px dotted #CCC;}
.kat_level2-h a  { text-decoration: none; color: #fff; }
.kat_level2-h a:hover  { text-decoration: underline; }
.kat_level3  { margin: 0 0 0 8px;	padding: 3px 0 2px 22px; width: 159px; float: right; background: url(kat3.gif) repeat-y; border-bottom: 1px dotted #CCC;}
.kat_level3 a  { text-decoration: none; color: #fff; }
.kat_level3 a:hover  { text-decoration: underline; }
.kat_level4  { margin: 0 0 0 16px;	padding: 3px 0 2px 22px; width: 151px; float: right; background: url(kat4.gif) repeat-y; border-bottom: 1px dotted #CCC;}
.kat_level4 a  { text-decoration: none; color: #fff; }
.kat_level4 a:hover  { text-decoration: underline; }


/* PROSTREDNI BLOK */
.e_obsah_top  { width: 600px; height: 32px; float: left; background: url(nadpis600-r.gif) no-repeat;}
.e_obsah      { width: 600px; float: left; background: url(obsah600.gif) repeat-y; }
.e_obsah_bot  { width: 600px; height: 5px; float: left; font-size: 0px; background: url(konec600.gif) no-repeat; }

/* VYPIS PRODUKTU 3 */
.tri        { float: left; width: 190px; margin: 5px 2px 0px 5px; color: #5d5d5d; }
.malyboxtop { height: 14px; background: url(smallboxtop.gif) no-repeat; font-size: 0px;padding: 0px; margin: 0px; }
.malybox    { background: url(smallbox.gif) no-repeat bottom left; color: #444; padding: 0px 5px 5px 8px; word-wrap: break-word; }
.malybox p  { padding: 0px auto; margin: 0px auto; }

/* DETAIL PRODUKTU 1 */
.jeden       { float: left; width: 590px; background: #eee; margin: 5px 0px 0 3px; color: #5d5d5d; }
.velkyboxtop { height: 14px; background: url(bigboxtop.gif) no-repeat; font-size: 0px; }
.velkybox    { background: url(bigbox.gif) no-repeat bottom left; color: #444; padding: 0px 5px 5px 8px;  }
.velkybox p  { padding: 0px auto; margin: 0px auto; }

/* VYPIS PRODUKTU - POLOZKA */
.pr_nazev     { font-size: 0.9em; font-weight: bold; color: #444; }
.pr_foto      { text-align: center; border-top: 1px dotted #CCC; padding: 5px 0 0 0; }
.pr_popis     { font-size: 0.9em; letter-spacing: -1px; color: #444; border-top: 1px dotted #CCC; padding: 0 0 10px 0; }
.pr_ad        { text-align: center; font-size: 0.8em; font-weight: bold; color: #FFF /*444*/; border-top: 1px dotted #CCC; }
.pr_ad a      { text-decoration: none; color: #FFF; }
.pr_ad a:hover  { text-decoration: underline; color: #222; }

/* DETAIL PRODUKTU - POLOZKA */
.det_nazev    { font-size: 0.9em; font-weight: bold; color: #d54200; }
.det_foto     { text-align: center; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC; padding: 5px 0 0 0; }
.det_popis    { font-size: 0.9em; /*letter-spacing: -1px;*/ color: #444; padding: 0 0 10px 0; }
.det_down     { font-size: 0.8em; font-weight: bold; color: #444; border-top: 1px dotted #CCC; }
.det_down a   { text-decoration: none; color: #d54200; }
.det_down a:hover { text-decoration: underline; color: #A00; }
.det_ad       { text-align: right; font-size: 0.8em; color: #000; border-top: 1px dotted #CCC; /}
.det_ad a     { text-decoration: none; color: #d54200; }
.det_ad a:hover  { text-decoration: underline; color: #A00; }

/* KOŠIK*/
.kosik        { float: left; width: 585px; margin: 3px 5px 0px 10px; color: #5d5d5d; }
.kos_polozka  { float: left; width: 225px; height: 20px; font-size: 0.9em; color: #444; border-bottom: 1px dotted #CCC; }
.kos_cena_pol { float: left; width: 130px; height: 20px; font-size: 0.8em; color: #444; border-bottom: 1px dotted #CCC; }
.kos_pocet    { float: left; width: 25px; height: 20px; font-size: 0.8em; color: #444; border-bottom: 1px dotted #CCC; }
.kos_kscelk   { float: left; width: 100px; height: 20px; font-size: 0.8em; color: #444; border-bottom: 1px dotted #CCC; }
.kos_cena_all { float: left; width: 70px; height: 20px; font-size: 0.8em; color: #444; border-bottom: 1px dotted #CCC; }
.kos_del      { float: left; width: 20px; height: 20px; background: url(del.gif) no-repeat; border-bottom: 1px dotted #CCC; }
.kos_ad       { text-align: right; font-size: 0.8em; color: #444; /*padding: 5px 0 5px 0; */}
.kos_text     { font-size: 0.9em; color: #444; padding: 0px 5px 0px 10px; }
.kos_text2    { font-size: 0.8em; color: #444; padding: 0px 5px 0px 10px; }

/* REGISTRACE */
.reg_div  { float: left; width: 575px; margin: 3px 0px 0px 10px; font-size: 0.9em; color: #5d5d5d; }
.reg_td   { font-size: 0.9em; padding: 0 0 0 30px; width: 220px; }

/* VÝPIS HLEDÁNÍ */
.vypis80    { float: left; font-size: 0.9em; color: #444; border-bottom: 1px dotted #CCC; }
.vypis80 a  { color: #444; }
.vypis20    { float: left; font-size: 0.8em; color: #666; border-bottom: 1px dotted #CCC; }
.vypis20 a  { color: #444; }

/* INFO BUNKA */
.e_info_top   { width: 190px; height: 32px; float: left; background: url(nadpis190-b.gif) no-repeat;}
.e_info_topg  { width: 190px; height: 32px; float: left; background: url(nadpis190-g.gif) no-repeat;}
.e_info       { width: 190px; float: left; background: url(obsah190.gif) repeat-y; word-wrap: break-word;}
.e_info_bot   { width: 190px; height: 5px; font-size: 0px; float: left; background: url(konec190.gif) no-repeat;}

/* INFO NOVINKA */
.einfo_nadpis { font-size: 0.9em; font-weight: bold; letter-spacing: -1px; color: #666; background: #DDD; padding: 5px 0 0 10px; margin: 0 1px 0 1px; }
.einfo_nadpis a { color: #b11d00; }
.einfo_text   { font-size: 0.8em; letter-spacing: -1px; color: #666; padding: 1px 0 0 5px; }
.einfo_konec  { border-bottom: 1px dotted #CCC; margin: 0 5px 10px 5px; }

.footer   { text-align: center; font-size: 0.7em; color: #fff; width: 984px; height: 92px; float: left; background: url(bot_big92.gif) no-repeat; }
.footext  { padding: 10px 10px 10px 10px; }
.footext a{ color: #fff; }
.footext a:hover{ color: #000; text-decoration: underline; }

.linka    {border-bottom: 1px dotted #CCC; width: 100%; height: 2px; font-size: 0px;}
.linka99    {border-bottom: 1px dotted #CCC; width: 99%; height: 2px; font-size: 0px;}
.divmezera    { float: left; height: 10px; width: 100%; font-size: 0px;}
.divmezera5    { margin: 5px 5px 5px 5px; float: left; width: 95%; font-size: 0px; }
.divmezera8    { margin: 8px 8px 8px 8px; float: left; width: 984px; font-size: 0px; }