/* HLAVNI MENU A SUBMENU */
#menu { padding: 10px 0 0 0; }

#menu ul.general { float: left; display: none; }
.mainmenu { height: 59px; background: url(../img/menu/menu-sprite2.gif?20101006) no-repeat; position: relative; left: -9px; }
.posunek { background: url(../img/menu/menu-sprite2.gif?20101006) no-repeat; background-position: 0 -60px }
.mainmenu .mainmenuline a { display: block; position: absolute; height: 29px; }
.mainmenu .mainmenuline a:hover { background: url(../img/menu/menu-sprite2.gif?20101006); }
.mainmenu .sublink a { display: block; position: absolute; height: 29px; }
.mainmenu .sublink a:hover { background: url(../img/menu/menu-sprite2.gif?20101006); }
.mainmenu .submenu a.sublink { display: block; position: absolute; height: 29px; background: url(../img/menu/menu-sprite2.gif?20101006); /*z-index: 300;*/ }
.mainmenu .sublink { display: block; position: absolute; height: 29px; background: url(../img/menu/menu-sprite2.gif?20101006); /*z-index: 300;*/  }
.mainmenu div.submenu { display:none; position: absolute; top: 59px; }
.mainmenu div.subpadd { padding: 14px 12px 14px 12px; -webkit-box-shadow: 4px 7px 8px rgba(50, 50, 50, 0.90); -moz-box-shadow: 4px 7px 8px rgba(50, 50, 50, 0.90); box-shadow: 4px 7px 8px rgba(50, 50, 50, 0.90); }
.mainmenu div.subpadd ul li { color: white; }
.mainmenu div.submenu a { color: #FFF; text-decoration: none; }
.mainmenu div.submenu ul li a { padding: 1px; line-height: 1.08em; }
.mainmenu div.submenu ul li a:hover { background: #FFF; }
.mainmenu div.submenu ul { width: 189px; float: left; }
.mainmenu div.submenu ul.subseparator { background: no-repeat 185px 0; } /*url(../img/menu/subseparator.gif)*/
.mainmenu div.submenu ul li { display: block; margin-bottom: 5px; padding-right: 8px; line-height: 15px; }
.mainmenu div.submenu h2 { margin-bottom: 15px; color: #FFF; font-weight: bold; }
.mainmenu div.submenu h2 a { font-weight: bold; }


/* Nastavení aktivního stavu pro dekoraci a témata */
.mainmenu a.m10act {background: url(../img/menu/menu-sprite2.gif?20101006); /*z-index: 300;*/ top: 31px; right: 0; width: 92px; background-position: -3px -600px; }
.mainmenu a.m11act {background: url(../img/menu/menu-sprite2.gif?20101006); /*z-index: 300;*/ top: 31px; left: 407px; width: 260px; background-position: -3px -510px; }

/*
Vysvětlivky:
1. řádek - Určuje pozici odkazu a jeho šířku (Klikatelná oblast)
2. řádek - Nastavit vždy stejně jako 1. řádek
3. řádek - Určuje pozici, šířku a výšku horního zobáčku v závislosti na pozici toho velkýho rozbalovacího layeru z obsahem (5. řádek)
4. řádek - Určuje pozici, šířku a posun pozadí u aktivní položky
5. řádek - Určuje pozici, šířku a barvu pozadí velkýho rozbalovacího layeru z obsahem 
6. řádek - Určuje posunutí pozadí při najetí na odkaz (nastavuje se tím aktivní button)
7. řádek - Určuje barvu overu při najíždění na text v tom velkém rozbalovacím layeru z obsahem  (5. řádek)
*/

/* Zimní výprodej */
.mainmenu a.m13 { top: 0; left: 0; width: 205px; }
.mainmenu .sublink a.m13 { top: 0; left: 0; width: 205px; }
.mainmenu .submenu a.sublink13 { top: -59px; left: 0; width: 205px;  background-position: 0 -120px; height: 59px; }
.mainmenu .sublink13 { top: 0; left: 0; width: 205px;  background-position: 0 -120px; }
.mainmenu div.s13  { background: #f84c00; width: 973px; left: 0; }
.mainmenu a.m13:hover  { background-position: 0 -120px; }
.mainmenu div.s13 a:hover  { color: #f84c00; }


/* Dámská móda */
.mainmenu a.m1  { top: 0; left: 195px;  width: 165px; }
.mainmenu .sublink a.m1  { top: 0; left: 195px;  width: 165px; }
.mainmenu .submenu a.sublink1  { top: -59px; left: 195px; width: 165px; background-position: -5px -180px; height: 59px; }
.mainmenu .sublink1  { top: 0; left: 195px; width: 165px; background-position: -5px -180px; }
.mainmenu div.s1  { background: #da2031; width: 973px; left: 0;   }
.mainmenu a.m1:hover  { background-position: -5px -180px; }
.mainmenu div.s1 a:hover  { color: #da2031; }


/* Pánská móda */
.mainmenu a.m4  { top: 0; left: 350px; width: 160px; }
.mainmenu .sublink a.m4  { top: 0; left: 350px; width: 160px; }
.mainmenu .submenu a.sublink4  { top: -59px; left: 350px; width: 160px;  background-position: 0 -240px; height: 59px; }
.mainmenu .sublink4  { top: 0; left: 350px; width: 160px;  background-position: 0 -240px; }
.mainmenu div.s4  { background: #0089c0; width: 973px; left: 0; }
.mainmenu a.m4:hover  { background-position: 0 -360px; }
.mainmenu div.s4 a:hover  { color: #0089c0; }


/* Dětská móda */
.mainmenu a.m7  { top: 0; left: 497px; width: 160px; }
.mainmenu .sublink a.m7  { top: 0; left: 497px; width: 160px; }
.mainmenu .submenu a.sublink7  { top: -59px; left: 497px; width: 160px; background-position: 0 -300px; height: 59px; }
.mainmenu .sublink7  { top: 0; left: 497px; width: 160px; background-position: 0 -300px; }
.mainmenu div.s7  { background: #f88000; width: 973px; left: 0; }
.mainmenu a.m7:hover  { background-position: 0 -300px; }
.mainmenu div.s7 a:hover  { color: #f88000; }


/* Spodní prádlo & plážová móda */
.mainmenu a.m2  { top: 0; right: 0; width: 330px; }
.mainmenu .sublink a.m2  { top: 0; right: 0px; width: 330px; }
.mainmenu .submenu a.sublink2  { top: -59px; right: 0; width: 330px; background-position: 0 -360px; height: 59px; }
.mainmenu .sublink2  { top: 0; right: -8px; width: 330px; background-position: 0 -360px; }
.mainmenu div.s2  { background: #bf2f7f; width: 973px; left: 0;  }
.mainmenu a.m2:hover  { background-position: 0 -360px; }
.mainmenu div.s2 a:hover  { color: #bf2f7f; }


/* Sportovní oblečení */
.mainmenu a.m5  { top: 31px; left: 0; width: 210px; }
.mainmenu .sublink a.m5  { top: 31px; left: 0; width: 210px; }
.mainmenu .submenu a.sublink5  { top: -29px; left: 0; width: 210px;  background-position: 0 -420px; }
.mainmenu .sublink5  { top: 31px; left: 0; width: 210px;  background-position: 0 -420px; }
.mainmenu div.s5  { background: #11a3a1; width: 973px; left: 0; top: 60px; }
.mainmenu a.m5:hover  { background-position: 0 -420px; }
.mainmenu div.s5 a:hover  { color: #11a3a1; }


/* Obuv */
.mainmenu a.m6  { top: 31px; left: 200px; width: 80px; }
.mainmenu .sublink a.m6  { top: 31px; left: 200px; width: 80px; }
.mainmenu .submenu a.sublink6  { top: -29px; left: 200px; width: 80px;  background-position: -5px -450px; }
.mainmenu .sublink6  { top: 31px; left: 200px; width: 80px;  background-position: -5px -450px; }
.mainmenu div.s6  { background: #fe297a; width: 973px; left: 0; top: 60px; }
.mainmenu a.m6:hover  { background-position: -5px -450px; }
.mainmenu div.s6 a:hover  { color: #fe297a; }


/* Větší velikosti */
.mainmenu a.m3  { top: 31px; left: 270px; width: 150px; }
.mainmenu .sublink a.m3  { top: 31px; left: 270px; width: 150px; }
.mainmenu .submenu a.sublink3  { top: -29px; left: 270px; width: 150px;  background-position: -3px -480px; }
.mainmenu .sublink3  { top: 31px; left: 270px; width: 150px;  background-position: -3px -480px; }
.mainmenu div.s3  { background: #7b0083; width: 973px; left: 0; top: 60px; }
.mainmenu a.m3:hover  { background-position: -3px -480px; }
.mainmenu div.s3 a:hover  { color: #7b0083; }


/* Domácnost & dekorace */
.mainmenu a.m11  { top: 31px; left: 407px; width: 260px; }
.mainmenu .sublink a.m11  { top: 31px; left: 407px; width: 260px; }
.mainmenu .submenu a.sublink11 { top: -29px; left: 0; width: 260px;  background-position: -3px -510px; }
.mainmenu .sublink11  { top: 31px; left: 407px; width: 260px; background-position: -3px -510px; }
.mainmenu div.s11  { background: #22a24d; width: 410px; left: 407px; top: 60px; }
.mainmenu a.m11:hover  { background-position: -3px -510px; }
.mainmenu div.s11 a:hover  { color: #22a24d; }


/* Bytový textil */
.mainmenu a.m8  { top: 31px; right: 167px; width: 140px; }
.mainmenu .sublink a.m8  { top: 31px; right: 167px; width: 140px; }
.mainmenu .submenu a.sublink8  { top: -29px; right: 0; width: 140px; background-position: -3px -540px; }
.mainmenu .sublink8  { top: 31px; right: 167px; width: 140px; background-position: -3px -540px; }
.mainmenu div.s8  { background: #7f9a01; width: 228px; right: 167px; top: 60px; }
.mainmenu a.m8:hover  { background-position: -3px -540px; }
.mainmenu div.s8 a:hover  { color: #7f9a01; }


/* Značky */
.mainmenu a.m12 { top: 31px; right: 80px; width: 100px; }
.mainmenu .sublink a.m12 { top: 31px; right: 80px; width: 100px; }
.mainmenu .submenu a.sublink12 { top: -29px; right: 0; width: 100px; background-position: 0 -570px; }
.mainmenu .sublink12 { top: 31px; left: 787px; width: 100px; background-position: 0 -570px; }
.mainmenu div.s12 { background: #6cb2df; width: 973px; left: 0; top: 60px; }
.mainmenu a.m12:hover { background-position: 0 -570px; }
.mainmenu div.s12 a:hover { color: #6cb2df; }


/* Témata */
.mainmenu a.m10 { top: 31px; right: 0; width: 92px; }
.mainmenu .sublink a.m10 { top: 31px; right: 0; width: 92px; }
.mainmenu .submenu a.sublink10 { top: -29px; right: 0; width: 92px; background-position: -3px -600px; }
.mainmenu .sublink10 { top: 31px; right: 0; width: 92px; background-position: -3px -600px; }
.mainmenu div.s10 { background: #f35048; width: 228px; right: 0; top: 60px; }
.mainmenu a.m10:hover { background-position: -3px -600px; }
.mainmenu div.s10 a:hover { color: #f35048; }