/**************************************/
   /*  elmaterial.cz by CreativeAgency.cz  */
  /**************************************/

BODY {background: url(_lista.jpg) no-repeat top center #FFF; font: 1em "Trebuchet MS", Arial, sans-serif; color: #F00; margin: 0px;}
.content    { margin: 0px auto;	width: 984px;}

.thead_text, .thead_text a { padding: 3px 0 5px 0 ; font-size: 0.9em; margin: 0px auto; font-weight: bold; color: #404a4d; }
.lhead_text, .lhead_text a { padding: 3px 0 5px 0 ; font-size: 0.9em; margin: 0px auto; font-weight: bold; color: #404a4d; }
.thead_mini { font-size: 0.75em; color: #CCC; }
.tmenu_text a { font-size: 0.9em; font-weight: bold; color: #FFF; text-align: left; text-decoration: none; }
.tmenu_text a:hover {text-decoration: underline;}
.tmenu_textsr { font-size: 0.8em; font-weight: bold; color: #fff; }
.tmenu_bg { background: url(tmenubg.gif) no-repeat top left; text-align: left;}
.tmenu_bge { background: url(tmenubg.gif) no-repeat top right; }

.strankovani, .strankovani a { font-size: 0.9em; font-weight: bold; color: #F00; text-decoration: none; }
.strankovani a:hover { text-decoration: underline; }
p { padding: 0px; margin: 0px;}
img { border: 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: 0.9em; letter-spacing: -1px; color: #FFF; margin: 0; }
.nadp1 { font-size: 1.05em; letter-spacing: -1px; color: #FFF; padding: 5px 0 0 10px; }
.nadp2 { font-size: 1.05em; letter-spacing: -1px; color: #FFF; padding: 5px 0 0 10px; }
.nadp2 a { color: #FFF; }
.nadp3 { height: 30px; font-size: 1.05em; letter-spacing: -1px; color: #FFF; padding: 5px 0 0 10px; }

input.pocet { width: 20px; border: 1px dotted #CCC; background: #EEE; color: #A00; }
input.login { width: 100px; height: 17px ;border: 1px dotted #999; background: #FFF; color: #A00; }
input.heslo { width: 100px; height: 17px ;border: 1px dotted #999; background: #F5F5F5; color: #A00; }
input.hledat { width: 130px; height: 17px ;border: 1px dotted #999; background: #F5F5F5; color: #A00; }
input.reg_input { width: 147px; height: 17px ;border: 1px dotted #999; background: #F5F5F5; color: #A00; }
input.cerveny { height: 26px; font-size: 0.9em; font-weight: bolder; width: 150px; border: none; background: url(but150x26r.gif); cursor: hand; padding: 3px; 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.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; }
.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; color: #444; font-size: 0.9em; margin: 5px 15px 5px 15px;}

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

/* VYPIS KATEGORII */
.kat_dot { width: 18px; height: 1em; float: left; background: url(dotr.gif) no-repeat left;}
.kat_level1 { margin: 0 0 0 3px; padding: 3px 0 2px 10px; width: 174px; float: left; background: url(dotr.gif) #dce1e4 no-repeat center left; border-bottom: 1px dotted #780000;}
.kat_level1 a  { text-decoration: none; color: #262c2f; font-size: 1.2em; text-transform: uppercase; font-weight: bolder; }
.kat_level1 a:hover  { text-decoration: underline; }
.kat_level2 { margin: 0 0 0 0px; padding: 1px 0 1px 10px; width: 170px; float: left; border-bottom: 1px dotted #780000;}
.kat_level2 a  { text-decoration: none; color: #262c2f; font-size: 0.8em; font-weight: bolder;}
.kat_level2 a:hover  { text-decoration: underline; }
.kat_level3 { margin: 0 0 0 3px; padding: 1px 0 1px 10px; width: 170px; float: left; border-bottom: 1px dotted #780000;}
.kat_level3 a  { text-decoration: none; color: #262c2f; font-size: 0.75em; /*font-weight: bolder;*/}
.kat_level3 a:hover  { text-decoration: underline; }
.kat_level4 { margin: 0 0 0 8px; padding: 1px 0 1px 10px; width: 170px; float: left; border-bottom: 1px dotted #780000;}
.kat_level4 a  { text-decoration: none; color: #262c2f; font-size: 0.75em; /*font-weight: bolder;*/}
.kat_level4 a:hover  { text-decoration: underline; }

/* PARAMETRICKEJ SEARCH */
.parasearch { width: 600px; height: 102px; background: url(parasearch.gif) no-repeat; font-size: 1em; letter-spacing: -1px; color: #FFF;}

/* PROSTREDNI BLOK */
.e_obsah_top  { width: 600px; height: 32px; float: left; background: url(nadpis600-red.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: 10px;*/ background: url(smallboxtop.gif) no-repeat; /*font-size: 0px*/;padding: 5px 0 0 0; margin: 0px auto; }
.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: #FFF; margin: 5px 0px 0 3px; color: #5d5d5d; }
.velkyboxtop { height: 14px; font-size: 0px; }
.velkybox    { 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; height: 35px;}
.pr_nazev a   { text-decoration: none; color: #222; }
.pr_nazev a:hover   { text-decoration: underline; color: #F00; }
.pr_foto      { text-align: center; border-top: 1px dotted #CCC; padding: 2px 0 0 0; height: 155px; width: 175px; border-collapse: collapse;}
.pr_popis     { font-size: 0.9em; letter-spacing: -1px; color: #444; height: 60px; border-top: 1px dotted #CCC; padding: 0 0 0px 0; }
.pr_cena     { font-size: 0.9em; letter-spacing: -1px; color: #444; border-top: 1px dotted #CCC; padding: 0 0 5px 0; }
.pr_ad        { text-align: center; font-size: 0.8em; font-weight: bold; color: #FFF; border-top: 1px dotted #CCC; }
.pr_ad a      { text-decoration: none; color: #FFF; }
.pr_ad a:hover  { text-decoration: underline; color: #000; }

/* DETAIL PRODUKTU - POLOZKA */
.det_nazev    { font-size: 1em; font-weight: bold; color: #444; }
.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; color: #444; padding: 0 0 10px 0; }
.det_dalsi  { font-size: 0.7em; text-decoration: none; color: #444; }
.det_down     { font-size: 0.9em; 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; }
.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 15px; width: 140px; height: 30px; }
.reg_td_roh { font-size: 0.9em; padding: 0 0 0 40px; width: 200px; height: 60px;background: url(_regroh.gif) no-repeat; }
.reg_td_pod { padding: 0 0 0 40px; width: 200px; height: 30px;}

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

/* INFO BUNKA */
.e_info_top   { width: 190px; height: 32px; float: left; background: url(nadpis190-gray.gif) no-repeat;}
.e_info_topg  { width: 190px; height: 32px; float: left; background: url(nadpis190-green.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.95em; color: #444; background: url(infobg.gif) no-repeat bottom left; padding: 5px 0 0 10px; margin: 0 1px 0 1px; }
.einfo_nadpis a { font-size: 0.8em; font-weight: bold; color: #444; text-decoration: none;}
.einfo_nadpis a:hover { color: #444; text-decoration: underline;}
.einfo_text   { font-size: 0.8em; color: #444; padding: 1px 10px 1px 10px; }
.einfo_dva1    { float: left; width: 180px; margin: 0 0 0 4px;}
.einfo_dva2   { float: left; width: 180px; margin: 0 0 0 4px; background: url(def3f8.gif) #def3f8;}
.einfo_img    { float: left; font-size: 0.8em; color: #444; padding: 3px 0 3px 3px;}
.einfo_img a  { text-decoration: none; color: #444;}
.einfo_img img { float: left; padding-right: 4px}
.einfo_konec  { border-bottom: 1px dotted #CCC; margin: 0 5px 10px 5px; }

/* OBJEDNAVKY */
.o_info       { width: 190px; float: left; background: url(obsah190.gif) repeat-y; word-wrap: break-word; }
.objfo_nadpis { font-size: 0.8em; color: #444; background: url(infobg.gif) no-repeat bottom left; padding: 5px 0 0 10px; margin: 0 1px 0 1px; }
.objfo_nadpis a { font-size: 0.8em; font-weight: bold; color: #444; text-decoration: none;}
.objfo_nadpis a:hover { color: #A00; text-decoration: underline;}
.objfo_text 	{ font-size: 0.9em; color: #444; padding: 1px 0 0 5px; }
.objfo_text2 	{ font-size: 1.2em; color: #444; padding: 1px 0 0 5px; }
.objfo_text3	{ font-size: 0.8em; color: #444; padding: 1px 0 0 5px; }
.objfo_text a { font-size: 0.9em; color: #444; padding: 1px 0 0 5px; }
.objfo_text a:hover { color: #A00; text-decoration: underline;}
.objfo_tab      { border-bottom: 1px dotted #CCC; }

.footer   { font-size: 0.7em; color: #262c2f; width: 984px; height: 118px; float: left; background: url(footer.gif) no-repeat; }
.footext  { padding: 10px 10px 10px 10px; }
.footext a{ color: #262c2f; }
.footext a:hover{ color: #F00; 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: 99%; 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; }
.divmezera10    { margin: 10px 0 10px 0px; float: left; width: 95%; font-size: 0px; }