/*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: 0;
	padding: 0;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#013984;
	background: #5281B9 url(/img/bg_body.gif) repeat-x top left;
	}

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

#centro {float:left; width:82.4%;}

#contenuto, #contenuto-gallery {
	/*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.*/
	font-size:0.85em;
	line-height:1.3em;
	width: 79%;
	float: right;
	margin:0;
	padding:0;
	background-color:#fff;
	height: auto !important;
	z-index:3;
	}
#contenuto-gallery {
	width: auto;
	padding: 0 20px 0 20px;
	float:none;
	}

/* --------------------------- COMMONS ---------------------------------- */

/*LINKS*/
a:link, a:visited {color:#BB4402;}
a:link, a:visited, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {text-decoration:none;}
a:hover, h1 a:hover, h2 a:hover, h3 a:hover{text-decoration:underline;}
#link-eventi{
    width:auto;
	text-align:center;
	font-weight:bold;
	display:block;
	clear:both;
	padding: 5px 0 6px 0;
	margin-right:0 !important;
	margin-right:-2px;
	color:#d43901;
	background: #FAF7F2 url(/img/box-home-head.gif) repeat-x left top;
	}
#link-eventi:hover{
    color:#fff;
	background-image:none;
	background-color:#c25211;
	}

/*ELENCHI*/
ul {
	list-style-type:none; 
	padding: 0;
	line-height: 1.3em;
	margin: 10px 0 4px 0;
	}
li {
	padding: 0 0 4px 14px;
	background: url(/img/puntoelenco_contenuti.gif) no-repeat left 6px;
	}

/*PARAGRAFI*/
p {
   line-height: 1.5em;
   margin:0 0 10px 0;
   padding:0;
}
#p-inizio-pagina {margin:0;}
.vai-elenco-completo {
   padding: 3px 0 4px 4px;
   background-color: #3da6d6;
   font-weight:bold;
}
#contenuto .vai-elenco-completo a{color:#fff;}

/*HEADINGS*/
h1 {
	color: #003A86; 
	font-size:1.5em;
	padding:5px 30px 6px 6px;
	margin: 6px 0 10px 0;
	line-height:1em;
	/* border: 1px solid #65BDE3; più netto */
	border: 1px solid #aed6e7;
	background: #fff url(/img/bg-h1.gif) no-repeat top right;
	}
#h1-news-home, .h1-forum {
	margin-bottom:0;
	}
h1 a:link, h1 a:visited {color: #0274CC;}
h1 a:hover, h1 a:active {color: #178FEB;}

h2 {
	color:#0288DE;
	font-size:1.3em;
	line-height:1.1em;
	margin: 6px 0 2px 0;
	}
.h2-forum {
	background: url(/img/icon_forum_categoria.gif) no-repeat top left;
	padding: 8px 0 10px 36px;
	margin-top:0;
	}	
h2 a:link, h2 a:visited{color:#0288DE;}
h2 a:hover, h2 a:active{color:#da5d10;}

h3 {
	font-size:1.2em; 
	color:#BB4402;
	line-height:1.1em;
	margin: 8px 0 2px 0;
	}
h3 a:link, h3 a:visited {color:#BB4402;}
h3 a:hover, h3 a:active {color:#F16D02;}


/*STILI GENERICI*/
.data-notizia{font-weight:bold;	color:#BB4402;}
.evidence{color:#BB4402;}
img {border: none;}

.grassetto {font-weight:bold;}
.corsivo {font-style:italic;}
.grassetto_corsivo {font-style:italic; font-weight:bold;}
.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 { /*stile che crea una linea tratteggiata prima o dopo un elemento. Viene utilizzato per tutti i moduli.*/ 
     border-bottom:1px solid #c9e5f3;
	 margin-bottom:15px;
	 margin-top:6px;
	 clear:both;
	 }
.nascosto {display:none}


.img-interna {
	float:left;
	margin-right:5px;
	}
.img-interna-dx {
	float:right;
	margin-left:5px;
	}
.img-interna-dx-servizi {
	float:right;
	padding:5px;
	/*border:1px solid #000;*/

	}
.img-interna img, .img-interna-dx img, #ingrandimento img {
	border:2px solid #c0e5fe;
	}
#ingrandimento img {text-align:center;margin-bottom:10px;}	
#cartina {border:none; border-top: 10px solid #fff;}	
	
.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-left:2px; padding:1px; margin-top:4px}
.ico-allegati img, .ico-legenda img {vertical-align:middle; margin-left:2px;}

.approfondimento {
    background-color:#FEF5E9;
	padding:6px;
	}
	
	
/*PAGINAZIONE: Pagina: 1 - 2 - 3 ....*/
.paginazione {width:100%; text-align:center;clear:both;font-weight:bold; margin-bottom:14px;}
.paginazione ul{display:inline;}
.paginazione li {display:inline;background:none;}
.paginazione li a{color:#BB4402;}
.paginazione li a:hover{color:#f3681c;}

/*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 {
	margin: 0 0 16px 0; 
	padding: 90px 0 0 0;
	background: #fff url(/img/bg-inizio-pagina.gif) no-repeat left top;
	width:100%;
	}/*link per tornare ad inizio pagina*/
.inizio-pagina-gallery {padding: 16px 0 0 0;}

.inizio-pagina a:link, .inizio-pagina a:visited, .inizio-pagina-gallery a:link, .inizio-pagina-gallery a:visited{
	color:#013984; 
	text-decoration:none; 
	font-weight:bold;
	}
.inizio-pagina a:hover, .inizio-pagina-gallery a:hover {color:#BB4402;}
	
/* --------------------------- fine COMMONS ---------------------------------- */

/*VESTI GRAFICHE (VERSIONI)*/
#vesti-grafiche {
	width:100%;
	text-align:left;
	font-weight: bold;
	font-size: 0.85em;
	margin:5px 0 0 0;
	}
#vesti-grafiche ul{
    margin:0;
	padding: 0 0 0 22px;
	}
#vesti-grafiche li {
	display: inline;
	padding: 0 0 0 8px;
	background-image:none;
	}
#vesti-grafiche a{
	color:#013984;
	text-decoration:none;
	padding-left:8px;
	background: #fff url(/img/arrow-vesti-grafiche.gif) no-repeat left 5px;
	}
#vesti-grafiche a:hover{
	text-decoration:underline;
	}

/*TOP GRAFICO*/
#top {
	position:relative;
	height: 238px;
	text-align: left;
	width:100%;
	background: url(/img/top-center.jpg) no-repeat right 28px;
	}	
#top-sx {
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height: 238px;
	background: url(/img/top-sx.gif) no-repeat left top;
	}
#top-sx-stemma {
	position:absolute;
	float:left;
	height: 238px;
	width:220px;
	background: url(/img/top-sx-stemma.gif) no-repeat left top;
	}
#top-dx {
	position:absolute;
	width:400px;
	right:0;
	margin-right:0 !important;
	margin-right:-1px;
	top:0;
	height: 238px;
	background: url(/img/top-dx.gif) no-repeat right top;
	}
#menu-utility {
	position:absolute;
	bottom:0;
	right:0;
	margin: 0 114px 3px 0;
	}
#menu-utility ul, #menu-utility li{
	margin:0;
	padding:0;
	}
#menu-utility li{
    display:inline;
	list-style-type:none;
	}
#menu-utility a img {border: 2px solid #fff;}
#menu-utility a:hover img {border: 2px solid #79EFFD;}
	
/*MENU CONTESTUALE*/
#menu-contestuale {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.90em;
	padding-top:5px;
	padding-bottom:1px;
	line-height:1.2em;
	}
#menu-contestuale a:link, #menu-contestuale a:visited {
	color: #013984; 
	padding-top:10px;
	}
#menu-contestuale a:hover, #menu-contestuale a:active {
    color:#038DE5;
	}

/*Parti comuni ai MENU' DI SINISTRA E DESTRA*/
#menu-sx, #menu-dx {
	padding:0;
	margin:0;
	font-size: 0.85em;
	}
#menu-sx ul, #menu-dx ul {
	list-style-type:none; 
	margin:0;
	padding: 6px 0 4px 0;
	background-color:#fff;
	}
#menu-sx li, #menu-dx li {
	margin: 0;
	padding: 0 0 5px 24px;
	line-height:1.4em;
	}
.titolo-menu-sx, .titolo-menu-dx{
	font-weight:bold;
	margin:0 0 0 2px;
	border-top: 1px solid #fff;
	line-height: 23px;
	padding: 0 4px 2px 6px;
	}
.titolo-menu-sx a:hover, .titolo-menu-dx a:hover{text-decoration:none;}
		
/*MENU DI SINISTRA*/
#menu-sx {
	float: left;
	width: 20%;
	z-index:2;
	background: url(/img/bg-column.gif) repeat-y;
	border-top: 24px solid #B9EDFB;
	}
#menu-sx ul {
	margin-left:2px;
	border:1px solid #C5E6F5;
	border-top:none;
	background-color:#F2FAFD;
	}
#menu-sx li {
	background: url(/img/puntoelenco-sx.gif) no-repeat 5px 4px;
	}
#menu-sx li a{color:#003A83;}
#menu-sx li a:hover{color: #DC6014;}
.titolo-menu-sx{
	background: #B3DEF2 url(/img/head-menu-sx.gif) no-repeat right top;
	}
#menu-sx .box {
	background-color:#fff;
	padding-bottom:1px;
	}
#menu-sx .box li {
	background-image:none;
	padding:0 6px 0 6px;
	}

/*MENU DI DESTRA*/	
#menu-dx  {
	float:right; 
	width:17%; 
	z-index:1;
	padding-top:24px;
	background: url(/img/bg-column.gif) repeat-y right top;
	}
#menu-dx ul {
	margin-right:2px;
	border:1px solid #EBD5C0;
	border-top:none;
	background-color:#FBF6F2;
	}
#menu-dx li {
	background: url(/img/puntoelenco-dx.gif) no-repeat 5px 4px;
	}
#menu-dx li a{color:#003A83;}
#menu-dx li a:hover{color: #DC6014;}
.titolo-menu-dx{
	background: #F3DDC5 url(/img/head-menu-dx.gif) no-repeat right top;
	margin:0 2px 0 0;
	color:#BC4503;
	}

/* BOX HOME */
.box-home-head, .box-home-head-sx{
    border:1px solid #EBD5C0;
	border-bottom:none;
	padding:6px;
	background: #FAF7F2 url(/img/box-home-head.gif) repeat-x left bottom;
	}
#menu-sx .box-home-head{
    margin: 2px 0 0 2px;
	}
.box-home-head-sx{
    border:1px solid #c5e6f5;
	margin-top:2px;
	margin-left:2px;
	background: #f4fbff url(/img/box-home-head-sx.gif) repeat-x left bottom;
	line-height:1em;
	}
.box-home-head h1, .box-home-head-sx h1{
    border:none;
	color:#BA4400;
	margin:0;
	height:auto !important; /*Firefox interpreta quindi da priorità */
	height:46px;
	min-height:37px;
	padding:5px 45px 4px 0;
	}
.box-home-head-sx h1{
	color:#0090d2;
	}
.box-home-head .title-no-icon, .box-home-head-sx .title-no-icon {
	margin:0;
	min-height:1px;
	height:auto;
	padding:3px 5px 4px 0;
	background:none;
	}
		
.box-home-body{
    border:1px solid #EBD5C0;
	border-top:none;
	padding:6px;
	color:#800A00;
	margin-bottom:2px;
	}
#flash-home{
    border:none;
	padding:0;
	}
.box-home-body p{margin-bottom:0;}
.vai-alla-sezione {
    font-weight:bold;
	padding: 6px 0 7px 0;
    }

#box-home-head-sindaco{border-top:none;}
#head-forum-sindaco{
	background: #EAD0BA url(/img/box-home-head-sindaco.gif) no-repeat center top;
	height:30px;
	border:1px solid #EBD5C0;
	border-bottom:none;
	}
#title-forum-sindaco{background: url(/img/icon_forum.gif) no-repeat right top;}
#box-home-body-sindaco p {margin-top:4px;}
#box-home-body-sindaco .vai-alla-sezione {padding-top:3px;}

#title-flash-home{background: url(/img/icon_monumenti.gif) no-repeat right top;}

#title-servizi-cittadino{background: url(/img/icon_servizi_cittadino.gif) no-repeat right top;}

#title-servizi-imprese{background: url(/img/icon_servizi_imprese.gif) no-repeat right top;}

#colonna-atti .img-interna img, #colonna-atti .img-interna-dx img {border:1px solid #EBD5C0;}

	
/* ------------------ inizio TOOLS (div che nei deettagli contiene links a galleria-foto, elenco, ricerca) ------------------ */
#tools {
    padding: 8px 10px 10px 10px;
	margin: 10px 0 10px 0;
    background: url(/img/bg_tools.gif) repeat-x left top;
	border-top: 10px solid #fff;
	}
.link-gallery, .link-elenco, .link-ricerca, .link-ritorna, .link-discussioni {
	padding: 8px 8px 12px 46px;
	}
.link-gallery {
    background: url(/img/icon_photogallery_2.gif) no-repeat 1px 1px;
	}
.link-elenco {
    background: url(/img/icon_elenco.gif) no-repeat 1px 1px;
	}
.link-ricerca {
    background: url(/img/icon_ricerca.gif) no-repeat 1px 1px;
	}
.link-ritorna {
    background: url(/img/icon_ritorna.gif) no-repeat 1px 1px;
	}
.link-discussioni {
    background: url(/img/icon_discussione.gif) no-repeat 1px 1px;
	}
/* ------------------ fine TOOLS ------------------ */
	
	
/*BOTTOM (INDIRIZZO)*/
#bottom-container {
	background: #0083C4 url(/img/bottom-bg.gif) repeat-x left top;
	margin: 0 2px 0 2px;
	clear:both;
	text-align:center;
	color:#fff;
	font-size: 0.85em;
	}
#bottom {
	width:auto;
	background: url(/img/bottom.jpg) no-repeat left top;
	padding: 40px 10px 20px 10px;
	line-height:1.5em;
	}	
#bottom a{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	}
#bottom a:hover{
	text-decoration:underline;
	}
#bottom span{
	font-weight:normal;
	}

/*VALIDATORI E BOTTONI W3C*/
#validatori {
	text-align:center;
	font-size: 1.2em;
	background-color:#fff;
	padding: 3px 0 11px 0;
	}
.w3cbutton  {
	padding-top:6px;
	}
.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;
	} 

/* ------------------------ MODULI PRESENTI IN HOME PAGE ------------------------------ */

/* --- NEWS in home page --- */
#colonna-news {width:69%; float:left;} /*Colonna che contiene le notizie dell'home page*/
#prima-notizia { /*box che contiene la prima notizia*/
	width:auto;
	padding:10px 10px 6px 10px; 
	margin:0 0 10px 0;
	background-color:#E6F5FC;
	border:1px solid #bde3f4;
	border-top:none;
	}
#prima-notizia .img-interna {/*div che contiene l'immagine della prima notizia nell'home page*/
	float:left; 
	padding: 0 4px 2px 0;
	} 
#prima-notizia .img-interna img {/*bordo dell'immagine della prima notizia nell'home page*/
    border:none;
	border-bottom:6px solid #91d7ff;
	} 	
#prima-notizia h2{
	padding: 0 6px 4px 6px;
	}
#prima-notizia h2 a:link, #prima-notizia h2 a:visited{
	color:#da5d10;
	text-decoration:none;
	}
#prima-notizia h2 a:hover, #prima-notizia h2 a:active{
	text-decoration:underline;
	}
#prima-notizia .data-notizia{
	padding: 2px 0 6px 6px;
	background:none;
	}
#prima-notizia .categoria{
	padding: 0 0 0 6px;
	}
#prima-notizia .sommario_prima_news{
	padding:0 6px 0 6px;
	margin:0;
	}
/*mettere un bordo aiuta ad eliminare il problema del testo che scompare in IE*/
#colonna-news .titolo-notizie-home {
	background-color:#FEEAA5; 
	padding:5px; 
	font-weight:bold; 
	border-bottom:1px solid #006666;
	}
#colonna-news h1 {}	
#colonna-news h2 {margin-top:2px; margin-bottom:4px;}

.data_news_home { /*box che contiene la prima notizia*/
	width:100%; 
	padding: 0 0 0 4px; 
	margin-bottom:5px;
	background-color:#FCF3E5;
	}

/* --- ATTI pubblici presenti in home page --- */
#colonna-atti {width:29.6%; float:right; padding-right:2px; margin-top:6px;}
#colonna-atti .titolo-atti-home {
	background-color: #FFC488; 
	padding:5px; 
	font-weight:bold; 
	border-bottom:1px solid #006666;
	}	
#colonna-atti h2 {margin-top:2px; margin-bottom:2px;}

.box_colonna_atti {
	background-color: #fff; 
	border:1px solid #DB9997;
	margin-bottom:4px;
	}	

/*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
*/

.numero {font-weight:bold;}

/*<<<<<<<<<<<<<<<<<<< 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;}
.sommario {}

/*<<<<<<<<<<<<<<<<<<< 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 >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#autocertificazione{margin-top:5px;}
/*<<<<<<<<<<<<<<<<<<< FINE AUTOCERTIFICAZIONE >>>>>>>>>>>>>>>>>>>>>>>*/



/*<<<<<<<<<<<<<<<<<<< GALLERIE IMMAGINI (ARCHIVIO FOTOGRAFICO + NOTIZIE) >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#archivio_foto{
    /*border: 1px solid #e79466; più netto */
	border: 1px solid #efc6af;
	margin-top:6px;
	width:100%;
	background: #fdf3e6 url(/img/bg_photogallery.gif) repeat-x left top;
	}
#archivio_foto .titoli{
	background: #fdeee2 url(/img/bg_photogallery_bar.gif) repeat-x left top;
	border-bottom: 1px solid #fff;
	}
#archivio_foto h1 {
	margin:0;
	border: none;
	background: url(/img/icon_photogalley.gif) no-repeat 8px 7px;
	padding: 8px 0 0 36px;
	}
#archivio_foto h2 {
	margin:0;
	padding: 4px 6px 10px 10px;
	color:#bb4402;
	border-bottom: 1px solid #e7c7b5;
	}
#archivio_foto #vai_a_elenco {
	background-color:#F5E6B7;
	padding: 3px 3px 3px 8px;
	margin:0;
	}
#archivio_foto .paginazione li {
    display:inline;
	}
#miniature {
	float:right; 
	width:20%; 
	background-color:#fff; 
	text-align:center; 
	padding:0;
	padding:6px 6px 0 6px;
	}	
#miniature .miniatura-img {
	border-bottom:6px solid #fff;
	background-color:#f7e2d4; 
	}
#miniature img {border:0; margin-top:10px;}
.didascalia-miniatura {color: #971f04; padding:0 4px 10px 4px;}
#ingrandimento {
    padding: 10px 0 10px 0; 
    float:left;
	text-align:center;
	width:78%;
	}
#ingrandimento img {
    border:12px solid #fff;
	}
#ingrandimento .grassetto {color:#971f04;}
#ingrandimento li {background:none;}
.resize {width:auto;}
.txt_foto {
	margin: 10px;
	color: #971f04;
}
/*<<<<<<<<<<<<<<<<<<< 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 >>>>>>>>>>>>>>>>>>>>>>*/


/* -------------------------- inizio FORUM -------------------------- */
.rispondi {
   background: #FAF7F2 url(/img/box-home-head.gif) repeat-x left top;
   padding:6px;
   color:#dd5705;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #eee0d2;
   }
.rispondi-2 {
   color:#bb4402;
   margin-top:2px;
   margin-bottom:10px;
   }
.head-discussione {
   background: #fff url(/img/bg-head-discussione.gif) repeat-x left bottom;
   padding:6px;
   border-bottom: 1px solid #eee0d2;
   }
.discussione {
   background-color: #f8f0e5;
   border-top: 1px solid #fff;
   padding:6px;
   padding-bottom:20px;
   }
#ul-forum li, .txt-forum{
   background: url(/img/icon_forum_user.gif) no-repeat left top;
   padding-left:25px;
   padding-top:3px;
   }
/* -------------------------- fine FORUM -------------------------- */

/*<<<<<<<<<<<<<<<<<<< MODULO ORGANIGRAMMA (SSU) >>>>>>>>>>>>>*/
/*#organigramma {} */
#organigramma ul {margin:8px 0 10px 0;}
#organigramma li {padding:0 0 0 16px; font-weight:bold; color:#fe6512;}
#organigramma ul li {border-bottom:1px solid #ddd; margin-bottom:10px;}
/*#organigramma ul li ul {}*/
#organigramma ul li ul li {border:0; color: #129ddf; font-weight:normal; margin-bottom:3px; margin-top:3px;}
#organigramma ul li ul li ul li {color:#003a86}

/*<<<<<<<<<<<<<<<<<<< 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 #ebd5c0;
   border-bottom:6px solid #d78655;
   background-color:#f8f0e9;
   margin:0 2px 2px 0;
   width:auto;
   }
#calendario h1 {
   border:none;
   color:#ba4400;
   margin:0;
   padding:18px 0 20px 5px;
   background: #fff url(/img/icon_calendario.gif) no-repeat right top;
   }
#calendario table {
   width:99%;
   font-size:0.9em;
   border-bottom:6px solid #f8f0e9;
   }
#calendario caption {
   font-weight:bold;
   color:#ba4400;
   padding:4px 0 0 0;
   font-size:1.2em;
   }
#calendario caption a{
   color:#ba4400;
   }
#calendario th {
  text-align:center;
  font-weight:bold;
  font-size:1.3em;
  color:#ba4400;
  padding-bottom:4px;
  }
#calendario th.giorno-settimana-rosso {color:#ff4400;}
#calendario td {
  background-color:#fff;
  width:14%;
  padding: 3px 0 3px 0;
  }


#calendario td.giorno-normale a:link, #calendario td.giorno-normale a:visited{
	color:#024a9b;
	text-decoration:none;
	text-align:center;
}
#calendario td.giorno-normale a:hover, #calendario td.giorno-normale a:active{
	background-color:#fc961e;
	color:#024a9b;
	text-decoration:none;
	text-align:center;
}
#calendario td.giorno-normale {
	text-align:center;
	color: #ba4400;
	margin:0;
	padding:0;
}
#calendario td.giorno-corrente a:link, #calendario td.giorno-corrente a:visited{
	color:#024a9b;
	text-decoration:none;
}
#calendario td.giorno-corrente a:hover, #calendario td.giorno-corrente a:active{
	color:#024a9b;
	text-decoration:none;
}
#calendario td.giorno-corrente {
	text-align:center;
	color: #fc961e;
	font-weight:bold;	
}
#calendario td.giorno-settimana-nero {
	text-align:center;
	font-weight:bold;
	color:#024a9b;
	
}
#calendario td.giorno-settimana-rosso {
	text-align:center;
	font-weight:bold;
	color:#ff4400;
	
}
#calendario td.giorno-domenica a:link, #calendario td.giorno-domenica a:visited{
	color:#ff4400;
	text-decoration:none;
}

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

#calendario td.giorno-domenica {
	text-align:center;
	color: #ff4400;
	font-weight:bold;
}
/*<<<<<<<<<<<<<<<<<<< FINE EVENTI + CALENDARIO >>>>>>>>>>>>>*/

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

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

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



/*<<<<<<<<<<<<<<<<<<< MODULO BANNER >>>>>>>>>>>>>>>>>>*/
#banner-home {
  text-align:center;
  padding:4px 4px 0 4px;
  margin-right:1px;
  }
#banner-home ul {
	margin: 0;
	padding: 0 0 2px 0;
	background: none;
	background-color:#fff;
	border:none;
	}
#banner-home li {
	background: none;
	padding:0;
	}
#banner-home a {
	width:100%;
	padding:10px 0;
	display:block;
	background-color:#F7EEE3;
	}
#banner-home a:hover {
    background-color:#ECB392;
	}
#banner-home a img {
    margin:0;
	padding:0;
	border:1px solid #fff;
	}
/*<<<<<<<<<<<<<<<<<<< FINE MODULO BANNER >>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< MODULO NEWSLETTER >>>>>>>>>>>>>>>>>>*/

.newsletter-home label {font-size:90%;}
.newsletter-home {padding:5px; text-align:center;}
.newsletter-home input {width:90%}
/*<<<<<<<<<<<<<<<<<<< FINE MODULO NEWSLETTER >>>>>>>>>>>>>>>>>>*/


/*SUDNEWS*/
#sudnews {
	 background-color:#FCECD1;
	 padding:0;
	 margin:0;
	 color:#990D01;
	 }
.titolo-sudnews{
   padding:4px 4px 4px 6px;
   color:#fff;
   line-height:1.6em;
   font-weight:bold;
   border-top:1px solid #fff;
   border-bottom:1px solid #3B0500;
   background: #901309 url(../../img/head_box.gif) repeat-x top left;
   }
#sudnews ul {
   padding:0;
   margin:0;
   list-style-type:none;
   list-style-image:none;
   background-color:#FCECD1;
   border-bottom:none;
 }
#sudnews li {
   border-top:1px solid #fff;
   border-bottom:1px solid #E9BC73;
   padding: 5px 6px 5px 6px;
   background: url(../../img/bg_sudnews.gif) repeat-x top left;
 }
#sudnews li a {text-decoration:none; color:#480601;}
#sudnews li a:hover {color:#B40404;}
#sudnews .data {
	color:#A20000;
	font-weight:bold;
	}
#sudnews li a.altre_notizie {
	font-weight: bold;
	color: #fff;
	background-color:#B94040;
	text-align:center;
	line-height: 24px;
	width: 100%;
	display:block;
	padding:0;
}
#sudnews li a:hover.altre_notizie {
	color: #fff;
	background-color:#A73434;
}
/*<<<<<<<<<<<<<<<<<<< MAPPA DEL SITO >>>>>>>>>>>>>*/
/*#mappa_sito {}*/
#mappa-sito .titolo-menu {color:#F95230; background-color:#FFFFFF; border-bottom:1px solid #CCCCCC;}
#mappa-sito ul {list-style-type:none;}
#mappa-sito .titolo-menu-sx, #mappa-sito .titolo-menu-dx {
  background-image:none;
  font-size:1.3em;
  margin-left:0;
  margin-right:0;
}
#mappa-sito #calendario, #mappa-sito #partner {display:none;}

/*<<<<<<<<<<<<<<<<<<< FINE MAPPA DEL SITO >>>>>>>>>>>>>*/

/* ------------------------------ inizio FORM -------------------------------------- */
form, fieldset {
   padding:0;
   margin:0;
}
.form-inizio-pagina {
   margin-top:6px;
}
form p {
   padding:6px;
}
legend {display:none;}
form {
  padding:4px;
  /* border: 1px solid #E7A27C; più netto */
  border: 1px solid #ebc9b6;
}
fieldset {
  border: none;
  padding:5px;
  background: #FFF7F2 url(/img/bg-fieldset.gif) repeat-x left top;
}
.etichetta, .etichetta-2, .ultima-etichetta {
  float:left;
  width:48%;
  border-bottom:1px solid #EECDB1;
  padding: 8px 0 8px 0 !important;
  padding: 4px 0 4px 0;
  clear:both;
}
.etichetta-2{width:100%;}
.ultima-etichetta, .etichetta-2{ border-bottom:none;}
.btn-container{
   width:48%;
   text-align:left;
   padding-top:4px;
   float:right;
}
.btn-container-2 {
   width:100%;
   text-align:center;
   padding:2px 0 7px 0;
}
.btn-container .btn-form, .btn-container-2 .btn-form {
   float:none;
}
input, select, textarea {
  margin-bottom:10px !important;
  margin-bottom:6px;
  color:#333;
  width:48%;
  float:right;
}

#cse form, #cse fieldset {
  margin:0;
  padding:0;
  border:none;
}
#cse input {
  float:none;
  width:100%;
}
#cse table .gsc-search-button {
  width:80px;
}

.btn-radio {
  width:10%;
  float:left;
}
select {
  width:48.8% !important;
  width:48%;
}
.h1-form {
  padding:5px 0 2px 25px;
  margin:0;
  background: url(/img/form_icon.gif) no-repeat 2px 1px;
  border:none;
}
.btn-form {
   color:#fff;
   border: 1px solid #fff;
   font-weight:bold;
   width:auto;
   padding: 2px 4px 4px 4px !important; /*Firefox interpreta quindi da priorità */
   padding: 2px 0 2px 0;/*IE considera questa riga perchè non interpreta IMPORTANT */
   background: #D18548 url(/img/form_bg_btn.gif) repeat-x left bottom;
}
/* ------------------------------ fine FORM -------------------------------------- */

/* ------------------------------ inizio TABELLE -------------------------------------- */
table {
 font-size:1em;
}
.table-forum {
 margin-top:20px;
}
.table-forum td input, .table-forum td textarea{
    width:100%;
}
.table-forum td .btn-form{
    width:auto;
	float:left;
}
/* ------------------------------ fine TABELLE -------------------------------------- */

/* ------------------------------ inizio PARTNER COMMERCIALI -------------------------------------- */
.partner-img { /*visualizzazione in elenco*/
	float:left;
	width:150px;
	border:2px solid #ddd;
	background-color:#ddd;
	text-align:center;
	margin:5px 5px 5px 0;
	}
	
.img-partner {/*visualizzazione in home page o in uno dei menu*/ 
	text-align:center; 
	background-color:#c1e8fb;
	padding:11px 4px 8px 4px;
	border-bottom:1px solid #a2d5ee;
	}

.img-partner img {
   border:1px solid #63ceff;
   }

.didascalia-partner {
   background-color:#d9f3ff;
   padding:10px;
   border-top:1px solid #e4f6ff;
   border-bottom:1px solid #a2d5ee;
   margin-bottom:6px;
   text-align:center;
   }
/* ------------------------------ fine PARTNER COMMERCIALI -------------------------------------- */

/*<<<<<<<<<<<<<<<<<<< NUOVI NATI >>>>>>>>>>>>>*/
.maschio {color:#9C1011; font-weight:bold;}
.femmina {color: #B06F03; 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;
	padding:4px;
	}

#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;} 
#sottointestazione{background-color:#f2fafd;margin-top:-10px;}
#sottointestazione p{padding-left:5px;}

/***************************	BANNER PROGETTO PIDSS SUAP	*******************************/
#suap a{display:block;
height:110px;
width:100%;
background:url(/img/banner-suap-pidss.gif) center center no-repeat;}

#suap a span{display:none;}

#comunica a{display:block;
height:80px;
width:100%;
background:#fff url(/img/banner-comunica.gif) top center no-repeat;}

#comunica a span{display:none;
}

/*************************** FINE BANNER PROGETTO PIDSS SUAP	*******************************/