@charset "utf-8";
/* CSS Document */

.menu {
	z-index:9999 !important;
	margin:0;
	padding:0;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
	width:1002px;
	w\idth:1001px;
	margin:0;
	padding:0;
	
	background:none;
	z-index:9999 !important;
}

/* rimuove tutti i punti elenco, i bordi e il padding da come sarebbe un normale elenco puntato */
.menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	font-family:"Times New Roman", Arial, Helvetica sans-serif !important;
}
.menu ul ul {
	
}

/* fa in modo che la lista si veda in orizzontale senza punti elenco e setta la posizione relativa in modo che tu possa controllare la posizione del menu a tendina */
.menu li {
	float:left;
	position:relative;
	
	/* EMANUELE */
	padding:0;
	z-index:99999 !important;

}

/* stile per il link del menu di primo livello */
.menu a, .menu a:visited {
	display:block;


	text-decoration:none;
	color:#486368;

	padding:0px 2px;
	background:#ffffff;
	line-height:20px;
	text-align:center;
	

	width:96px;
	w\idth:95px;
	font-size:12px;
	border:1px solid #949494;
	border-width:0 1px 0 0;

}


.menu li:first-child {
	border-left:1px solid #ffffff;
}


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	width:96px;
	w\idth:95px;
}
/* stile sfondo del secondo livello */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background:#ffffff url(../styles/drop.gif) no-repeat right bottom;
}
/* stile sfondo del secondo livello con mouse over */
.menu ul ul a.drop:hover{
	background:#88b7c6 url(../styles/drop.gif) no-repeat right bottom;
	/* EMANUELE */
	color:#ffffff;
}
.menu ul ul :hover > a.drop {
	background:#88b7c6 url(../styles/drop.gif) no-repeat right bottom;
}
/* stile sfondo del terzo livello di menu */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#ffffff;
	/* EMANUELE */
	border-left: #e5e5e5 2px solid;
}
/* stile del terzo livello di menu con mouse over */
.menu ul ul ul a:hover {
	background:#88b7c6;
	/* EMANUELE */
	color:#ffffff;
}


/* nasconde i sotolivelli e assegna loro una posizione assoluta in modo da non occupare spazio */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	left:0;
	width:119px;
	w\idth:118px;
}
/* another hack for IE5.5 */
* html .menu ul ul {
	top:30px;
	t\op:31px;
}
/* EMANUELE */
html .menu ul ul li {
	border:none !important;
	left:-2px;
}

/* positiona il terzo livello di menu */
.menu ul ul ul {

	left:140px;
	width:119px;
	w\idth:118px;
	top:0;
}

/* posiziona il terzo livello di menu mettendolo a sinistra rispetto al menu di secondo livello */

/* EMANUELE */
.ultimo {
	left:-50px;
}
.menu ul ul ul.left {

	left:-119px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}

/* stile per i link del menu di secondo livello */

.menu ul ul a, .menu ul ul a:visited {
	background:#ffffff;
	color:#486368;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:119px;
	w\idth:118px;
	border-bottom: #e5e5e5 2px solid;
	border-left:0px !important;
	border-right:0px !important;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
	w\idth:128px;
}

/* stile per i menu di primo livello con mouse over */
.menu a:hover, .menu ul ul a:hover {
	color:#486368;
	background:#88b7c6;
}

/* EMANUELE */
.menu :hover > a {
	color:#ffffff;
	background:#88b7c6;
}
.menu ul ul :hover > a {
	background:#88b7c6;
	color:#ffffff;
}

/* rende visibile il secondo livello quando si passa sopra primo livello o link */
.menu ul li:hover ul,
.menu ul a:hover ul {
	visibility:visible;
}
/* mantiene nascosto il terzo livello quando passi con il mouse sopra la lista del primo livello o link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* rende visibile il menu di terzo livello quando si passa sopra al menu di seconfo livello o link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
.largo {
	line-height:20px;
	border-right:1px #ffffff solid;
	width:93px;
	w/idth:92px;
}