/* based on http://www.cssplay.co.uk/menus/final_drop.html */

#menu {z-index:100;}
#menu ul {padding:0;margin:0;list-style-type:none;}
#menu ul ul {background:none!important; width:150px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {visibility:hidden; position:absolute; height:0; top:36px; left:0; width:150px; border:0;}
/* another hack for IE5.5 */
* html #menu ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul, #menu ul a:hover ul{visibility:visible; }

#menu ul li#menu-2:hover ul, #menu ul li#menu-2 a:hover ul{visibility:visible; left:90px!important;}
#menu ul li#menu-4:hover ul, #menu ul li#menu-4 a:hover ul{visibility:visible; left:241px!important;}
#menu ul li#menu-6:hover ul, #menu ul li#menu-6 a:hover ul{visibility:visible; left:432px!important;}
#menu ul li#menu-7:hover ul, #menu ul li#menu-7 a:hover ul{visibility:visible; left:582px!important;}

#nav li#menu-2:hover ul {left:90px!important;}
#nav li#menu-4:hover ul {left:262px!important;}
#nav li#menu-6:hover ul {left:477px!important;}
#nav li#menu-7:hover ul {left:662px!important;}

.submenu li {width:150px!important; }
.submenu li a {float:left!important; width:150px!important; height:25px!important; margin:0!important;}
.submenu li a:hover, .submenu li a.active {background-position:-147px 0!important;}

.submenu li#submenu-10, .submenu li#submenu-11 {width:200px!important; }
.submenu li#submenu-10 a, .submenu li#submenu-11 a {float:left!important; width:200px!important; height:25px!important; margin:0!important;}
.submenu li#submenu-10 a:hover, .submenu li#submenu-10 a.active, .submenu li#submenu-11 a:hover, .submenu li#submenu-11 a.active {background-position:-197px 0!important;}




#submenu-1 a {background:#21496c url("../images/submenu-historie.gif") 3px 0 no-repeat;}
#submenu-2 a {background:#21496c url("../images/submenu-soucasnost.gif") 3px 0 no-repeat;}
#submenu-3 a {background:#21496c url("../images/submenu-sluzby.gif") 3px 0 no-repeat;}
#submenu-4 a {background:#21496c url("../images/submenu-dum.gif") 3px 0 no-repeat;}
#submenu-5 a {background:#21496c url("../images/submenu-ppg.gif") 3px 0 no-repeat;}
#submenu-6 a {background:#21496c url("../images/submenu-kategorie.gif") 3px 0 no-repeat;}
#submenu-7 a {background:#21496c url("../images/submenu-znacky.gif") 3px 0 no-repeat;}
#submenu-8 a {background:#21496c url("../images/submenu-kde.gif") 3px 0 no-repeat;}
#submenu-9 a {background:#21496c url("../images/submenu-kontakt.gif") 3px 0 no-repeat;}
#submenu-10 a {background:#21496c url("../images/submenu-dokumentace.gif") 3px 0 no-repeat;}
#submenu-11 a {background:#21496c url("../images/submenu-nabidka.gif") 3px 0 no-repeat;}

#info {background:#f8f8f8; border:0;}