/**************************************/
   /* DetskyEshop.cz by CreativeAgency.cz*/
  /**************************************/

.clear { clear: both; }

.in_sub_tab_head { background:rgb(210,23,23);}
.in_sub_tab { border: 2px solid rgb(210,23,23);}
.in_sub_tab_head h2 { font-size:1.2em; margin:0px 0px 4px;}


BODY {background: url(bg.gif) repeat-x top center #c3e7f4; 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: 105px; }
.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: 0px; font-size: 0.9em; width: 984px; height: 40px; }
.head_4     { float: left; padding: 0px 0px 10px 0px; font-size: 0.9em; width: 984px; margin: 15px 0px 15px 0; background: url("hmenu3a.gif") no-repeat scroll 0 0 #FF6A00;}

.big_banner { margin: 0px 0px 3px 0px;	width: 984px; }

p { padding: 0px; margin: 5px 10px; }
  
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; }
.nadp1 h1, .nadp1 h2 { font-size: 1em; letter-spacing: -1px; color: #FFF; padding: 0px }
.nadp2 { 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 h1, .nadp2 h2 { font-size: 1em; letter-spacing: -1px; color: #FFF; padding: 0px }
.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: 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: 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; }

/* MENU */
#navs{width:1000px;height:43px;margin:0 auto;float:right; }
#topmenu,
#topmenu ul {padding:0; margin:0; list-style:none; position:relative; z-index:10;}
#topmenu {height:30px; float:left; padding-left:10px; position:relative; }
#topmenu ul {position:absolute; left:-9999px; top:-9999px;}
#topmenu table {border-collapse:collapse; margin:-1px; padding:0; width:0; height:0;}
#topmenu li {float:left;}
#topmenu li a {display:block; float:left; color: white; font-size:16px; padding:0 8px 0px 8px; line-height:25px;text-decoration:none; border-right:1px solid rgb(3,98,192);}
#topmenu li a.sub {background: url(tabB.gif) no-repeat right 0 ;}
#topmenu li a.sub-current {background: url(tabB.gif) no-repeat right -38px ;}
#topmenu li a.sub-current b {background: url(tabB.gif) no-repeat left -38px ; color: #FFF;}
#topmenu li a b {display:block; font-weight: normal ;float:left; height:38px; background:url(tabB.gif) no-repeat left 0; padding:0 0 0 15px; cursor:pointer;}
#topmenu li:hover {position:relative; z-index:100;}
#topmenu a:hover {background:url(tabB.gif) no-repeat right -38px; position:relative; z-index:100; color:#fff /* pro IE6 */; cursor:pointer;}
#topmenu a:hover b {background:url(tabB.gif) no-repeat left -38px; cursor:pointer;}
#topmenu a.sub:hover {background:url(tabB.gif) no-repeat right -38px;}
#topmenu li:hover > a {background:url(tabB.gif) no-repeat right -38px; color:black;}
#topmenu li:hover > a b {background:url(tabB.gif) no-repeat left -38px;}
#topmenu li:hover > a.sub {background:url(tabB.gif) no-repeat right -38px;}
#topmenu :hover ul {left:0; top:20px;/* snížení položek */ z-index:9999; width:130px; padding-top:4px; }

#topmenu :hover ul li {width:180px; margin:0 5px 0px 0; border:1px solid rgb(3,98,192); border-width:0 1px; background:rgb(0,127,186);}
#topmenu :hover ul.m_long li {width:300px; }
#topmenu :hover ul li a {width:160px; padding:5px 0 5px 5px; line-height:13px; color:white; font-size:13px;
                      margin-left:5px; display:block; cursor: pointer; border:none;}
#topmenu :hover ul.m_long li a { width:280px; }

#topmenu :hover ul li.subtop {margin:0; border:0; float:left;  height:5px; font-size:1px; background:transparent url(blank.gif) ;}
#topmenu :hover ul li.subtop b {margin:0; border:0; float:left;  height:5px; font-size:1px; background:transparent url(blank.gif) ;}
#topmenu :hover ul li.subbottom {margin:0; border:0; float:left; height:5px; font-size:1px; border-bottom:1px solid rgb(3,98,192);}
#topmenu :hover ul li HR {color: #666; height: 1px;}
#topmenu :hover ul li a:hover {color:#000; background-color:#f5a200; border-color:#ccc;}
#topmenu li:hover ul li:hover > a {color:#000; background-color:#f5a200; border-color:#ccc;}



/* ROZDELENI OBSAHU */
.obsah        { width: 984px; /**/ }
.obsah_left   { padding: 0px 0px 2px 0px;	width: 190px; float: left; }
.obsah_mid    { margin: 0px 0px 0px 2px;	width: 790px; 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: 45px; width: 984px; border-collapse: collapse;}
.hspc     { width: 0px;}
.hfirst   { background: url(hmenu1.gif) no-repeat left top; width: 4px;}
/* .hfirst.active { background: url(hmenu1a.gif) no-repeat left top; } */
.hlink   { background: url(hmenu2.gif) no-repeat right top; text-align: center; cursor: pointer; padding-right: 5px; }
/* .hlink.active  { background: url(hmenu2a.gif) no-repeat right top;} */
.hlinkb  { background: url(hmenu2b.gif) no-repeat right top; text-align: center; cursor: pointer; padding-right: 5px; }
/* .hlinkb.active  { background: url(hmenu2a.gif) no-repeat right top;} */
.hlink,
.hlinkb { padding:0px 0px 5px 0px; margin:0px;}
.hlink a{ color: #FFF;}
.hlinkb a{ color: #FF8;}
.hlink a, .hlinkb a{ font-size: 1em; text-decoration: none; letter-spacing: 0px;  line-height:14px; font-weight:bold; margin-left:-4px; }
.hlinkb a{ line-height:18px !important; }
.hlink a:hover { color: #FFF; text-decoration: underline;}


.submenu { margin:0px; padding:0px; }
.submenu li { list-style: none; float:left; width:100%; }
.submenu li.sub_cat { color: yellow; float: left; font-size: 16px; font-weight: bold; line-height: 15px; padding: 10px 10px 1px; }
.submenu li span { float: left; margin: 10px 12px 0; text-align: center; }
.submenu li a { border: 1px dotted; color: Bisque; display: block; padding: 5px; text-decoration: none; width: 290px; height: 20px; background: none repeat scroll 0 0 #CC0000; }
.submenu li a:hover { 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; }

.e_menu .kat_level11 { width: 170px;}

/* VYPIS KATEGORII */
.kat_level1  { margin: 0 0 0 3px; padding: 3px 0 2px 10px; 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; 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*/ #111; 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: 793px; height: 32px; float: left; background: url(nadpis793-orange.gif) no-repeat;}
.e_obsah, .pagination      { width: 793px; float: left; background: url(obsah793.gif) repeat-y; }
.e_obsah h1 { color:rgb(210,23,23);}
.e_obsah a { color: #555555; }
.e_obsah_bot  { width: 793px; height: 5px; float: left; font-size: 0px; background: url(konec793.gif) no-repeat; }

.pagination div { background: #efefef; padding:2px; }
.pagination div a { color:#333; text-decoration:none; letter-spacing:-2px; background:white; padding:0px 6px 0px 3px;}
.pagination div b a { color:white; background:gray; }
.pagination div a:hover { background:rgb(255,114,8); }

/* 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: 785px; background: #eee; margin: 5px 0px 0 3px; color: #5d5d5d; }
.velkyboxtop { height: 14px; background: url(bigboxtop785.gif) no-repeat; font-size: 0px; }
.velkybox    { background: url(bigbox785.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; padding-bottom: 15px;}

/* 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_text h1  { color:#3B5998; font-size:1.2em; font-weight:normal; letter-spacing:0; margin-right:15px;  }
.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; }