
*{
	margin: 0px;
	padding: 0px;
	}

body{
    width:99%;
	background-color: #414142;	
	font-size: 75%;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	}

#tutto{
	height:auto;
	width:900px;
	background-color:#414142;
	position: relative;
	margin: auto;
	margin-bottom: 15px;
	}

/*+++++++++++++++++++++++++++++++++++++++ inizio #principale ++++++++++++++++++++++++++++++++++++++++++++++++*/

#contenitore{
	height: auto;
	width:900px;
	margin-top:0px;
	margin-bottom:5px;
	background-color:#E3ECFD;
	padding-top:15px;
	padding-bottom:5px;
	padding-left:30px;
}

#uno{
	height: auto;
	width:700px;
	text-align:left;
	margin-top:0px;
	margin-bottom:5px;
	background-color:transparent;
	padding-top:0px;
	padding-bottom:5px;
	padding-left:0px;
	float:left;
	overflow: Auto;
}

#due{
	height: auto;
	width:200px;
	text-align:center;
	background-color: transparent;
	padding-top:25px;
	margin-top:0px;
	margin-left:0px;
	float:left;
	overflow: Auto;	
}

#tre{
	height: auto;
	width:900px;
	text-align:right;
	background-color: transparent;
	padding-top:0px;
	margin-left:0px;
	float:left;
	overflow: Auto;	
}

#quattro{
	height: auto;
	width:900px;
	text-align:center;
	background-image:url(../img/fondotesti.jpg);
	padding-top:0px;
	margin-left:0px;
	float:left;
	overflow: Auto;	
}

#cinque{
	height: auto;
	width:660px;
	text-align:left;
	padding-left:30px;
	padding-top:30px;
	padding-right:5px;
	margin-left:0px;
	float:left;
	overflow: Auto;	
}

#sei{
	height: auto;
	width:850px;
	text-align:left;
	background-color: transparent;
	padding-left:30px;
	padding-top:20px;
	margin-left:0px;
	float:left;
	overflow: Auto;	
}

#sette{
	height: auto;
	width:650px;
	text-align:left;
	background-color:transparent;
	padding-left:0px;
	padding-top:10px;
	margin-left:0px;
	float:left;
	overflow: Auto;	
}				

#otto{
	height: auto;
	width:250px;
	text-align:center;
	background-color: transparent;
	padding-top:30px;
	margin-top:0px;
	margin-left:0px;
	float:left;
	overflow: Auto;	
}

#nove{
	height: auto;
	width:700px;
	text-align:left;
	background-color:#FCFBBA;
	padding-left:30px;
	padding-top:30px;
	margin-left:0px;
	float:left;
	overflow: Auto;	
}

#dieci{
	height: auto;
	width:320px;
	text-align:center;
	background-color: transparent;
	padding-top:0px;
	margin-top:0px;
	margin-left:0px;
	float:left;
	overflow: Auto;	
}

#undici{
	height: auto;
	width:320px;
	text-align:left;
	padding-left:30px;
	padding-top:30px;
	padding-right:5px;
	margin-left:0px;
	float:left;
	overflow: Auto;	
}				

#due ul li{	
/* attenzione!! bug IE: se inserisco altri elementi in #due nel file html devo dare un id a ul */
	list-style-type:none;
 	display: inline;
	margin: 0px; 
	padding: 0px;
	border: 0px;
	color: #030F58;
	font-size: 11px;
	font-weight: lighter;
	position: relative;
	top: 12px;
	}

#due a { 
	height:auto
	margin-left:25px;
	background-color: transparent;
	color: #AF280D;	
	font-weight:bolder;
	}
	
#sei img {
border:none; 
	}	
	
#due a:visited {
	height:auto
	margin-left:25px;
	background-color: transparent;
	color: #AF280D;
	}

#due a:hover {
	height:auto
	margin-left:25px;
	background-color: transparent;
	color: #AF280D;
	}

#due a:visited:hover {
	height:auto
	margin-left:25px;
	background-color: transparent;
	color: #AF280D;
	}	
	
/* elenco alfabetico - per tutte le pag. degli enti e provincie */

#mappa{
	height: auto;
	width: 50%;
	float:left;
	margin-top:0px;
	margin-bottom:30px;
	background-color:transparent;
	padding-left:40px;
	overflow:auto;
}

#freccia{
	height: auto;
	width: 50%;
	margin-top:0px;
	margin-bottom:30px;
	background-color:transparent;
	padding-left:40px;
	overflow:auto;
}
	
p{
	padding: 5px 0 5px 0;
	margin-bottom:10px;
	text-align:justify	
	}	
	
h1{
	text-align:left;
	font-size:64px;
	line-height:0.9em;
	font-family:"Arial Black";
	color:#E84E25;
	margin-bottom:0px;
	padding-bottom:0px;
	}
	
h2{
	text-align:left;
	font-size:64px;
	line-height:0.9em;
	font-family:"Arial Black";
	color:#FFFFFF;
	margin-top:0px;
	margin-bottom:0px;
	}
	
h3{
	text-align:left;
	font-size:36px;	
	font-family:Arial, Helvetica, sans-serif;
	color:#96989B;
	margin-bottom:15px;
	}
	
h4{
	text-align:left;
	line-height:0.9em;
	font-size:28px;	
	font-family:"Arial Black";
	color:#E84E25;
	margin-bottom:15px;
	padding-left:20px;
	}	
	
h5{
	text-align:left;
	font-size:16px;	
	font-family:Arial, Helvetica, sans-serif;
	color:#96989B;
	margin-bottom:15px;
	}
	
h6{
	text-align:center;
	color:#FFFFFF;
	}				
	
.lista ul li{
	list-style-type:none;
	display: block;
	font-size: 1.0em;
	}
.lista li{
	border-bottom: solid 1px lightblue;
	}
.lista a, .lista a:visited, .lista a:hover, .lista a:visited:hover {  
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 3px;
	margin-top: 7px;
	color: #000000;
	display: block;
	text-decoration: none;
	font-weight:  normal;
	}
.lista a.parent, .lista a.parent:visited, .lista a.parent:hover, .lista a.parent:visited:hover {
	background-image: url(../img/nav_blue.gif);
	background-position: right center;
	background-repeat: no-repeat;
	border-bottom: dashed 1px lightblue; /* UGUALE A: .sottolista li */
	}

#attuale{
	color: #ABCDEF;
	}


/* sistemo gli hover  */

.lista a:hover, .lista a:visited:hover, .lista a.parent:hover, .lista a.parent:visited:hover, .sottolista a:hover, .sottolista a:visited:hover {
	color: blue; /* bug IE : NON MI FA CAMBIARE IL BKG*/
	text-decoration: underline;
	}





/* immagini */
.wrap1_left, .wrap2, .wrap3 {
  display: inline-table;
  /* \*/display: block;/**/
  }

.wrap1_left {
  float: left;
  margin: 5px 15px 0 28px;
  background: url(../img/shadow.gif) right bottom no-repeat;
  }



.wrap1_right, .wrap2, .wrap3 {
  display: inline-table;
  /* \*/display: block;/**/
  }

.wrap1_right {
  float: right;
  margin: 5px 5px 0 5px;
  }
  
.wrap2 {
  background: url(../img/corner_bl.gif) left bottom no-repeat;
  }

.wrap3 {
  padding: 0 10px 10px 0;
  background: url(../img/corner_tr.gif) right top no-repeat;
  }

.wrap3 img {
  display: block;
  }

/*+++++++++++++++++++++++++++++++++++++++ fine #principale ++++++++++++++++++++++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++++++ inizio #colonna +++++++++++++++++++++++++++++++++++++++++++++++++*/


#colonna{
	height: 553px;
	width: 204px;
	background-color: transparent;
	float: right;
	display: inline; /* bug IE */
	}

#titolo{
	height: 44px;
	width: 204px;
	background: transparent url(../img/piemonte.jpg) no-repeat 7px 0px;
	}












#cartina{
	height: 287px;
	width: 204px;
	background-color: transparent;	
	}

#img_cartina{
	position: relative;
	top: 24px;
	left: 10px;
	}



#notizie{
	height: 220px;
	width: 204px;
	background-color: transparent;	
	border-bottom: solid 1px #000;
	}

#notizie p{
	padding: 5px 0 25px 0;
	border-top: 4px solid #ABCDEF;
	text-align: justify;
	}

.news{
	position: relative;
	top: 0px;
	left: 10px;
	height: 210px; /* IMPORTANTE!! settare height e width anche nel file html dove c'è lo script JavaScript*/
	width: 192px;
	background-color: transparent;
	font-size: 1.0em;
	overflow: hidden;
	}

.news span{
	font-weight: bold;
	}

.news a{
	color: blue;
	}

.news span a{
	float: right;
	padding-right: 4px;
	color: #000;
	text-decoration: none;
	}


.news a:visited{
	color: #A04B6D;
	}

.news span a:visited{
	color: #000;
	}

/*++++++++++++++++++++++++++++++++++++++ fine #colonna +++++++++++++++++++++++++++++++++++++++++++++++++*/


/*	footer	*/

#footer{
	width: 855px;
	padding-top: 18px;
	background-color: transparent;
	font-size: 0.8em;
	color: #999;
	letter-spacing: 1px;
	margin: 0px;
	}	

#footer a{
	color:#999;
	text-decoration: none;
	}

#footer a:hover{
	color:#999;
	text-decoration: underline;
	}

#footer_left{
	float: left;
	width: 484px;
	/* border-right: 1px solid #999;*/
	}




#footer_center{
	float: left;
	/* border-right: 1px solid #999;*/
	padding: 0 55px 0 55px;
	}
#footer_center img{
	height: 31px;
	width: 88px;
	border: 0 none;
	}



#footer_right{
	text-align: right;
	}
















#link{
	height: 80px;
	width: 900px;
	margin: 0px auto;
	margin-bottom: 10px;
	}
#centro{
	width: 480px;
	margin: 0px auto;
	}

#centro img{
	border:0px;
	margin-left: 10px;
	}


.hidden {
	display: none;
	}

.clearfloat {
	clear: both;
	}









