/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dd_valid.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* LEGENDA 

LEVEL 0 : Voce principale del menu
LEVEL 1 : Sottovoce del menu principale
LEVEL 2 : Sottovoce del menu di Livello 1

*/


/* LEVEL 0 MENU AREA */
.menu {
	font-family: Verdana, Tahoma, Arial, Sans-serif;
	font-size:11px;
	font-weight:bold;
	width:840px; /* larghezza dell'area menu totale */
	height:30px; /* altezza dell'area menu totale */
	position:absolute;
	z-index:100;
}

/* LEVEL 0 MENU BUTTON */
.menu ul li a, .menu ul li a:visited {
	display:block; /* pulsante visualizzato */
	text-decoration:none;
	color:#000069; /* colore testo */
	width:120px; /* larghezza pulsante */
	height:27px; /* altezza pulsante */
	text-align:center;
	line-height:25px; /* posizione testo nel pulsante */
	font-size:11px;
	overflow:hidden; /* nasconde il testo "di troppo" nel div */
}

/* LEVEL 0 MENU BUTTON*/
.menu ul {
	padding:0; /* scostamento da sinistra */
	margin:0; /* margine da sinistra e alto */
	list-style: none;
}

/* LEVEL 0 MENU BUTTON */
.menu ul li {
	float: left; /* pulsanti allineati da sinistra a destra */
	position:relative;
}

/************************************************************************/

/* LEVEL 1 BUTTON */
.menu ul li:hover ul li a {
	display:block; /* voce visualizzata */
	width:130px;
	height:24px;
	background-image:url(img/menuSubBut.jpg); 
	color:#ffffff;
	text-align:center;
	font-size: 11px;
	font-weight:normal;
}

/* LEVEL 1,2 MENU AREA */
.menu ul li ul {
	display: none; /* pulsanti non visibili se non su MouseOver */
}

/* LEVEL 1 BUTTON ON MOUSEOVER */
.menu ul li:hover ul li a:hover {
	background-image:url(img/menuSubButOver.jpg); /* sfondo sub menu over */
	color:#ffffff;
	text-decoration:underline;
}

/* LEVEL 1 BUTTON ON MOUSEOVER */
.menu ul li:hover ul {
	display:block;  /* visualizzazione: si */
	position:absolute;
	top:27px; /* posizione rispetto al pulsante principale */
	left:0px; /* spaziatura da sinistra rispetto al pulsante principale */
	width:130px; /* larghezza area contenente il pulsante */
}

/* LEVEL 1 BUTTON WITH SUB-LEVEL (2) ON MOUSEOVER */
.menu ul li:hover ul li:hover a.subSubBut {
	background-image:url(img/menuSubSubButOver.jpg);
	color:#ffffff; /* colore del testo */
}

/************************************************************************/

/* LEVEL 2 BUTTON */
.menu ul li:hover a.subSubBut {
	color:#ffffff; /* colore testo */
	background-image:url(img/menuSubSubBut.jpg); /* sfondo */
}

/* LEVEL 2 BUTTON */
.menu ul li:hover ul li:hover ul {
	display:block; /* visibile su MouseOver */
	position:absolute;
	left:130px; /* Distanza orizzontale del blocco di sottovoci di 2° livello dalla sottovoce di 1° livello */
	top:10px; /* Distanza verticale del blocco di sottovoci di 2° livello dalla sottovoce di 1° livello  */
}

/* LEVEL 2 BUTTON */
.menu ul li:hover ul li ul {
	display: none; /* non visibili se non su MouseOver */
}

/* LEVEL 2 BUTTON ON THE LEFT */
.menu ul li:hover ul li:hover ul.left {
	left:-130px; /* se voglio la sottovoce visualizzata a sinistra */
}


/************************************************************************/

/* specific to non IE browsers */

/* LEVEL 0 BUTTON ON MOUSEOVER */
.menu ul li:hover a.leftBut {
	color:#4f86ec; /* colore testo del pulsante principale su mouseOver */
	background-image:url(img/menuButOver_left.jpg); /* Main Menu background (over) */
	/* text-decoration:underline; */
}

/* LEVEL 0 BUTTON ON MOUSEOVER */
.menu ul li:hover a.midBut {
	color:#4f86ec; /* colore testo del pulsante principale su mouseOver */
	background-image:url(img/menuButOver_mid.jpg); /* Main Menu background (over) */
	/* text-decoration:underline; */
}

/* LEVEL 0 BUTTON ON MOUSEOVER */
.menu ul li:hover a.rightBut {
	color:#4f86ec; /* colore testo del pulsante principale su mouseOver */
	background-image:url(img/menuButOver_right.jpg); /* Main Menu background (over) */
	/* text-decoration:underline; */
}

/* end non IE-browsers */