    /**************************************/
   /* DetskyEshop.cz by CreativeAgency.cz*/
  /**************************************/
BODY {background: url(bg.gif) repeat-x top center #0499D0; font: 1em "Trebuchet MS", Arial, sans-serif; color: #555555; margin: 0px;}
.content    { margin: 0px auto;	width: 984px;}
.header_top { margin: 0px auto; padding: 5px 0px 0px 0px;	font-size: 1em; letter-spacing: -1px; text-align: center; width: 984px; height: 30px; background: #d5e8f6 url(head_top.gif) repeat-x; color: #FFF; }
.header_top a { text-decoration: none; color: #FFF;  }
.header_top a:hover { text-decoration: underline; color: #FFF;  }
.header     { padding: 0px 0px 0px 0px; margin: 0px 0px 2px 0px;	width: 984px; height: 206px; background: url(head_big.jpg) no-repeat;} 
.head_1     { float: left; padding: 10px; font-size: 1.8em; letter-spacing: -1px; color: #444; width: 610px; height: 145px; }
.head_2     { float: left; padding: 8px 0 0 20px; font-size: 0.9em; width: 300px; height: 100px; }
.head_2 p   { padding: 3px 0 5px 0 ; margin: 0px auto; color: #00639c;}
.head_2 a   { color: #00639c; }
.head_3     { float: left; padding: 0 0 0 0px; font-size: 0.9em; width: 984px; height: 40px; }

.big_banner { margin: 0px 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: 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; }

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: 130px; 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; /**/ }
.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;}

/* Vrchní horizontální menu*/ 
.horizomenu   { position: relative; padding: 0 auto; margin: 0 auto 0 auto; height: 40px; width: 984px; border-collapse: collapse;}
.hspc   { width: 0px;}
.hfirst  { background: url(hmenu1.gif) no-repeat left top; width: 4px;}
.hlink  { background: url(hmenu2.gif) no-repeat right top; text-align: center; cursor: pointer; padding-right: 5px; }
.hlinkb  { background: url(hmenu2b.gif) no-repeat right top; text-align: center; cursor: pointer; padding-right: 5px; }
.hlink a { font-size: 1em; color: #FFF; text-decoration: none;}
.hlinkb a { font-size: 1em; color: #FF8; text-decoration: none;}
.hlink a:hover { color: #FFF; text-decoration: underline;}

/* LEVY "MENU" BLOK */
.e_menu_top { width: 190px; height: 32px; float: left; background: url(nadpis190-grr.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(obsah190r.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_level1  { margin: 0 0 0 3px; padding: 3px 0 2px 10px; width: 170px; float: left; background: url(dot.gif) no-repeat left; border-bottom: 1px dotted #CCC;}
.kat_level1r { margin: 0 0 0 3px; padding: 3px 0 2px 10px; width: 170px; float: left; background: #de1a1a url(dotr.gif) no-repeat left; border-bottom: 1px dotted #CCC;}
.kat_level1 a  { text-decoration: none; color: #111; text-transform: uppercase; }
.kat_level1r a  { text-decoration: none; color: #FFF; text-transform: uppercase; }
.kat_level1 a:hover  { text-decoration: underline; }
.kat_levelx  { margin: 0 0 0 3px; padding: 3px 0 2px 10px; width: 170px; float: left; border-bottom: 1px dotted #CCC;}
.kat_levelx a  { text-decoration: none; font-size: 0.8em; color: #444; }
.kat_levelx a:hover  { text-decoration: underline; }

/* PROSTREDNI BLOK */
.e_obsah_top  { width: 600px; height: 32px; float: left; background: url(nadpis600-orange.gif) no-repeat;}
.e_obsah      { width: 600px; float: left; background: url(obsah600.gif) repeat-y; }
.e_obsah a { color: #555555; }
.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; height: 35px;}
.pr_nazev a   { text-decoration: none; color: #444; }
.pr_nazev a:hover   { text-decoration: underline; color: #0499D0; }
.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; border-top: 1px dotted #CCC; padding: 0 0 10px 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: #004870; }

/* 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; 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 30px; width: 220px; }
.reg_td_roh { font-size: 0.9em; padding: 0 0 0 30px; width: 220px; background: url(regroh.gif) no-repeat; }

/* 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-blue.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: #444; background: #def3f8; padding: 5px 0 0 10px; margin: 0 1px 0 1px; }
.einfo_nadpis a { color: #444; }
.einfo_text   { font-size: 0.8em; letter-spacing: -1px; color: #444; padding: 1px 0 0 5px; }
.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; }

.footer   { text-align: center; font-size: 0.7em; color: #FFF; width: 984px; height: 184px; float: left; background: url(bot_big92.gif) no-repeat; }
.footext  { padding: 10px 10px 10px 10px; }
.footext a{ color: #FFF; }
.footext a:hover{ color: #004970; 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; }
