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

#menu{width:990px;height:30px;
background-color:#3B5998;
margin-top:70px;
margin: 0 auto;
text-transform: uppercase;
box-shadow:0px -5px 20px #e7e7f3;
-webkit-box-shadow:0px -5px 20px #e7e7f3;
-moz-box-shadow: 0px -5px 20px #e7e7f3;
border: 1px solid;border-color: #3B5998;
}
ul#nav,ul#nav li,ul#nav ul{margin:0;padding:0;list-style:none;

}
ul#nav{width:860px;margin: 0 auto;height:30px;float:right;
font: 100%/1.6;
    font-family: 'Open Sans';
 
}
ul#nav a{display:block;text-decoration:none}
ul#nav h2{font-size:95%;margin:0}
ul#nav h2 a{line-height:25px;padding: 0 15px;color:#FFF}
ul#nav>li:hover,ul#nav h2 a:hover{background: #deefff; /* Old browsers */
background: -moz-linear-gradient(top,  #deefff 0%, #98bede 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deefff), color-stop(100%,#98bede)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #deefff 0%,#98bede 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #deefff 0%,#98bede 100%); /* IE10+ */
background: linear-gradient(to bottom,  #deefff 0%,#98bede 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */
}
ul#nav h3{font-size:91%;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: 1px solid #deefff;
    background: #FFF;overflow:hidden;line-height:1.5
    -webkit-box-shadow:inset  0px 0px 2px #C2C2C2; 
-moz-box-shadow:inset  0px 0px 2px #C2C2C2; 
box-shadow:inset  0px 0px 2px #C2C2C2;
}
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:10em}
ul#nav div.mega.small div{float:left;width:99.9%}
ul#nav div.mega.wide{width:36em}
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{color: #E05C83;
  background: #FFF url('../../images/bullet.png') no-repeat left center;; padding-left:7px; padding-right:7px; padding-top:0; padding-bottom:0}
ul#nav div.mega li a:hover{color: #666;text-decoration:underline}