body { 
background: #ebebeb url(images/bg.jpg) repeat-x left top;
color: #303030; 
font: .74em Arial, Verdana, sans-serif; 
text-align: center; 
line-height: 1.4em; 
_line-height: 1.6em; 
margin: 2.5em 0; 
}
.image { border:0; float: left;  padding: 3px; margin: 0 10px 10px 0; }
.image1 { border:0; padding: 0; margin: 0 ;}
.image2 { float: left;  padding: 3px; margin: 0 30px 10px 0; }
.image3 {  border: 5px solid #8B8FA1; float: left;  padding: 3px; margin: 0 10px 10px 0; }

.hide{
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for IE5 Mac */
}

img { 
border:0; 
padding: 0;
margin: 0 ;
 }
a { 
color: #214466; 
background: inherit; 
}

a:hover { 
color: #009900; 
background: inherit; 
}

h2 {
font-size: 1.4em;
background: #ebebeb url(images/bgh2.jpg) repeat-x left top;
height: 15px;
padding: 10px;
color: #fff; 
}





h3 {
font-size: 1.4em;
background: #7E83A0 ;
border: 5px solid #E7E8F1;
margin: 0;
padding: 10px;
color: #fff; 
min-height:10px;
_height:30px
}
h4 {
font-size: 1.1em;
font-weight: normal;
background: #E1E5EE url(images/bgh4.jpg) repeat-x left top;
border: 0px solid #8E95A9;
padding: 10px;
color: #2A344D; 
min-height:10px;
_height:30px
}

h5 {
font-size: 1.4em;
background: #385E83 url(images/bgh2.jpg) repeat-x left bottom;
border: 0px solid #8E95A9;
padding: 10px;
margin:15px 0 0 0;
color: #ffffff; 
min-height:10px;
_height:30px
}

h6 {
font-size: 0em;
height: 0px;
padding: 0px;
margin:0
}

ul { 
margin: .6em 0; 
padding: 0;
}

.clear {	
clear: both; 
margin: 0 0 .5em 0; 
}



#wrapper { 
width: 99%; 
margin: 0 auto; 
text-align: left; 
}


#header{
width: 100%; 
float: left;
margin: 0 auto; 
text-align: left; 
height: 120px;
}

#logo {
margin: 0 auto; 
float: left;
color: #000;
background: inherit;
margin: 0 0 .8em .3em;
padding: 0;
font-size: 1.4em;
}

#logo h1 {

color: #3D648A;
margin: 0 0 .8em .3em;
_margin:  0 0 .4em .3em; /* this did the trick. Only IE6 should process this line */
padding: 0;
font-size: .8em;
}

#banner  {

margin: 0 auto; 
float: right;
color: #000;
background: inherit;
margin: 0 0 .8em .3em;
_margin:  0 0 .4em .3em; /* this did the trick. Only IE6 should process this line */
padding: 0;
font-size: 2.4em;
}

#topmenu{
width: 100%; 
float: left;
margin: 0 auto; 
text-align: left; 

}

#topmenusx {
margin: 0 auto; 
float: left;
width: 70%; 

}



#topmenudx  {
margin: 5px auto; 
float: left;
width: 10%; 


}
#topmenudx1  {
margin: 5px auto; 
paddig: 0px auto; 
float: right;
width: 20%; 
height: 30px;
}

	



			

#menu { clear: both; margin: 0 2% 1em 1%; padding: 9px 0 7px 0; _padding: 6px 0 7px 0;}

#menu li { display: inline; }

#menu a { padding: 10px 10px 10px 10px; margin: 0 3px 0 0; text-decoration: none; background: #fff; color: #444; }

#menu a.current { color: #fff; background: #3D648A; }

#menu a:hover { background: #C2CAD2; color: #444;}



.column {
	float: left;
	width: 30.3%;
	margin:  0.5% 0.5% 0 0.5%;
	_margin: 0.4%; /* this did the trick. Only IE6 should process this line */
	background:  #fff url(images/sfumabox.gif) bottom right no-repeat;
	color: #303030;
	padding: 1% 1% 0 1%;
	

}	

.column h1 {

	margin: 1% 0;
	padding: 0;
	color: #214466;
	background: #fff;
	font-size: 1.5em;

}

		

.number {
	background: #B6BCC7;
	padding: .6% 3%;
	color: #FFF;
}

.allegati {
	background: #385E83;
	padding: .6% 3%;
	color: #FFF;
	line-height: 1.5em;
}
.downl {
	background: #FF7800;
	padding: .9% 3%;
	color: #FFF;
	font-size: 80%;
	
}

		

.half {
	float: left;
	width: 17.2%;
	margin: 0.2em 0.5%;
	_margin: 0.2em; /* this did the trick. Only IE6 should process this line */
	background:  #fff url(images/sfumabox1.gif) bottom right no-repeat;
	color: #303030;
	padding: .5% 1%;
	min-height:2000px;
	
}

.half1 {
	float: left;
	width: 56.6%;
	margin: 0.2em 0.4%;
	_margin: 0.2em; /* this did the trick. Only IE6 should process this line */
	background:  #fff url(images/sfumabox1.gif) bottom right no-repeat;
	color: #303030;
	padding: .5% 1%;
	min-height:2000px;
}



.date { border-top: 1px dotted #ccc; padding: 5px 0;}

			

.footer1 { background: #fff; color: #808080; padding: .7em 1em; margin: 0 0.5%; background:  #fff url(images/sfumabox.gif) bottom right no-repeat; }



#footer { margin: 1em 3%; text-align: right; }



	
#menudx {
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0;
	
	}

#menudx  ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menudx li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	list-style-type:none
	
	}	
	
#menudx li a:link, #menudx li a:visited {
	color: #000;
	display: block;
	background: url(images/menu3.gif);
	padding: 8px 0 0 20px;
	}
	
#menudx li a:hover, #menudx li a:active {
	color: #FFFFFF;
	background: url(images/menu3.gif) 0 -32px;
	padding: 8px 0 0 20px;
	font-weight: bold;
	}
	

#menudx1 {
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0;
	}

#menudx1  ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menudx1 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	
	}	
	
#menudx1 li a:link, #menudx1 li a:visited {
	color: #000;
	display: block;
	background: url(images/menu3.gif);
	padding: 8px 0 0 20px;
	}
	
#menudx1 li a:hover, #menudx1 li a:active {
	color: #FFFFFF;
	background: url(images/menu3.gif) 0 -32px;
	padding: 8px 0 0 20px;
	font-weight: bold;
	}
	



#menudx2 {
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0;
	}

#menudx2  ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menudx2 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	
	}	
	
#menudx2 li a:link, #menudx2 li a:visited {
	color: #000;
	display: block;
	background: url(images/menu3.gif);
	padding: 8px 0 0 20px;
	}
	
#menudx2 li a:hover, #menudx2 li a:active {
	color: #FFFFFF;
	background: url(images/menu3.gif) 0 -32px;
	padding: 8px 0 0 20px;
	font-weight: bold;
	}





#menudxpg {
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0;
	}

#menudxpg  ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#menudxpg li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	
	}	
	
#menudxpg li a:link, #menudxpg li a:visited {
	color: #000;
	display: block;
	background: url(images/menu3.gif);
	padding: 8px 0 0 20px;
	}
	
#menudxpg li a:hover, #menudxpg li a:active {
	color: #FFFFFF;
	background: url(images/menu3.gif) 0 -32px;
	padding: 8px 0 0 20px;
	font-weight: bold;
	}


.box {
width: 49.4%;
margin: 0.5%  0.1% 0  0.1%;
_margin: 0.1em; /* this did the trick. Only IE6 should process this line */
padding: 0.2% ;
float: left;

}
.box1 {
width: 98.8%;
margin: 0.5%  0.1% 0  0.1%;
_margin: 0.1em; /* this did the trick. Only IE6 should process this line */
padding: 0.2% ;
float: left;
}
.box1 ul {
	margin: 0;
	padding-left: 15px;
	}

.top_leftx {border-top: 2px solid;border-left: 2px solid; border-color: #EBEEF1;padding-left:15px;}
.top_rightx {border-right: 2px solid;border-color: #EBEEF1;padding:1px;padding-left:0px;padding-bottom:1px;padding-right:10px; min-height:270px; _height:280px;}
.top_right1x {border-right: 2px solid;border-color: #EBEEF1;padding:1px;padding-left:0px;padding-bottom:1px;padding-right:10px; min-height:350px; _height:350px;}
.bottom_leftx {border-bottom: 2px solid;border-left: 2px solid;border-color: #EBEEF1;padding-left:10px;}
.bottom_rightx {border-right: 2px solid;border-color: #EBEEF1;height:10px;}
	
.top_left {background: url(images/box.gif) top left;padding-left:15px;}
.top_right {background: url(images/box.gif) top right;padding:1px;padding-left:0px;padding-bottom:1px;padding-right:10px; min-height:270px; _height:280px;}
.top_right1 {background: url(images/box.gif) top right;padding:1px;padding-left:0px;padding-bottom:1px;padding-right:10px; min-height:300px; _height:350px;}
.bottom_left {background: url(images/box.gif) bottom left;padding-left:10px;}
.bottom_right {background: url(images/box.gif) bottom right;height:10px;}


.top_left ul { 
margin:  0; 
padding: 0 2.5%;
}

dl{width:98%;}
dt{font-size: 120%;margin: 0px 2px 5px; color: #214466; font-weight: bold; background:url(images/bgdt.jpg) repeat-x bottom;}
dd{
margin: 0;
padding-left:10px; 
line-height: 1.2;
height: 25px;
}
dd a{text-decoration: none;color: #214466;}
dd a:hover{color: #009900}

form#search{width: 180px; float: right; display: inline;}
form1#search1{width: 280px; float: left; display: inline;}

search input{
float: left;
width: 120px;
margin-top: 3px;
background: #FFF url(images/bk.png);
border: 1px solid;
border-color: #999 #777 #777 #999;
font: 14px Arial,sans-serif;
color: #1B1E33}
	
.form .text {
	display:inline;
	border:1px solid #666666;
	background: #efefef;
	width:130px;
	padding:3px;
	margina:0 auto;
	font-size:14px;
	color:#000000;
}
.form .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.form .text:focus {
	background:#FFFFFF;
	border: 1px solid #669900;
}
.form .button {
	display:inline;
	border:1px solid #666666;
	background:#efefef;
	padding:2px;
	
}
.form .button:hover {
	display:inline;
	border:1px solid #669900;
	background: #ffffff;
	padding:2px;
}


.form1 .text {
	display:inline;
	border:1px solid #666666;
	background: #efefef;
	width:230px;
	padding:3px;
	margina:0 auto;
	font-size:14px;
	color:#000000;
}
.form1 .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.form1 .text:focus {
	background:#FFFFFF;
	border: 1px solid #669900;
}
.form1 .button {
	display:inline;
	border:1px solid #666666;
	background:#efefef;
	padding:2px;
	
}
.form1 .button:hover {
	display:inline;
	border:1px solid #669900;
	background: #ffffff;
	padding:2px;
}

div.pic{float:left;margin-right: 10px;padding:0 0 20px 0; 	
    background: url(images/shadow.png) repeat-x bottom }

div.pic img{display: block;border: 1px solid;

    border-color: #CCC #CCC #AAA #CCC;
    padding: 5px;background: #f6f6f6} 




ul.dx  {list-style-type: none; list-style-image:url(images/list_style.jpg);  padding:0px; margin:0px;  margin-left: 25px;}
ul li.dx  {padding:0px; margin:0px; padding-left:1px; }
p.dx{text-align:right;}


ul.dx1  {list-style-type: none; list-style-image:url(images/list_style.jpg); padding:0px; margin:0px;  margin-left: 25px;}
ul li.dx1  {padding:0px; margin:0px; padding-left:5px;}
p.dx1{text-align:right;}

ul.dx2  {list-style-type: none; list-style-image:url(images/list_style-g.jpg); padding:0px; margin:0px;  margin-left: 10px;}
ul li.dx2  {padding:0px; margin:0px; padding-left:1px;}
p.dx2{text-align:right;}
.dx2 a { 
color: #545D66; 
background: inherit; 
}

.dx2 a:hover { 
color: #009900; 
background: inherit; 
}

#stampa { 
padding: 0 auto; 
margin: 0 auto; 
text-align: right; 
}