/*STILI CLIO P.A.*/


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

.navigazione-assisitita h2 {color:#000000; background-color:#FFFFFF;}

.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:88%;
	background-color:#A4A8A9;
	color:#000;
	}

#pagina {
	/*Il div pagina è contenuto nel #body e racchiude tutta la nostra struttura. 
	Viene utilizzato per impostare dei margini alla struttura.*/
	width:96%;
	margin: 0 auto;
	text-align:left;
	/*margin-left:5%;
	margin-right:5%;*/
	color:#000;
	background-color:/*#EAF6F4*/#ffffff;
	height: auto !important;
	padding:0 1px;
	
	}
	
#corpo {
	/*Il div corpo è contenuto nella #pagina*/
	width: 100%;
	margin:0;
	padding:0;
	height:auto !important;
	background-color:#ffffff;
	color:#000;
	
	}

#centro {float:left; width:83%; /*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: 78%;
	float: right;
	margin-right:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	background-color:#FFFFFF;
	color:#000;
	height: auto !important;
	z-index:3;
	font-size:88%;
	}
	
#contenuto p, #contenuto li  {line-height: 1.4em;}
#contenuto ul {list-style-image:url(/img/li_menu.gif)}
#contenuto ul li ul {list-style-image:none; list-style-type: square;}
#contenuto li {padding-bottom:6px;}
#contenuto a:link, #contenuto a:visited {text-decoration:none; border-bottom:1px solid #CCCCCC;}
#contenuto a:hover, #contenuto a:active {text-decoration:none; border-bottom:1px solid #AC2418; /*background-color:#CCCCCC;*/} 
#contenuto img a:hover, #contenuto img a:active  {border: none; text-decoration:none;}
/*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%; 
	border-bottom:1px solid #999999;
	color:#000; 
	margin-top:20px; 
	margin-bottom:15px;}/*link per tornare ad inizio pagina*/

.inizio-pagina a:link, .inizio-pagina a:visited{
	color:#000; 
	text-decoration:none; 
	font-size:90%; 
	font-weight:bold; 
	/*background-color:#174B46;*/}

/*COLORI PER I LINK DEL SITO*/

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

/*VESTI GRAFICHE (VERSIONI)*/

#vesti-grafiche {
	width:100%;
	font-size:90%;
	text-align:right;
	color:#FFFFFF; 
	padding-bottom:3px;
	background-image:url(../../img/sfondo_vesti_grafiche.jpg);
	background-repeat:repeat-x;
	background-position:top left;
	background-color:#3F4B4B;
	}

#vesti-grafiche ul
	{
	margin: 0;
	}

#vesti-grafiche li 
	{
	display: inline;
	}

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

#vesti-grafiche a:hover, #vesti-grafiche a:active 
	{
	color: #fff;
	text-decoration:underline;
	}

/*TOP GRAFICO*/
#top {
	position:relative;
	height: 186px;
	text-align: right;
	margin:0px;
	padding:0px;
	background-image: url(../../img/top-comune-novoli.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	}
	
/*#top-sx {
	position:absolute;
	left:0px;
	top:0px;
	width:755px;
	height:129px;
	background-image: url(../../img/top.jpg);
	background-repeat:no-repeat;
	border-bottom:1px solid #ADD9D1;
}

#top-dx {
	position:absolute;
	width:70%;
	right:0px;
	top:0px;
	height:129px;
	background-repeat:no-repeat;
	}*/
	
#top-basso {
	font-family: "Century Gothic", "Times New Roman", serif; 
	font-size:1.5em;
	color:#FFFFFF;
	background-image:url(../../img/sfondo_top_basso.jpg); 
	background-repeat:repeat-x; 
	background-position:bottom left;
	background-color:#930F03;
	padding:2px 0 0 0;
	margin-top:3px;
	height:59px;}
	
.speciale-focara {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	width:43.5%;
	height:56px;
	background-image:url(../../img/focara-rossa.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
	margin-left:1px;
	font-size:80%; font-weight:bold;
	padding:5px;
	}
	
.speciale-focara .titolo-speciale {
	text-align:center;
	color:#fff; 
	width:130px; 
	border:1px solid #fff; 
	background: #9F1000; 
	font-size:11px; 
	padding:5px 1px 5px 0;
	margin-left:1px;
	margin-bottom:1px; 
	text-indent:4px;}

.pane-fuoco {
	float:left;
	background-image:url(../../img/img_top_basso.jpg); 
	background-position:top left; 
	background-repeat:no-repeat; 
	height:57px;
	/*text-indent:20px;*/
	padding-left:25px;
	font-size:1.2em;
	}
.pane-fuoco .titolo {font-size:80%; margin-top:-5px;}

#banner-diretta-focara  {
    padding:4px 0 2px 0;
	}
#banner-diretta-focara a {
	display:block;
	width:100%;
	height:180px;
	border:none;
	/*background: #000 url(/img/banner-interviste-focara-2011.jpg) no-repeat top center;*/
	background: #000 url(/img/banner-focara-2012.gif) no-repeat top center;
	}
#banner-diretta-focara a span {display:none;}

#elezioni-comunali-2010 a {
	display:block;
	width:100%;
	height:100px;
	margin:4px 0;
	background: #a31b11 url(/img/elezioni_comunali_2010.gif) no-repeat top left;
	}
#elezioni-comunali-2010 a span {display:none;}
	
/*MENU CONTESTUALE*/

#menu-contestuale {
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase; 
	font-size:0.7em;
	padding-top:2px;
	padding-bottom:2px;
	}

/*MENU DI SINISTRA*/

.menu-box {border:1px solid #DBDBDB; margin-bottom:3px; padding-left:3px;}

#menu-sx {
	background-image:url(../../img/top_menu_sx_dx.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	padding-top:25px;
	float: left;
	width: 19.5%;
	color:#174B46;
	background-color:#fff;
	/*text-indent:2px;*/
	z-index:2;
	margin-top:5px;
	font-size:95%;
	}

#menu-sx ul {
	list-style-type:none;
	margin-left:16px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
	}

#menu-sx li {
	
	list-style-image:url(../../img/li_menu.gif); 
	border-bottom:1px solid #EFEBE8;
	padding-bottom:3px;
	}

#menu-sx li a:link, #menu-sx li a:visited {
	
	text-decoration:none;
	}

#menu-sx li a:hover, #menu-sx li a:active {
	list-style-image:url(../../img/li_menu_mmm.gif);
	color: #000;
	background-color: #CCCCCC;
	border-right:3px solid #990F05;
	display:block;
	}
	
.titolo-menu {
	background-color:#fff;
	color:#990E05;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:1px;
	font-size:95%;
	border-bottom:1px solid #EFEBE8;
	}
	
#menu-dx  {
	background-image:url(../../img/top_menu_sx_dx.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	
	padding-top:25px;
	float:right; 
	width:16%; 
	background-color:#fff; 
	z-index:1;
	margin-top:5px;
	font-size:95%;
	}

#menu-dx ul {
	list-style-type:none;
	margin-left:16px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0;
	}

#menu-dx li {
	list-style-image:url(../../img/li_menu.gif); 
	border-bottom:1px solid #EFEBE8;
	padding-bottom:3px;
	}

#menu-dx li a:link, #menu-dx li a:visited {
	text-decoration:none; 
	}

#menu-dx li a:hover, #menu-dx li a:active {
	list-style-image:url(../../img/li_menu_mmm.gif);
	color: #000;
	background-color: #CCCCCC;
	border-right:3px solid #990F05;
	display:block;
	}

/*BOTTOM (INDIRIZZO)*/

#bottom {
	width:100%;
	text-align:center;
	/*background-image:url(../../img/sfondo_vesti_grafiche.jpg);*/
	background-repeat:repeat-x; background-position:top left;
	background-color: #485253;
	color:#FFFFFF;
	clear:both;
	padding-top:5px;
	}
	
#bottom a:link, #bottom a:visited{
	color:#FFFFFF;
	text-decoration:underline;
	}

/*VALIDATORI E BOTTONI W3C*/

#validatori {
	margin:5px;
	padding:5px;
	text-align:center;
	}

.w3cbutton a {
	background-color:#fc6;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	border:1px solid #2F7461;
	}

.w3cbutton a .w3c{
	text-decoration: none;
	font-size: 0.9em;
	margin:0;padding:0;
	border-top:2px 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;
	} 

/*HEADINGS (INTESTAZIONI)*/

h1 {
	background-image:url(../../img/sfondo-titolo-rosso.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	color: #fff; 
	font-size:1.6em; 
	background-color:#830D03; 
	padding:5px;
	font-weight:400;
	margin-top:3px;
	}
	
	
h1 a:link, h1 a:visited {
	text-decoration:none;
	color:#FFFFFF;
	}

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



h2 {
	color:#626B02;
	font-size:1.3em;
	margin-bottom:5px;
	margin-top:5px;
	}
	
h2 a:link, h2 a:visited {
	color:#626B02;
	text-decoration:none;
	}

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

h3 {
	font-size:1.1em; 
	color:#006699;
	margin-bottom:3px;
	}

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

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

h4 {color: #CC0000; font-size:1em; margin-bottom:3px;}

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

.stretch {letter-spacing:-1px;}
.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}

.arancio {color:#FFAA00}

.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}
.img-interna {
	float:left;
	margin-right:5px;
	margin-bottom:3px;
	border:1px solid #990F05;
	}
	
.img-interna-noborder {
	float:left;
	margin-right:5px;
	margin-bottom:3px;
	}
	
.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;}



/*DIRETTA WEB*/
.diretta-web {
border:1px solid #000; 
background-color:#000000;
background-image:url(../../img/sfondo_diretta.jpg);
background-position:top right; 
background-repeat:no-repeat; height:260px; padding-top:20px; padding-left:20px; color:#FFFFFF; font-size:2em;}

.diretta-web object {/*border:1px solid #EC6C07;*/}

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

/*Notizie in home page*/

#contenuto-sx {
width:40%; 
float:left;
} /*Colonna che contiene le notizie dell'home page*/

#prima-notizia { /*box che contiene la prima notizia*/
	
	width:100%; 
	padding:5px 1px 10px 1px; 
	margin-bottom:10px;
	border:1px solid #E0E980;
	} 


#prima-notizia .img-interna {/*div che contiene l'immagine della prima notizia nell'home page*/
	float:left; 
	padding:3px;} 

#prima-notizia .img-interna img {/*bordo dell'immagine della prima notizia nell'home page*/
	border:1px solid #626B02;
	} 
	
#prima-notizia h2 {color:#626B02; border:1px solid #FFFFFF;}
/*mettere un bordo aiuta ad eliminare il problema del testo che scompare in IE*/
#prima-notizia h2 a:link, #prima-notizia h2 a:visited {color:#626B02; font-size:1.4em;} 
#prima-notizia .data-notizia {font-size:90%}

#contenuto-sx .titolo {
	font-family: "Century Gothic", "Times New Roman", serif;
	color:#FFFFFF;
	background-color:#990E05; 
	/*background-image:url(../../img/sfondo-titolo-rosso.gif);
	background-repeat:repeat-x;
	background-position:top left;*/
	font-size:1.6em; 
	padding:5px; 
	}
#contenuto-sx .focara {border:2px solid #AC2418; padding:3px;}

.concorso-focara a:link, .concorso-focara a:visited {color:#FFF;}
.concorso-focara a:hover, .concorso-focara a:active {color: #FFF;}

.concorso-focara{background-image:url(/img/premio_focara2.jpg); background-position:center center; height:150px; background-repeat:no-repeat; background-color:#000000; color:#fff; font-size:0.7em; /*font-family:'Century Gothic', Arial, sans-serif; padding-top:30px; padding-left:50px;*/ text-align:center;}

.concorso-foto a:link, .concorso-foto a:visited {color:#FFF;}
.concorso-foto a:hover, .concorso-foto a:active {color: #FFF;}
.concorso-foto{ height:120px; background-repeat:no-repeat; background-color:#990000; color:#fff; font-size:0.7em; /*font-family:'Century Gothic', Arial, sans-serif; padding-top:30px; padding-left:50px;*/ text-align:center;border-bottom:4px solid #333333;margin-bottom:3px;}


.h1-focara {margin-bottom:1px}
#contenuto-sx .focara h1 {background-color: #FFFFFF; color:#990000; background-image:none; font-size:1.5em; margin-bottom:3px;}
#contenuto-sx .focara h2 {font-size:1.1em; margin-top:3px; padding:4px;}
.sfondo-focara {
	background-image:url(../../img/focara-home2008.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	height:400px;
	border:2px solid #AC2418;
	margin-bottom:2px;
}


#contenuto-sx h1 {font-size:95%;}	


/*Atti pubblici presenti in home page*/
#contenuto-dx {width:56%; float:right;}
#contenuto-dx .titolo {
	color:#000000;
	font-family:"Century Gothic", "Times New Roman", serif;
	font-size:1.6em;
	font-weight:normal;
	padding:3px;
	background-image: url(../../img/titolo-notizie-home.jpg); 
	background-position: top right; 
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	height:39px;
	margin-bottom:3px;
	}
	
#contenuto-dx h2 {font-size:95%; margin-top:2px; margin-bottom:2px; color:#626B02;}
#contenuto-dx h2 a:link, #contenuto-dx h2 a:visited {color:#626B02;}


#contenuto-dx .categoria, #contenuto-dx .sommario {font-size:95%; font-style:normal;}
div.data-notizia {
	font-size:90%; 
	background-color:#F6E36B; 
	padding:2px; 
	background-image:url(../../img/sfondo-data-notizia.jpg); 
	background-position:right center; 
	background-repeat:no-repeat;
	margin: 5px 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
*/

.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:#fff; 
	text-align:center; 
	padding:5px 2px 2px 2px; 
	border-top:2px solid #AC2418 ; 
	border-bottom:2px solid #AC2418 ;}
	
#miniature img {border:1px solid #626B02; padding-top:2px;}
.didascalia-miniatura {color: #000; margin-bottom:10px; border-bottom:1px solid #999999}
#ingrandimento {float:left; width:76%; text-align:center; margin-top:10px;}
#ingrandimento img {text-align:center; border:2px solid #AC2418;}
.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;}
.servizi-az a:link, .servizi-az a:visited{font-size:1.1em; color:#006699; margin-bottom:3px;}


/*<<<<<<<<<<<<<<<<<<< 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;} 
.li-non-selezionato {text-decoration:none; padding:5px; border:1px solid #006666;}*/
/*<<<<<<<<<<<<<<<<<<< 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 >>>>>>>>>>>>>*/



/*<<<<<<<<<<<<<<<<<<< GASTRONOMIA >>>>>>>>>>>>>*/

.ingredienti {
	width:25%; 
	float:left; 
	border:1px solid #8A9042; 
	padding:5px; 
	background-color:#FCF7CF; 
	margin-right:8px;
	}
	
.ingredienti ul {margin:10px 0 0 15px; padding:0;}
.ingredienti li {list-style-image:url(../../img/li_menu.gif); padding-bottom:5px;}
.preparazione {margin-bottom:15px;}
.preparazione h3 {margin-top:0; }


/*<<<<<<<<<<<<<<<<<<< EVENTI + CALENDARIO >>>>>>>>>>>>>*/
/*#calendario {border:1px solid #006666; background-color:#FFFFFF; width:auto;}
#calendario table {width:99%;}
#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 td {font-size:61%}

#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;
	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:95%; /*background-color:#E6E6E6;*/ margin:0px; border:1px solid #CCCCCC;}
.sondaggio-attivo h1, .sondaggio-attivo form {margin-bottom:0px; padding-bottom: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: #F6EEBF; padding:2px;}

#sudnews ul{list-style-image:none; margin:0; padding:0;}
#sudnews a:link, #sudnews a:visited {border-bottom:1px solid #996600;}

.titolo-sudnews{background-color:#ECD74A; padding:4px; color:#000000; font-size:1.3em; font-weight:bold; border-bottom:1px solid #FFFFFF; font-family:"Century Gothic", "Times New Roman", serif;}

/*<<<<<<<<<<<<<<<<<<< MAPPA DEL SITO >>>>>>>>>>>>>*/
/*#mappa_sito {}*/
#mappa-sito a:link, #mappa-sito a:visited {text-decoration:none;}
#mappa-sito .titolo-menu {color: #990000; 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:80%;}
fieldset {
	margin-bottom:15px; 
	color: #000; 
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background-color: #FCF7CF; 
	border-top:3px solid #626B02;
	border-bottom:1px solid #626B02;
	 }
.campi-form {float:left}
.etichetta{width:30%; border-bottom:1px solid #cccccc; float:left; padding:2px 2px 4px 2px; text-align:right; color:#000;}
.etichetta2{border-bottom:1px solid #cccccc; padding:2px 2px 4px 6px; text-align:left; color:#fff;font-size:1.2em;background-color:#57572B;font-weight:bold;margin-bottom:6px;}
.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: #AD0000; 
	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;} 

/*MENU FOCARA NEL TOP BASSO*/

.menu {
	position:relative; 
	margin:0; 
	font-size:75%;}

.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#fff; 
	width:130px; 
	border:1px solid #fff; 
	background: #AD0000; 
	font-size:90%; 
	/*padding-left:1px;*/
	padding:5px 1px 5px 0;
	margin-left:1px; 
	text-indent:4px;}

.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu table {border-collapse:collapse; border:0; margin:0; padding:0;}
 
.menu ul li:hover a,
.menu ul li a:hover {color:#fff; background: #990000; }/*hover del menu focara 2007*/

.menu ul li:hover ul,
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:132px; width:600px; background: transparent;}

.menu ul li:hover ul li,
.menu ul li a:hover ul li {float:left;}
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
	display:block; 
	color:#fff;
	width:120px; 
	float:left; 
	/*filter:  alpha(opacity="100");
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); */
	background:transparent  url(/img/opacita.png); 
	font-weight:normal;}

/*.menu ul li:hover ul li a.sub,
.menu ul li a:hover ul li a.sub {background:#dfc184 url(../graphics/drop.gif) bottom right no-repeat; color:#000;}

.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {background: #CC0000; color:#fff;}hover su sottomenu

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; width:200px;}

.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {visibility:visible; left:-1px; top:31px; color:#000;}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {display:block; width:200px; background:#dfc184; color:#000; border-left:1px solid #eee;}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {background: #660000; color:#fff;}*/

.titolo-foto,.foto-concorso{text-align:center;font-weight:bold;}
.foto-concorso{border-bottom:1px solid #666633;margin-bottom:10px;padding-bottom:10px;background-color:#FCF7CF;padding-top:10px;}
.foto-concorso a { text-decoration:none; border:0 !important; }
.foto-concorso img {margin-bottom:5px; border:5px solid #fff; }
.info-votanti{font-weight:bold; background-color:#F3F3AB; margin-bottom:10px;padding-left:6px;padding-top:5px;padding-bottom:5px;margin-top:-7px;}
.area-vota{text-align:center;}
input.button-vote{width:150px;font-weight: bold;border: 1px solid #666633; color:#000;}
.dato-errato{
	color:#FF0000;
}

.errore-grande{color:#FF0000;text-align:center;font-size:1.4em;
text-transform:uppercase;font-weight:bold;margin:20px 0;}