html,body{
	margin: 0;
	margin-bottom: 10px;
	padding:0
}

body{
	font-family: arial,sans-serif;
	font-size: 12px;
	text-align: center;
	background-color: #DDE9F5;
}

a:link, a:visited {text-decoration: none; color: #5689a1; background-color: transparent}
a:hover {text-decoration: underline; color: #5689a1; background-color: transparent}

div#container{
	width: 980px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffff;
}

div#header_home{
	width: 980px;
}

div#header_home{
	width: 980px;
	height: 643px;
	background-image: url(../images/header_bg.jpg);
}

div#logo{
	text-align: center;
	margin-bottom: 10px;
}

div#navigation{
	color: #336184;
	height: 60px;
}

div#albero{
	padding-top: 20px;
}

div#content {
	color: #5689a1;
	text-align: justify;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

div#content_mappa {
	color: #5689a1;
	text-align: justify;
	background-image: url(../images/bg_mappa.jpg);
	background-repeat: repeat-y;
	margin-top: -10px;
}

div#content_contatti {
	color: #5689a1;
	text-align: justify;
	padding-top: 10px;
	padding-bottom: 10px;
	height:418px;
	background-image: url(../images/contatti_mappa.jpg);
	background-repeat: no-repeat;
	margin-top: -10px;
}

div#content span {color:#7191B2; font-size: 18px}
div#content p {
	margin:0;
	padding:8px 0 8px 0;
}

div#content_home {
	color: #5689a1;
	text-align: justify;
	padding: 1em
}

div#content_sx {
	width: 615px;
	float: left;
}

div#content_dx {
	width: 365px;
	height: 451px;
	margin-left: 615px;
	background-image: url(../images/albero_dx.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
}

div#link_albero {
	padding-top: 358px;
	padding-left: 80px;
}

div#link_albero ul li {
	list-style-image: url(../images/square_link_albero.jpg);
	margin-bottom: 12px;
	line-height: 12px;
	font-size: 12px;
	color: #024e72;
}

div#content_territori_sx {
	width: 630px;
	height: 612px;
	float: left;
}

div#content_territori_sx a,
div#content_territori_sx a:hover,
div#content_territori_sx a:visited{
	color:#86b7dd;
	font-weight: bold;
	text-decoration: none;;
}

div#content_territori_sx a:hover {
	text-decoration: underline;
	color: #04628b;
}

div#content_territori_sx a.btn_on {
	color: #04628b;
	font-weight: bold;
}

div#content_territori_dx {
	width: 350px;
	height: 612px;
	margin-left: 630px;
	vertical-align: top;
}

div#testo_territori {
	width: 330px;
	height: 286px;
	vertical-align: top;
	overflow: auto;
	padding: 10px;
}

div#titolo {
	color: #ffffff;
	width: 100%;
	height: 60px;
	text-indent: 12px;
	font-size: 30px;
	line-height: 60px;
	margin-bottom: 10px;
}

div#testo {
	padding-bottom: 10px;
	padding-left: 1em;
	padding-right: 1em;
}

div#testo_news {
	margin-top: -10px;
	padding-bottom: 10px;
}

div#testo_eventi {
	margin-top: -10px;
	padding-bottom: 10px;
}

div#extra {
	padding: 1em;
}

div#extra img {
	padding-right: 10px;
}

div#footer{
	clear: both;
	font-size: 10px;
	padding: 2px;
	text-align:center;
   background-color: #006b95;
	color: #FFFFFF;
	margin-top: 20px;
}

div#footer a{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

div#footer a:hover{
	text-decoration: underline;
}

div#footer span{
	padding-left: 15px;
	padding-right: 15px;
}

h1,h2{
	margin: 0;
	padding:0
}
h1{
	padding-left:0.5em;
	font: bold 2.3em/80px arial,serif
}
h2{
	color: #024e72;
	font-size: 32px;
}

/*stili per la navigazione*/
ul.topnav {
	width: 100%;
	list-style: none;
	padding: 0 20px;	
	float: left;
	font-size: 12px;
	margin-left: -10px;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 35px 0 35px;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	font-size: 12px;
	padding: 10px 5px;
	padding-left: 12px;
	color: #336184;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	float: left;
	background: url(../images/menu/square.jpg) no-repeat left center;
}
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 20px; top: 35px;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 157px;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-bottom: 1px dashed #336184; /*--Create bevel effect--*/
	clear: both;
	width: 157px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 142px;
	background: none;
	padding-left: 12px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #cfdfea; 
}

/* Classi   =================================== */

.clearLeft { clear:left }
.margin10dx {margin:0 10px 0 0;}
.contentImg {margin : 10px 20px 10px 0px; float: left}
.contentImgTerritori {margin : 10px 0 10px 35px}
.contentImgProfilo {
	margin: 10px 20px 10px 0px;
	float: left;
	border-bottom: 8px solid;
	border-color: #fa7a0d;
}

.tabellaBoard {border-collapse: collapse; text-align:center}
.tdBoard {padding: 10px 0 10px 0; border-left: #CCCCCC solid 1px}

.tabellaAmmFinCon {border-collapse: collapse; text-align:center}
.tdAmmFinCon {padding: 10px 0 10px 0; border-left: #CCCCCC solid 1px}
.tdConsulenti {padding: 10px 0 10px 0}

.profiliUl {list-style:none; margin: 0; padding: 0 0 8px 0;}
.profiliLi {display: inline;}
li.profiliLi a {
	text-decoration: none;
	color: #00709b;
}
li.profiliLi a:hover {
	text-decoration: underline;
}
.profiliUl span {
	padding-left: 10px;
	padding-right: 10px;
}
.progettiCatUl {list-style: none; margin: 0 0 10px 0; padding: 0}
.progettiCatLi {
	border-bottom: 1px solid #C1D5E9;
	padding: 9px 9px 9px 20px;
	font-size:18px;
	background-image:url(../images/sfuma1.gif);
	background-repeat:repeat-x;
	color: #7191B2;
}
.progettiUl {margin:5px 0 5px 0; padding:0 0 0 155px}
.progettiLi {padding:0; margin:0; list-style:none}
.progettoImg {margin:5px 0 5px 0; float: left}

.tappeUl {margin:0; padding:0 0 0 80px}
.tappeLi {padding:0; margin:0; list-style:none}
.tappeFloat {padding-left:20px; float: left}

div#milestone ul {margin:0; padding:0 0 0 80px}
div#milestone li {padding:0; margin:0; list-style:none}
div#milestone span {padding-left:20px; float: left}

.tabellaFunzionale {border-collapse:collapse; width:535px; text-align:left}
.tabellaFunzionale td {padding:3px; width:33%; vertical-align:top}
.tabellaFunzionale ul {list-style-image:url(../images/li_arrow.gif)}
.tabellaFunzionale li {padding:0; margin:0}

.tabellaInformatico {border-collapse:collapse; width:535px; text-align:left}
.tabellaInformatico td {padding:3px; width:50%}
.tabellaInformatico ul {list-style-image:url(../images/li_arrow.gif); margin-bottom:4px; margin-top:4px}
.tabellaInformatico li {margin-left:-10px; padding:0}
.tabellaInformatico p {font-size:14px; font-weight:bold}

.tabellaDettaglio {border-collapse:collapse; width:535px; text-align:left}
.tabellaDettaglio td {padding:2px; text-align:center; border:#CCCCCC solid 1px}
.tabellaDettaglio .titoli {background:#EAEAEA; color:#000000; font-size:12px; font-weight:bold}

.elencoMappaUl {
	list-style-image: url(../images/mappa_li.gif);
	margin:0;
	padding:0;
	margin-left: 275px;
	padding-top: 40px;
}

.elencoMappaUl li {	
	font-size: 15px;
	font-weight: bold;
	color: #024e72;
	text-transform: uppercase;
	padding-left:10px;
	padding-bottom: 10px;
}

.elencoMappaUl li a {
	color: #024e72;
}

.mappaUl {
	list-style-image: none;
	list-style: square;
	margin: 0 0 0 30px;
	padding:0 0 8px 10px;
}

.mappaUl li {
	font-size: 12px;
	font-weight: normal;
	color: #5689a1;
	text-transform: none;
	padding: 0;
}

.mappaUl li a {
	color: #5689a1;
}

.orangeLink a {color:#FF6600}
.orangeLink a:hover {color:#000000}