/*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:Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#055B9F;
	background: #02406F url(/img/bg_body.gif) repeat-x left top;
	}

#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 12px 0 12px;
	background-color:#fff;
	height: auto !important;
	}
	
#corpo {
	/*Il div corpo è contenuto nella #pagina*/
	width: 100%;
	margin:0;
	padding:0;
	font-size:0.85em;
	height:auto !important;
	background-color:#fff;
	}

#centro {
	float:left;
	width:82.2%; /*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: 79%;
	float: right;
	margin:0;
	padding:0;
	line-height:1.3em;
	background-color:#fff;
	height: auto !important;
	z-index:3;
	}


/*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: 20px 0 20px 0; 
	padding: 10px 0 4px 6px;
	background: #FDF6DC url(/img/torna_inizio_pagina.gif) no-repeat right bottom;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.inizio-pagina-gallery {
	margin: 0 10px 20px 10px; 
	}
.inizio-pagina a, .inizio-pagina-gallery a{
	color:#9D7803; 
	text-decoration:none; 
	font-weight:bold;
	}
.inizio-pagina a:hover, .inizio-pagina-gallery a:hover {
	color:#C99E02; 
	}


/*VESTI GRAFICHE (VERSIONI)*/
#vesti-grafiche {
	width:100%;
	text-align:left; 
	height:24px;
	font-weight: bold;
	font-size: 0.75em;
	background: #EFCF64 url(/img/bg_vesti_grafiche.jpg) no-repeat left top;
	}
#vesti-grafiche ul{
	padding:8px 0 0 5px;
	margin-bottom:0;
	}
#vesti-grafiche li {
	display: inline;
	background: url(/img/puntoelenco.gif) no-repeat left 5px;
	padding: 0 16px 0 10px;
	}
#vesti-grafiche a {color: #8E6200; }
#vesti-grafiche a:hover{color: #C99E02;}

/*TOP GRAFICO*/
#top {
	position:relative;
	height: 234px;
	text-align: right;
	background: #EFCF64 url(/img/top.jpg) no-repeat left -24px;
	}	
#top-dx {
	position:absolute;
	width:255px;
	right:0;
	top:0;
	height: 234px;
	background: url(/img/top_cestini.gif) no-repeat right 50px;
	}
	
/*MENU CONTESTUALE*/

#menu-contestuale {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:2px solid #EFCE63; 
	font-size:0.9em;
	padding: 4px 0 2px 0;
    margin-bottom: 5px;
	color: #5A3D01;
	}
#menu-contestuale-galleria {
    margin: 0 10px 12px 10px;
	color: #5A3D01;
	}
#menu-contestuale a{
	color: #5A3D01;
	}
#menu-contestuale span, #menu-contestuale a:hover {
	color: #B78E02;
	}

/* Stili comuni ai MENU' DI SINISTRA E DESTRA */	
#menu-sx, #menu-dx {margin:0;}
#menu-sx li, #menu-dx li {
	padding: 3px 3px 3px 17px;
	}
.titolo-menu, .titolo-box {
	color:#fff;
	font-weight:bold;
	padding: 7px 0 0 8px;
	}
.titolo-box {
	padding: 10px 0 0 8px;
	font-size: 1.2em;
	border-top: 4px solid #fff;
	}
#menu-sx .no-border, #menu-dx .no-border {border:none}
#menu-sx .border-bottom {border-bottom:1px solid #F7EBC4;}
	
/*MENU DI SINISTRA*/
#menu-sx {
	float: left;
	width: 20%;
	}
#menu-sx ul {
    margin-left: 4px;
	}
#ul_citta_territorio {
    padding-bottom:100px;
    background: url(/img/bg_zucari.jpg) no-repeat left bottom;
	border-bottom: 2px solid #fff;
	}	
#menu-sx .titolo-menu {
    margin-left: 4px;
	border-bottom: 2px solid #EFCF64;
	background: #A97401 url(/img/head_menu_sx.gif) no-repeat right bottom;
	}
.menu-sx li {
	border-top:1px solid #F7EBC4;
	background: url(/img/arrow_sx.gif) no-repeat 5px 7px;
	}
#menu-sx li a {color: #5F4101;}
#menu-sx li a:hover {color: #C99E02;}
	
/*MENU DI DESTRA*/	
#menu-dx  {
	float:right; 
	width:17%; 
	}
#menu-dx ul {
    margin-right: 4px;
	}	
#menu-dx .titolo-menu {
    margin-right: 4px;
	border-bottom: 2px solid #90CBFB;
	background: #0375CC url(/img/head_menu_dx.gif) no-repeat right bottom;
	}
#menu-dx .titolo-box {
    margin-right: 4px;
	background: #69B1EB url(/img/head_box_dx.gif) repeat-x left bottom;
	}
.menu-dx li {
	border-top:1px solid #DFEDF8;
	background: url(/img/arrow_dx.gif) no-repeat 5px 7px;
	}
#menu-dx li a {color: #055B9F;}
#menu-dx li a:hover {color: #0482E3;}

/*BOTTOM (INDIRIZZO)*/

#bottom {
	width:100%;
	height: 68px;
	text-align:center;
	color:#00406E;
	clear:both;
	background: #BEE2FA url(/img/bottom.jpg) no-repeat center top;
	font-size: 0.75em;
	font-weight:bold;
	}	
#bottom a{
	color:#0466DF;
	}
#bottom p{
	font-weight:normal;
	padding-top:20px;
	}
#bottom_bar {
	height: 12px;
	background-color: #96C7EF;
	margin-bottom:2px;
	}

/*VALIDATORI E BOTTONI W3C*/

#validatori {
	margin:0;
	padding:5px 5px 10px 5px;
	text-align:center;
	border-top: 6px solid #EFCE63;
	}
.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;
	} 

/* LINKS */
a{color:#0493D5;text-decoration:none;}
a:hover{text-decoration:underline;}

h1 a {color: #005494;}
h1 a:hover {color: #1188E3;text-decoration:none;}

h2 a {color:#3390D6;}	
h2 a:hover{color:#49AFFC;text-decoration:none;}

h3 a {color:#B78E02;}
h3 a:hover {text-decoration:underline;color:#DEB214;}

.titolo-menu a {color:#fff;}
.titolo-menu a:hover {text-decoration:none;}

/* icone-links Artigianato e Attività commerciali */
#box_artigianato{
   padding-left:4px;
   }
#box_attivita_commerciali{
   padding-right:4px;
   }
#artigianato, #attivita_commerciali{
   border-bottom:1px solid #fff;
   height:90px;
   width:100%;
   }
#artigianato{
   background: #EED892 url(/img/icon_artigianato.jpg) no-repeat center top;
   }
#attivita_commerciali{
   background: #A0CFF1 url(/img/icon_attivita_commerciali.jpg) no-repeat center top;
   }
#artigianato span, #attivita_commerciali span {
  display:none;
  }
#box_artigianato a, #box_attivita_commerciali a {
  color:#fff;
  font-size:1.1em;
  font-weight:bold;
  display:block;
  height:100%;
  }
#head_artigianato a{
  color:#754C02;
  padding: 6px 0 2px 0;
  background-color:#F1E2B3;
  text-indent:6px;
  }
#head_attivita_commerciali a{
  text-indent:6px;
  padding: 6px 0 2px 0;
  color:#0257BE;
  background-color:#D0EAFB;
  }
/* icone-links Artigianato e Attività commerciali - fine */		

/* HEADINGS */
h1 {
	color: #005494; 
	font-size:1.4em; 
	margin: 10px 0 5px 0;
	padding: 4px 4px 2px 4px;
	background: #D8EDFC url(/img/bg_h1.gif) no-repeat bottom right;
	}
#h1_news_home{
    background: url(/img/titol_home_news.gif) no-repeat bottom right;
	padding: 11px 0 6px 4px;
	font-size: 1.5em;
	margin-bottom:0;
	margin-top:0;
	}
#colonna-atti h1{
    color:#AC3303; 
	background: url(/img/titol_home_dx.gif) no-repeat top right;
	padding: 12px 0 0 4px;
	border-bottom:2px solid #fff;
	margin-bottom:5px;
	margin-top:0;
	}	

h2 {
	color:#3390D6;
	font-size:1.3em;
	margin: 10px 0 5px 0;
	}
#colonna-atti h2 {
   padding: 0 5px 0 5px;
   margin-top:4px;
  }	  
#colonna-atti h2 a{color:#C9850B;}	
#colonna-atti h2 a:hover{color:#EEA801;text-decoration:none;}


h3 {
	font-size:1.1em; 
	color:#B78E02;
	margin: 0 0 3px 0;
	}

/*STILI GENERICI*/
img {
   border: none;
   }
.img-interna {
	float:left;
	margin: 0 4px 3px 0;
	}	
.img-interna-dx {
	float:right;
	margin: 5px 0 3px 4px;
	} 
.img-interna img, .img-interna-dx img{
	border:2px solid #96C7F0;
	} 
#colonna-news .img-interna img {
    border:none;
	border-bottom:4px solid #96C7F0;
	}
#prima-notizia .img-interna {
    padding-left: 4px;
	} 

p {
   line-height: 1.4em;
   margin:0;
   padding:0;
}
#colonna-atti p {
   padding: 0 5px 0 5px;
  }
.vai_a_esito {margin: 5px 0 2px 0;}
.vai_a_elenco, .vai_a_elenco_sx {
   font-weight:bold;
   line-height:2em;
   background-color:#FAE9B1;
   border-bottom: 11px solid #fff;
   margin-top: -7px;
  }
.vai_a_elenco_sx {
   background-color:#C8E4FB;
   padding-left:5px;
  }
.vai_a_esito a, .vai_a_elenco a{color: #B55601;}
  
  
ul, li {
   margin:0;
   padding:0;
   list-style-type:none; 
  }
#contenuto ul {
   margin-bottom:10px;
   line-height:1.5em
  }
#contenuto li {
	padding: 0 0 0 10px;
	background: url(/img/puntoelenco.gif) no-repeat left 8px ;
	}
#contenuto .galleria_foto li, #contenuto .paginazione li {
	background-image: none;
	}

.grassetto {font-weight:bold}
.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, #colonna-atti .tratteggio {
    border-bottom:1px solid #96C7EF;
	margin: 8px 0 7px 0;
	clear:both;
	}
#contenuto #colonna-atti .tratteggio {
    border:1px solid #fff;
	}
#contenuto .tratteggio {
	border-bottom:1px solid #B5DDFE;
	}
#colonna-news .tratteggio {
    margin: 8px 0 12px 0;
	}
	
.nascosto {display:none}

	
.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;}
	
	
/*PAGINAZIONE: Pagina: 1 - 2 - 3 ....*/
.paginazione {width:100%; text-align:center;clear:both;}
.paginazione li {display:inline; color:#01569B}
.paginazione .ul_pagg {font-weight:bold; margin:8px 0 10px 0;}
.paginazione a {color:#BA8D04;}
.paginazione a:hover {color:#1886DF;}

/*MODULI PRESENTI IN HOME PAGE*/

/*Notizie in home page*/
#colonna-news {
   width:49.3%;
   float:left;
   margin-top:6px;
   } /*Colonna che contiene le notizie dell'home page*/
#prima-notizia { /*box che contiene la prima notizia*/
	/*background-color:#EAF6F4; */
	width:100%; 
	padding: 0 0 10px 0; 
	margin-bottom:10px;
	min-height:120px;
	background-color:#E2F2FD;
	}  
#prima-notizia h2 {border:1px solid #E2F2FD;}
#prima-notizia .sommario {padding: 0 3px 0 3px;}
#prima-notizia .categoria {padding-top: 8px;}
/*mettere un bordo aiuta ad eliminare il problema del testo che scompare in IE*/


/*Atti pubblici presenti in home page*/
#colonna-atti {
    width:49.3%;
	float:right;
	color:#744100;
	background-color:#FAF5E1;
	margin-top:6px;
	}
/*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;
  padding-top:2px;
  }

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

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

/*<<<<<<<<<<<<<<<<<<< GALLERIE IMMAGINI (ARCHIVIO FOTOGRAFICO + NOTIZIE) >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#archivio_foto {
	padding:10px; 
	}
#archivio_foto h1 {
	margin:0;
	padding: 4px;
	padding-left:44px;
	background: #498CC2 url(/img/icon_photogallery.gif) no-repeat left top;
	color:#fff;
	}
#archivio_foto h1 a{color:#fff;}
#archivio_foto h1 a:hover{color:#B6EDFF;}
#archivio_foto #ingrandimento, #archivio_foto #miniature {
	margin-top:5px;
	}
#archivio_foto h2 {
	margin:0;
	padding: 20px 4px 3px 4px;
	background: #D8EDFC url(/img/bg_h1.gif) no-repeat bottom right;
	}
#archivio_foto h2 a {color:#165B92;}
#archivio_foto h2 a:hover {color:#278DDF;}

#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:#96C7EF; 
	text-align:center; 
	padding:0; 
	margin:10px 0 0 0; 
	}	
#miniature img {border:0; margin-top:10px;border:1px solid #fff;}
.didascalia-miniatura {color: #012252; border-bottom:2px solid #fff; padding:0 4px 10px 4px;}
#ingrandimento {
    border-top: 4px solid #EFCE63;
	 border-bottom: 30px solid #FDF6DC;
    padding: 10px 0 20px 0; 
    float:left;
	text-align:center;
	margin:10px 0 0 0; 
	width:78%;
	background: #F8EBC1 url(/img/gradient.gif) repeat-x left top;
	}
#ingrandimento img {
    border: 1px solid #fff;
	margin: 10px 0 10px 0;
	}
#archivio_foto #ingrandimento  {
    width:77%;
	}
#ingrandimento .grassetto {color:#A07B01;}
#ingrandimento li {background:none;}
.resize {width:auto;}
.galleria_foto{
	border-bottom: 1px solid #fff;
	background-color:#FDF6DC;
}
.galleria_foto h2 {
	margin:10px 0 0 0;
	padding: 6px 4px 2px 44px;
	background: #D8EDFC url(/img/icon_photogallery.gif) no-repeat left -1px;
	color:#01579C;
	border-bottom: 1px solid #99C0DD;
	}
.galleria_foto li {
    border-top: 1px solid #fff;
	background:none;
	line-height: 1em;
	padding-left: 8px;
}
.galleria_foto li h3 {
	margin: 8px 0 8px 0;
}
.txt_foto, .descrizione_archivio {
	margin: 10px;
	color: #775202;
}
.descrizione_galleria, .descrizione_categoria_archivio {
	margin: 1px 0 0 0;
	padding: 10px 10px 10px 6px;
	color: #01447A;
	border-top: 1px solid #99C0DD;
	background-color:#D8EDFC;
}
.descrizione_categoria_archivio {
	margin:0;
	padding-left:10px;
	border-top: 1px solid #fff;
}
/*<<<<<<<<<<<<<<<<<<< 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 ul ul li{
  background-color:#E8F4FD;
  background-image:none;
}
#organigramma ul ul ul li{
  border-bottom: 1px solid #A8CDE7;
  margin-right:10px;
}

/*<<<<<<<<<<<<<<<<<<< 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 {
   background: #E4F3FF url(/img/head_box_dx.gif) repeat-x top left;
   margin-right:4px;
   text-align:center;
   padding-bottom:2px;
   }
#calendario table {width:96%;font-size:1.1em; margin: 0 auto 0 auto;}
#calendario caption {font-weight:bold;color:#fff; width:96%;  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:#FDDC6F;}

#calendario th {text-align:center; font-size:0.90em; font-weight:bold;}

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

#calendario th.mese {
	text-align:center;
}

#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: #023671;
	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:#E3BA35;	
}

#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:#BAE9FC;	
}
#calendario th.giorno-settimana-rosso {
	color:#FDDC6F;
	
}

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



/*<<<<<<<<<<<<<<<<<<< MODULO BANNER >>>>>>>>>>>>>>>>>>*/
#banner-home {text-align:center; margin:0 4px 3px 0; }
#banner-home ul{
	padding: 0;
	border:none;
	height: 83px;
	margin: 0 !important;
	margin-bottom:-2px;
	}
#banner-home li{
	margin: 0;
	padding: 0;
	}
#banner-home a {
	height: 82px;
	width:100%;
	display:block;
	background-color:#A2CEF1;
	}
#banner-home a:hover {
    background-color:#EFCE63;
	}
#banner-home a img {
    margin-top:10px;
	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 {
	 margin:0 4px 0 0;
	 color:990D01;
	 }
#sudnews ul {
   background-color:#E4F3FF;
   border-bottom:none;
   margin:0;
 }
#sudnews li {
   border-top:1px solid #fff;
   border-bottom:1px solid #8ABAE0;
   padding: 5px 6px 5px 6px;
   background: url(../../img/bg_sudnews.gif) repeat-x top left;
 }
#sudnews li a {text-decoration:none; color:#024085;}
#sudnews li a:hover {color:#035DD8;}
#sudnews .data {
	color:#024085;
	font-weight:bold;
	}
#sudnews li a.altre_notizie {
	font-weight: bold;
	color: #fff;
	background-color:#D1A410;
	text-align:center;
	line-height: 24px;
	width: 100%;
	display:block;
	padding:0;
}
#sudnews li a:hover.altre_notizie {
	color: #fff;
	background-color:#E3BA35;
}

/*<<<<<<<<<<<<<<<<<<< MAPPA DEL SITO >>>>>>>>>>>>>*/
#nav-artigianato-map, #nav-attivita-commerciali-map {
  color:#754C02;
  padding: 6px 0 2px 0;
  background-color:#F1E2B3;
  text-indent:6px;
  font-size:1.1em;
  font-weight:bold;
  display:block;
  margin:20px 0 1px 0;
}
#nav-attivita-commerciali-map {
  color:#0257BE;
  background-color:#D0EAFB;
}
#menu-sx-map li, #menu-dx-map li {
  padding: 2px 0 2px 18px;
  background: url(/img/puntoelenco.gif) no-repeat 6px 10px ;
  border-bottom: 1px solid #fff;
}
#menu-dx-map li {
  background: url(/img/puntoelenco_blu.gif) no-repeat 6px 10px ;
}
#menu-sx-map a {
	color: #5F4101;
	}
#menu-dx-map a {
	color: #055B9F;
	}
#menu-sx-map .titolo-menu {
	background-color: #CCA858;
	}
#menu-sx-map .titolo-menu a, #menu-dx-map .titolo-menu a{
	color: #fff;
	}
#menu-dx-map .titolo-menu {
	background-color: #6BACDD;
	}
#menu-sx-map ul {
	background-color: #FFFAEE;
	margin-bottom:1px;
	}
#menu-dx-map ul{
	background-color: #EEF8FD;
	margin-bottom:1px;
	}

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

/*<<<<<<<<<<<<<<<<<<< TUTTI I FORM DEL SITO >>>>>>>>>>>>>*/
legend {
   font-weight:bold;
   font-size:1em;
   color:#BA8D04;
   padding:0 5px 0 5px;
   }
label {
   color:#5F4101;
   }
fieldset {
	margin-bottom:15px; 
	padding: 0 0 15px 4px; 
    color:#5F4101;
	border:none;
	border-top:4px solid #EFCE63;
	line-height:1.2em;
	/*background: #F8EBC1 url(/img/gradient.gif) repeat-x left -10px;*/
	background-color:#fef5e7;
	 }
.campi-form {float:left;}
.etichetta{
     width:25%;
	 border-bottom:1px solid #ead9b4;
	 float:left;
	 padding: 0;
	 margin: 6px 0 0 0;
	 text-align:left;
	 color:#5F4101;
	 }
.titoli-form {float:left; padding: 0 0 10px 0; width:20%; clear:left;}
input, textarea {border: 1px solid #D1A410; margin:2px 0 0 4px;padding-left:4px;color:#7B4C00;}

#Invia, #reset, #btn_cerca, #btn_cerca_impiegati, #crea_certificato, #sa{
   background-color:#D1A410;
   color:#fff;
   font-weight:bold;
   border:1px solid #FBEAB1;
   margin-right:10px;
   margin-top:8px;
   padding: 0 3px 0 3px;
   }
select{border:1px solid #D1A410; margin:2px 0 0 4px; color:#1E3101;}


/* ---- formattazioni specifiche ---- */
.btn-form {/* elemento da personalizzare APPLICANDO LA CLASSE */
   color:#fff;
   border: 1px solid #fff;
   font-weight:bold;
   padding: 2px 4px 4px 4px !important; 
   padding: 2px 0 2px 0;
   background: #e39629 url(/img/form_bg_btn.gif) repeat-x left bottom;
}
.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;
}
.etichetta-2{width:100%;}

#form-theme form {
   background-color:#fff;
}
#form-theme .etichetta, .etichetta-2, .ultima-etichetta {
  float:left;
  width:48%;
  margin:0;
  padding: 6px 0 6px 0;
  clear:both;
}
#form-theme .btn-container .btn-form, #form-theme .btn-container-2 .btn-form {
   float:none;
   width:auto;
}
#form-theme input, #form-theme select, #form-theme textarea {
  margin-bottom:6px;
  width:48%;
  float:right;
}
#form-theme input{
  width:47.2% !important;
  width:48%;
}
#form-theme .btn-radio {
  width:10% !important;
  float:left;
  border:none;
}
#form-theme h2 {
   color:#013882;
}
/*<<<<<<<<<<<<<<<<<<< FINE TUTTI I FORM DEL SITO >>>>>>>>>>>>>*/



/*<<<<<<<<<<<<<<<<<<< PARTNER COMMERCIALI >>>>>>>>>>>>>*/
.partner-img { /*visualizzazione in elenco*/
	float:left;
	width:150px;
	border:1px solid #006666;
	background-color:#006666;
	text-align:center;
	margin-right:5px;
	margin-bottom:3px;
	}
	
.didascalia-partner {background-color:#003333; padding:2px; color:#FFFFFF; font-size:90%; }
.didascalia-partner a:link, .didascalia-partner a:visited{color:#FFFFFF; text-decoration:none}

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

#stemmi img {margin:10px; border:2px solid #96C7F0}

#stradario {
text-align:center;
width:100%;
height:350px;
}