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

div#menu{width:990px;height:50px;
float:right;
margin:0px auto;
border-top: 2px solid;
border-color: #ebedf1;
line-height: 16px;
font-family:  'Raleway';
text-transform:uppercase;
font-style:normal;
background-color:#6d88b7;

}
ul#nav, ul#nav li, ul{margin:0;padding:0;list-style:none;color: #6d88b7;


}

ul#nav{width:890px;height:50px;float:right;background-color:#6d88b7;

}
ul#nav a{display:block;text-decoration:none;color: #6d88b7;}
ul#nav h2,ul#nav h4 {font-size:1.1em;margin:0;color: #6d88b7;}
ul#nav h2 a{line-height:50px;padding: 0 10px;color: #ebedf1;font-size:1.0em;}
ul#nav>li:hover,ul#nav h2 a:hover{color:#ee14dc;border-bottom: 3px solid;border-color: #ee14dc;
 /* Old browsers */

}
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;color: #616161;}
ul#nav li li{float: none; color: #a5369e; text-decoration: 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;
    padding: 0.7em 0.7em 1.7em 0.7em; border: 1px solid #eeeeee;width:45em; 
    background: #FFF;overflow:hidden;line-height:1.8;
box-shadow:0 18px 14px -14px rgba(0,0,0,0.6);color: #a5369e;
}
ul#nav li:hover div.mega,ul#nav li div.mega.open{top: 51px;z-index: 100;color: #a5369e;}

/*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.corsi{
float:left;
width:35%;
border-radius: 3px;
-moz-border-radius: 3px;        
-webkit-border-radius: 3px;
font-size:80%; }    

ul#nav div.mega div.elenco{
float:left;
width:55%;
border-radius: 3px;
-moz-border-radius: 3px;        
-webkit-border-radius: 3px;
font-size:80%; }    

ul#nav div.mega.small{width:10em;}
ul#nav div.mega.small div{float:left;width:99.9%;}
ul#nav div.mega.wide{width:50em;}
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: #a5369e;
background: #FFF url('http://www.org-stc.com/imgres/pat.gif') no-repeat left center; 
padding-left:7px; padding-right:7px; padding-top:0; padding-bottom:0}
ul#nav div.mega li a:hover{color: #175E21;text-decoration:none;
}