@charset "iso-8859-1";

div.menuorsotto {
float: left; /* per ottenere una barra orizzontale partendo da una lista */
margin: 0 ;/*non cambiare*/
padding: 0;/*non cambiare*/
border: 1px solid black;
width:100%;
height:27px;
background-color:#575757;
text-align:left; /*da l'allineamento a sinistra del testo in tutte le tendine */
}
div.menuorsotto a { /* definisce gli stili per i link testuali*/
display: block;
padding: 0;
color: #ffffff;
text-decoration: none;
margin: 0;  /* azzera i margini, non modificabile */ 
text-align:center;/*sposta l'allineamento del testo al centro solo nel menu principale */
}
div.menuorsotto { /* definisce il rollover al passaggio del mouse */
color:#ffffff; /*colore del testo al passaggio, impostare a piacere*/
text-decoration: none;
}
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*/
float:left; /* affianca orizzontalmente le voci, non modificabile */
margin: 0;  /* azzera i margini, non modificabile */
padding-top: 0;
padding-bottom: 0;
padding-right: 20;
padding-left: 19;
/*width:110px;*/  /*larghezza di ogni voce del menu, porre uguale alla larghezza del pulsante*/
height:30px; /*altezza di ogni voce del menu, porre uguale all'altezza del pulsante*/
line-height:30px;/*porre uguale al valore precedente per dare la centratura verticale del testo nel pulsante rispetto al suo box contenitore*/
color:black; /*colore del testo delle voci principali del menu */
border-right: 0px solid black;  /* produce una linea verticale di colore diverso per dividere le voci del menu, modificabile */
border-bottom: 0px solid black;
border-right: 0px solid black; 
border-left: 0px solid black;/*fine bordo pulsante*/
}
div.menuorsotto li ul {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:150px;    /* 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 #000000; /* imposta il bordo del sottomenu, impostabile a piacere */
background: #afafaf; /* colore dello sfondo del sottomenu */
text-align: left;
}
div.menuorsotto li li {
width:100px; /*porre uguale al valore di width dato in div.menuorsotto li:hover ul*/
border-bottom-color:#000000;
border-top-color: ##000000;
border-top-style:solid;
border-bottom-style:solid; 
height:30px; /*altezza del box contenitore varia la distanza tra una voce e l'altra, impostabile a piacere*/
line-height:30px;
border-bottom-width:1px;
border-top-width:0px;
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*/
} 
div.menuorsotto li li a {
 padding-left: 2px; /*posiziona la voce di del sottomenu spostandola verso destra, impostabile a piacere senza esagerare */
 padding-top: 0px; /*non modificare*/
 padding-right: 0px;/*non modificare*/
 padding-bottom: 0px;/*non modificare*/
 width:150px; /*impostare uguale al valore assegnato a width dato in div.menuorsotto li li*/
 text-align:left;
} 
div.menuorsotto li li a:hover {
 background-image:none; /* toglie l'immagine del pulsante per evitare che si replichi nelle tendine*/
}
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:150px;    /* larghezza del sottomenu, impostabile a piacere */
 padding: 0;
 margin-top: -30px;  /*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:px;  /*posizione del sottomenu di 2° liv. rispetto alla voce di menu corrispondente, porre uguale alla larghezza del sottomenu width*/
 margin-right:0px; /*posizione del sottomenu rispetto alla voce di menu corrispondente, non modificare*/
}