#menu_css_orizzontale{
/*specificare qui un width per un menu orizzontale a larghezza fissa*/
width:100%;
/*1. rimuoviamo i marcatori della lista*/
list-style:none;
/*2. usiamo questo metodo per evitare che lo sfondo dell’elemento contenitore collassa con elementi floatati*/
overflow:hidden;
/*3. relativo al metodo applicato sopra, per Internet Explorer 6, specifichiamo una larghezza di 100%*/

/*4. azzeriamo le margine - richiesto per Internet Explorer*/
margin:0;
/*5. impostiamo un spazio cuscinetto (padding) di 1 px tra i bordi della lista e il suo contenuto*/
padding:1px;
/*6. aggiungiamo un colore di sfondo al menu*/
background-color:#;
} 
#menu_css_orizzontale li{
display:inline;
} 
#menu_css_orizzontale a{
/*1. convertiamo i link da elementi inline a elemento di blocco, per potere poi specificare altezza/larghezza*/
display:block;
/*2. usiamo la proprietà float per allineare gli elementi orizzontalmente*/
float:left;
/*3. specifichiamo una larghezza per link di stessa larghezza nel caso di questo esempio*/
/*per link di larghezza relativa alla larghezza del testo, usare padding-right invece di width*/
padding-right:1.7%;
/*4. e un altezza*/
height:25px;
/*5. aggiungiamo un spazio a sinistra tra ogni link*/
margin-left:1px;
/*6. e un spazio cuscinetto (padding) a sinistra tra il bordo e il testo dei link*/
padding-left:15px;
/*7. specifichiamo un colore di sfondo per i link*/
background-color:#336699;
/*8. e un bordo sinistro di 1px*/
border-left:1px solid #ffffff;
/*9. specifichiamo il tipo di carattere usato*/
font-family:arial;
/*10. e la misura del carattere*/
font-size:10px;
/*11. convertiamo i caratteri da minuscolo a maiuscolo*/
text-transform:uppercase;
/*12. togliamo la sottolineatura dei link aggiunta per default*/
text-decoration:none;
/*13. specifichiamo un colore per i link*/
color:#ffffff;
/*14. allineiamo verticalmente il testo*/
line-height:25px;
font-weight:bold;
} 
#menu_css_orizzontale a:hover{
/*1. cambiamo il colore di sfondo dei link*/
background-color:#336699;
/*2. il colore del bordo sinistra*/
border-left:1px solid #CCCCCC;
/*3. e il colore dei link stessi*/
color:#cccccc;
} 
#menu_css_orizzontale a.primo{
margin-left:0;
} 

