/* ================================================================ 
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/example_flyout.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu1 {
	font-family:Trebuchet MS, arial, sans-serif;
	width:172px;
	height:280px;
	position:relative;
	font-size:16px;
	background:#eee;
	margin:20px 0;
	padding:10px 1px;
}
.menu1 table {
	position:absolute;
	left:0;
	top:0;
	border-collapse:collapse;
	border:0;
	font-size:16px;
	padding:0;
}
.menu1 ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:172px;
}
.menu1 ul li {
	float:left;
	position:relative;
	z-index:90; 
	width:172px;
}
.menu1 ul li a, .menu1 ul li a:visited {
	display:block;
	float:left;
	text-decoration:none;
	color:#000;
	line-height:29px;
	background:transparent;
	padding-left:38px;
}
* html .menu1 ul li a, * html .menu1 ul li a:visited { width:135px; }
.menu1 ul li:hover a, .menu1 ul li a:hover { border:0; }
.menu1 ul li a:hover {
	position:relative;
	z-index:100;
}

.menu1 ul li.home, .menu1 ul li.home a:hover,
.menu1 ul li.istituto, .menu1 ul li.istituto a:hover,
.menu1 ul li.formazione, .menu1 ul li.formazione a:hover,
.menu1 ul li.ricerca, .menu1 ul li.ricerca a:hover, 
.menu1 ul li.eventi, .menu1 ul li.eventi a:hover,
.menu1 ul li.bandi, .menu1 ul li.bandi a:hover,
.menu1 ul li.fondazionesum, .menu1 ul li.fondazionesum a:hover,
.menu1 ul li.link, .menu1 ul li.link a:hover {
	display:block;
	background-position: 10px center;
	background-repeat:no-repeat;
}
.menu1 ul li.home a:hover,
.menu1 ul li.istituto a:hover,
.menu1 ul li.formazione a:hover,
.menu1 ul li.ricerca a:hover, 
.menu1 ul li.eventi a:hover,
.menu1 ul li.bandi a:hover,
.menu1 ul li.fondazionesum a:hover,
.menu1 ul li.link a:hover {
	background-color:#fff;
	background-position: 10px center;
	width:134px;
	margin:0;
}

.menu1 ul li.home { background-image:url(../img/menu-sx/rosso.gif) }
.menu1 ul li.home a:hover, .menu1 ul li.home ul li.home a:hover { background-image:url(../img/menu-sx/rosso-att.gif) }

.menu1 ul li.istituto { background-image:url(../img/menu-sx/blu.gif) }
.menu1 ul li.istituto a:hover, .menu1 ul li.istituto ul li.istituto a:hover  { background-image:url(../img/menu-sx/blu-att.gif) }

.menu1 ul li.formazione { background-image:url(../img/menu-sx/verde.gif) }
.menu1 ul li.formazione a:hover, .menu1 ul li.formazione ul li.formazione a:hover { background-image:url(../img/menu-sx/verde-att.gif) }

.menu1 ul li.ricerca { background-image:url(../img/menu-sx/violetto.gif) }
.menu1 ul li.ricerca a:hover, .menu1 ul li.ricerca ul li.ricerca a:hover { background-image:url(../img/menu-sx/violetto-att.gif) }

.menu1 ul li.eventi { background-image:url(../img/menu-sx/rosa.gif) }
.menu1 ul li.eventi a:hover, .menu1 ul li.eventi ul li.eventi a:hover { background-image:url(../img/menu-sx/rosa-att.gif) }

.menu1 ul li.bandi { background-image:url(../img/menu-sx/lime.gif) }
.menu1 ul li.bandi a:hover, .menu1 ul li.bandi ul li.bandi a:hover { background-image:url(../img/menu-sx/lime-att.gif) }

.menu1 ul li.fondazionesum { background-image:url(../img/menu-sx/celeste.gif) }
.menu1 ul li.fondazionesum a:hover, .menu1 ul li.fondazionesum ul li.fondazionesum a:hover { background-image:url(../img/menu-sx/celeste-att.gif) }

.menu1 ul li.link { background-image:url(../img/menu-sx/viola.gif) }
.menu1 ul li.link a:hover, .menu1 ul li.link ul li.link a:hover { background-image:url(../img/menu-sx/viola-att.gif) }

.menu1 ul li:hover ul li:hover ul li.formazione a:hover, .menu1 ul li.formazione a:hover ul li.formazione a:hover ul li a:hover { background-image:url(../img/menu-sx/verde-att.gif) }
.menu1 ul li:hover ul li:hover ul li.home a:hover, .menu1 ul li.home a:hover ul li.home a:hover ul li a:hover { background-image:url(../img/menu-sx/rosso-att.gif) }
.menu1 ul li:hover ul li:hover ul li.istituto a:hover, .menu1 ul li.istituto a:hover ul li.istituto a:hover ul li a:hover  { background-image:url(../img/menu-sx/blu-att.gif) }
.menu1 ul li:hover ul li:hover ul li.formazione a:hover, .menu1 ul li.formazione a:hover ul li.formazione a:hover ul li a:hover { background-image:url(../img/menu-sx/verde-att.gif) }
.menu1 ul li:hover ul li:hover ul li.ricerca a:hover, .menu1 ul li.ricerca a:hover ul li.ricerca a:hover ul li a:hover { background-image:url(../img/menu-sx/violetto-att.gif) }
.menu1 ul li:hover ul li:hover ul li.eventi a:hover, .menu1 ul li.eventi a:hover ul li.eventi a:hover ul li a:hover { background-image:url(../img/menu-sx/rosa-att.gif) }
.menu1 ul li:hover ul li:hover ul li.bandi a:hover, .menu1 ul li.bandi a:hover ul li.bandi a:hover ul li a:hover { background-image:url(../img/menu-sx/lime-att.gif) }
.menu1 ul li:hover ul li:hover ul li.fondazionesum a:hover, .menu1 ul li.fondazionesum a:hover ul li.fondazionesum a:hover ul li a:hover { background-image:url(../img/menu-sx/celeste-att.gif) }
.menu1 ul li:hover ul li:hover ul li.link a:hover, .menu1 ul li.link a:hover ul li.link a:hover ul li a:hover { background-image:url(../img/menu-sx/viola-att.gif) }





/* I Livello */
.menu1 ul li ul {
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	top:-1px;
	left:172px;
	z-index:90;
	height:0;
}

/* II Livello */
.menu1 ul li:hover ul, .menu1 ul li a:hover ul {
	visibility:visible;
	overflow:visible;
	z-index:100;
	width:200px;
	height:auto;
	background:#eee;
	border:1px solid #AFAEB3;
}
.menu1 ul li:hover ul li a, .menu1 ul li a:hover ul li a {
	display:block;
	width:200px;
	height:auto;
	background:transparent;
	line-height:15px;
	padding:5px 0 5px 38px;
}
* html .menu1 ul li a:hover ul li a { width:135px; }
.menu1 ul li:hover ul li a:hover,.menu1 ul li a:hover ul li a:hover {
	border:0;
	width:162px;
}

/* III Livello */
.menu1 ul li:hover ul li ul, .menu1 ul li a:hover ul li a ul {
	visibility:hidden;
	overflow:hidden;
	position:absolute;
	top:0;
	left:200px;
	height:0;
}
.menu1 ul li:hover ul li:hover ul, .menu1 ul li a:hover ul li a:hover ul {
	visibility:visible;
	position:absolute;
	width:230px;
	height:auto;
	padding:0;
}
.menu1 ul li:hover ul li:hover ul li a,.menu1 ul li a:hover ul li a:hover ul li a {
	display:block;
	width:230px;
	background:transparent;
}
* html .menu1 ul li a:hover ul li a:hover ul li a { width:191px; }
.menu1 ul li:hover ul li:hover ul li a:hover, .menu1 ul li a:hover ul li a:hover ul li a:hover {
	background-color:#fff;
	background-position: 10px center;
	background-repeat:no-repeat;
}