
.menunavigazione{/*contenitore menù principale*/
	margin:0;
	padding:0;
	list-style: none;
	height: 40px;
	}

.menunavigazione li{ /*voci menù principale e voci sottomenu*/
float:left; /*menù orizzontale con blocchi flottanti*/
position: relative; /* per Posisionamento SOTTOMENU'*/
text-align: left;
padding:0px 0px 0px 10px; 
}

.menunavigazione a{/*link voci menu principale e voci sottomenu*/
	float: left;/* serve per definire i collegamenti elementi a livello di blocco
    				  (potrebbe in alternativa essere definito oggetto al livello di blocco ma per IE per MAC va definito flottante) 
					  con altezza definita in modo esplicito in modo da assegnare all'area cliccabile
    				  la stessa altezza dell'elemento <ul class="menunavigazione"*/
					  /*vedere correzione per ie 6 in style_correzioni_ie.css*/
	height: 40px;
  	line-height: 40px;/*valore uguale a quello dell'altezza così il testo è perfettamente cntrato in verticale*/ 
	padding:0px 20px 0px 35px;
	font-size:16px;
	text-transform: capitalize;
 	white-space: nowrap;
	border-right: 1px solid #ffffff;	
}

.menunavigazione ul{  /*SottoMenù*/
	margin:0;
	padding:0;
	list-style: none;
	width: 240px;
}

.menunavigazione ul li{ /* voci sottomenu */ 
float : none; /* sovrascrive alcune dichiarazioni per .menunavigazione li */
padding:0px 0px 0px 0px; /* sovrascrive alcune dichiarazioni per .menunavigazione li */
width: 240px;
}

.menunavigazione ul a{ /*link voci sottomenu*/
float : none; /* sovra scrive la dichiarazione per .menunavigazione a */
display:block;
height: 20px;
width: 240px;
line-height: 20px;
font-size:11px; /* sovra scrive la dichiarazione per .menunavigazione a */
border-right:  none; /* sovra scrive la dichiarazione per .menunavigazione a */
white-space:  normal;/* sovra scrive la dichiarazione per .menunavigazione a */
text-align: left;/* sovra scrive la dichiarazione per .menunavigazione a */
padding:0px 0px 0px 10px;
font-weight: bold;
}

/*** MENU OFF *********/
.menunavigazione ul,
.menunavigazione ul.subMenu-off
{
	position: absolute;
	visibility: hidden;
}

/*** MENU ON *********/
.menunavigazione ul.subMenu-on
{
visibility:visible;
}

/*POSIZIONAMENTO SOTTOMENU'*/
.menunavigazione ul.subMenu-on {
	position: absolute;
	top:40px;
	left:-1px;
}

/*********************************COLORI e backgroud   ****************************************/
.menunavigazione{
		background-color: transparent;/*da back_verticalmarket*/
		color: #ffffff;
}

.menunavigazione a{
		color: #ffffff;
		background-color: inherit;
		}

	
.menunavigazione ul li{ /* voci sottomenu */ 
background-image: url(../resources/tendina.png);
background-repeat: repeat-y;
}
	
.menunavigazione ul a{ /*link voci sottomenu*/
color: #00A5B3;/* sovra scrive la dichiarazione per .menunavigazione a */
background-color:  inherit;
}		
			
/*effetto rollover*/
.menunavigazione a:hover,
.menunavigazione a:focus,
.menunavigazione a:active
{
   text-decoration : underline;
	}
	
.menunavigazione ul a:VISITED, 
.menunavigazione ul a:LINK{
	color: #00A5B3;
	background-color : inherit;
	text-decoration : none; /* sovra scrive la dichiarazione per .menunavigazione a */
}
	
.menunavigazione ul a:hover,
.menunavigazione ul a:focus,
.menunavigazione ul a:active
{
   color: #F05441;
	background-color :  inherit;
   text-decoration : none;/* sovra scrive la dichiarazione per .menunavigazione a */
}

	/******************************** id ***************************************************/
	
#menuhp{/*posizione contenitore menù principale template hp*/
	position: relative; /*da back_verticalmarket*/
	top: 277px;/*da back_verticalmarket*/
	bottom:0px;/*da back_verticalmarket*/
	}

#menuinterno{/* posizione contenitore menù principale template interno */
	position: relative; /*da back_verticalmarket*/
	top: 126px;/*da back_verticalmarket*/
	bottom:0px;/*da back_verticalmarket*/
	}	
		
.puntatore{
		background: url(../resources/puntatorevertical.gif) left no-repeat;
		color: #ffffff;
		}
		
	#bottommenu {
		border-bottom:1px solid #A9A9A9;
		}	
