@charset "iso-8859-1";
/* CSS Document */
/*regole per avere un menu di navigazione orizzontale con o senza pulsanti immagine con menu a tendina fino a due livelli partendo da una lista*/
/*per l'adattamento delle regole seguire le righe di commento a lato, per togliere del tutto una riga si consiglia di renderla semplicemente invisibile, lasciandola come commento per poter facilitare successive modifiche*/
/*MenuOrizzontaleTendinaImmagine.css   ultima modifica 30-05-2011  */

div.menuorsotto {
float: left; /* per ottenere una barra orizzontale partendo da una lista */
width: 100%; /* per avere un menu che si estende per tutta la lunghezza del div*/
margin: 0 ;/*non cambiare*/
padding: 0;/*non cambiare*/
font-family:Verdana, Arial,Helvetica,sans-serif;/*scegliere a piacere*/
font-size:20px;/*scegliere a piacere*/
font-weight:600;/*scegliere a piacere*/
border: 1px solid black;
/*background-color:#ffffff;*/
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: #cc3399;
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 a:hover { /* definisce il rollover al passaggio del mouse, i valori sono validi sia per il menu che per i sottomenu */
	/*background-color:#cc3399;*/
	color:black; /*colore del testo al passaggio, impostare a piacere*/
	text-decoration: none;
	/*background-image:url("../images/gomitoliMenu.png");*//*inserire solo se si vuole un'immagine come pulsante, altrimenti togliere questa riga*/
	/*background-repeat:no-repeat;*/
}
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: 0;

/*width:50px; */ /*larghezza di ogni voce del menu, porre uguale alla larghezza del pulsante*/
height:35px; /*altezza di ogni voce del menu, porre uguale all'altezza del pulsante*/
line-height:35px;/*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 */
/*background-image:url("../images/gomitoliMenu.png");*//*inserire solo se si vuole un'immagine come pulsante, altrimenti togliere questa riga*/
/*background-repeat:no-repeat;*/
/*border-right: 1px solid #f2c1df;*/  /* produce una linea verticale di colore diverso per dividere le voci del menu, modificabile */
/*border-bottom: 1px solid #f2c1df;*/
/*border-right: 1px solid #f2c1df; */
/*border-top: 1px solid #f2c1df;*/
/*border-left: 1px solid #f2c1df;*//*fine bordo pulsante*/
}
div.menuorsotto li ul {display: none}/*non fa comparire la tendina nello stato di base del menu*/
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:202px;    /* larghezza del sottomenu, impostabile a piacere */
padding: 0;
margin-top: -10px;  /*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*/
padding-top:20px; /*inserisce uno spazio tra l'inizio delle righe del sottomenu e il suo bordo: utile solo se uso un'immagine come sfondo unico per sottomenu per tenere conto dei bordi dell'immagine, impostare a piacere*/
padding-left:15px;/*inserisce uno spazio tra l'inizio a sinistra delle righe del sottomenu e il suo bordo: utile solo se uso un'immagine come sfondo unico per sottomenu per tenere conto dei bordi dell'immagine, impostare a piacere*/
/*border:1px solid #cc3399; *//* imposta il bordo del sottomenu, impostabile a piacere */
/*background: #ffccff; /* colore dello sfondo del sottomenu */

text-align: left;
}
div.menuorsotto li li {
width:202px; /*porre uguale al valore di width dato in div.menuorsotto li:hover ul*/
/*border-bottom-color:#cc3399;*/
/*border-top-color: #CCFF66;*/
/*border-top-style:solid;*/
/*border-bottom-style:solid; */
height:20px; /*altezza del box contenitore varia la distanza tra una voce e l'altra, impostabile a piacere*/
line-height:20px;/*centra verticalmente il testo, valore uguale a height*/
/*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, togliere questa riga se non si usa un pulsante immagine*/
} 
div.menuorsotto li li a {
padding-left: 5px; /*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:200px;/*impostare uguale al valore assegnato a width dato in div.menuorsotto li li meno il numero di pixel di padding left in with.menursotto li li a*/
text-align:left;
} 
div.menuorsotto li li a:hover {

/*background-image:none;*/ /* toglie l'immagine del pulsante per evitare che si replichi nelle tendine, togliere questa riga se non si usa un pulsante immagine*/
}
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:142px;    /* 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:142px;  /*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*/
}

/*.sfondoTendina{ /*inserisce uno sfondo unico come tendina*/
/*background-image:url("../images/pergamena1menu.png");*/
/*background-repeat:no-repeat;*/
/*height:203px;}*/