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


/*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:85%;
	color:#000;
	background-color:#EEEBD8;
	background-image:url(../../img/sfondo_pagina.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	}

#pagina {
	width:100%;
	margin:0 auto;
	color:#000;
	background-color:#EEEBD8;
	height: auto !important;
	background-image:url(../../img/sfondo_pagina.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	}
	
#corpo {
	/*Il div corpo č contenuto nella #pagina*/
	width: 760px;
	margin:0 auto;
	padding:0;
	height:auto !important;
	background-color:#EEEBD8;
	color:#000;
	}

/*#centro {
	float:left;
	width:82%;
	}
*/
#contenuto {
	background-color:#FFFFFF;
	color:#703500;
	height: auto !important;
	text-align:left;
	background-image: url(../../img/sfondo_contenuto.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:5px 10px 70px 10px;
	font-size:90%;
	}

	
/*#contenuto ul li {list-style-image: url(../../img/li_avio.gif); padding-bottom:5px;}
#contenuto ul li ul {margin-top:5px;}*/

/*PER TORNARE AD INIZIO PAGINA*/

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

.inizio-pagina {
	width:100%; 
	background-color:#ECDDC6; 
	color:#703500; 
	margin-top:20px; 
	margin-bottom:15px;}/*link per tornare ad inizio pagina*/

.inizio-pagina a:link, .inizio-pagina a:visited{
	color:#703500; 
	text-decoration:none; 
	font-size:90%; 
	font-weight:bold; 
	background-color:#ECDDC6;}

/*COLORI PER I LINK DEL SITO*/

a:link, a:visited {color: #940007;}
a:active, a:hover {/*background-color: #C2E3DD;*/}

/*VESTI GRAFICHE (VERSIONI)*/

#accesso-rapido {
	text-align:right; 
	padding:3px;
	color: #940007;
	font-size:80%;
	font-weight:bold;
	}

#accesso-rapido ul
	{
	margin: 0;
	}

#accesso-rapido li 
	{
	display: inline;
	padding: 0 15px;
	}

#accesso-rapido a:link, #accesso-rapido a:visited 
	{
	color: #940007; 
	font-weight:bold; 
	text-decoration:none;
	}

#accesso-rapido a:hover, #vaccesso-rapido a:active 
	{
	color: #940007;
	}

/*TOP GRAFICO*/
#top {
	width:760px;
	height:190px;
	}
	

/*TOP PER INDIRIZZO DI STUDI*/

.vertical-align {
margin-top:110px;
}



/*MENU*/

#menu ul{margin: 0; padding:0;}

#menu li{
	display: inline;
	padding: 0 20px 0 2px;}

#menu {font-size:90%; background-image:url(/img/sfondo_menu.jpg); background-position:top left; background-repeat:repeat-x; color:#FFFFFF; padding:5px; font-weight:bold;}


#menu a:link, #menu a:visited {color:#FFFFFF; text-decoration:none;}

/*MENU CONTESTUALE*/

#menu-contestuale {
	text-align:left;
	width:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	padding:0px 0 3px 90px;
	color: #940007;
	}


/*BOTTOM (INDIRIZZO)*/

#recapiti {
margin:0 auto;
width:760px; 
background-image:url(../../img/sfondo_indirizzi.gif); 
background-position:top left; background-repeat:repeat-x; 
font-size:90%; color:#FFFFFF;
text-align:center;
padding-top:5px;
padding-bottom:5px;
}

#bottom {
	width:760px;
	text-align:center;
	font-size:85%;
	background-color: #A8001C;
	color:#FFFFFF;
	margin:0 auto;
	}
	
#bottom a:link, #bottom a:visited{
	background-color: #A8001C;
	color:#FFFFFF;
	text-decoration:underline;
	}


/*HEADINGS (INTESTAZIONI)*/

h1 {
	color: #940007;
	font-size:1.5em;
	padding: 10px 0 0 115px; 
	margin-bottom:40px;
	/*color: #B04202; 
	font-size:1.3em; */
	}
	
	
h1 a:link, h1 a:visited {
	background-color:#ED610F; 
	color: #FFF;
	text-decoration:none;
	}

h1 a:hover, h1 a:active {
	text-decoration:underline;
	}



h2 {
	color:#204C02;
	font-size:1.2em;
	margin-bottom:18px;
	margin-top:15px;
	border-bottom:1px solid #DECA99;
	}
	
h2 a:link, h2 a:visited {
	color:#204C02;
	text-decoration:none;
	}

h2 a:hover, h2 a:active {
	text-decoration:underline;
	}

h3 {
	font-size:1em; 
	color:#006699;
	margin-bottom:18px;
	padding-left:5px;
	}

h3 a:link, h3 a:visited {
	color:#006699;
	text-decoration:none;
	}

h3 a:hover, h3 a:active {text-decoration:underline;}

/*STILI GENERICI*/
img {border: none;}
p {line-height: 1.3em;}

.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 /*stile che crea una linea tratteggiata prima o dopo un elemento. Viene utilizzato per tutti i moduli.*/ {border-bottom:1px solid #cccccc /*#174B46*/; margin-bottom:15px; margin-top:2px; clear:both;}
.nascosto {display:none}

.struttura {width:450px; float:left;}
.promozioni {width:250px; float:right; border:1px solid #ECDDC6; background-color:#FFEABE;}
.promozioni2 {width:250px; float:right; border:1px solid #ECDDC6; background-color: #FFCC00;}
.promozioni2 .titolo2 {background-image:url(/img/sfondo_menu_verde.jpg); background-position:top left; background-repeat:repeat-x; color:#FFFFFF; padding:5px; font-weight:bold; border-bottom:3px solid #FFFFFF;}
.promozioni .titolo {background-image:url(/img/sfondo_menu.jpg); background-position:top left; background-repeat:repeat-x; color:#FFFFFF; padding:5px; font-weight:bold; border-bottom:3px solid #FFFFFF;}

.promozioni ul, .promozioni2 ul {margin:2px;}
.promozioni li, .promozioni2 li{padding-bottom:8px; padding-top:8px; border-bottom:1px solid #7A8F10; list-style:none; color:#204C02; 
/*font-family:Verdana, Arial, Helvetica, sans-serif;*/ font-size:110%;}
.rosso {color:#950008;}
.verde {color:#204C02;}




#contenuto .img-interna {
	/*margin-top:15px;*/
	float:left;
	border:1px solid #999999;
	background-color:#CCCCCC;
	}
	
#contenuto .img-interna img {
	margin:5px 3px 10px 3px;
	border:1px solid #FFFFFF;
	}


.img-interna {
	/*margin-top:15px;*/
	float:left;
	border:1px solid #999999;
	/*background-color:#CCCCCC;*/
	margin:1px;
	}
	
.img-interna img {
	}

.img-interna .didascalia {text-align:center; font-size:80%; padding-bottom:8px;}	
	
.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;}
	
	
/*PAGINAZIONE: Pagina: 1 - 2 - 3 ....*/
.paginazione {width:100%; text-align:center; font-size:90%; clear:both;}
.paginazione li {display:inline; color:#F95230}
.paginazione ul {display:inline; margin:0; padding:0;}

/*MODULI PRESENTI 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; font-size:90%}
.sommario {font-style:italic;}

/*<<<<<<<<<<<<<<<<<<< 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 {}*/
#autocertificazione {margin-bottom:8px;}
#autocertificazione li {line-height:1.5em;}
#autocertificazione li a:link, #autocertificazione li a:visited {text-decoration:none}
#autocertificazione li a:hover, #autocertificazione li a:active {background-color:#EAF6F4; text-decoration:underline;}
/*<<<<<<<<<<<<<<<<<<< FINE AUTOCERTIFICAZIONE >>>>>>>>>>>>>>>>>>>>>>>*/



/*<<<<<<<<<<<<<<<<<<< GALLERIE IMMAGINI (ARCHIVIO FOTOGRAFICO + NOTIZIE) >>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
#miniature {
	float:right; 
	width:15%; 
	background-color:#EAF6F4; 
	text-align:center; 
	padding:5px 2px 2px 2px; 
	border-top:2px solid #009999; 
	border-bottom:2px solid #009999;}
	
#miniature img {border:0; padding-top:2px;}
.didascalia-miniatura {color: #003333; border-bottom:1px solid #009999; margin-bottom:10px;}
#ingrandimento {float:left; width:76%; text-align:center; margin-top:10px;}
#ingrandimento img {text-align:center; border:3px solid #006666;}
.resize {width:auto;}
/*<<<<<<<<<<<<<<<<<<< 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 #006666; background-color:#FFFFFF; width:auto;}
#calendario table {width:98%;}
#calendario caption {font-weight:bold; background-color:#009999; color:#FFFFFF; width:100%; font-size:90%}
#calendario caption a:link, #calendario caption a:visited {text-decoration:none; color:#FFFFFF;}


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

#calendario td {font-size:61%}

#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;
	border:1px solid #FFFFFF;
	
}

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

#calendario td.giorno-normale {
	text-align:center;
	color: #999999;
	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: #006666;
	font-weight:bold;
	
}

#calendario td.giorno-settimana-nero {
	text-align:center;
	font-weight:bold;
	color:#000000;
	
}

#calendario td.giorno-settimana-rosso {
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	
}

#calendario td.giorno-domenica a:link, #calendario td.giorno-domenica a:visited{
	color:#FF0000;
	text-decoration:none;
	border:1px solid #FFF;
}

#calendario td.giorno-domenica a:hover, #calendario td.giorno-domenica a:active{
	background-color:#FFCC00;
	text-decoration:none;
	border:1px solid #FF9900;
}

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

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

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

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



/*<<<<<<<<<<<<<<<<<<< MODULO BANNER >>>>>>>>>>>>>>>>>>*/

.banner-home {background-color:#FFF; border:1px solid #006666; text-align:center;}

/*<<<<<<<<<<<<<<<<<<< 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: #FDE6B5; padding:2px;}

.titolo-sudnews{background-color:#FF9900; padding:4px; color:#000000; font-size:1em; font-weight:bold; border-bottom:1px solid #FFFFFF;}

/*<<<<<<<<<<<<<<<<<<< MAPPA DEL SITO >>>>>>>>>>>>>*/
/*#mappa_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;}
/*<<<<<<<<<<<<<<<<<<< FINE MAPPA DEL SITO >>>>>>>>>>>>>*/

/*<<<<<<<<<<<<<<<<<<< TUTTI I FORM DEL SITO >>>>>>>>>>>>>*/
legend {margin-top:-3px; font-weight:bold; font-size:90%; color:#9A000C}
fieldset {
	margin-bottom:15px; 
	/*color: #006666; 
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#EAF6F4;
	border-top:3px solid #009999;
	border-bottom:1px solid #009999; */
	 }
input, textarea {border:1px solid #DECA99;color:#9A000C; font-size:90%}
.campi-form {float:left}
.etichetta{width:30%; border-bottom:1px solid #DECA99; float:left; padding:2px 2px 4px 2px; text-align:left; color:#703500;}
.titoli-form {float:left; padding-bottom: 10px; width:20%; clear:left;}
/*<<<<<<<<<<<<<<<<<<< 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;
	}
	
.img-partner {/*visualizzazione in home page o in uno dei menu*/
	border:1px solid #003333; 
	text-align:center; 
	background-color:#FFFFFF;
	}

.img-partner img {border:0px; margin-left:-2px;}

.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:#204C02;
}

#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;} 

/*TABELLE DEL SITO*/
table {width:96%; font-size:90%; margin-bottom:20px;}
caption {background-color: #738A05; padding:3px; border:2px solid #FFFFFF; text-align:center; color:#fff; font-weight:bold;}
th {text-align:left; background-color:#DECA99; color:#703500; padding:3px}
td {border:1px solid #DECA99; color:#703500}
tfoot {background-color: #AAFC58; font-weight:bold;}






a, a:visited {color:#000;} 
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #204C02; width:120px; height:90px; float:left; margin:4px 13px; z-index:50;}
a.slidea {background: url(/img/miniature/ingresso.jpg);}
a.slideb {background: url(/img/miniature/pozzo.jpg);}
a.slidec {background: url(/img/miniature/viale_di_ingresso.jpg);}
a.slided {background:url(/img/miniature/vista_prato.jpg);}
a.slidee {background:url(/img/miniature/vista_prato2.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

#container_bottom {position:relative; width:740px; height:480px; border:1px solid #DECA99; margin:1em auto; text-align:center; background-color:#EEE9D5;}
#container_bottom img {border:0;}
#container_bottom .thumbs {position:absolute; left:0; bottom:0; padding-bottom:5px;}
#container_bottom a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:-40px; left:170px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_bottom a.gallery:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#204C02;}
#container_bottom a.gallery:active, #container_bottom a.gallery:focus {border:1px solid #ECE9D8;}
#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em {display:block; position:absolute; width:402px; height:300px; top:-370px; left:165px; padding:5px; color:#000; border:1px solid #fff; z-index:50; background-color:#DECA99}
#container_bottom h1 {clear:both; margin:0; padding-top:80px;margin:0; padding-left:0; font-size:3em; font-weight:normal; color:#A40018;}
#container_bottom h1 em {font-size:0.6em; color:#A40018; }




/*GALLERIA FOTOGRAFICA NELLE PAGINE*/
/*#gallery {position:relative; width:700px;}
#thumbs {width:700px;}

#thumbs ul {margin-top:20px;}
#thumbs li {display:inline; margin: 5px 5px 5px 20px;}
#thumbs a {width:104px; height:104px; background-image: url(/img/logo_piccolo_sbiadito.gif); border:2px solid #DECA99;}
#thumbs a img {width:100px; height:100px;  padding-top:2px; }
#thumbs a:hover {border: 3px solid #FFC245; padding:2px;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; top:-320px; left:150px; border:3px solid #DECA99; }*/



#gallery {position:relative; width:700px;}
#thumbs {width:700px;}

#thumbs ul {list-style-type:none; margin:0; padding:0;}
#thumbs li {float:left; border:2px solid #DECA99; width:100px; height:90px; background-image: url(/img/logo_piccolo_sbiadito.gif); margin: 5px 5px 5px 20px;}
#thumbs li a:link, #thumbs li a:visited {width:100px; height:90px;}
#thumbs a img {width:100px; height:90px; }
#thumbs li:hover img,#thumbs li:active img  {position:absolute; width:400px; height:300px; top:-320px; left:150px; border:3px solid #DECA99;}
#thumbs li a:hover img {position:absolute; width:400px; height:300px; top:-320px; left:150px; border:3px solid #FFC245;}
#thumbs a:hover {/*border: 3px solid #FFC245;*/ padding:2px;}
/*
#thumbs li {display:inline; }


#thumbs a:hover {border: 3px solid #FFC245; padding:2px;}
*/



/*GALLERIA FOTOGRAFICA GENERALE*/

#photogallery {position:relative; width:700px;}
#photothumbs {width:190px; float:right;}
#photothumbs a {display:block; float:left; margin:0 0 5px 5px; width:30px; height:30px; border:1px solid #ccc; background-image: url(/img/logo_piccolo_sbiadito.gif); background-position:center center;}
#photothumbs a img {width:27px; height:27px; border:0;}
#photothumbs a:hover {border-color:#ddd;}
#photothumbs a:hover img {position:absolute; width:auto; height:auto; right:200px; top:0; border:3px solid #DECA99;}


.divimg {position:absolute; width:400px; height:300px; right:200px; top:0; border:3px solid #DECA99; text-align:center; /*padding-top:140px;*/}