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

div#menu
{
    background-position: bottom;
    padding-top: 1px;
    width: 100%;
    background: #1E6804 url(menubk.png) repeat-x bottom;
}
ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none}
ul#nav
{
    background-position: #FFA704 url(menubk_verde.png) repeat-x;
    width: 980px;
    margin: 0 auto 0 0px;
    height: 26px;
    background: #7CB90D url(menubk_verde.png) repeat-x;
    color: #FFFFFF;
    font: 70%/1.5 Verdena,Tahoma,sans-serif;
    font-weight: bold;
}
ul#nav a{display:block;text-decoration:none}
ul#nav h2{font-size:110%;margin:0}
ul#nav h2 a
{
    line-height: 25px;
    padding: 0 15px;
    color: #FFFFFF;
    font-weight: bold;
}
ul#nav > li:hover, ul#nav h2 a:hover
{
    background-position: #FFDFA4;
    background: #FFFFFF;
    color: #000000;
    font-weight: bold;
}
ul#nav h3{font-size:100%;margin:0}
ul#nav h3 a
{
    color: #155F01;
}
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: 30em;
    padding: 0.7em;
    border: 1px solid #134603;
    background: #FFF;
    overflow: hidden;
    line-height: 1.5;
    text-align: left;
}
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 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:38em}
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: #990000;
    background: #FFF url(bullet.png) no-repeat left center;
}
ul#nav div.mega li a:hover
{
    color: #FF6600;
    text-decoration: underline;
}