@import url("menu_top_reg.css");

/* tipografia, colori e regole per voci di primo livello, titoli e link */

div#menu-top{position:absolute;top:107px;left:0px;}
ul#nav-top,ul#nav-top li,ul#nav-top ul{margin:0;padding:0;list-style:none}
ul#nav-top{width:450px;margin: 0 auto;height:18px;
    background: #E6E6E6;
    font: 11px/1.5 Verdana,Tahoma,sans-serif}
ul#nav-top a{display:block;text-decoration:none}
ul#nav-top h2{font-size:100%;margin:0}
ul#nav-top h2 a{line-height:17px;padding: 0 15px;color:#000}
ul#nav-top>li:hover,ul#nav-top h2 a:hover{background: #676465;color:#fff}
ul#nav-top h3{font-size:100%;margin:0}
ul#nav-top h3 a{color: #FFCC00}
ul#nav-top h3 a:hover{text-decoration:underline}
ul#nav-top li{float: left;position: relative}
ul#nav-top 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-top div.mega{position: absolute;top: -9999px;left: -1px;
    width: 25em;padding: 0.7em;border: 1px solid #fff;
    background: #676465;overflow:hidden;line-height:1.5}
ul#nav-top li:hover div.mega,ul#nav-top li div.mega.open{top: 17px;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-top div.mega div{float:left;width:49%}
ul#nav-top div.mega.small{width:11em;font-size:100%;}
ul#nav-top div.mega.small div{float:left;width:99.9%;font-size:100%;}
ul#nav-top div.mega.wide{width:28em}
ul#nav-top div.mega.wide div{float:left;width:33%}
ul#nav-top div.mega.ultra{width:36em}
ul#nav-top div.mega.ultra div{float:left;width:24.9%}
ul#nav-top div.mega.alt{left:auto;right:-1px}

/*regole aggiuntive per i link dei sottomenu*/

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