/*STILI CLIO P.A.*/


/*NAVIGAZIONE ASSISTITA PER NON VEDENTI*/
.navigazione-assistita
{
position:absolute;
top:-1000em;
width:1px;
height:1px;
overflow:hidden;
}

.dato_errato {color:#FF0000}


/*INSTALLAZIONE MODULI*/

#installazione .checkbox{
	width:5%; 
	float:left; 
	padding:2px 2px 4px 2px; 
	text-align:left; 
	color:#003333; 
	background-color:#ffffff}


/*STRUTTURA DEL PORTALE*/


#body {
	/*Il body è l'intera pagina visualizzata dal browser*/
	margin: 0px;
	padding: 0px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	background: #738F48 url(../../img/bg_body.gif) repeat-x top left;
	color:#555;
	}

#pagina {
	/*Il div pagina è contenuto nel #body e racchiude tutta la nostra struttura. 
	Viene utilizzato per impostare dei margini alla struttura.*/
	text-align:left;
	padding: 0;
	margin:0 14px 0 14px;
	background: #fff url(../../img/bg_top.gif) repeat-x top left;
	height: auto !important;
	}
	
#corpo {
	/*Il div corpo è contenuto nella #pagina*/
	width: 100%;
	margin: 0 0 0 0;
	padding:0;
	height:auto !important;
	min-height: 350px;
	background: url(../../img/bg_contents.gif) repeat-x top left;
	}

#centro {float:left; width:81%;/*background-color:#FAF9E5*/}

#contenuto {
	/*Il div contenuto è tutto ciò che solitamente cambia tra una pagina e l'altra.
	Esclude, quindi, il top, i menu di destra e sinistra, e il bottom.*/
	width: 77%;
	float: right;
	margin:0;
	padding:0;
	color:#174B46;
	height: auto !important;
	z-index:3;
	font-size:0.85em;
	line-height:1.3em;
	}


/*PER TORNARE AD INIZIO PAGINA*/

.iniziopagina {margin:0; padding:0; height:0;}/*ancora iniziale per tornare su - si trova nel top*/	

.inizio-pagina, .inizio-pagina-gallery {
	width:100%; 
	background-color:#eee;
	color:#5D9A02; 
	margin-top:20px; 
	height: 26px;
	line-height:1.9em;
	padding: 0 0 0 6px;
	margin-bottom:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}/*link per tornare ad inizio pagina*/
.inizio-pagina-gallery {
	width:auto; 
	margin:15px 8px 15px 8px; 
	font-size:0.85em;
	}/*link per tornare ad inizio pagina*/
#pagina .inizio-pagina a, #pagina .inizio-pagina-gallery a{
	color:#518404; 
	text-decoration:none; 
	font-weight:bold; 
    }
#pagina .inizio-pagina a:hover, #pagina .inizio-pagina-gallery a:hover{
	text-decoration:underline; 
    }

/*VESTI GRAFICHE (VERSIONI)*/

#vesti-grafiche {
	width:100%;
	height: 21px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.75em;
	text-align:left; 
	padding: 0;
	}

#vesti-grafiche ul{margin:0; padding: 3px 0 0 0;}

#vesti-grafiche li {
	display: inline;
	/*background-repeat: no-repeat;
	background-image: url(../../img/freccia_menu_sx_2.gif)/*(/img/freccia_menu_sx_2.gif)*/;
	padding: 0 0 0 15px;
	}

#vesti-grafiche a:link, #vesti-grafiche a:visited {color: #555; text-decoration:none;}

#vesti-grafiche a:hover, #vesti-grafiche a:active {color: #71963A;}

/*TOP GRAFICO*/
#top {
	position:relative;
	height: 210px;
	text-align: right;
	margin:0px;
	padding:0px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
    background: url(../../img/top.jpg) no-repeat bottom left;
	}
	
#top-sx {
	position:absolute;
	left:0px;
	top:0px;
	width:755px;
	height:210px;
	background: url(../../img/logo.gif) no-repeat 12px center;
}

#top-dx {
	position:absolute;
	width:70%;
	right:0px;
	top:0px;
	height:210px;
	background-repeat:no-repeat;
	}
	
/*MENU CONTESTUALE*/

#menu-contestuale, #menu-contestuale-gallery {
	width:100%;
	height: 45px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	/*text-transform:uppercase; */
	font-size:0.90em;
	line-height:1.2em;
	color: #555;
	margin-bottom: 15px;
	background: url(../../img/bg_menu_contestuale.gif) no-repeat right bottom;
	}
#menu-contestuale-gallery {
	font-size:0.75em;
	}
#menu-contestuale-gallery p{
	margin: 2px 0 0 14px;
	}
#menu-contestuale a, #menu-contestuale-gallery a{color: #555;}
#menu-contestuale a:hover, #menu-contestuale-gallery a:hover{color: #71963A;}

/*MENU DI SINISTRA*/

#menu-sx {
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	width: 22%;
	text-indent:2px;
	z-index:2;
	font-size: 0.90em;
	background: #9CB274 url(../../img/bg_colonna.gif) repeat-y right top;
	}

#menu-sx ul {
	list-style-type:none; 
	margin: 0 0 4px 0;
	padding: 0;
	border: 1px solid #fff;
	border-bottom:none;
	background: #F2F8E8 url(../../img/bg_item_menu_sx.gif) repeat-y left top;
	}

#menu-sx li {
	padding: 3px 0 4px 22px;
	list-style-type:none;
	background: url(../../img/puntoelenco_sx.gif) no-repeat left top;
	border-bottom:1px solid #fff;
	}

#menu-sx li a {
	color: #294603;
	text-decoration:none; 
	}

#menu-sx li a:hover{
	color: #229A01;
	}
		
.titolo_menu_sx, .titolo_menu_dx {
	background: #314915 url(../../img/bg_title_menu_sx.gif) no-repeat left top;
	color:#fff;
	border: 1px solid #fff;
	border-bottom:none;
	font-weight:bold;
	height: 24px;
	line-height: 24px;
	padding-left: 5px;
	/*letter-spacing:1px;*/	
	}
.titolo_menu_dx {
	background: #6D2D1B url(../../img/bg_title_menu_dx.gif) no-repeat left top;
	}
	
#menu-dx  {
	font-family:Arial, Helvetica, sans-serif;
	float:right; 
	width:18%; 
	z-index:1;
	font-size: 0.90em;
	background: #B8654E url(../../img/bg_colonna.gif) repeat-y left top;
	}

#menu-dx ul {
	list-style-type:none; 
	margin: 0 0 4px 0;
	padding: 0;
	border: 1px solid #fff;
	border-bottom:none;
	background: #FCF6E2 url(../../img/bg_item_menu_dx.gif) repeat-y left top;
	}

#menu-dx li {
	padding: 3px 0 4px 22px;
	list-style-type:none;
	background: url(../../img/puntoelenco_dx.gif) no-repeat left top;
	border-bottom:1px solid #fff;
	}

#menu-dx li a {
	text-decoration:none; 
	color:#450E00;
	}

#menu-dx li a:hover {
	color: #C02902;
	}

/*BOTTOM (INDIRIZZO)*/

#bottom {
	width:100%;
	text-align:center;
	color:#284106;
	font-size: 0.75em;
	clear:both;
	height: 52px;
	padding-top: 0;
	background: #B9D78B url(../../img/bg_bottom.gif) repeat-x top left;
	}
#bottom_comune, #bottom_copy{
   line-height:2em;
   margin-bottom: 15px;
   display:block;
   margin:0;
	}
#bottom_copy{line-height:2.5em;}
#bottom_copy a{	font-weight:bold;}
	
#bottom a:link, #bottom a:visited{
	color:#436C05;
	text-decoration:underline;
	margin-top: 15px;
	}

/*VALIDATORI E BOTTONI W3C*/

#validatori {
	margin:0;
	padding:0;
	text-align:center;
	height: 40px;
	background: #fff url(../../img/bg_validatori.gif) repeat-x bottom left;
	}

.w3cbutton  {
	padding-top:9px;
	}
.w3cbutton a {
	background-color:#fc6;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border:1px solid #A16E1B;
	}
.w3cbutton a .w3c{
	text-decoration: none;
	font-size: 0.9em;
	margin:0;
	padding:0;
	border-top:1px solid #fff;
	}	
.w3cbutton a:link,.w3cbutton a:visited {
	background:#fc6;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	}
.w3cbutton a:hover {
	background-color:#ff9;
	color:#333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-decoration: none;
	}
.w3cbutton .w3c {
	padding:0.5em;
	margin-right:.25em;
	background-color:#fff;
	color:#0c479d;
	}
.w3cbutton .waiA { 
	color:#900;
	background-color:#fff;
	} 

/*COLORI PER I LINK DEL SITO*/
a:link, a:visited {	color:#AD2B03; text-decoration:none;}
a:hover{text-decoration:underline;}
/*a:active, a:hover {background-color: #C2E3DD;}*/

/*HEADINGS (INTESTAZIONI)*/

h1 {
	color: #3F591C; 
	font-size:1.4em;
	line-height:1em;
	border: 1px solid #c3d2ac;
	padding: 5px 0 3px 5px;
	margin: 16px 0 10px 0;
	background: #fff url(../../img/bg_h1.gif) no-repeat top right;
	}
#menu-dx h1, #menu-sx h1 {
	background: none;
	}
#h1_news {
	padding: 5px 0 0 5px;
	margin: 0;
	background: #fff url(../../img/bg_news_home.jpg) no-repeat top right;
	}
#colonna-atti h2 {
    color:#621300;
	border: 1px solid #D7C08E;
	margin:0 1px 5px 1px;
	padding:3px;
	background: #fcf8ea url(../../img/bg_delibere.jpg) no-repeat right top;
}	
.h1_delibere {
    margin-top:0;	
	}
		
h1 a:link, h1 a:visited {
	color: #3399CC;
	text-decoration:none;
	}
h1 a:hover, h1 a:active {
	text-decoration:underline;
	}

h2 {
	color:#4F8703;
	font-size:1.3em;
	margin-bottom:3px;
	margin-top:14px;
	}	
h2 a:link, h2 a:visited {
	color:#518802;
	font-size:1em;
	text-decoration:none;
	margin:0;
	}
h2 a:hover, h2 a:active {
	text-decoration:underline;
	}

h3 {
	font-size:1.1em; 
	color:#AD2B03;
	margin:5px 0 0 0;
	}
h3 a:link, h3 a:visited {
	color:#AD2B03;
	text-decoration:none;
	margin:0;
	}
h3 a:hover, h3 a:active {text-decoration:underline;}

/*STILI GENERICI*/
#contenuto ul {
	list-style-type:none; 
	padding: 0;
	line-height: 1.2em;
	margin: 5px 0 0 0;
	}
#contenuto li {
	padding: 0 0 4px 10px;
	background: url(../../img/puntoelenco.gif) no-repeat left 6px ;
	}
#contenuto .ul-download li {
	padding: 5px 0 4px 25px;
	background: url(../../img/download.gif) no-repeat left top ;
	}

img {border: none;}

p {line-height:1.4em; margin:2px 0 8px 0;color:#284106;}
#p_inizio_pagina {margin:0;padding:0;}

.grassetto {font-weight:bold;color:#537C2F}
p .grassetto {color:#537C2F;}
ul .grassetto {color:#537C2F;}
.grassetto_rosso {font-weight:bold; color:#AD2B03;}
.numero {font-weight:bold; color:#AD2B03;}


.corsivo {font-style:italic}
.sottolineato {text-decoration:underline}

.centrato {text-align:center}
.sinistra {text-align:left}
.destra {text-align:right}
.giustificato {text-align:justify}

.apice {vertical-align:super}
.pedice {vertical-align: sub}

.attenzione /*stile in rosso per evidenziazioni*/{color:#FF0000;}
.tratteggio, .tratteggio_2 {/*stile che crea una linea tratteggiata prima o dopo un elemento. Viene utilizzato per tutti i moduli.*/
    /*border-bottom:1px solid #cccccc;*/
	margin:0;
	height:20px;
	clear:both;
	background: url(../../img/tratteggio.gif) repeat-x center left;
	}
	
.nascosto {display:none}
.no-margin-top {margin-top:0;}

.img-interna {
	float:left;
	margin-right:5px;
	margin-bottom:3px;
	}
.img-interna img, .img-interna-dx img {
	border: 2px solid #C3D2AC;
	}	
.img-interna-dx {
	float:right;
	margin-left:5px;
	margin-bottom:3px;
	}
	
.ico-legenda {width:60%;  /*background-color:#D9F1FF; border-bottom:3px solid #009999; border:1px solid #009999;*/ padding:2px; }
.ico-legenda ul {list-style-type:none; margin:0; padding:0;}

.ico-allegati {float:right; width:auto; /*border:1px solid #00CC00;*/ margin-right:2px; padding:1px; font-size:90%; margin-top:-1px}
.ico-allegati img, .ico-legenda img {vertical-align:middle; margin:2px;}


/*<<<<<<<<<<<<<<<<<<< TABLES >>>>>>>>>>>>>*/
#table_carburanti, #table_ricettivita, #demografia table {width:96%; font-size: 0.90em;border-bottom:5px solid #fff;}
#table_carburanti{width:100%;}
#table_ricettivita, #demografia table {width:100%;}

#table_carburanti th, #table_ricettivita th, #demografia th {
    background-color:#DDECC6;
	border-bottom: 1px solid #AEC689;
	width:32%;
	text-align:center;
	color:#365E01;
	line-height:1.1em;
	padding:5px;
	}
	
#demografia th {
	background-color:#DDECC6;
	border-bottom: 1px solid #AEC689;
	text-align:center;
	color:#365E01;
	line-height:1.1em;
	padding:5px;
}

#demografia td {
   background-color:#F1F7E6;
   border-bottom: 1px solid #DDECC6;
   text-align:center;
   padding:4px;
   color:#294603;
}

#table_ricettivita th {width:33%;}
	
#table_carburanti td, #table_ricettivita td {
   background-color:#F1F7E6;
   border-bottom: 1px solid #DDECC6;
   width:32%;
   text-align:center;
   padding:4px;
   font-size: 1.1em;
   color:#294603;
   }
#table_ricettivita td {width:33%;}
   
#table_carburanti caption, #table_ricettivita caption, #demografia caption {
     background-color:#738E4B;
	 color:#fff;	 
	 font-weight:bold;
	 font-size: 1.1em;
	 border-left:2px solid #fff;
	 border-right:2px solid #fff;
	 border-top:5px solid #fff;
	 padding:4px;
	 }
#table_ricettivita caption {border-top:none;}
/*<<<<<<<<<<<<<<<<<<< FINE TABLES >>>>>>>>>>>>>*/
	
/*PAGINAZIONE: Pagina: 1 - 2 - 3 ....*/
#paginazione {width:100%; text-align:center;clear:both;font-weight:bold;}
#paginazione ul{display:inline; margin:0; padding:0;}
#paginazione li {display:inline;color:#F95230;background:none;}

/*MODULI PRESENTI IN HOME PAGE*/

/*Notizie in home page*/

#colonna-news {
   width:50%;
   float:left;
   border: 1px solid #fff;
} /*Colonna che contiene le notizie dell'home page*/

#prima-notizia { /*box che contiene la prima notizia*/
	width:100%; 
	padding:5px 0 0 0; 
	margin:0 0 10px 0;
	border: 1px solid #c3d2ac;
	border-top: 1px solid #fff;
	/*background: #fff url(../../img/bg_prima_notizia.gif) repeat-x right top;
	height:150px;*/
	} 

#colonna-news .img-interna img {/*bordo dell'immagine della prima notizia nell'home page*/
	border:2px solid #B8DC83;
	}
#prima-notizia .img-interna {/*div che contiene l'immagine della prima notizia nell'home page*/
	float:left; 
	padding:0 0 0 6px;
	} 
#prima-notizia .img-interna img {/*bordo dell'immagine della prima notizia nell'home page*/
	border:2px solid #B8DC83;
	} 
#prima-notizia p, #prima-notizia h2{
	padding: 5px 6px 0 6px;
	}
#prima-notizia .data-notizia{
	padding:0 0 0 6px;
	margin:0;
	}
#prima-notizia .sommario_prima_news{
	padding:0 6px 0 6px;
	margin:0;
	}

#prima-notizia h2 {color:#0066CC;}
/*mettere un bordo aiuta ad eliminare il problema del testo che scompare in IE*/
#colonna-news a, #prima-notizia h2 a:link, #prima-notizia h2 a:visited {color:#5D9A02;line-height:1.1em;} 

#colonna-news .titolo-notizie-home {
	background-color:#FEEAA5; 
	padding:5px;
	font-weight:bold; 
	border-bottom:1px solid #006666;}

#colonna-news h2 {margin-top:2px; margin-bottom:2px;}
#colonna-news .data-notizia{font-weight:bold;}

/*Atti pubblici presenti in home page*/
#colonna-atti {
   width:48%;
   float:right;
   color:#C22803;
   border: 1px solid #fff;
   background-color: #fcf8ea;
   padding: 0 0 8px 3px;
   }
#colonna-atti .titolo-atti-home {
	background-color: #FFC488; 
	font-size:95%; 
	padding:5px; 
	font-weight:bold; 
	border-bottom:1px solid #006666;
	}
	
#colonna-atti h2 {margin-top:2px; margin-bottom:2px;}
#colonna-atti .data-notizia {font-size:80%;}

#colonna-atti a{
      color:#8C412F;
	  line-height:1.1em;
   }
#colonna-atti p {padding:0 6px 0 6px;}
#colonna-atti div {margin:0 6px 0 0;}

/*Avvisi di gara in home page*/
/*Bandi di concorso in home page*/
/*Delibere di giunta in home page*/
/*Delibere di consiglio in home page*/


/*<<<<<<<<<<<<<<<<<<< MODULO AVVISI DI GARA >>>>>>>>>>>>>>>>>>>>>>*/

/* 
1. Titolo della pagina (Elenco Avvisi) + Titolo della ricerca + Titolo dell'avviso in dettaglio -> H1
2. Titolo dell'avviso in elenco-> H2
3. Autore/Fonte/Ufficio che inserisce l'avviso -> .autore
4. Numero dell'avviso -> .numero
5. Elemento separatore -> .tratteggio
*/


/*<<<<<<<<<<<<<<<<<<< FINE MODULO AVVISI DI GARA >>>>>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< MODULO BANDI DI CONCORSO >>>>>>>>>>>>>>>>>>>>*/
/* 
1. Titolo della pagina (Elenco Bandi) + Titolo della ricerca + Titolo del bando in dettaglio -> H1
2. Titolo del bando in elenco -> H2
3. Autore/Fonte/Ufficio che inserisce il bando -> .autore
4. Numero del bando -> .numero
5. Elemento separatore -> .tratteggio
*/
/*<<<<<<<<<<<<<<<<<<< FINE MODULO BANDI DI CONCORSO >>>>>>>>>>>>>>>*/


/*<<<<<<<<<<<<<<<<<<< MODULI DELIBERE GIUNTA/CONSIGLIO >>>>>>>>>>>>>*/
/* 
1. Titolo della pagina (Elenco Delibere) + Titolo della ricerca + Titolo della delibera in dettaglio -> H1
2. Titolo della delibera in elenco -> H2
3. Numero della delibera -> .numero
5. Elemento separatore -> .tratteggio
*/

/*<<<<<<<<<<<<<<<<<<< FINE MODULI DELIBERE GIUNTA/CONSIGLIO >>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< MODULO DETERMINE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* 
1. Titolo della pagina (Elenco Determine) + Titolo della ricerca + Titolo della determina in dettaglio -> H1
2. Titolo della determina il elenco -> H2
3. Autore/Fonte/Ufficio che inserisce la determina -> .autore
4. Numero della determina -> .numero
5. Elemento separatore -> .tratteggio
*/
/*<<<<<<<<<<<<<<<<<<< FINE MODULO DETERMINE >>>>>>>>>>>>>>>>>>>>>>>>>*/


/*<<<<<<<<<<<<<<<<<<< MODULO NOTIZIE >>>>>>>>>>>>>>>>>>>>>>>>*/

/* 
1. Titolo della pagina (Elenco Notizie) + Titolo della ricerca-> H1
2. Titolo della notizia in elenco-> H2
3. Immagine della notizia -> .img_interna
4. Categoria notizia (Cronaca, sport, natura...) -> .categoria
5. Sommario (il sommario va solitemente in corsivo) -> .sommario
6. Data notizia -> .data_notizia
7. Autore/Fonte notizia -> .autore
8. Elemento separatore -> .tratteggio
*/

.categoria {font-weight:bold}
/*.data_notizia {}*/
.autore {text-align:right; font-weight:bold; font-size:90%}
.sommario {font-style:normal;}

/*<<<<<<<<<<<<<<<<<<< FINE MODULO NOTIZIE >>>>>>>>>>>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< MODULO ORDINANZE >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* 
1. Titolo della pagina (Elenco Ordinanze) + Titolo della ricerca + Titolo dell'ordinanza in dettaglio -> H1
2. Titolo dell'ordinanza in elenco -> H2
3. Numero dell'ordinanza -> .numero
4. Elemento separatore -> .tratteggio
*/
/*<<<<<<<<<<<<<<<<<<< FINE MODULO ORDINANZE >>>>>>>>>>>>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< MODULO REGOLAMENTI >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* 
1. Titolo della pagina (Elenco Regolamenti) + Titolo della ricerca + Titolo del regolamento in dettaglio -> H1
2. Titolo del regolamento in elenco -> H2
3. Categoria regolamento -> .categoria
4. Elemento separatore -> .tratteggio
*/
/*<<<<<<<<<<<<<<<<<<< FINE MODULO REGOLAMENTI >>>>>>>>>>>>>>>>>>>>>>>*/


/*<<<<<<<<<<<<<<<<<<< AUTOCERTIFICAZIONE >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/* 
1. Titolo della pagina (Autocertificazione) + Titolo del certificato in dettaglio -> H1
2. Titoli sezioni (Cosa autocertificare, Come, ...) -> H2
3. Nome categoria certificato (Dati anagrafici, titoli di studio...) -> H3
4. Tutti gli stili relativi ai form del sito
*/

/*#certificato {}*/
/*#certificato input {}*/
/*<<<<<<<<<<<<<<<<<<< FINE AUTOCERTIFICAZIONE >>>>>>>>>>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< GALLERIE IMMAGINI (ARCHIVIO FOTOGRAFICO + NOTIZIE) >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#archivio_foto {
	margin:10px; 
	font-size:0.85em;
	}
#archivio_foto h1 {
	margin-bottom:0;
	}
#archivio_foto h1 a {
	color:#246401;
	}
#archivio_foto h1 a:hover {
	color:#389B02;
	text-decoration:none;
	}
#archivio_foto #ingrandimento, #archivio_foto #miniature{
	margin-top:5px;
	}
#archivio_foto ul {
	margin:0;
	padding:10px;
	}
#archivio_foto li {
    display:inline;
	padding:4px;
	}
#archivio_foto li a, #archivio_foto #paginazione li {
    color: #015C24;
	}
#archivio_foto #paginazione li a {
    color: #02A840;
	}
#miniature {
	float:right; 
	width:20%; 
	background-color:#C3E196; 
	text-align:center; 
	padding:0; 
	margin:10px 0 0 0; 
	}	
#miniature img {border:0; margin-top:10px;border:1px solid #fff;}
.didascalia-miniatura {color: #223A01; border-bottom:1px solid #fff; padding:0 6px 10px 6px;}
#ingrandimento {
    border-top: 4px solid #C3E196;
    padding: 10px 0 10px 0; 
    float:left;
	text-align:center;
	margin:10px 0 0 0;
	width:78%;
	background: #DCEDC4 url(../../img/bg_zoom.gif) repeat-x left top;
	}
#archivio_foto #ingrandimento  {
    width:77%;
	}
#ingrandimento img {border:1px solid #fff; margin-bottom:6px;}
#ingrandimento .grassetto {color:#A80103;}
#ingrandimento li {background:none;}
.resize {width:auto;}
.galleria_foto{
	border-bottom: 1px solid #fff;
	background-color:#FEF5E9;
}
.galleria_foto h2 {
    padding: 4px 4px 2px 40px;
	background: #F5E6B7 url(../../img/icon_photogallery.gif) no-repeat 8px 1px;
}
.galleria_foto li {
    border-bottom: 1px solid #fff;
	background:none;
	line-height: 1em;
	padding-left: 8px;
}
.galleria_foto li h3 {
	margin: 5px 0 2px 0;
}
.numero_foto {
   font-weight:bold;
}
.txt_foto {
   margin:10px;
}
/*<<<<<<<<<<<<<<<<<<< FINE GALLERIE IMMAGINI (ARCHIVIO FOTOGRAFICO + NOTIZIE) >>>>>>>>>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< MODULO GUIDA AI SERVIZI >>>>>>>>>>>>>*/
#guida-servizi {margin:0 0 5px 0; padding:0;}
#guida-servizi ul {list-style-type:none; margin:3px; padding:0;}
#guida-servizi li {margin-bottom:1px; padding:0;}
.imgservizi {vertical-align:middle; display:inline;}
#guida-servizi a:link, #guida-servizi a:visited {text-decoration:none;}
#guida-servizi img {border:0;}
/*<<<<<<<<<<<<<<<<<<< FINE MODULO GUIDA AI SERVIZI >>>>>>>>>>>>>>>>>>>>>>*/


/*<<<<<<<<<<<<<<<<<<< MODULO FORUM >>>>>>>>>>>>>*/
/*#forum {}*/
#forum h2 {font-size:95%}
#forum a:link, #forum a:visited {text-decoration:none;}
#forum a:hover, #forum a:active {text-decoration:underline;}
.rispondi {background-color: #EAF6F4; padding:3px; border:1px solid #006666;}
.discussione {text-align:center;}
.discussione ul {margin:0; padding:0;}
.discussione li {display:inline;}
.discussione li a:link, .discussione li a:visited {background-color: #EAF6F4; text-decoration:none;}
.discussione li a:hover, .discussione li a:active {background-color:#006666; color: #FFFFFF; }
.autore-argomento {background-color:#EAF6F4; padding:4px; border:1px solid #006666;}
.elenco-messaggi li {line-height:1.3em;}
.li-selezionato {padding:5px; border:1px solid #F95230;} /*pagina corrente*/
.li-non-selezionato {text-decoration:none; padding:5px; border:1px solid #006666;} /*pagina corrente*/

/*PROVA PROVA PROVA*/



/*#forum ul {list-style-position:inside; margin-left:8px;}
#forum li {padding:1px; color:#F95230; list-style-image:url(../../img/icone/forum.gif); margin-bottom:3px;}
#forum ul li {border-bottom:1px solid #CCCCCC; margin-bottom:3px; margin-top:8px;}
#forum ul li ul {}
#forum ul li ul li {border:0; color: #006600; font-weight:normal; list-style-image: url(../../img/icone/forum2.gif);}
#forum ul li ul li ul li {color:#006699; list-style-image: url(../../img/icone/forum3.gif);}
#forum ul li ul li ul li ul li {list-style-image: url(../../img/icone/forum4.gif);}*/
/*<<<<<<<<<<<<<<<<<<< FINE MODULO FORUM >>>>>>>>>>>>>*/


/*<<<<<<<<<<<<<<<<<<< MODULO ORGANIGRAMMA (SSU) >>>>>>>>>>>>>*/
/*#organigramma {} 
#organigramma a:link, #organigramma a:visited {text-decoration:none;}
#organigramma a:hover, #organigramma a:active {border-bottom:1px solid #006666; background-color:#EAF6F4;}
#organigramma ul {list-style-position:inside; margin-bottom:2px; margin-left:15px;}
#organigramma li {padding:1px; font-size:1em; font-weight:bold; color:#F95230;}
#organigramma ul li {border-bottom:1px dotted #006666; margin-bottom:3px; margin-top:5px;}
#organigramma ul li ul {}
#organigramma ul li ul li {border:0; padding:3px; font-size:90%; color: #006600; font-weight:normal; }
#organigramma ul li ul li ul li {color:#006699}
/*<<<<<<<<<<<<<<<<<<< FINE MODULO ORGANIGRAMMA >>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< MODULO INFORMAGIOVANI >>>>>>>>>>>>>*/

#opportunita {float:left; width:48%; }
#normative {float:right; width:48%; }
#prima-opportunita { /*box che contiene la prima opportunità*/
	width:100%; 
	padding:5px 0 10px 0; 
	/*border-bottom:1px solid #006666; */
	margin-bottom:10px;
	/*height:150px;*/
	border:2px solid #006666
	} 
	
#prima-opportunita h2 {color:#0066CC; border:1px solid #FFFFFF;}
	
#prima-normativa { /*box che contiene la prima normativa*/
	width:100%; 
	padding:5px 0 10px 0; 
	/*border-bottom:1px solid #006666; */
	margin-bottom:10px;
	/*height:150px;*/
	border:2px solid #006666
	} 
	
#prima-normativa h2 {color:#0066CC; border:1px solid #FFFFFF;}

/*<<<<<<<<<<<<<<<<<<< FINE MODULO INFORMAGIOVANI >>>>>>>>>>>>>*/


/*<<<<<<<<<<<<<<<<<<< EVENTI + CALENDARIO >>>>>>>>>>>>>*/
#calendario {
   border:1px solid #fff;
   border-top: none;
   border-right: none;
   background: #FAF1B2 url(../../img/bg_sudnews.gif) repeat-x top left;
   width:auto;
   }
#calendario_head {
  color:#fff;
  font-weight:bold;
  border:1px solid #fff;
  border-bottom: none;
  border-right: none;
  line-height: 22px;
  padding-left: 6px;
  background: #CFB716 url(../../img/bg_calendario_head.gif) repeat-x bottom left;
}
#calendario table {width:99%;font-size:1.1em;}
#calendario caption {font-weight:bold;color:#FFFFFF; width:100%;  padding:2px 0 0 0; margin:0;}
#calendario caption a:link, #calendario caption a:visited {text-decoration:none; color:#fff;}
#calendario caption a:hover {color:#B12501;}


#calendario th {text-align:center; font-size:0.90em; font-weight:bold;}
/*#calendario th.mese a:link, #calendario th.mese a:visited{
	width:100%;
	text-decoration: none;
	color:#006699;
}*/

#calendario td {
font-size:0.70em;
border:1px solid #fff;
margin:0;
padding:0;
width:14%;
}
#calendario td a{
display:block;
width:100%;
height:100%;
}

#calendario th.mese {
	text-align:center;
	/*font-weight:bold;*/
}

#calendario td.giorno-normale a:link, #calendario td.giorno-normale a:visited{
	color:#000000;
	text-decoration:none;
	text-align:center;	
	background-color:#fff;
}

#calendario td.giorno-normale a:hover, #calendario td.giorno-normale a:active{
	background-color:#FFCC00;
	color:#000000;
	text-decoration:none;
	text-align:center;
}

#calendario td.giorno-normale {
	text-align:center;
	color: #332A01;
	margin:0;
	padding:0;
	
}

#calendario td.giorno-corrente a:link, #calendario td.giorno-corrente a:visited{
	color:#000;
	text-decoration:none;
}

#calendario td.giorno-corrente a:hover, #calendario td.giorno-corrente a:active{
	color:#000000;
	text-decoration:none;
}

#calendario td.giorno-corrente {
	text-align:center;
	color: #fff;
	font-weight:bold;
	background-color:#BCA308;	
}

#calendario td.giorno-settimana-nero, #calendario td.giorno-settimana-rosso {
	text-align:center;
	font-weight:bold;
	color:#FDEE93;	
}
#calendario td.giorno-settimana-rosso {
	color:#6D1D01;
	
}

#calendario th.giorno-settimana-nero, #calendario th.giorno-settimana-rosso {
	text-align:center;
	font-weight:bold;
	height:28px;
	color:#FDEE93;	
}
#calendario th.giorno-settimana-rosso {
	color:#B12501;
	
}

#calendario td.giorno-domenica a:link, #calendario td.giorno-domenica a:visited{
	color:#FCCB05;
	text-decoration:none;
}

#calendario td.giorno-domenica a:hover, #calendario td.giorno-domenica a:active{
	background-color:#E1390D;
	text-decoration:none;
}

#calendario td.giorno-domenica {
	text-align:center;
	color: #fff;
	background-color:#B12501;
}
/*<<<<<<<<<<<<<<<<<<< FINE EVENTI + CALENDARIO >>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<<<<<<< SONDAGGI >>>>>>>>>>>>>>>>>>>>>>>>>*/

.sondaggio-attivo {font-size:90%; background-color:#E6E6E6}
.sondaggio-attivo h1 {margin-top:0px;}

/*<<<<<<<<<<<<<<<<<<<<< FINE SONDAGGI >>>>>>>>>>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<<<< INIZIO BANNER STATICI >>>>>>>>>>>>>>>>>>>>>>>*/
#consiglio-on-line, #suap{
    margin:0 1px 4px 0;
	border:1px solid #65813c;
    border-bottom: 5px solid #e2ffb2;
	background-color:#fff;
	color:#fff;
	text-align:center;
    }
#consiglio-on-line a {
    display:block;
	width:100%;
	height:110px;
	background: url(../../img/consiglio-on-line.gif) no-repeat center top;
	}
	
#suap a {
    display:block;
	width:100%;
	height:110px;
	background: url(../../img/suap.gif) no-repeat center top;
	}
#consiglio-on-line span, #suap span {
    display:none;
	}
/*<<<<<<<<<<<<<<<<<<<<< FINE BANNER STATICI >>>>>>>>>>>>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< MODULO BANNER (soluzione con bordo su img) >>>>>>>>>>>>>>>>>>*/
#banner-home, #banner-home-dx { 
    background: #CDDEB3 url(../../img/bg_partner.gif) repeat-x top left;
	border:1px solid #fff;
	padding: 6px 0 6px 0;
	}
	
#banner-home-dx { 
    background-image:none;
	background-color:#CDDEB3;
	}
	
#banner-home-head {
    color:#fff;
	text-align:left;
	height: 30px;
	font-weight:bold;
	padding: 2px 0 0 6px;
	}

#banner-home ul, #banner-home-dx ul {
	list-style-type:none; 
	margin: 0;
	padding: 0;
	background: none;
	border:none; 
	}
#banner-home li, #banner-home-dx li {
	margin: 4px 0 4px 0;
	padding: 0;
	background: none;
	border-bottom: none;
	/*border: 1px solid #8F1E04;*/
	text-align:center;
	}
#banner-home img, #banner-home-dx img {
    border: 2px solid #fff;
	}
/*<<<<<<<<<<<<<<<<<<< FINE MODULO BANNER >>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< MODULO NEWSLETTER >>>>>>>>>>>>>>>>>>*/
#newsletter-home {
   text-align:center;
   background: url(../../img/bg_newsletter.jpg) repeat-x center 12px;
   height: 120px;
   border: 1px solid #fff;
   border-top: none;
   color:#900202;
   font-weight:bold;
   }
#newsletter-home form {
   margin:6px 0 0 0;
   }
#newsletter-home-head {
    color:#FEF8D1;
	text-align:left;
	height: 25px;
	line-height: 2em;
	font-weight:bold;
	padding: 0 0 0 6px;
	background: url(../../img/bg_newsletter_head.gif) repeat-x top left;
	}	
#newsletter-home h1 {color:#900202; font-size: 1.2em; border:none; background:none;}
#e_mail_newsletter {color:#900202;border: 1px solid #D58B4E; width:90%}
#newsletter_btn_registrati {
   background: url(../../img/bg_newsletter_head.gif) repeat-x top left;
   border: 1px solid #FEF8D1;
   color: #FEF8D1;
   font-weight:bold;
   font-size:0.9em;
   padding: 2px;
   }
/*<<<<<<<<<<<<<<<<<<< FINE MODULO NEWSLETTER >>>>>>>>>>>>>>>>>>*/


/*SUDNEWS*/

#sudnews {background: #FAF1B2 url(../../img/bg_sudnews.gif) repeat-x top left; padding:0;border-left:1px solid #fff;}

.titolo-sudnews{
   padding:8px;
   height: 40px;
   color:#fff;
   font-size: 1em;
   font-weight:bold;
   }
#sudnews ul {
	list-style-type:none; 
	margin: 0;
	padding: 0;
	background: none;
	border:none;
	font-size: 0.95em;
	}

#sudnews li {
	padding: 10px;
	border:none;
	background: url(../../img/bg_sudnews_border.gif) repeat-x bottom left;
	}

#sudnews li a {
	text-decoration:none; 
	color:#450E00;
	}

#sudnews li a:hover {
	color: #C02902;
	}
	
#sudnews li span {
	color: #B12501;
	font-weight: bold;
	}
#sudnews li a.altre_notizie {
	font-weight: bold;
	color: #b12501;
	background-color:#DCCC6A;
	text-align:center;
	line-height: 24px;
	width: 100%;
	display:block;
	}
#sudnews li a:hover.altre_notizie {
	color: #fff;
	background-color:#c9af0f;
	}

/*<<<<<<<<<<<<<<<<<<< MAPPA DEL SITO >>>>>>>>>>>>>*/
#mappa-sito a:link, #mappa-sito a:visited {text-decoration:none;}
#mappa-sito .titolo-menu {color:#F95230; background-color:#FFFFFF; border-bottom:1px solid #CCCCCC;}
#mappa-sito ul {list-style-type:none;}
#mappa-sito li {margin-bottom:4px;}
#mappa-sito #calendario, #mappa-sito #calendario_head, #mappa-sito #banner-home, #mappa-sito #sudnews, #mappa-sito #newsletter-home {display:none;}
#mappa-sito .titolo_menu_sx, #mappa-sito .titolo_menu_dx {background-image:none;}
#mappa-sito .titolo_menu_sx {
    background-color:#738E4B;
	}
#mappa-sito li {
    color:#777;
	}
#mappa-sito ul a {
    color:#360C01;
	}
#mappa-sito ul a:hover {
    text-decoration:underline;
	}
#mappa-sito .titolo_menu_dx {
    background-color:#9A584B;
	}
/*<<<<<<<<<<<<<<<<<<< FINE MAPPA DEL SITO >>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< TUTTI I FORM DEL SITO >>>>>>>>>>>>>*/
legend {
   font-weight:bold;
   font-size:1em;
   color:#375A01;
   padding:0 5px 0 5px;
   }
fieldset {
	margin-bottom:15px; 
	padding-bottom:15px; 
	color: #006666; 
	border:none;
	border-top:4px solid #bed795;
	line-height:1.2em;
	background: #eee url(../../img/bg_form.gif) repeat-x top left;
	 }
.campi-form {float:left}
.etichetta{
     width:25%;
	 border-bottom:1px solid #fff;
	 float:left;
	 padding:6px 0 0 4px;
	 text-align:left;
	 color:#192A00;
	 }
.titoli-form {float:left; padding-bottom: 10px; width:20%; clear:left;}
input, textarea {border: 1px solid #518602;margin-top:2px;padding-left:4px;color:#1E3101;}
#Invia, #reset, #btn_vota, #sa, #btn_newsletter{background-color:#548804;color:#fff; font-weight:bold;border: 1px solid #A0B483;}
select{margin-top:2px; border: 1px solid #518602; color:#1E3101;}
/*<<<<<<<<<<<<<<<<<<< FINE TUTTI I FORM DEL SITO >>>>>>>>>>>>>*/


/*<<<<<<<<<<<<<<<<<<< PARTNER COMMERCIALI (soluzione con bordo su img) >>>>>>>>>>>>>*/
#partner_commerciali {
   background: #CFDFB7 url(../../img/bg_partner.gif) repeat-x top left;
   border:1px solid #fff;
   text-align:center;
   padding: 4px 0 0 0;
   }
#partner_commerciali_head {
    color:#fff;
	text-align:left;
	height: 30px;
	font-weight:bold;
	padding: 3px 0 0 6px;
	}
#partner_commerciali ul {
	list-style-type:none; 
	margin: 0;
	padding: 0;
	background: none;
	border:none;
	}
#partner_commerciali li {
	padding: 0 6px 8px 6px;
	background: url(../../img/bg_partner_item.gif) repeat-x bottom left;
	margin: 8px 0 0 0;
	border:none;
	}
	
.didascalia-partner {padding: 0 0 4px 0;}
.didascalia-partner a:link, .didascalia-partner a:visited{color:#fff; text-decoration:none; border:none; font-size:0.95em;}
.img-partner {margin-bottom: 4px;}
.img-partner img {border: 2px solid #fff;}
/*<<<<<<<<<<<<<<<<<<< FINE PARTNER COMMERCIALI >>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< NUOVI NATI >>>>>>>>>>>>>*/
.maschio {color:#006699; font-weight:bold;}
.femmina {color: #FF3366; font-weight:bold;}
/*<<<<<<<<<<<<<<<<<<< FINE NUOVI NATI >>>>>>>>>>>>>*/
	


/*MESSAGGIO DI ERRORE NELLA COMPILAZIONE DEI VARI FORM PER INSERIRE IMMAGINI, DATI OBBLIGATORI O DOCUMENTI*/
#errore {
	background-color:#FF0000; 
	color:#FFFFFF; 
	font-weight:bold;}

#risultato {
	color:#F95230;
	}

.nofloat {
	clear: both;
	}

.dato-errato {color:#FF0000}


.record {
	border:1px solid #ADD9D1; 
	margin-top:2px;
	padding:2px;
	}


.errore-formato{
color:#006666;
font-weight:bold;

}

#numero-pagine {text-align:center; width:100%; background-color:#EAF6F4; margin:0; padding:0;}
#numero-pagine ul {list-style-type:none; margin:0; padding:0; display:inline;}
#numero-pagine li {display:inline; margin:0; padding:0;}
#numero-pagine a:link, #numero-pagine a:visited {text-decoration: none;} 


/*##################incarichi#############################*/
table.incarichi{width:99%;;margin-bottom:20px;}
table.incarichi caption{font-size:1.1em;
font-weight:bold;
border:none;
color:#b12501;text-align:left}
table.incarichi th,table.incarichi td{vertical-align:top;font-size:1em;padding:2px}
table.incarichi td{border:1px solid #CCCC99;width:70%;}
#operazione-trasparenza{font-size:1.2em;}
table.incarichi th{background-color: #eeeec2; text-align:left}

/*############################################ consiglio online #####################################*/
#sfondo-pagina-consiglio{
	background:url(../../img/consiglio-online/sfondo-pagina.gif) top left;
	padding:50px 0;
	text-align:center;

}

#sfondo-video {
	margin:0px auto;
	text-align:center;
	background-color:#b5c9aa;
	width:340px;
	height: 318px;
	padding-top:4px;
	}
	
#consiglio-descrizione{
	background:url(../../img/consiglio-online/sfondo-descrizione.gif) top left repeat-y;
	width:320px;
	margin:0px auto;
	text-align:left;
	/*margin-bottom:50px;*/
	}
	
	
	
/* PRETORIO*/
.criteri-ricerca {float:right; width:45%; border:1px solid #70D906; margin-left:10px; background-color:#FFFFFF;}	
.criteri-ricerca h2 {font-size:98%; padding-left:10px; padding-top:3px; margin-top:0px;}
.criteri-ricerca ul li {border-bottom:1px dotted #CCCCCC; margin-top:5px; margin-left:2px;}
.criteri-ricerca a:link, .criteri-ricerca a:visited {}
.pubblicazione {color:#8c412f; font-weight:bold; text-decoration:underline}


.titolo{color: #3F591C; 
	font-size:1.4em;
	line-height:1em;
	border: 1px solid #c3d2ac;
	padding: 5px 0 3px 5px;
	margin: 16px 0 10px 0;
	background: #fff url(../../img/bg_h1.gif) no-repeat top right;}

.elemento-albo-home h3 {margin-bottom:5px;}


#oracolo{
	background:#222224 url(../../img/oracolo.gif) no-repeat top left;
	height:59px;
/*	border:1px solid #bed4c8;*/
	display:block;
	border-left:1px solid #fff;
	
	}
	
.banner-bianco{
	background-color:#FFF;
	text-align:center;}