/*stili generali*/
* {
	margin:0;
	padding:0;}

* ul{
	list-style:none;}

a:link, a:active, a:visited{
	color:#000000;
	text-decoration:none;}

a:hover{ text-decoration:underline;}

body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:78%;
	line-height:1.4em;
	color: #000000;
	background: #ffffff url(../Immagini/Sfondo10.png) repeat;}

.nascosto,
hr, h1, h2, h3,
.linkTop{
	position: absolute;
	top: -10000px;
	left:-10000px;
	width: 0;
	height:0;
	clear:none;}

p{
	margin: 10px;
	padding: 0;}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;}

li {	
	padding-left: 7px;
	margin-bottom: 5px;}

img{border: 0px solid;}
	
/* DIV  */

#contenitore { 
	margin: auto;
	width:750px;
	background: #ffffff;
	border-left: 2px solid #5F5F5F;
	border-right: 2px solid #5F5F5F;
	position:relative;}

#intestazione{ width:750px;}

#barra_menu_orriz{
	width:750px;
	height:32px;
	background:url(../Immagini/BarraMenuSuperiore.png) repeat;
	text-align: right;}

#barra_sup{
	width:750px;
	height:176px;
	background:url(../Immagini/BarraSuperiore.png) no-repeat top center;}

#logo{
	position:absolute;
	top:10px;
	left:10px;
	width:200px;
	height:206px;}

#imm_logo {
	display: block;
	width: 200px; 
	height: 206px;
	margin: 0;
	padding: 0;
	background: url("../Immagini/Logo.png") no-repeat;}

#percorso{
	width:750px;
	height:30px;}

#barra_percorso{
	width:520px;
	height:30px;
	padding-left: 230px;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 1px;}

#barra_percorso a{
	padding: 0px 0.5em;
	color: red;
	line-height: 30px;} 

.rosso{ color: red;} 

#menu_verticale{
	float:left;	
	width:215px;
	padding: 0 0 10px 0;}

#contenuto{
	float:right;	
	width:520px;
	margin-right: 10px;
	padding: 0px 2px 10px 2px;}

#piede{
	clear:both;	
	width:750px;
	height:108px;
	text-align:center;}

#pie_pagina{
	width:726px;
	height:89px;
	text-align:center;
	padding: 8px 0px 7px 0px;
	margin: 0px 10px 0px 10px;
	background: #ecf0f3; 
	border: 2px solid #e8e6df;}

#pie_pagina p{
	margin:0px;
	font-size: 1.2em;
	font-weight: bold;}

#pie_pagina a {
	font-size: 1.0em;
	text-decoration:underline;
	color: #004a99;} 

#pie_paginablu {
	margin:2px 0px 0px 0px;
	font-size: 1.0em;
	color: #004a99;} 


/* MENU ORIZZONTALE */

#MenuOrizzontale{ padding: 7px 0px 0px 20px;} 


#MenuOrizzontale ul{ white-space: nowrap} 

#MenuOrizzontale li{
	display: inline;
	margin: 0;
	padding:0;} 

#MenuOrizzontale li a{
	padding: 0.5em;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.3em;
	color: white;
	font-variant: small-caps;} 


/* MENU VERTICALE */

.m_verticale{
	width: 192px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 5px 0px;
	border-top: 0px;
	border-right: 2px solid #e8e6df;
	border-left: 2px solid #e8e6df;
	border-bottom: 2px solid #e8e6df;}  

.m_verticale_ul{ white-space: nowrap} 

.m_verticale_li a {
	display:block;  /* il link occupa tutto lo spazio orizzontale */
	padding: 5px 0px 0px 0.8em; /* lascia spazio fra il bordo del menu e il testo del link */
	height:23px;line-height:23px; /* altezza del link: height e line-height devono avere il medesimo valore */
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 1px;}

.m_verticale_li a:hover{ color: #004a99;} 

#activelink {text-decoration:underline;}

#intest_municipio {
	display: block;
     	width: 192px; 
     	height: 30px;
     	margin: 0;
     	padding: 0;
     	background: url("../Immagini/Municipio.png") no-repeat;}

#intest_albo {
	display: block;
     	width: 192px; 
     	height: 30px;
     	margin: 0;
     	padding: 0;
     	background: url("../Immagini/AlboPretorio.png") no-repeat;}

#intest_uffici {
	display: block;
     	width: 192px; 
     	height: 30px;
     	margin: 0;
     	padding: 0;
     	background: url("../Immagini/Uffici.png") no-repeat;}

#intest_modulistica {
	display: block;
     	width: 192px; 
     	height: 30px;
     	margin: 0;
     	padding: 0;
     	background: url("../Immagini/modulistica.png") no-repeat;}

#intest_associazioni {
	display: block;
     	width: 192px; 
     	height: 30px;
     	margin: 0;
     	padding: 0;
     	background: url("../Immagini/Associazioni.png") no-repeat;}


#intest_manifestazioni {
	display: block;
     	width: 192px; 
     	height: 30px;
     	margin: 0;
     	padding: 0 0 10px 0;
     	background: url("../Immagini/Manifestazioni.png") no-repeat;}

#villexpo {
	display: block;
     	width: 93px; 
     	height: 31px;
     	margin: 0;
     	padding: 0;
     	background: url("../Immagini/Villexpo.png") no-repeat;}

#summer_village {
			display: block;
     	width: 93px; 
     	height: 52px;
     	margin: 0;
     	padding-bottom: 5px;
     	background: url("../Immagini/SummerVillage.png") no-repeat;}

		
/* CONTENUTI */

#contenuto a{
			color: #004a99;
			text-decoration: underline;}	
					
#news {
			width: 510px;
			height: 250px;
			margin: 0 0 0 10px;
			padding: 20px 0 10px 0;
			border-top: 1px solid #e8e6df;
			border-bottom: 1px solid #e8e6df;
			text-align: center;
			font-size: 1.2em;}

#news02 {
			width: 510px;
			height: 400px;
			margin: 0 0 0 10px;
			padding: 20px 0 10px 0;
			border-top: 1px solid #e8e6df;
			border-bottom: 1px solid #e8e6df;
			text-align: center;
			font-size: 1.2em;}
		
#in_evidenza {
			width: 510px;
			margin: 0 0 0 10px;
			padding: 10px 0 10px 0;
			text-align: justify;}

#in_evidenza h4{
			font-size: 1.2em;
			text-decoration: underline;
			padding-bottom: 20px;}

#in_evidenza h5{
			font-size: 1.1em;
			padding-top: 10px;}

#sezione00 {
			width: 510px;
			margin: 0 0 0 10px;
			padding: 20px 0 10px 0;
			border-top: 1px solid #e8e6df;
			text-align: justify;}				

#sezione01 {
			width: 510px;
			margin: 0 0 0 10px;
			padding: 20px 0 10px 0;
			border-top: 1px solid #e8e6df;
			border-bottom: 1px solid #e8e6df;
			text-align: justify;}	

#sezione01 h5 {
			font-size: 1.1em;
			font-variant: small-caps;
			padding: 10px 0 10px 10px;}

.elenco{
			padding: 0 0 2px 10px;
			margin: 0;}

.titolo_sezione{
			font-size: 1.2em;
			padding-bottom: 20px;
			text-decoration: underline;
			font-variant: small-caps;}

.firma{ 
    text-align:right;
    font-style:oblique;
		padding-top: 10px;} 

#sezione02 {
			width: 510px;
			margin: 0 0 0 10px;
			padding: 10px 0 10px 0;
			border-bottom: 1px solid #e8e6df;
			text-align: justify;}

#sezione02 h5{
			font-size: 1.2em;
			padding:10px 0 0 10px;}

#sezione03 {
			width: 510px;
			margin: 0 0 0 10px;
			padding: 10px 0 0 0;
			text-align: justify;}
			
#sezione03 p{
			font-size: 1.1em;}

#sezione03 h5{font-size: 1.1em;}
			
#sezione04 {
			width: 510px;
			margin: 0 0 0 10px;
			padding: 20px 0 10px 0;
			border-top: 1px solid #e8e6df;
			text-align: justify;}	
			
.sezione05 {
			width: 510px;
			margin: 0 0 0 10px;
			padding: 10px 0 10px 0;
			border-bottom: 1px solid #e8e6df;
			text-align: justify;}

.sezione05 h5{
			font-size: 1.1em;
			font-variant: small-caps;
			padding: 10px 0 10px 10px;}
			
#contatti{
table-layout : fixed;
width : 500px;
height: 450px;
border-collapse : collapse;
border-spacing : 5px;
padding: 10px;
text-align: center;}

#contatti td{
border: 1px solid #a0a0a0;
height : 40px;}

#contatti th{
border: 1px solid #a0a0a0;
background : #e5e5e5;}

.uffici{
width : 120px;
height : 50px;}

#mail{
padding: 10px;
font-size: 1.1em;}

#mail th{
			width : 145px;
			padding: 8px 0 8px 0;}

/* MENU FOTOGRAFICO */

#menu_foto{
					 text-align: center; 
					 width: 510px;
					 border-collapse : collapse;}
					 
#menu_foto td{
					 text-align: center; 
					 vertical-align: top;}

#menu_foto a{
					 color: #000;
					 text-decoration: none;
					 font-size: 1.1em;}

#menu_foto a:hover{					 
					 text-decoration: underline;}					 

a#storia {
     display: block;
     width: 167px; 
     height: 218px;
     margin: 0;
     padding: 0;
     background: url("../Immagini/Storia02.gif") no-repeat;}

a#storia:hover {
     background: url("../Immagini/Storia.gif") no-repeat;}

a#pubblicazioni {
     display: block;
     width: 167px; 
     height: 218px;
     margin: 0;
     padding: 0;
     background: url("../Immagini/Pubblicazioni02.gif") no-repeat;}

a#pubblicazioni:hover {
     background: url("../Immagini/Pubblicazioni.gif") no-repeat;}

a#tour_fotografico {
     display: block;
     width: 167px; 
     height: 218px;
     margin: 0;
     padding: 0;
     background: url("../Immagini/TourFotografico02.gif") no-repeat;}

a#tour_fotografico:hover {
     background: url("../Immagini/TourFotografico.gif") no-repeat;}
			
.linguetta_sx{
		 border-top: 1px solid rgb(232, 230, 223); 
		 border-right: 1px solid rgb(232, 230, 223);
		 border-left: 1px dotted rgb(232, 230, 223);
		 text-decoration: underline;}

.linguetta_cn{
		 border-top: 1px solid rgb(232, 230, 223); 
		 border-right: 1px solid rgb(232, 230, 223);
		 border-left: 1px solid rgb(232, 230, 223);
		 text-decoration: underline;}

.linguetta_dx{
		 border-top: 1px solid rgb(232, 230, 223); 
		 border-right: 1px dotted rgb(232, 230, 223);
		 border-left: 1px solid rgb(232, 230, 223);
		 text-decoration: underline;}

.divisorio{
		 border-bottom: 1px solid rgb(232, 230, 223);}			

#des_menufoto{
							border-right: 1px dotted rgb(232, 230, 223);
							border-bottom: 1px solid rgb(232, 230, 223);
							border-left: 1px dotted rgb(232, 230, 223);}	

#le_pubblicazioni{
					 text-align: center; 
					 width: 510px;}
					 
#le_pubblicazioni td{
					 text-align: center; 
					 vertical-align: top;
					 width: 170px;}

#le_pubblicazioni a{
					 color: #000;
					 text-decoration: none;
					 font-size: 1.1em;}

#le_pubblicazioni a:hover{					 
					 text-decoration: underline;}

#adobe{
			 text-align: center; 
			 width: 500px;
			 border-collapse: separate;
			 border-spacing: 10px;}
					 
#adobe td{
			 text-align: justify; 
			 vertical-align: top;}
.foto_tour{
			 text-align: center; 
			 width: 510px;}
					 
.foto_tour td{text-align: center;}

.foto_tour p{text-align: justify;}

.tour{
			width: 509px;
			padding: 10px 0 10px 0;
			border-bottom: 1px solid rgb(232, 230, 223);}

#ingrandimento{
			 text-align: center; 
			 width: 510px;}

#ingrandimento a{
							 text-decoration:none;
							 font-size: 1.1em;}

#ingrandimento a:hover{
							 text-decoration:underline;}

.navigazione{ 
			 width: 170px;
			 height: 50px;}
			 
/* CLASS */			 

.img_index{
	float: left;
	padding: 0px 10px 10px 10px;}

.info{text-align: justify; padding-top:35px;}

.pulisci{clear:both;}