/** menu dl horizontal**/
/*------- for all element's -----*/
* {
	margin: 0;
	border:0;
	padding:0;
	
}

/** formatting div container **/
div#containermenu{
	position: relative; /*from the  body*/
	margin: auto; /* center in the body*/
	border: 0px solid #c6c6c6;
	width: 925px;
	height:100%;
	font-weight: 600;
	z-index: 1;
	text-transform: uppercase;
}

/**  div content, display after the div #nav **/
div#content{
	/*position:absolute;*/
	top:40px;
	left:0;
/*	padding:0 10px;*/
	z-index:2;
}
/** costruzione div nav contain the menu **/
div#navigazione{
	/*padding:2px 0;*/
	height:28px; 
	width:925px;
	position:absolute;
	top:0;
	left:0;
	z-index: 20;
}
dl, dt, dd, ul, li{
	list-style-type: none; /* non ha puntatura*/
}
/*setting dl menu id*/
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9, #menu10, #menu11,#menu12 {
	width: 80px;
	padding: 2px 0;
	position: absolute;
	top: 0;
	z-index: 3;
	font-size: 11px;
	font-family: Arial, Verdana, Comic Sans MS;
	/*font: normal normal 00 11px/20px  verdana, geneva, arial, helvetica, sans-serif;*/

	background-color: transparent;
	color: navy;
}

/* setting menu in horizontal position*/
#menu1{
	left: 20px;
}
#menu2{
	left: 70px;
}
#menu3{
	left:150px;
}
#menu4{
	left:200px;
}
#menu5{
	left:290px;
}
#menu6{
	left: 360px;
}
#menu7{
	left:440px;
}
#menu8{
	left:540px;
}
#menu9{
	left:620px;
}
#menu10{
	left: 680px;
}
#menu11{
	left:750px;
}
#menu12{
	left:830px;
}
/** formatting dt menu **/
dt{
	width: 85px;
	height: 25px;
	line-height: 25px;
	margin: 2px 2px 2px 2px;
	text-indent:5px;
	border: 1px solid #589cff; /*EAE7E7*/
	z-index: 
}

/** formatting dd menu **/
/*nota : se rimane spazio cioe' margin tra una dd e l'altra in senso verticale,
ci sono problemi con ie, in quando passando da una dd all'altra, 
sente lo spazio e in quel mentre le dd diventano invisibili, 
quindi per evitare questo problema, date margin top e bottom zero.
*/
dd{
	font-size: 10px;  /* aggiunta questa riga x rendere i sottomenù più piccoli  */
	width: 160px;
	height: 25px;
	line-height: 25px;
	margin: 0px 4px 0px 4px;
	text-indent:10px;
	z-index: 11
}
/** formatting a menu **/
dl a, dl a:link{
	text-decoration: none;
	width:100%; /*for ie*/
	height: 25px; /*for ie*/
	line-height: 25px;
	display: block;
	z-index: 12;
	outline-style: none;
	outline-width: 0;
	text-align: left; /*alignement of text*/
}
/********  diversificati i link dei menu' principali con quelli dei sottomenu' **********/
a.top:hover {
	background-color: #2355a1;
	color: #ffffff;
	border: 0px solid grey;

}
a.top:link, a.top:visited{
	background-color: #589cff;
	color: #ffffff;
	border: 0px solid #ffffff;
	
}
/*******************/
dl a, dl a:link, dl a:visited{
	background-color: #589cff;
	color: #ffffff;
	border: 0px solid #ffffff;
}
dl a:hover, dl a:focus, dl a:active{
	color: #ffffff;
	background-color: #2355a1;
	border: 1px solid #ffffff;
	text-decoration: none;
}
/** class  menu closed**/
.hidden dd{
	display:none;
}
/** class menu open**/
.visible dd{
	display:inherit;
}

.nb{
	background-color: #eee;
	color: Red;
	font-weight: 800;
}

/*unico hack per ie*/
* html ul, * html ul.ul2, * html ul.ul3, * html ul.ul4, * html ul.ul5, * html ul.ul6, * html ul.ul7, * html ul.ul8, * html ul.ul9, * html ul.ul10, * html ul.ul11, * html ul.ul12{
/*il margin bottom serve solo per ie, 
per far sì che non allunghi le ul e 
in questo modo lo costringo a stringere , 
altrimenti non si riesce a farlo funzionare*/
	margin:0 0 -160px 0;
}

ul.ul2, ul.ul3, ul.ul4, ul.ul5, ul.ul6, ul.ul7, ul.ul8, ul.ul8, ul.ul9, ul.ul10, ul.ul11, ul.ul12{
	position:relative;
	top: -27px;
}
.left{
	left: 160px;
}
.right{
	right:160px;
}
/** dont touch after this line ! important**/
/** class  menu closed**/
.closed dd.one{
	display:none;
}
/*istruzione che tiene chiuso il primo sub menu e anche il secondo*/
dd.one li.closed ul.ul2 li{
	display:none;
}
/** class menu open**/
.open dd.one{
	display:inherit;
}
/* istruzione che apre il primo submenu*/
dd.one li.open ul.ul2 li{
	display: inherit;
}
/* istruzione che fa aprire il primo sub menu e tiene chiuso il secondo*/
dd.one li.open ul.ul2 li.closed ul.ul3 li{
	display:none;
}
/* istruzione che fa aprire il secondo sub menu quando si e' sul primo submenu*/
dd.one li.open ul.ul2 li.open ul.ul3 li{
	display:inherit;
}