/*CSS principale per il menu*/

ul#nav{font: 70% Verdena,Tahoma,sans-serif}
ul#nav,ul#nav li,ul#nav ul,ul#nav ul li{margin:0;padding:0;list-style-type:none;}
ul#nav {height:26px;line-height:25px;margin-left:20px;color: #fff}
ul#nav a{display:block;padding: 0 30px;text-decoration: none; color:#FFF}
ul#nav li{height: 26px; float: left;position: relative;}
ul#nav li li{float: none;line-height: 30px; display:block !important;display: inline; /*IE*/}
ul#nav ul{position: absolute;top: 23px;left: -9999px; width: 15em;background: #fff;color: #3B5998}
ul#nav ul{padding: 7px 0;border: 1px solid #3B5998}
ul#nav ul,ul#nav li li a{background-color: #FFF;color: #3B5998}
ul#nav li:hover,ul#nav a:hover{background-color: #2A62ED;color: #FFF}
ul#nav li:hover ul,ul#nav li.sfhover ul{left: -1px;z-index: 100}

/*regole per separatore e le icone */

ul#nav li.sep{height: 38px;background: #fff}
ul#nav li.sep span{display: block;height: 1px;overflow: hidden;
    margin: 6px 5px 0;background: #CCC}
ul#nav li li.icon a{padding-left: 24px}
ul#nav li li.settings a{background: url(icon_settings.gif) no-repeat 3px 3px}
ul#nav li li.privacy a{background: url(icon_padlock.gif) no-repeat 3px 3px}



/* REGOLE PER MENU VERTICALE */

/* Iniziamo per dare lo stile a l’elemento <ul> */
#menu_css_verticale{
/*1. specifichiamo una larghezza fissa per il menu*/
width:190px; 
/*2. rimuoviamo i marcatori della lista*/
list-style:none;
/*3. azzeriamo le margine - richiesto per Internet Explorer*/
margin:0;
/*4. impostiamo un spazio cuscinetto (padding) di 1 px tra i bordi della lista e il suo contenuto*/
padding:1px; 
/*5. aggiungiamo un colore di sfondo al menu*/
background-color:#FFFFFF;
/*6. e un bordo di 1px intorno*/
border:1px solid #437E7E;


}

/* Adesso possiamo impostare lo stile css relativo ai link */

#menu_css_verticale a{
/*1. convertiamo i link da elementi inline a elemento di blocco, cosi coprono tutta la larghezza disponibile*/
display:block;
/*2. specifichiamo un altezza - richiesto per Internet Explorer 6*/
height:25px;
/*3. aggiungiamo un spazio superiore tra ogni link*/
margin-top:1px;
/*4. e un spazio cuscinetto (padding) a sinistra tra il bordo e il testo dei link*/
padding-left:15px;
/*5. specifichiamo un colore di sfondo per i link*/
background-color:#D1E7FF;
/*6. e un bordo sinistro di 10px*/
border-left:10px solid #2B65ED;
/*7. speficiamo il tipo di carattere usato*/
font-family:Verdena;
/*8. e la misura del carattere*/
font-size:10px;
/*9. convertiamo i caratteri da minuscolo a maiuscolo*/
text-transform:uppercase;
/*10. togliamo la sottolineatura dei link aggiunta per default*/
text-decoration:none;
/*11. specifichiamo un colore per i link*/
color:#437E7E;
/*12. allineiamo verticalmente il testo*/
line-height:25px;

font-family: Verdena,Tahoma,sans-serif
} 

/* SOPRA LINK */
#menu_css_verticale a:hover{
/*1. cambiamo il colore di sfondo dei link*/
background-color:#E5E5E5;
/*2. il colore del bordo sinistra*/
border-left:10px solid #CCCCCC;
/*e il colore dei link stessi*/
color:#666666;
} 

#menu_css_verticale a.primo{
margin-top:0;
font-size:12px;
color:#396B6B;
} 


/* fine per MENU' VERTICALE */