/** MENU 1 ** roll-over basato solo sui colori **/
ul.menu1 { 
width:229px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu1 li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1.3em; /* lascia spazio far il bordo del menu e il testo del link */
height:1.8em;line-height:1.8em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu1 li a:link, ul.menu1 li a:visited { 
background-image:url(../images/menu_sx/famiglia01.gif);
background-repeat:no-repeat;
height:23px;
width:229px;
color:#666666;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
font-weight:normal;
} /* colori per il link */
ul.menu1 li a:hover, ul.menu1 li a:active { 
background-image:url(../images/menu_sx/famiglia02.gif);
height:23px;
width:229px;
color:#666666;
font-weight:normal;
text-decoration: underline;
} /* colori per l'effetto roll-over */



/** MENU 1 SELEZIONATO ** roll-over basato solo sui colori **/
ul.menu1selezionato { 
width:229px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu1selezionato li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1.3em; /* lascia spazio far il bordo del menu e il testo del link */
height:1.8em;line-height:1.8em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
}
ul.menu1selezionato li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu1selezionato li a:link, ul.menu1selezionato li a:visited { 
background-image:url(../images/menu_sx/famiglia03.gif);
background-repeat:no-repeat;
height:23px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: underline;
font-weight:bold;
} /* colori per il link */
ul.menu1selezionato li a:hover, ul.menu1selezionato li a:active { 
background-image:url(../images/menu_sx/famiglia03.gif);
background-repeat:no-repeat;
height:23px;
width:229px;
color:#666666;
font-weight:bold;
} /* colori per l'effetto roll-over */





/** MENU 2 ** roll-over basato solo sui colori **/
ul.menu2 { 
width:215px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu2 li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1.9em; /* lascia spazio far il bordo del menu e il testo del link */
height:1.8em;line-height:1.8em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
}
ul.menu2 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu2 li a:link, ul.menu2 li a:visited { 
background-image:url(../images/menu_sx/categoria01.gif);
background-repeat:no-repeat;
height:23px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
font-weight:normal;
} /* colori per il link */
ul.menu2 li a:hover, ul.menu2 li a:active { 
background-image:url(../images/menu_sx/categoria02.gif);
background-repeat:no-repeat;
height:23px;
width:180px;
color:#000000;
font-weight:normal;
text-decoration:underline;
} /* colori per l'effetto roll-over */



/** MENU 2 SELEZIONATO ** roll-over basato solo sui colori **/
ul.menu2selezionato { 
width:215px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu2selezionato li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:underline; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1.9em; /* lascia spazio far il bordo del menu e il testo del link */
height:1.8em;line-height:1.8em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
}
ul.menu2selezionato li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu2selezionato li a:link, ul.menu2selezionato li a:visited { 
background-image:url(../images/menu_sx/categoria02.gif);
background-repeat:no-repeat;
height:23px;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
font-weight:bold;
} /* colori per il link */
ul.menu2selezionato li a:hover, ul.menu2selezionato li a:active { 
background-image:url(../images/menu_sx/categoria02.gif);
background-repeat:no-repeat;
height:23px;
color:#000000;
font-weight:bold;
text-decoration: underline;
} /* colori per l'effetto roll-over */












/** MENU 3 ** roll-over basato solo sui colori **/
ul.menu3 { 
width:229px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu3 li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration: underline; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1.3em; /* lascia spazio far il bordo del menu e il testo del link */
height:1.8em;line-height:1.8em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
}
ul.menu3 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu3 li a:link, ul.menu3 li a:visited { 
background-image:url(../images/menu_sx/sottocategoria01.gif);
background-repeat:no-repeat;
height:23px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration: none;
font-weight:bold;
} /* colori per il link */
ul.menu3 li a:hover, ul.menu3 li a:active { 
background-image:url(../images/menu_sx/sottocategoria01.gif);
background-repeat:no-repeat;
height:23px;
width:184px;
color:#666666;
text-decoration: underline;
font-weight:bold;
} /* colori per l'effetto roll-over */



/** MENU 3 SELEZIONATO ** roll-over basato solo sui colori **/
ul.menu3selezionato { 
width:229px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
}
ul.menu3selezionato li a { 
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1.3em; /* lascia spazio far il bordo del menu e il testo del link */
height:1.8em;line-height:1.8em; /* altezza del link: height e line-height devono avere il medesimo valore */ 
}
ul.menu3selezionato li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
ul.menu3selezionato li a:link, ul.menu3selezionato li a:visited { 
background-image:url(../images/menu_sx/sottocategoria01.gif);
background-repeat:no-repeat;
height:23px;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration: underline;
font-weight:bold;
} /* colori per il link */
ul.menu3selezionato li a:hover, ul.menu3selezionato li a:active { 
background-image:url(../images/menu_sx/sottocategoria01.gif);
background-repeat:no-repeat;
height:23px;
width:184px;
color:#666666;
font-weight:bold;
} /* colori per l'effetto roll-over */



