div#menu{padding-top:0px;width:645px; z-index: 2;}

ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none; z-index: 2;}
ul#nav{width:645px;margin:0 auto;height:24px; url(menubk.png) repeat-x; z-index:-1;}
ul#nav a{display:block;text-decoration:none;}
ul#nav h2 {font-size:100%;margin:0;cursor: pointer;line-height:24px;padding: 0 15px;color:#FFFFFF;}
ul#nav h2 a{font-size:100%;margin:0;cursor: pointer;line-height:24px;padding: 0 0px;color:#FFFFFF}
ul#nav>li:hover,ul#nav h2 a:hover{background: #0590e6;}
ul#nav h3{font-size:100%;margin:0}
ul#nav h3 a{color: #666}
ul#nav h3 a:hover{text-decoration:underline}
ul#nav li{float: left;position: relative}
ul#nav li li{float: none;display: block !important;display: inline; /*IE6*/}


/*dichiarazioni chiave per i sottomenu e l'effetto a comparsa
NB: classe open è necessaria per JQuery*/

ul#nav div.mega{position: absolute;top: -9999px;left: -1px;
    width: 20em;padding: 0.7em;
    BORDER-TOP:#aaaaaa 0px solid;BORDER-RIGHT: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid; LINE-HEIGHT: 11px; BORDER-BOTTOM: #aaaaaa 1px solid;
    /*border: 1px solid #0590e6;*/
    background: #FFF;overflow:hidden;line-height:1.5}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 25px;}

/*tipologie di sottomenu:
small: colonna singola
mega: 2 colonne  - default
wide: 3 colonne
ultra: 4 colonne
alt: allineato sul lato destro */

ul#nav div.mega div{float:left;width:49%;}
ul#nav div.mega.small{width:12em}
ul#nav div.mega.small div{float:left;width:99.9%}
ul#nav div.mega.wide{width:28em}
ul#nav div.mega.wide div{float:left;width:50%}
ul#nav div.mega.ultra{width:36em}
ul#nav div.mega.ultra div{float:left;width:30.9%}
ul#nav div.mega.alt{left:auto;right:-1px;}

/*regole aggiuntive per i link dei sottomenu*/

ul#nav div.mega li a{padding:0 7px;color: #267BEE;
  background: #FFF url(bullet.png) no-repeat left center;}
ul#nav div.mega li a:hover{color: #0B4295;text-decoration:underline}