/** MENU 1 ** roll-over basato solo sui colori **/
ul.menu1 { 
width:215px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
text-align:left; 
}
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 0.8em; /* lascia spazio far il bordo del menu e il testo del link */
height:2.5em;line-height:2.5em; /* 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_cielo/famiglia01.gif);
background-repeat:no-repeat;
width:215px;
height:28px;
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
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_cielo/famiglia01.gif);
height:28px;
background-repeat:no-repeat;
width:215px;
color:#ffffff;
font-weight:normal;
text-decoration: underline;
} /* colori per l'effetto roll-over */



/** MENU 1 SELEZIONATO ** roll-over basato solo sui colori **/
ul.menu1selezionato { 
width:215px;
list-style:none; /* elimino i punti elenco */
margin:0; padding:0; /* elimino i rientri delle liste */
text-align:left; 

}
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 0.8em; /* lascia spazio far il bordo del menu e il testo del link */
height:2.5em;line-height:2.5em; /* 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_cielo/famiglia01.gif);
color:#ffffff;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: underline;
font-weight:bold;
height:28px;
} /* colori per il link */
ul.menu1selezionato li a:hover, ul.menu1selezionato li a:active { 
background-image:url(../images/menu_sx_cielo/famiglia01.gif);
height:28px;
background-repeat:no-repeat;
background-repeat:no-repeat;
width:215px;
color:#ffffff;
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 */
text-align:left; 

}
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.5em; /* lascia spazio far il bordo del menu e il testo del link */
height:2.5em;line-height:2.5em; /* 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_lime/categoria01.gif);
background-repeat:no-repeat;
height:29px;
color:#B6F2F2;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
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_lime/categoria02.gif);
background-repeat:no-repeat;
height:29px;
color:#B6F2F2;
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 */
text-align:left; 

}
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.5em; /* lascia spazio far il bordo del menu e il testo del link */
height:2.5em;line-height:2.5em; /* 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_lime/categoria02.gif);
background-repeat:no-repeat;
height:29px;
color:#B6F2F2;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
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_lime/categoria02.gif);
background-repeat:no-repeat;
height:29px;
color:#B6F2F2;
font-weight:bold;
text-decoration: underline;
} /* colori per l'effetto roll-over */