@charset "iso-8859-1";
/* CSS Document */
/*regole per avere un menu di navigazione orizzontale senza pulsanti grafici con sottomenu a tendina di due livelli partendo da una lista*/
/*sottomenuor.css vers 1  ultima modifica 9-5-2006  */

div.menuorsotto {
width: 100%; /* per avere un menu che si estende per tutta la lunghezza del div*/
float: left; /* per ottenere una barra orizzontale partendo da una lista */
margin: 0 auto;
padding: 0px;
color:#336633;font-family:Verdana, Arial,Helvetica,sans-serif;font-size:11px;
font-weight:600;
background-image: url("pulsante.gif");
}
div.menuorsotto ul {  /*per eliminare il selettore in tutte le liste e le sottoliste*/
margin: 0;
padding: 0;
list-style-type: none;
}
div.menuorsotto li { /*definisce il modo di apparire delle voci principali del menu*/
  /*larghezza di ogni voce del menu, modificabile*/
float:left; /* affianca orizzontalmente le voci, non modificabile */
margin: 0;  /* azzera i margini, non modificabile */
padding: 0;
color:green; /*colore del testo delle voci principali del menu */
background-image: url("pulsante.gif"); 

}
div.menuorsotto a { /* definisce gli stili per i link */
display: block;
padding: 5px;
color: green;
text-decoration: none; 
}
div.menuorsotto a:hover { /* definisce gli stili per i link al passaggio del mouse */
background-color: green;
color: #FFF;
text-decoration: none;
background-image:url("pulsanteOver.gif");

}
div.menuorsotto li ul {display: none}
div.tendinaor { display: none;}
div.menuorsotto li:hover ul{  /* regola che definisce il modo di presentarsi dei sottomenu al passaggio del mouse */
display: block;  /* fa apparire il sottomenu al passaggio del mouse */
position: absolute;
z-index:1;     /* fa apparire il sottomenu in primo piano, non cambiare impostazione */
width:110px;    /* larghezza del sottomenu, impostabile a piacere */
padding: 0;
margin-top: 0px;  /*posizione in verticale del sottomenu rispetto alla barra del menu, impostare in base all'altezza dell'immagine del menu, per evitare che si sovrapponga*/
margin-bottom:0px; /*posizione del sottomenu rispetto alla voce di menu corrispondente, non modificare*/
margin-left:0px;  /*posizione del sottomenu rispetto alla voce di menu corrispondente, non modificare*/
margin-right:0px; /*posizione del sottomenu rispetto alla voce di menu corrispondente, non modificare*/
border:1px solid green; /* imposta il bordo del sottomenu, impostabile a piacere */
background: #FFFF99; /* colore dello sfondo del sottomenu */

}
div.menuorsotto li li {
width:110px; 
 border-bottom-color:green;
border-top-color: #CCFF66;
border-top-style:solid;
border-bottom-style:solid; 

border-bottom-width:1px;
border-top-width:1px; 
background-image:none; /*inserisce uno sfondo immagine che riempie il sottomenu, se è impostato su none toglie l'immagine di sfondo per evitare che si replichi l'immagine del pulsante del menu principale*/
}
/* regole che definiscono i link dei sottomenu */
div.menuor li li a {padding: 0px 0px 0px 0px;}

div.tendinaor { display: none;} /*rende invisibile il sottomenu di 2° livello */
div.sottomenuor:hover div.tendinaor{  /* regola che definisce il modo di presentarsi dei sottomenu di 2° livello al passaggio del mouse */
display: block;  /* fa apparire il sottomenu di 2° liv. al passaggio del mouse */
position: absolute;
z-index:10;     /* fa apparire il sottomenu di 2° liv. in primo piano, non cambiare impostazione */
width:110px;    /* larghezza del sottomenu, impostabile a piacere */
padding: 0;
margin-top: -24px;  /*posizione in verticale del sottomenu di 2° liv. rispetto alla corrispondente voce del sottomenu, impostare in base all'altezza della voce del sottomenu corrispondente*/
margin-bottom:0px; /*posizione del sottomenu di 2° liv. rispetto alla voce di menu corrispondente, non modificare*/
margin-left:110px;  /*posizione del sottomenu di 2° liv. rispetto alla voce di menu corrispondente, porre uguale alla larghezza del sottomenu */
margin-right:0px; /*posizione del sottomenu rispetto alla voce di menu corrispondente, non modificare*/
}