body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-image: url(img/bg.gif);
	background-repeat:	no-repeat;
	
}
li {
list-style-type: square;
color: #003366;
margin: 0 0 0 15
}
.sfondo{
background-repeat: no-repeat;
}
.piede{
background-repeat: no-repeat;
background-image: url('images/shadowdown.jpg');
height: 98px;
}

.cella {
border-bottom-style: solid;
border-bottom-width: 1px;
font-family: Arial;
color: #003366;
font-size: 9 pt;
border-color: #E8E8E8;
}
.title {
background-image: url('images/title.jpg');
}
a:hover {
font-size: 9 pt;
	color: #003366;
	}
a {
weight: bold;
font-size: 9 pt;
	color: #888888;
	}
		.immaginesx{
		border: 1px solid #000066; 
		margin-left: 14;
		 padding-left: 4px; 
		 padding-right: 4px; 
		 padding-top: 1px;
		  padding-bottom: 1px
		}
	.immaginedestra{
		border: 1px solid #000066; 
		margin-right: 14;
		 padding-left: 4px; 
		 padding-right: 4px; 
		 padding-top: 1px;
		  padding-bottom: 1px
		}
		
td.menu {
height: 21 px;
border-right-style: solid; 
border-right-width: 1px; 
background-repeat: repeat-x;
background-image: url('sfondo.png');
font-family: Arial;
color: #003366;

font-size: 9 pt
}
td.menulong {
height: 21 px;
border-right-style: solid; 
border-right-width: 1px; 
background-repeat: repeat-x;
background-image: url('sfondo.png');
font-family: Arial;
color: #003366;
font-size: 9 pt

}

td.menushort {
height: 21 px;
border-right-style: solid; 
border-right-width: 1px; 
background-repeat: repeat-x;
background-image: url('sfondo.png');
font-family: Arial;
color: #003366;
font-size: 9 pt

}

.sottomenu {
height: 21 px;
border-right-style: solid; 
border-right-width: 1px; 
background-repeat: repeat-x;
background-image: url('sfondo.png');
font-family: Arial;
color: #003366;
font-size: 9 pt

}

.attivo {
font-family: Arial;
color: #800000;
font-size: 9 pt;
font-weight: bold;

}

td.menu a:hover {
background-image: url('sfondo2.jpg');
color: white;
height: 19 px;
width:100%;
background-repeat: repeat-x;
font-family: Arial;
font-size: 9 pt;
text-decoration: none

}
td.menulong a:hover {
background-image: url('sfondo2.jpg');
color: white;
height: 19 px;
width:100%;
background-repeat: repeat-x;
font-family: Arial;
font-size: 9 pt;
text-decoration: none

}
td.menushort a:hover {
background-image: url('sfondo2.jpg');
color: white;
height: 19 px;
width:100%;
background-repeat: repeat-x;
font-family: Arial;
font-size: 9 pt;
text-decoration: none

}
a {
text-decoration: none;
color:#003366;
}

a:hover {
	font-weight: bold;
	color: #800000;
	}


.quadromenu {
border-style: solid;
border-width: 1px;
border-color: #E8E8E8;
width: 120 px;


}

.quadro {
border-style: solid;
border-width: 1px;
border-color: #E8E8E8;

}
.titolo {
border-style: solid;
border-width: 1px;
border-color: #E8E8E8;
margin 10 10 10 10;
background-color: #134A98;
font-family: Arial;
color: white;
font-size: 9 pt;
}
.tab {
background-repeat: no-repeat; align: right }

.footer {
background-repeat: repeat-x;
font-family: Arial;
color:white;
font-size: 9 pt;
background-image: url('sfondo2.jpg') }

.centrale {
font-family: Arial;
color: #003366;
font-size: 9 pt;
text-align: justify;
margin: 7 7 7 7;
padding: 5 5 5 5;
line-height: 150%;

}

td.submenu {
height: 18 px;
width:150 px;
background-color: white;
font-family: Arial;
color: #003366;
font-size: 9 pt;
border-style: solid;
border-width: 1px;
border-color: #E8E8E8;
margin: 10 10 10 10;
padding: 0 0 0 10;
}

td.submenu a:hover {
background-color: #003366;
color: white;
height: 13 px;
width:139 px;
background-repeat: repeat-x;
font-family: Arial;
font-size: 9 pt;
text-decoration: none;

}

/** menu dl horizontal**/
/*------- for all element's -----*/
/** formatting div container **/
div#container{
	position: relative; /*from the  body*/
	margin: auto; /* center in the body*/
	border: 1px solid #fff;
	width: 762px;
	height:100%;
	font-weight: 600;
	z-index: 1;
}

/**  div content, display after the div #nav **/
div#content{
	position:absolute;
	top:40px;
	left:0;
	padding:0 10px;
	z-index:2
}
div#corpo{
width: 830px;
margin-left: -400px;
position: absolute;
left: 50%;
}

/** costruzione div nav contain the menu **/
div#nav{
	padding:2px 0;
	height:34px; 
	width:760px;
	position:absolute;
	top:0;
	left:0;
	z-index: 20
}
dl, dt, dd{
	list-style-type: none; /* non ha puntatura*/
}
/*setting dl menu id*/
#menu1, #menu2, #menu3, #menu4{
	
	padding: 3px 0;
	position: absolute;
	top: 0;
	z-index: 3;
	font: arial, helvetica, sans-serif;
	background-color: transparent;
		color: #003366;
}

/** formatting dt menu **/

/** 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.
*/
dt{
	width: 170px;
	height: 25px;
	line-height: 25px;
	margin: 2px 1px 2px 8px;
		border: 1px solid #BEBE99;
	z-index: 9
}


/** formatting a menu **/
dl a, dl a:link{
	text-decoration: none;
	width:100%; /*for ie*/
	height: 20px; /*for ie*/
	line-height: 20px;
	display: block;
	
	outline-style: none;
	outline-width: 0;
	text-align: left; /*alignement of text*/
	background-color: white;
	border-style: solid;
border-width: 1px;
border-color: #003366;
}
#menu1, #menu2, #menu3, #menu4{
	
	position: absolute;
	left: 0px;

}

dl a, dl a:link, dl a:visited{
	color: #003366;
		border-style: solid;
border-width: 1px;
background-color: #E8E8E8;
border-color: #003366;
}
dl a:hover, dl a:focus, dl a:active{
	
	background-color: #003366;
	color: white;
	border: 1px solid white;
}
/** class  menu closed**/
.hidden dd{
	display:none;
}
/** class menu open**/
.visible dd{
	display:inherit;
}

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


.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;
}
