@import "vesti.css";
.ELENCO_DI_TUTTI_I_COMANDI {
	border: 1px solid #FFF; /* Spessore, tipo e colore del bordo del DIV */
	height: 30px; /* Altezza del DIV */
	width: 150px; /* Larghezza del DIV */
	float: left; /* Allineamento del DIV */
	
	margin: 0 0 0 0; /* Margini esteri, in senso orario: alto, destra, basso, sinistra - Possono anche essere negativi -2px ecc. ecc.  */
	
	padding: 0 0 0 0; /* Margini interni, in senso orario: alto, destra, basso, sinistra  */
	
	background-color: #C1E0EC; /* Colore dello sfondo */
	background-image:url(/img/sfondo_menu_contestuale.jpg); /* Immagine applicata allo sfondo */
	background-repeat: repeat-x; /* Ripetizione dello sfondo solo per la prima riga */
	background-repeat: no-repeat;
	background-position: right top; /* Allinea lo sfondo da destra verso sinistra e in alto...*/
	
	text-align:left; /* Allineamento del testo */
	text-decoration:none; /* Elimina la sottolineatura dei link */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Tipo di font */
	font-size:0.6em; /* Misura dei font in em, pu anche essere impostata in pixel*/
	font-weight:bold; /* Grassetto applicato al font */
	color: #000000; /* Colore del testo */
	
	position:relative;
		
	clear: both;
	
	display:block; /* allunga il colore di sfondo per tutta la riga */
	
	display:inline; /* elimina gli spazi tra una voce e l'altra del menu, IN EXPLORER */
	
	 /* Elimina il pallino dell'elenco */
	
	text-transform:uppercase; /* Imposta i caratteri tutti maiuscoli */
	
	
}


/*######################################################################################
################################## INIZIO NUOVI STILI ##################################
######################################################################################*/

#body {
	margin: 0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#B5DBFF;
	font-size:100%;
	
}
.nascosto{display:none;}
/* serve per non far vedere i link dei salti pagina */
#reader {
	width: 0px; 
	height: 0px; 
	font-size: 0em;
	position:absolute;
	top: -1000px;
}
#pagina {
	margin-left: 2%;
	margin-right: 2%;
	background-color:#fff;
	border:1px solid #89C0EF;
}

#top {
	position:relative;
	height: 79px;
	background-repeat: repeat;
	background-image:url(../../img/sfondo_top_int.jpg);
	
	
}
#top_sx{
	position:absolute;
	left:0px;
	top:0px;
	width:399px;
}
#top_dx{
	position:absolute;
	right:0px;
	top:0px;
	width:362px;
}
#reader h1{display:none;}
#top_menu{
	font-size:0.7em;
	text-transform:uppercase;
	font-weight:bold;
	background-color:#E0F5D6;
	

}


ul.menu_sopra{
	
	margin:0px;
	padding:4px 4px 4px 4px;
}
ul.menu_sopra li {
	display:inline;
	margin-right:12px;
	
}

ul.menu_sopra li a{
	color:#052A5E;
	font-weight:bold;
	padding:2px;
}
ul.list_menu_cont li a:hover{
	background-color:#fff;
	color:#003366;
	padding:2px;
}









/*##############################################################################################
####################################### MENU CONTESTUALE #######################################
##############################################################################################*/

#menu_contestuale {
	height: 19px;
	padding: 6px 0 0 5px;
	border-bottom: 1px solid #D7EFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #052A5E;
	font-weight:bold;
	

}

#menu_contestuale a {
	color: #052A5E;
	font-weight:bold;
}

/*##############################################################################################
##################################### FINE MENU CONTESTUALE ####################################
##############################################################################################*/

#corpo {
	padding-bottom:10px;
	border-top:1px solid #89C0EF;
	height:auto !important;
	height:0px;
}


/*##############################################################################################
####################################### MENU DI SINISTRA #######################################
##############################################################################################*/
.sfondo_menu_bianco{background-color:#fff;border-bottom:2px solid #0066CB;}
.sfondo_menu_celeste{border-bottom:2px solid #0066CB;}
.sfondo_menu_verdino{background-color:#EDFEEE;border-bottom:2px solid #0066CB;}

#menu_sx {
	padding: 0 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #E8F1FA;
	border-right:1px solid #89C0EF;
	border-bottom:none;
	float: left;
	/*width: 16.1em;*/
	width:23%;
	
}
img.resize{width:100%;}
ul.voci_menu_sx { 

	list-style:none;  /*elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	margin-bottom:5px;
}

ul.voci_menu_sx li a { 
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding:0 0 0 15px; /* lascia spazio far il bordo del menu e il testo del link */
	color: #003366;
	
	background-repeat: no-repeat;
	background-image:url(../../img/freccia_lista.gif);
	
}

ul.voci_menu_sx li {
	
	padding-bottom:0.2em;padding-top:0.2em; /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
	border-bottom:1px dashed #AAD3F1;
}

ul.voci_menu_sx li a:link, ul.voci_menu_sx li a:visited { 
	color: #003366; /* colori per il link */
} 

ul.voci_menu_sx li a:hover, ul.voci_menu_sx li a:active {  /* colori per l'effetto roll-over */
	color: #003366;
	background-color: #A8D3F6;
	/*background-repeat: no-repeat;
	background-image:url(../../img/freccia_menu_sx_2.gif);*/
}


/*##############################################################################################
##################################### FINE MENU DI SINISTRA ####################################
##############################################################################################*/
#image_sx {
}

/*##############################################################################################
##################################### COLONNA DX            ####################################
##############################################################################################*/
#centro {
	float:left;
	width:81% !important;
	width:80%;
	
}

#colonna_dx{
	padding: 0 0 0 0;
	float:right;
	/*width: 16.1em;*/
	width:18%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #E8F1FA;
	border-left:1px solid #89C0EF;
	
}

#image_dx{
	
}
/*##############################################################################################
##################################### FINE COLONNA DX       ####################################
##############################################################################################*/
#contenuto {
	color: #003366;
	background-color: #FFF;
	width:72% ;
	float:right;
	margin: 10px 0.4em 0 0;
	/*border:1px solid #0066CB;*/
	height:auto !important;
	height:0px;
}
/*#contenuto a:link,#contenuto a:visited{color:#006699;}*/

#contenuto img{border:1px solid #0066CC;}
/* gestione delle liste generiche di contenuto ##########################################*/
#contenuto ul,#contenuto ol.faq{font-size:0.8em;}
#contenuto ul ul{font-size:1em;}
.testo ul a{font-size:1.2em;}
#contenuto p.testo_note{font-size:0.7em;margin-top:30px;margin-bottom:30px;padding-top:4px;}
#contenuto ol.primo {font-size:0.8em;list-style-type:decimal;margin-top:5px;}
#contenuto ol {list-style-type:lower-alpha;}
#contenuto li {padding:5px 0;}

#contenuto p {font-size:0.8em;padding-left:7px;margin-top:0px;}


ul.list_menu_cont{
	border:1px solid #fff;
	list-style:none;
	margin:0px;
	padding:10px 4px 10px 4px;
	text-align:center;
}
ul.list_menu_cont li {
	display:inline;
	margin-left:12px;
	margin-right:12px;
	
}

ul.list_menu_cont li a{
	color:#FFFFFF;
	font-weight:bold;
	padding:2px;
}
ul.list_menu_cont li a:hover{
	background-color:#fff;
	color:#003366;
	padding:2px;
}

#presidente{
	padding-top:10px;
	background-color:#E8F1FA;
	border-top:3px solid #00C73D;
	height:155px !important;
	height:0px;
	background-image:url(/img/logo_pres.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.immagin{padding:4px;margin-top:0px;border:0px solid #E8F1FA;}
#contenuto .immagine{float:left;padding:0 10px 0 4px;}
.home_titolo_news{
	display:block;
	background-color:#A9DBF6;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	color:#105DC7;
	font-weight:bold;
	padding-left:4px;
	margin-bottom:8px;
	font-size:1em;
}

/*#####################################################################*/
#bottom {
	padding-top:15px;
	
}
#bottom_grafico{
	height: 40px;
	background-image:url(../../img/sfondo_bottom.gif);
}
#bottom p{
	padding:0px;
	margin:0px;
	font-size:0.8em;
	font-weight:bold;
	color:#023C86;
	text-align:center;
}
#validatori {
	color: #023C86;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
}

#validatori a {
	color: #023C86;
	font-weight:bold;
}

#validatori ul {
	padding: 0 0 10px 0;
	margin: 10px 0 0 0;
}

#validatori li {
	display: inline;
}

.nofloat {
	clear:both;
}

/*##############################################################################################
####################################### VESTI GRAFICHE #########################################
##############################################################################################

si usa il file vesti.css con @import dichiarato in alto

/*##############################################################################################
##################################### FINE VESTI GRAFICHE ######################################
##############################################################################################*/

h1 {
	padding: 4px 4px 10px 4px;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
	text-transform:uppercase;
	color:#0066CC;
}

h2 {
	color: #F16937; 
	padding: 2px 0 2px 7px;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
}
form h2{padding: 4px 4px 10px 4px;
	margin: 0 0 0 0;}
h3 {
	color: #F16937; 
	padding: 2px 0 2px 7px;
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.8em;
}
#contenuto h2 a:visited,#contenuto h2 a{
	color: #F16937;
}

.grassetto {
	font-weight: bold;
}

#presentazione {
	padding: 5px 0 0 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

/*###########################################################################################
################################# INIZIO PARTI DINAMICHE ####################################
###########################################################################################*/

.numero {
	padding: 2px 0 0 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.data {
	padding: 2px 0 18px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.testo,dd {
	padding: 0px 0 20px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.testo_dx {
	padding: 0px 7px 20px 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align:right;
	font-style:italic;
}
#contenuto p.corsivo{font-style:italic;}
span.corsivo{font-style:italic;}
#contenuto p.note{font-style:italic;font-size:0.7em;}
.responsabile {
	padding: 2px 0 0 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
	padding-right: 7px;
}

.allegati {
	padding: 20px 0 0 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight:bold;
}

.doc_allegato {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.8em;*/
}

.doc_allegato a {
	color: #336666;
}

.doc_allegato ul {
	list-style:none;
	margin: 0 0 0 7px;
	padding: 0 0 0 0px;
}

.doc_allegato li {

}

.divisorio {
	border-top: 1px dotted #000;
	padding: 10px 0 0 0;
	margin: 20px 0 10px 0;
}
.divisorio_bottom {
	border-bottom: 1px dotted #000;
	padding: 20px 0 0 0;
	margin: 20px 0 20px 0;
}
.numero_pagine {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
}

.numero_pagine a {
	color: #1C584C;
}

/*#########################################################################################
###################################### INIZIO CERCA #######################################
#########################################################################################*/
#cerca {border:1px solid #0066CC;	background-color:#E8F1FA;margin-top:-5px;padding:10px 0;}
#cerca form {
	margin: 0px;
	padding: 0px;

	
}

#cerca table {
	margin:0px auto; /* al centro del cerca */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#cerca th{
	text-align: right;
}
h1.negativo{color:#fff;background-color:#0066CC;padding:2px;margin-bottom:2px;font-size:0.9em}
#centrato th{
	text-align: right;font-size: 0.8em;
}
.campo_input {
	border: 1px solid #1C584C;
	color:#000;
	background-color:#FFF;
}

.pulsante_cerca {
	color: #fff;
	background-color:#50A2F3;
	width: auto;
	height: 20px;
	border: 1px solid #1C584C;
}

/*#########################################################################################
######################################## FINE CERCA #######################################
#########################################################################################*/

#errore {
	color:#FF0000;
	text-align: center;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding-top: 20px;
	margin: 0;
	font-weight:bold;
}

.titolo_temi {
	height:30px;
	background-image:url(../../img/temi_sx.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #1F63B6;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 5px;
	
	margin-bottom: 4px;
}
.titolo_temi_verde {
	height:30px;
	background-image:url(../../img/temi_verde.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 5px;
	
	margin-bottom: 4px;
}
#pilota {
	text-align:center;
	color: #1C584C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:bold;
	padding: 10px 0 10px 0px;
	
}

#pilota ul{margin:0px;padding:0px;font-size:1em;}
#pilota li{display:inline;margin-right:2%;}

.torna_su {font-size:0.7em;
text-align:right;
border-bottom:1px solid #006699;
height:14px;
background-image:url(/img/freccia_su.gif);
background-repeat:no-repeat;
background-position:bottom left;}

.torna_su a:link,.torna_su a:visited {color:#FFFFFF;
font-weight:bold;background-color:#ccc;

padding:2px 5px;margin-bottom:0px
}
.torna_su a:hover {color:#FFFFFF;
font-weight:bold;
background-color:#66CCFF;
padding:2px 5px;
margin-bottom:0px
}
/*#####################################################################################
###############################       Archivio foto       #############################
#####################################################################################*/

.elencoImmagini{
	min-height:400px;!important;
	height:400px;
	
}
.immagine{padding:8px 0 0 8px;}
.didascalia{padding-bottom:8px;border-bottom:1px dashed #333399;}

.immagine img{border:0px;}

.img-interna {float:left; width:140px; margin-right:4px;}





table.th_inalto th{
	width:30%;
	vertical-align:top;
	text-align:left;
	font-size:0.9em;
}
table th{
	/*width:30%;*/
	text-align:left;
	vertical-align:top;
	font-size: 0.9em;
	padding:5px 0;
}
caption{font-weight:bold;text-transform:capitalize;color:#308D04;font-size:1.1em;}
#calendario  caption a,#calendario caption a:visited{color:#308D04;font-weight:bold;font-size:0.7em;}
table.calendario th{
	text-align:center;
	font-size: 0.8em;
	border:1px solid #fff;	
	font-weight:bold;
	color:#FFFFFF;
	background-color:#308D04
}
table.calendario td{
	text-align:center;
	font-size: 0.7em;
	border:1px solid #308D04;	
}
table.calendario td a,table.calendario td a:visited{color:#FF0000;font-weight:bold;}


table.th_inalto td {
	/*border: 1px solid #FF0000;*/
	font-size: 0.8em;
}
/*#####################################################################
##########################   ORGANI ISTITUZIONALI  #######################
#####################################################################*/
.azioni{font-size:0.8em;}

/*#####################################################################
##########################   GRUPPI POLITICI    #######################
#####################################################################*/
#gruppo_politico{
	padding:5px 0;
	margin-bottom:15px;
	background-color:#F3F8FD;
	width:79%;
	float:left;
	}
#gruppo_politico ul{margin:0 10px;padding:0px;list-style:none;}
#gruppo_politico li {}

/*#####################################################################
##########################   Spazio Comuni     #######################
#####################################################################*/
#comuni{margin-top:15px; border:1px solid #B9D8EC;height:auto !important;height:0px;}
#comuni .immagine{padding:7px;}
#comuni .contenuto {}
#info_geografiche{width:48%;float:left;margin-top:0px;}
#info_generali{width:48%;float:right;margin-top:0px;}

#info_geografiche div,#info_generali div {margin-top:10px;}
#info_geografiche img {margin-top:15px;}
/*#comuni .testo div {margin-top:20px;}*/
#comuni h1 {color:#FF9900;font-size:1.6em;}
#comuni h2 {
	background-color:#FEECC4;
	color:#10456A;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:6px;
	border-top:1px dashed #10456A;
	border-bottom:1px dashed #10456A;
	margin-bottom:10px;
	margin-top:10px;
	margin-right:7px;
}

#come_raggiunge{
	
	background-image:url(/img/icone/1.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#distanza{
	
	background-image:url(/img/icone/2.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#popolazione,#sindaco{
	
	background-image:url(/img/icone/3.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#superficie{
	
	background-image:url(/img/icone/4.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#frazioni{
	
	background-image:url(/img/icone/5.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#cap{
	
	background-image:url(/img/icone/10.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#prefisso{
	
	background-image:url(/img/icone/7.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#istat{
	
	background-image:url(/img/icone/12.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#indirizzo_comune{
	
	background-image:url(/img/icone/6.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#tel,#fax{
	
	background-image:url(/img/icone/7.gif);
	background-repeat:no-repeat;
	padding-left:30px;
}
#email{
	margin-top:10px;
	font-size:0.8em;
	
}
#web{
	
	font-size:0.8em;
}
#storia{
	min-height:100px;
	height:auto !important;
	height:100px;
	
}
#elenco a.commissioni,#elenco a:visited.commissioni{font-size:0.8em;padding-left:7px;}
#sondaggio{font-size:1.5em;}
.errore{text-align:center;color:#FF0000;font-weight:bold;}


.servizio-civile {
	background-color:#e0f5d6;
	border:1px solid #00c736;
	padding:6px;
	}
.servizio-civile a {
	text-decoration:none;
	color:#15400a;
	font-size:0.8em;
	}
.servizio-civile a:hover{
	text-decoration:underline;
	
	}
	
.destra {text-align:right;font-size:1.1em;font-weight:bold;}
	
.banner-divisore{border-bottom:1px solid #257fc6;padding-bottom:10px;}
.centrato{
	text-align:center;}