/* tipografia, colori e regole per voci di primo livello, titoli e link */

div#menu a {font-family:Arial;font-style:normal;}
div#menu{padding-top:10px;width:100%;background: #000 url(../images/sfondo_banner.jpg) repeat-x bottom;}
ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none}
ul#nav{width:980px;margin: 0 auto;position:relative;left:8px;height:26px;
   /* background: #5898F2 url(menubk.png) repeat-x;*/
    }
ul#nav a{display:block;text-decoration:none}
ul#nav h2{margin:0;font-size:10px;text-transform:uppercase;}
ul#nav h2 a{line-height:25px;padding: 0 10px;color:#fff;}
ul#nav>li:hover a,ul#nav h2 a:hover{background: white; color:#E32219}
ul#nav h3{font-size:100%;margin:0}
ul#nav h3 a{color: #E32219;}
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: 16em;border: 1px solid #e32219;
    background: #FFF;overflow:hidden;line-height:1.5;z-index:-1}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 25px;z-index: 100}

/*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 a{display:block;width:100%;}
ul#nav div.mega div{float:left;}
ul#nav div.mega.small2{width:15em}
ul#nav div.mega.small2 div{float:left;width:100%}
ul#nav div.mega.small{width:10em}
ul#nav div.mega.small div{float:left;width:100%}
ul#nav div.mega.wide{width:28em}
ul#nav div.mega.wide div{float:left;width:33%}
ul#nav div.mega.ultra{width:36em}
ul#nav div.mega.ultra div{float:left;width:24.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: #E32219;font-weight:bold;font-style:normal;
  background: #FFF url(bullet.png) no-repeat left center;}
ul#nav div.mega li a:hover{color: #fff;background:#e32219;}
