<!--
	
	/*
	
	        michele
	
	*/
	
	/* =============== 
	foto (inizio)
	=============== */
table.foto-sx, 
table.foto-dx {
	width:1px !important;
	}
table.foto-sx td, 
table.foto-dx td {
	vertical-align:top !important;
	}
table.foto-sx, table.foto-sx tbody, table.foto-sx td, table.foto-sx tr, 
table.foto-dx, table.foto-dx tbody, table.foto-dx td, table.foto-dx tr {
	margin:0px !important;
	padding:0px !important;
	border:none !important;
	}
table.foto-sx, table.foto-sx tbody, table.foto-sx tr, table.foto-sx td,  
table.foto-dx, table.foto-dx tbody, table.foto-dx tr, table.foto-dx td{
	margin:0px !important;
	padding:0px !important;
	border:none !important;
	}
/* nascondi a IE5-mac. Solo IE-win. (lasciare il commento!) \*/
* html table.foto-sx {margin-right:-6px !important;}
* html table.foto-dx {margin-left:-6px !important;}
/* fine nascondi a IE5/mac. (lasciare il commento!) */
table.foto-sx {
	float:left !important;
	width:1px !important;
	font:normal 10px/1.1 Arial, Helvetica, sans-serif;
	color:#333;
	}
table.foto-dx {
	float:right !important;
	width:1px !important;
	font:normal 10px/1.0 Arial, Helvetica, sans-serif;
	color:#333;
	}
table.foto-sx img {
	margin:0px 8px 0px 0px;
	margin-top:4px;
	padding:0px;
	border:none;
	}
table.foto-dx img {
	margin:0px 0px 0px 8px;
	margin-top:4px;
	padding:0px;
	border:none;
	}
table.foto-sx .foto-dida {
	margin:0px 8px 4px 0px;
	padding:0px;
	border:none;
	}
table.foto-dx .foto-dida {
	margin:0px 0px 4px 8px;
	padding:0px;
	border:none;
	}
	/* =============== 
	foto (fine)
	=============== */

br.altezza-come-float {
	/* BUG MOZ, FF - Float alto esce dal contenitore. 
	Basta un "div" o un "br" con 'clear:both' prima della 
	chiusura del contenitore. Es: '<br style="clear:both;" />' */
	clear:both; 
	margin:0px;
	padding:0px;
	border:none;
	height:0px;
	font-size:0.5px;
	}
.nostyle {
	display:none;
	}
	
	/* titoli */
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	}
	
	/* amaya
	(se necessario cancellare questi stili) */
h2 {
	color:#069;
	}	
h3 {
	color:#111;
	}	
h4 {
	color:#111;
	}
h5 {
	color:#111;
	}
	

	/* link */
a {
	font-weight:bold;
	}
a:link {
	color:#C30;
	text-decoration:underline;
	}
a:visited {
	color:#C30;
	text-decoration:underline;	
	}
a:hover {
	color:#FA6C00;
	text-decoration:none;	
	}
a:active {
	color:#C30;
	text-decoration:underline;	
	}
	
	/* inizio colori eventi: a:visisted, a:hover, a:active */
.elenco-notizie a:visited, .lista-doc a:visited, .elenco-archivio-titoli a:visited, 
ul.news li a:visited, .links a:visited, td.link a:visited, td.link-freccia a:visited, #scheda .testo a:visited, #pagina-semplice ul.fine-ul a:visited {
	color:#781D1D !important; /* #AC3900 #A42612 #B82854 */
	text-decoration:underline;	
	}
.elenco-notizie a:hover, .lista-doc a:hover, .elenco-archivio-titoli a:hover, 
ul.news li a:hover, .links a:hover, td.link a:hover, td.link-freccia a:hover, #scheda .testo a:hover, #pagina-semplice ul.fine-ul a:hover {
	color:#FA6C00 !important; 
	text-decoration:none;	
	}
.elenco-notizie a:active, .elenco-notizie a span:active, .lista-doc a:active, .elenco-archivio-titoli a:active, 
ul.news li a:active, .links a:active, td.link a:active, td.link-freccia a:active, #scheda .testo a:active, #pagina-semplice ul.fine-ul a:active {
	color:#B32E2E !important; /* #DD2E64 */
	text-decoration:underline;	
	}
	/* fine colori eventi */
	
	
	/* link colorato 
	(altre notizie) */
li a.colore, li a:link.colore, li a:visited.colore {
	color: #069;
	text-decoration: none;	
	}
li a:hover.colore {
	color: #069;
	text-decoration:underline;	
	}
li a:active.colore {
	color: #069;
	text-decoration:none;	
	}
	
	/* link leggero 
	(chi siamo) */
#colonna-centro .link-leggero a {
	text-decoration:underline;
	font-weight:normal;
	color:#000;
	}
#colonna-centro .link-leggero a:link,
#colonna-centro .link-leggero a:visited {
	text-decoration:underline;
	font-weight:normal;
	color:#000;
	}
#colonna-centro .link-leggero a:hover {
	text-decoration:none;
	font-weight:normal;
	color:#000;
	}
#colonna-centro .link-leggero a:active {
	text-decoration:underline;
	font-weight:normal;
	color:#000;
	}
	
	/* link dida */
#colonna-centro .foto-dida a {
	color:#333;
	text-decoration:none;
	}
#colonna-centro .foto-dida a:hover {
	color:#000;
	text-decoration:none;
	}
#colonna-centro .foto-dida a img {
	border:none !important;
	vertical-align:bottom;
	}
	
	/* link fonti */
#colonna-centro .fonti .allinea-a-sinistra a {
	color:#333;
	text-decoration:none;
	}
#colonna-centro .fonti .allinea-a-sinistra a:hover {
	color:#000;
	text-decoration:none;
	}
	
#colonna-centro a img, 
#colonna-centro a:link img, 
#colonna-centro a:visited img, 
#colonna-centro a:hover img, 
#colonna-centro a:active img {
	margin:0px;
	padding:0px;
	border:none;
	}
	
	
	/* comuni */
.grassetto, b, strong {
	font-weight:bold;
	}
.corsivo, i, em {
	font-style:italic;
	}
.sottolineato, u {
	text-decoration:underline;
	}
acronym {
	border-bottom:1px dotted #090;
	cursor:help;
	text-transform: uppercase;
	}
cite {
	display:block;
	line-height:1.4;
	margin:1em 0.3em 1em 0.3em;
	padding:8px 8px 12px 8px;
	border-left:2px solid #781D1D;
	font-weight:bold;
	color:#781D1D;
	background:#FFF;
	}
blink, 
.blink {
	/*color:#FFF;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	background:#F20000;
	padding:0px 2px;
	cursor:default;*/
	
	color:#000;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	background:#FFF;
	padding:0px 2px;
	cursor:default;
	border:1px solid #F4F4F4;
	
	/*color:#FFF;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	background:#069;
	padding:0px 2px;
	cursor:default;*/
	}
	
.new {
	padding-left:16px !important;
	/*border-bottom: 1px dotted #f60;  #D7D7D7 #FA6C00 */
	list-style:none !important;
	list-style-image:none;
	text-indent:0 !important;
	background-image: url(/immagini/ico_lista-doc_new.gif);
	background-repeat:no-repeat;
	background-position:4px 5px;
	background-color:#fff2da;  /*#FAFAFA */
	}
hr {
	}
hr.filetto-nascosto {
	display:none;
	}
#colonna-sx #mini-banner-sx img {
	border:1px solid #FA6C00;
	}
#colonna-dx #mini-banner-dx img {
	border:1px solid #FA6C00;
	}
.slct {
	margin-top:8px;
	border: solid 1px #4C6674;
	}
.slct, .opt {
	font-weight:normal;
	font-size:11px;
	line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#FFF;
	}
form {
	margin:0px;
	}
#intestazione form {
	float:right;
	margin-top:-5px;
	margin-left:2px;
	}
a.rss-link {
	margin:0px;
	padding:1px;
	border:1px none #FFF;
	font:bold 10px/normal Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#F60;
	}
	

	/* Radice */	
html,body {
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	background: #00B7FA url(/immagini/bk_pattern.gif);
	font:70%/normal Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align: center;
	}
	
	
	/* NOTA BENE: centra box sullo schermo: #guida + #box. 
	(Ok: in winIE4+, FFox1. Buggy: in >800x600 monitors con 
	Netscape6+ e Mozilla, la pagina esce a sx nel browser) */	
#guida {
	position: relative;
	margin: 0 auto;
	width: 744px;
	height: 100%;
	text-align: left;
	background:none;
	}	
	
#box {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height: 10px;
	height: auto !important;
	height: 10px;
	text-align: left;
	background:#09C; /*url(/immagini/bk_pattern_scuro.gif)*/
	border:none;
	}
	
	
	/* margini esterni */	
#margine-alto {
	width:100%;
	height:8px;
	display:none;
	background:none;
	}
	
#margine-sx {
	width:100%;
	min-height: 410px;
	height: auto !important;
	height: 410px;
	/*background: url(/immagini/bk_margine_sx.gif) repeat-y left top;*/
	}
	
#margine-dx {
	width:100%;
	min-height: 410px;
	height: auto !important;
	height: 410px;
	/*background: url(/immagini/bk_margine_dx.gif) repeat-y right top;*/
	}
	
#margine-basso {
	width:100%;
	height:8px;
	display:none;
	background:none;
	}
	
	
	/* pagina utile */
#pagina {
	/* NOTA BENE: in questo selettore l'uso della propriet 'height' 
	provoca in IE6 lo scorrimento della colonna dx in basso. Per cui 
	non usare 'height' o 'min-height' ! */
	margin:0 8px;
	padding:0px;
	/* NOTA-BENE: la seguente propriet ("background: ... url(...) ...") 
	rende le tre colonne solidali nei browser mozilla e netscape, grazie 
	alla .gif ripetuta in verticale. 
	ATTENZIONE: questa propriet non serve se si attiva l'altezza e la 
	propriet "float:left;" del selettore "#tre-colonne-contenitore" pi 
	avanti (che contiene le tre colonne coi testi). */
	background: #FFF url(/immagini/bk_pagina_utile.gif) repeat-y left top;
	}
	
	
	/* intestazione */
#intestazione {
	width:100%;
	min-height: 5px;
	height: auto !important;
	height: 5px;
	}
	
#intestazione-striscia {
	width: 728px;  
	min-height: 5px;
	height: auto !important;
	height: 5px;
	}
	
#intestazione-banner {
	position: absolute;
	width: 468px;  
	min-height: 60px;
	height: auto !important;
	height: 60px;
	top: 24px;
	left: 35%;
	visibility: visible;
	z-index:auto;
	background: #DAC;
	display:none;
	}
	
#intestazione-canali-veloci {
	width:100%;
	min-height: 30px;
	height: auto !important;
	height: 30px;
	border-top:2px solid #C40;
	border-top:2px solid #F60;
	background-color:#D50;
	background-color:#F60;
	/*background-image:url(/immagini/bk_int_basso.gif);
	background-repeat:repeat-x;
	background-position:left bottom;*/
	}
	
	
	/* LINGUETTE TABS (inizio) */	
	#intestazione-canali-veloci #tabs {
		position: relative;
		width: 100%;  
		min-height: 30px;
		height: auto !important;
		height: 30px;
		top: 0px;
		left: 0px;
		background: none;
		}
	
	#intestazione-canali-veloci ul {
		width: auto;
		position: absolute;
		bottom: 0px;
		left: 0;
		margin: 0;
		padding: 0 0 0 124px;
		list-style: none;
		}
	#intestazione-canali-veloci li {
		float: left;
		background: transparent url("/immagini/tabs/header_tab.gif") 100% -600px no-repeat;
		padding: 0 6px 0 0;
		margin: 0 1px 0 0;
		border-bottom: 1px solid #000;
		}
	#intestazione-canali-veloci ul a {
		float: left;
		display: block;
		padding: 6px 5px 8px 12px;
		background: transparent url("/immagini/tabs/header_tab.gif") 0% -600px no-repeat;
		font:bold 10px/normal Verdana, Arial, Helvetica, sans-serif;
		color:#CECECE;
		text-decoration: none;
		}
	#intestazione-canali-veloci ul a:hover {
		color:#DEDEDE !important;
		}
		
	#intestazione-canali-veloci ul li:hover a { 
		background-position: 0% -400px;
		}
		
	#intestazione-canali-veloci ul li:hover {
		background-position: 100% -400px;
		}
	
	body.canale-veloce-03 li#tab-01 a,
	body.canale-veloce-02 li#tab-02 a,
	body.canale-veloce-01 li#tab-03 a {
		background-position: 0% -200px;
		color: #039;
		}
	
	body.canale-veloce-03 li#tab-01,
	body.canale-veloce-02 li#tab-02,
	body.canale-veloce-01 li#tab-03 {
		background-position: 100% -200px;
		border-bottom: 1px solid #fff;
		}
	
	body.canale-veloce-03 li#tab-01:hover,
	body.canale-veloce-02 li#tab-02:hover,
	body.canale-veloce-01 li#tab-03:hover {
		background-position: 100% 0%;
		}
	
	body.canale-veloce-03 li#tab-01:hover a,
	body.canale-veloce-02 li#tab-02:hover a,
	body.canale-veloce-01 li#tab-03:hover a {
		background-position: 0% 0%;
		color: #333;
		}	
	/* LINGUETTE TABS (fine) */
	
	
	/* link di servizio */
#intestazione-canali-veloci #tabs #link-di-servizio {	
	text-align:right;
	font-size:9px;
	padding:0px 12px;
	color:#FC9;
	}
	
#intestazione-canali-veloci #tabs #link-di-servizio a:link,
#intestazione-canali-veloci #tabs #link-di-servizio a:visited {
	color:#FFE;
	font-weight:bold;
	text-decoration:none;
	/**/
	float:right;
	margin:0.4em 0 0.4em 0.5em;
	padding:0.3em 0.6em;
	border:1px solid #C40 !important;
	height:1%;
	background-color:#D50;
	}
	
#intestazione-canali-veloci #tabs #link-di-servizio a:hover {
	color:#FFF;
	font-weight:bold;
	text-decoration:underline;
	/**/
	text-decoration:none !important;
	border:1px solid #C40 !important;
	background-color:#C40;
	}
	
/*#intestazione-canali-veloci a.scrivici {
	border:1px solid #C40 !important;
	color:#FC9 !important;
	background-color:#C40 !important;
	}
#intestazione-canali-veloci a.scrivici:hover {
	border:1px solid #FDA !important;
	color:#FDA !important;
	text-decoration:none !important;
	background-color:#A20 !important;
	}*/
	
	
	/* 3 colonne (inizio) */
	
#tre-colonne-contenitore {
	display:block;
	/*min-height: 10px;
	height: auto !important;
	height: 10px;
	float:left;*/
	background-color: #FFF; /* url(/immagini/bk_pagina_utile.gif) repeat-y left top */
	/* NOTA BENE: qui le propriet 'height' e 'min-height' 
	(utili per accompagnare in IE4 il riempimento della 
	pagina sotto le 3 colonne), N.O.N provocano in IE6 
	lo scorrimento della colonna dx in basso, ma solo 
	se usate in combinazione con 'float:left;'.
	ATTENZIONE: perci per coprire in IE4 lo sfondo della 
	pagina con la propriet "background" attivare: 'height' 
	e 'min-height' + 'float:left;' qui sopra. (Qualche problema 
	in Netscape 6, spariscono lo sfondo e il pi di pagina. 
	Altre informazioni nella nota al selettore "pagina" pi in alto). */
	}
	
	/* colonna sx */
#colonna-sx {
	width:124px;  
	min-height: 410px;
	height: auto !important;
	height: 410px;
	background-color: #FFFCEC;
	float:left;
	border:none;
	margin:0px;
	padding:0px;
	font-size:10px;
	}
	
#colonna-sx #menu {
	background: url(/immagini/ico_menu_04.gif) no-repeat left top;
}
	
#colonna-sx #newsletter {
	background: url(/immagini/ico_newsletter_04.gif) no-repeat left top;
}
	
#colonna-sx .box-area {	
	margin:8px 8px 12px 8px;
	padding:0px 0px 8px 0px;
	border:none;
	border-bottom:1px solid #DDD5AB;
	display:block;
	}
	
#colonna-sx div.titolo-area {
	display:block;
	margin:0px 0px 12px 0px;
	padding:0px;
	border:none;
}

#colonna-sx div.titolo-area .allinea-a-sinistra {
	margin:0px 0px 0px 30px;
	padding:0px;
	border:none;
	font-size:11px;
	font-weight:bold;
	/*background:#DDD;*/
	}

#colonna-sx div.titolo-area div.allinea-a-destra {
	float: right;
	width:auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
	background:none;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	/*background:#EEE;*/
	}

#colonna-sx div.testo {
	display:block;
	margin:0px;
	padding:0px;
	border:none;
	}
#colonna-sx #menu div.testo {
	display:block;
	margin:0px;
	padding:0px;
	border:none;
	font-size:11px;
	font-weight:bold;
	}
#colonna-sx .nota-newsletter {
	border-left:2px solid #DDD5AB;
	padding-left:4px;
	margin:0px 0px 0px 0px;
	font-size:9px;
	color:#000;
	}
	
#colonna-sx ul {
	list-style: none;
	border: none;
	margin: 0px;
	padding: 0px;
	}
	
#colonna-sx li {
	border-bottom: 1px dotted #FA6C00; /* #DDD5AB */
	padding: 4px 0px;
	}
	
#colonna-sx li a:link,
#colonna-sx li a:visited,
#colonna-sx li a:active{
	text-decoration:none;
	}	

#colonna-sx li a:hover {
	text-decoration:underline;
	}
	
	
#colonna-sx #mini-banner-sx {	
	margin: 16px auto 16px auto;
	text-align:center;
	background:none;
	border:none;
	}	
	
#colonna-sx div.spaziatore {
	display:block;
	height:33px;
	margin:0px;
	padding:0px;
	border:none;
	clear:both;
	}
	
	
	

	/* colonna centro */
#colonna-centro {
	margin:0px;
	padding:0px;
	border:none;
	
	/* bug MOZILLA: 'margins collapsed' 
	Inserire dei bordi fittizi per fare ritornare 
	i margini 'top' e 'bottom'. Utilizzare lo stesso 
	colore dello sfondo per non renderli visibili */
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	/* bug MOZILLA: 'margins collapsed' (fine) */
	
	/* bug amaya: 1px in meno per amaya */
	/*width:423px;  424px */
	width:424px;
	/* bug amaya (fine) */
	
	min-height: 410px;
	height: auto !important;
	height: 410px;
	background-color: #FFF;
	float:left;
	font-size:11px;
	
	/* bug IE6 - IE6 Peekaboo Bug 
	( http://www.dracos.co.uk/web/css/ie6floatbug/ )
	PROBLEMA: il testo contenuto in questo elemento, 
	quando ha un colore di sfondo e contiene dei float
	scompare, pur rimanendo il vuoto lasciato.
	SOLUZIONE: Richiede la propriet line-height, 
	impostata. (Il valore medio in genere : 1.2). 
	NOTA: Un'altra soluzione, pi macchinosa, 
	consiste nell'assegnare 'position:relative' 
	ad ogni elemento contenuto, a parte il float.*/
	line-height:1.2;
	}
	
	
	/* ========== 
	box-area (CLASS) 
	========== */
#colonna-centro .box-area {
	margin:19px;
	padding:0px;
	border:none;
	display:block;
	}
	/* "avviso" */
#colonna-centro #avviso.box-area {
	margin-bottom:0px;
	display:none;
	}
	/* "colonna-centro-banner-top" */
#colonna-centro #colonna-centro-banner-top.box-area {
	margin-top:9px;
	margin-bottom:-9px;
	}
	/* "la-notizia" */
#colonna-centro #la-notizia.box-area {	
	margin-bottom:0px;
	background: url(/immagini/ico_la-notizia_04.gif) no-repeat left top;
	}
	/* "iniziative" */
#colonna-centro #iniziative.box-area {	
	margin-bottom:0px;
	}
	/* "altre-notizie"	*/
#colonna-centro #altre-notizie.box-area {
	margin-top:10px;
	margin-bottom:0px; /* 32px */
	clear:left; 
	/* 
	NOTA BENE: la propriet "CLEAR" in IE4 viene ereditata 
	dal contenuto degli elementi blocco figli (vedi: 
	http://www.richinstyle.com/bugs/ie4b.html#float).
	Qui occorre utilizzarla per non allineare il contenuto di 
	"altre-notizie"(questo id) a fianco della vignetta con il
	"float:left;" di sopra (solo se l'altezza della vignetta 
	fosse maggiore di quella del testo che le scorre attorno).	
	RACCOMANDAZIONE: usare solo "clear:left;", e N.O.N 
	"clear:both;", che trasmettendosi al div figlio con classe 
	'allinea-a-sinistra', lo farebbe scivolare sotto all'
	elemento 'div.allinea-a-destra'. 
	Inoltre "clear:both;" pu mandare in crash IE4. */
	}
	/* "il-progetto" */
#colonna-centro #il-progetto.box-area {
	margin-top:10px;
	background: url(/immagini/ico_il-progetto_04.gif) no-repeat left top;
	}
	/* "opinione" */
#colonna-centro #opinione.box-area {
	background: url(/immagini/ico_opinione_04.gif) no-repeat left top;
	}
	/* "evidenza" */
#colonna-centro #evidenza.box-area {
	background: url(/immagini/ico_in-evidenza_04.gif) no-repeat left top;
	}
	/* "menu-scheda" */
#colonna-centro #menu-scheda.box-area {
	margin-bottom:8px;
	padding-top:0px;
	padding-bottom:8px;
	border-bottom:1px solid #D7D7D7;
	}
	/* "menu-pagine" */
#colonna-centro #menu-pagine.box-area {
	margin-top:0px;
	margin-bottom:21px;
	}
	/* "scheda" */
#colonna-centro #scheda.box-area {	
	background-color:#FAFAFA;
	}
	/* "pagina-semplice" */
#colonna-centro #pagina-semplice.box-area {
	margin-bottom:8px;
	padding-top:0px;
	}
	/* riquadro */
#colonna-centro #riquadro.box-area {
	background:#FAFAFA;
	}
	
	
	/* ========== 
	titolo-area 
	========== */
#colonna-centro .titolo-area {
	/* NOTA BENE: vedi la nota sull'uso esatto di "clear:left;" 
	nell'id "altre-notizie"... */
	clear:left;
	margin:0px;
	margin-bottom:12px;
	margin-left:36px;
	padding:0px;
	border:none;
	display:block;
	/* NOTA BENE: in IE4 se il contenuto attorno al 
	float ha altezza maggiore del float ed  un blocco, 
	il colore di sfondo dell'elemento che contiene 
	entrambi scompare sotto al float. 
	SOLUZIONE: assegnare un'altezza al contenitore di entrambi. */	
	min-height: 5px;
	height: auto !important;
	height: 5px;
	background:#FAFAFA;
	}
	/* "avviso" */
#colonna-centro #avviso {
	margin-bottom:0px;
	}
	/* "colonna-centro-banner-top" */
#colonna-centro #colonna-centro-banner-top .titolo-area {
	margin-bottom:0px;
	display:none;
	}
	/* "iniziative" */
#colonna-centro #iniziative .titolo-area {
	margin-bottom:4px;
	margin-left:0px;
	}
	/* "altre-notizie" */
#colonna-centro #altre-notizie .titolo-area {
	margin:0px 0px 4px 0px;
	}
	/* "menu-scheda" */
#colonna-centro #menu-scheda .titolo-area {
	margin-bottom:4px;
	margin-left:0px;
	}
	/* "menu-pagine" */
#colonna-centro #menu-pagine .titolo-area {
	margin-bottom:4px;
	margin-left:0px;
	}
	/* "scheda" */
#colonna-centro #scheda .titolo-area {
	margin-left:0px;
	}
	/* "pagina-semplice" */
#colonna-centro #pagina-semplice .titolo-area {
	margin-left:0px;
	}
	
	
	/* ========== 
	allinea-a-destra 
	========== */
#colonna-centro .titolo-area .allinea-a-destra {
	float: right;
	width: 35%;
	margin: 0px;
	padding: 0px;
	border:none;
	border-left:1px dotted #D7D7D7;
	display:block;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	/*background:#DDD;*/
	}
	/* "menu-scheda", "pagina-semplice", "menu-pagine" */
#colonna-centro #menu-scheda .titolo-area .allinea-a-destra,
#colonna-centro #pagina-semplice .titolo-area .allinea-a-destra,
#colonna-centro #menu-pagine .titolo-area .allinea-a-destra {
	border-left:1px dotted #D7D7D7;
	font-weight:normal;
	}
	/* "fonti" */
#colonna-centro .fonti .allinea-a-destra {
	float: right;
	width: 25%;
	margin: 0px;
	padding: 0px;
	border:none;
	border-left:1px dotted #D7D7D7;
	text-align:right;
	font-weight:bold;
	}
	
	
	/* ========== 
	allinea-a-sinistra 
	========== */
#colonna-centro .titolo-area .allinea-a-sinistra {
	margin:0px;
	padding:0px;
	border:none;
	width: 63%;
	font-size:13px;
	font-weight:bold;
	/*background:#F4F4F4;*/
	}
	/* NOTA: qui sotto 'margin:0', evita che l'uso dei titoli 'h1...' 
	dentro all'elemento '.allinea-a-sinistra', causi la formazione di un 
	margine sopra e sotto che rompe l'allineamento col float di destra */
	.allinea-a-sinistra h1,
	.allinea-a-sinistra h2,
	.allinea-a-sinistra h3,
	.allinea-a-sinistra h4,
	.allinea-a-sinistra h5,
	.allinea-a-sinistra h6 {
		margin:0px;
	}	
	/* "avviso" */
#colonna-centro #avviso .titolo-area .allinea-a-sinistra {
	font-size:11px;
	}
	/* "colonna-centro-banner-top" */
#colonna-centro #colonna-centro-banner-top .titolo-area .allinea-a-sinistra {
	font-size:11px;
	}
	/* "la-notizia" */
#colonna-centro #la-notizia .titolo-area .allinea-a-sinistra {
	/*margin-left:36px;*/
	}
	/* "iniziative" */
#colonna-centro #iniziative .titolo-area .allinea-a-sinistra {
	/*margin-left:36px;*/
	}
	/* "altre-notizie" */
#colonna-centro #altre-notizie .titolo-area .allinea-a-sinistra {
	font-size:11px;
	}
	/* "il-progetto" */
#colonna-centro #il-progetto .titolo-area .allinea-a-sinistra {
	/*margin-left:36px;*/
	}
	/* "opinione" */
#colonna-centro #opinione .titolo-area .allinea-a-sinistra {
	/*margin-left:36px;*/
	}
	/* "evidenza" */
#colonna-centro #evidenza .titolo-area .allinea-a-sinistra {
	/*margin-left:36px;*/
	}
	/* "menu-pagine" */
#colonna-centro #menu-pagine .titolo-area .allinea-a-sinistra {
	color:#000;
	}
	/* "scheda" */
#colonna-centro #scheda .titolo-area .allinea-a-sinistra {
	padding-left:4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	color:#069;
	}
	/* "menu-scheda", "pagina-semplice" */				
#colonna-centro #menu-scheda .titolo-area .allinea-a-sinistra,
#colonna-centro #pagina-semplice .titolo-area .allinea-a-sinistra {
	font: bold 20px/normal Georgia, "Times New Roman", Times, serif;
	color:#069;
	}
			
	/* TRICKY (INIZIO) ***************************************** 
	Gli hack che seguono sono per IE, e hanno lo scopo di 
	mantenere in tutti i browser il blocco "allinea-a-sinistra", largo 
	effettivamente il 78% della larghezza del genitore ".titolo-area". */	
@media all {
#colonna-centro .titolo-area .allinea-a-sinistra {
	/* NO: IE4 - OK: IE 5-5.5-6 */
	width:98%;
	}			
}
#colonna-centro .titolo-area .allinea-a-sinistra {
	/* NO: IE 4-5-5.5 - OK: IE 6 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:63%;
	/* IMPORTANTE: inserire la riga che segue: 'width:val%;',
	e attivare il selettore child (>) appena sotto,	se si 
	inserisce '<!====>' (= sta per -) all'inizio delle pagine.
	(Vale a dire se si opta per il rendering del codice da parte 
	dei browser, in modalit "quirk mode"). */
	/* Il selettore 'child' (>), non  riconosciuto da winIE6-, e 
	macIE4.5- e NN4, e perci rende invisibile ad essi il valore 
	della propriet 'width' in esso contenuta. */
	width:98%;
	}
	#colonna-centro .titolo-area>.allinea-a-sinistra {
	width:63%;
	
	}	
#colonna-centro .titolo-area .allinea-a-sinistra {
	/* ricrea il selettore (lasciare) */
	}
	/* TRICKY (FINE) ***************************************** */
	
.fonti .allinea-a-sinistra {
	margin:0px;
	padding:0px;
	border:none;
	width:73%;
	}	
			
	/* TRICKY (INIZIO) ***************************************** 
	Gli hack che seguono sono per IE, e hanno lo scopo di 
	mantenere in tutti i browser il blocco "allinea-a-sinistra", largo 
	effettivamente il 78% della larghezza del genitore ".fonti". */	
@media all {
#colonna-centro .fonti .allinea-a-sinistra {
	/* NO: IE4 - OK: IE 5-5.5-6 */
	width:98%;
	}			
}
#colonna-centro .fonti .allinea-a-sinistra {
	/* NO: IE 4-5-5.5 - OK: IE 6 */
	voice-family: "\"}\"";
	voice-family: inherit;
	width:78%;
	/* IMPORTANTE: inserire la riga che segue: 'width:val%;',
	e attivare il selettore child (>) appena sotto,	se si 
	inserisce '<!====>' (= sta per -) all'inizio delle pagine.
	(Vale a dire se si opta per il rendering del codice da parte 
	dei browser, in modalit "quirk mode"). */
	/* Il selettore 'child' (>), non  riconosciuto da winIE6-, e 
	macIE4.5- e NN4, e perci rende invisibile ad essi il valore 
	della propriet 'width' in esso contenuta. */
	width:98%;
	}
	#colonna-centro .fonti>.allinea-a-sinistra {
	width:78%;
	
	}	
#colonna-centro .fonti .allinea-a-sinistra {
	/* ricrea il selettore (lasciare) */
	}
	/* TRICKY (FINE) ***************************************** */
	
		
	/* ========== 
	testo 
	========== */
#colonna-centro .testo {
	margin:0px;
	margin-bottom:16px;
	padding:0px;
	border:none;
	/* BUG IE/WIN - Three Pixel Text-Jog
	Assegno un'altezza non significativa, pari a 'height:1%' a questo 
	blocco che contiene il float vignetta. Vedi ampia spiegazione pi 
	sotto, (selettore della vignetta). */
	height:1%;
	/* BUG IE/WIN - Three Pixel Text-Jog (fine) */
	display:block;
	overflow:visible;
	line-height:1.2;
	}
#colonna-centro p {
	margin-top:0em !important;
	margin-bottom:1em !important;
	}
#colonna-centro .brevi {
	border-top:1px solid #D7D7D7;
	margin-top:16px !important;
	margin-bottom:8px !important;
	padding-top:2px !important;
	}
#colonna-centro .brevi img {
	margin-right:0.5em;
	width:6px;
	height:6px;
	background-color:#C30;	
	}
#colonna-centro .brevi a {
	margin-right:0.5em;
	}
	/* "avviso" */
#colonna-centro #avviso .testo {
	padding:4px 8px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	background: url(/immagini/bk_avviso.gif) no-repeat center top;
	}
	/* "colonna-centro-banner-top" */
#colonna-centro #colonna-centro-banner-top .testo {
	margin:0px;
	padding:0px;
	border:none;
	height:1%;
	display:block;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	}
	/* "la-notizia" */
#colonna-centro #la-notizia .testo {
	font-size:12px;
	line-height:1.3;
	}
	/* "iniziative" */
#colonna-centro #iniziative .testo {
	font-size:12px;
	line-height:1.3;
	}
	/* "il-progetto" */
#colonna-centro #il-progetto .testo {
	font-size:12px;
	line-height:1.3;
	}
	/* "opinione" */
#colonna-centro #opinione .testo {
	font-size:12px;
	line-height:1.3;
	}
	/* "evidenza" */
#colonna-centro #evidenza .testo {
	font-size:12px;
	line-height:1.3;
	}
	/* "altre-notizie" */
#colonna-centro #altre-notizie .testo {
	margin-bottom:0px;
	}
	/* "menu-scheda" */
#colonna-centro #menu-scheda .testo {
	margin-bottom:0px;
	}
	/* "menu-pagine" */
#colonna-centro #menu-pagine .testo {
	}
	/* "scheda" */
#colonna-centro #scheda .testo {
	font-size:12px;
	line-height:1.4;
	}
	/* "pagina-semplice" */
#colonna-centro #pagina-semplice .testo {
	font-size:12px;
	line-height:1.4;
	}
	/* riquadro */
#colonna-centro #riquadro .testo {
	padding:4px;
	font-size:12px;
	}
	
	
#colonna-centro #pagina-semplice .interlinea-minima {
	line-height:1.2;
	background:#FAFAFA;
	}
	
	
	/* ========== 
	titoli 
	========== */
#colonna-centro .data {
	margin:0px;
	margin-bottom:4px;
	padding:0px;
	border:none;
	display:block;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#000;
	}

#colonna-centro .titolo-grande {
	margin:0px;
	margin-top:8px;
	margin-bottom:4px;
	padding:0px;
	border:none;
	display:block;
	font: bold 20px/normal Georgia, "Times New Roman", Times, serif;
	line-height:1.1;
	color:#069;
	}

#colonna-centro .sottotitolo-grande {
	margin-bottom:16px;
	padding:0px;
	border:none;
	display:block;
	font-style:italic;
	font: bold 11px/normal Georgia, "Times New Roman", Times, serif;
	line-height:1.1;
	color:#069;
	}

#colonna-centro #scheda .sottotitolo-grande {
	margin-bottom:8px;
	padding-left:4px;
	font-size: 13px;
	}
	
#colonna-centro .titoli-pagina-semplice {
	margin-top:8px;
	margin-bottom:8px;
	padding:0px;
	padding-left:4px;
	border:none;
	display:block;
	font-style:italic;
	font: bold 12px/normal Georgia, "Times New Roman", Times, serif;
	line-height:1.1;
	color:#069; 
	}
	
#colonna-centro #riquadro .titoli-pagina-semplice {
	margin-top:2px;
	margin-bottom:2px;
	}
	
	
	/* ========== 
	fonti 
	========== */
#colonna-centro .fonti {
	margin:0px;
	padding:2px 0px 4px 0px;
	border:none;
	border-top:1px solid #D7D7D7;
	background:#FAFAFA;
	display:block;
	font-size:10px;
	/* NOTA BENE: in IE4 se il contenuto attorno al 
	float ha altezza maggiore del float ed  un blocco, 
	il colore di sfondo dell'elemento che contiene 
	entrambi scompare sotto al float. 
	SOLUZIONE: assegnare un'altezza al contenitore di entrambi. */	
	min-height: 16px;
	height: auto !important;
	height: 16px;
	/* NOTA BENE: vedi la nota sull'uso esatto di "clear:left;" 
	nell'id "altre-notizie"... */
	clear:left;
	}
	/* "avviso" */
#colonna-centro #avviso .fonti {
	padding:0px;
	border:none;
	background:none;
	}
	/* "colonna-centro-banner-top" */
#colonna-centro #colonna-centro-banner-top .fonti {
	padding:0px;
	border:none;
	background:none;
	display:none;
	}
	/* "scheda" */
#colonna-centro #scheda .fonti {
	/*padding:0px;
	background:none;*/
	}
	/* "altre-notizie" */
#colonna-centro #altre-notizie .fonti {
	/*padding:0px;*/
	border-top:1px none #D7D7D7;
	background:none;
	}
		
	
	/* ========== 
	tabelle menu 
	========== */
	
	/* TRICKY (INIZIO) ***************************************** 
	Gli hack che seguono sono per IE5.0/5.5, e hanno lo scopo di 
	ridurre la larghezza delle tabelle da 100% a 92%, per evitare 
	lo scorrimento della colonna-dx sotto. (In IE 5.0 e 5.5 la 
	propriet 'width: 100%;",  interpretata in modo incorretto). */	
	@media all {
	#colonna-centro table,
	#colonna-centro table#tabella-zebra {
	    /* NO: IE4 - OK: IE 5-5.5-6 */
	    width:91%;
	    }
	}	
	#colonna-centro table,
	#colonna-centro table#tabella-zebra {
	    /* NO: IE 4-5-5.5 - OK: IE 6 */
	    voice-family: "\"}\"";
	    voice-family: inherit;
	    width:100%;
	    /* IMPORTANTE: inserire la riga che segue: 'width:val%;',
	    se si inserisce '<!====>' (= sta per -) all'inizio delle pagine
	    (vale a dire se si opta per il rendering del codice 
	    da parte dei browser in modalit "quirk mode" */
	    width:91%;
	    }		
	#colonna-centro table,
	#colonna-centro table#tabella-zebra {
	    /* ricrea il selettore (lasciare) */
	    }
	/* TRICKY (FINE) ***************************************** */
	
	#colonna-centro #menu-scheda td,
	#colonna-centro #menu-pagine td,
	#colonna-centro #pagina-semplice td {
	    width:33%;
	    font-weight:bold;
	    text-align:center;
	    padding:8px 4px;
	    }
		
	#colonna-centro #menu-pagine td {
	    padding:4px 4px;
	    }
		
	#colonna-centro #menu-scheda td.link,
	#colonna-centro #menu-pagine td.link,
	#colonna-centro #pagina-semplice td.link, 
	#colonna-centro #pagina-semplice td.link-freccia {
	    font-size:10px;
	    background:#F4F4F4;
	    border:1px solid #D7D7D7;
	    border-bottom:3px solid #D7D7D7;
	    border-left:2px solid #D7D7D7;
	    }
		
	#colonna-centro #pagina-semplice td.link-freccia{
	    background: #F4F4F4 url(/immagini/ico-freccia-destra.gif) no-repeat right center;
	    }
		
	#colonna-centro #menu-pagine td.link {
	    background:#FFFCEC;
	    /*border:1px solid #EDE6C2;
	    border-bottom:3px solid #EDE6C2;
	    border-left:2px solid #EDE6C2;*/
	    }
		
	#colonna-centro #menu-scheda td.link-spento, 
	#colonna-centro #menu-pagine td.link-spento,
	#colonna-centro #pagina-semplice td.link-spento {
	    font-size:10px;
	    color:#AAAAAA;
	    border:1px solid #F4F4F4;
	    }
	
	#colonna-centro #menu-scheda td.link a,
	#colonna-centro #pagina-semplice td.link a,
	#colonna-centro #pagina-semplice td.link a,
	#colonna-centro #pagina-semplice td.link-freccia a {
	    text-decoration:none;
	    color:#000; /* #C30; */
	    display:block;
	    }
		
	
	#colonna-centro #menu-pagine td.link a img {border:1px solid #C30;}
	
	#colonna-centro #menu-pagine td.link a img, 
	#colonna-centro #menu-pagine td.link a {
	    text-decoration:none;
	    /*color:#C30;  #000 */
	    }
		
	#colonna-centro #menu-pagine td.link a:visited img, 
	#colonna-centro #menu-pagine td.link a:visited  {
	    text-decoration:none;
	    /*color:#C30;*/
	    }
		
	#colonna-centro #menu-pagine td.link a:hover img, 
	#colonna-centro #menu-scheda td.link a:hover, 
	#colonna-centro #menu-pagine td.link a:hover,
	#colonna-centro #pagina-semplice td.link a:hover,
	#colonna-centro #pagina-semplice td.link a:hover,
	#colonna-centro #pagina-semplice td.link-freccia a:hover  {
	    text-decoration:none;
	    /*color:#FA6C00;*/
	    }
		
	#colonna-centro #menu-pagine td.link a:active img, 
	#colonna-centro #menu-pagine td.link a:active  {
	    text-decoration:none;
	    /*color:#FA6C00;*/
	}
	
	
	/* ========== 
	tabella zebra 
	========== */
#colonna-centro #tabella-zebra-contenitore {
	display:block;
	margin:16px 0px;
	}
	
#colonna-centro #tabella-zebra {
	width:100%;
	}
	
#colonna-centro #tabella-zebra tbody tr td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px 8px;
	border-left: 1px solid #D9D9D9;
	}
	
	
	/* ========== 
	liste
	========== */	
	
		/* lista (normale)
		visualizza: 
		- rientro paragrafi, 
		- punto-lista-quadrato interno, 
		- no spazio paragrafi */		
	#colonna-centro ul.lista {
	    list-style-position: inside;
	    list-style-type: disc;
	    margin: 1em 0em 2em 0.6em;
	    padding: 0px;
	    border: none;
	    display:block;
		}
	#colonna-centro ul.lista li {
		padding: 0em 0em 0em 0em;
		}
			
	
		/* lista (normale senza rientro)
		visualizza:
		- punto-lista-quadrato interno, 
		- no spazio paragrafi */		
	#colonna-centro ul.lista-no-rientro {
		list-style-position: inside;
		list-style-type: square;
		margin: 1em 0em 2em 0em;
		padding: 0px;
		border: none;
		display:block;
		}
	#colonna-centro ul.lista li {
	padding: 0em 0em 0em 0em;
		}
			
	
		/* lista (ad indice)
		visualizza:
		- punto-lista-quadrato interno */		
	#colonna-centro ul.lista-indice {
		list-style-position: inside;
		list-style-type: square;
		margin: 1em 0em 2em 0.6em;
		padding: 0px;
		border: none;
		display:block;
		}
	#colonna-centro ul.lista-indice li {
		margin-top:0.5em;
		margin-bottom:0em;
		padding:0px;
		}
	#colonna-centro ul.lista-indice-sub {
		list-style-position: inside;
		list-style-image:url(/immagini/ico-sub-lista.gif);
		list-style-type: none;
		margin: 0em 0em 0em 1.5em;
		padding: 0px;
		border: none;
		display:block;
		}
	#colonna-centro ul.lista-indice-sub li {
		margin-top:0em !important;
		margin-bottom:0em !important;
		padding:0px;
		}
		
	
		/* lista (documenti)
		visualizza: 
		- rientro paragrafi, 
		- punto-lista-immagine interno, 
		- no spazio paragrafi */		
	#colonna-centro ul.lista-doc {
		list-style-position: inside;
		list-style-type: disc;
		list-style-image: url(/immagini/ico_lista-doc.gif);
		margin: 1em 0em 2em 0em;
		padding: 0px;
		border: none;
		display:block;
		background:#FFFCEC; /* #FAFAFA */
		font-size:11px;
		}
	#colonna-centro ul.lista-doc li {
		padding: 4px 4px 4px 4px;
		border-bottom: 1px dotted #DDD5AB; /* #D7D7D7 #FA6C00 */
		}
		
	
		/* lista (notizie) */
	#colonna-centro ul.elenco-notizie {
		list-style: none;
		border: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		display:block;
		background:#FFFCEC;
		font-size:10px;
		font-style:italic;
		}	
	#colonna-centro ul.elenco-notizie li {
		padding: 5px 4px 5px 4px;
		border-bottom: 1px dotted #FA6C00; /* #DDD5AB */
		}
	#colonna-centro ul.elenco-notizie li a {	
		padding: 5px 0px 5px 0px;
		font-style:normal;
		}	
	#colonna-centro ul.elenco-notizie li a:link,
	#colonna-centro ul.elenco-notizie li a:visited,
	#colonna-centro ul.elenco-notizie li a:active{
		text-decoration:none;
		}
	#colonna-centro ul.elenco-notizie li a:hover {
		text-decoration:underline;
		}
		
	
	/*lista (archivio) */
	#colonna-centro ul.elenco-archivio {
		list-style: none;
		border: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		display:block;
		background:#FFFCEC;
		font-size:11px;
		font-style:italic;
		}	
	#colonna-centro ul.elenco-archivio li {
		padding: 5px 4px 5px 4px;
		border-bottom: 1px dotted #DDD5AB; /* #FA6C00 */
		}	
	#colonna-centro ul.elenco-archivio li a {	
		padding: 5px 0px 5px 0px;
		font-style:normal;
		}	
	#colonna-centro ul.elenco-archivio li a:link,
	#colonna-centro ul.elenco-archivio li a:visited,
	#colonna-centro ul.elenco-archivio li a:active{
		text-decoration:none;
		}
	#colonna-centro ul.elenco-archivio li a:hover {
		text-decoration:underline;
		}
		
	
	/*lista (archivio-titoli) - Vedi pagina titoli "in-evidenza" */
	#colonna-centro ul.elenco-archivio-titoli {
		list-style: none;
		border: none;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		display:block;
		background:#FFFCEC;
		font-size:90%;
		font-style:italic;
		line-height:1.15;
		}	
	#colonna-centro ul.elenco-archivio-titoli li {
		padding: 8px 4px 8px 4px;
		border-bottom: 1px dotted #FA6C00; /* #DDD5AB */
		}	
	#colonna-centro ul.elenco-archivio-titoli li a {	
		padding: 0px 0px 0px 0px;
		font-style:normal;
		}
	#colonna-centro ul.elenco-archivio-titoli li a:link,
	#colonna-centro ul.elenco-archivio-titoli li a:visited,
	#colonna-centro ul.elenco-archivio-titoli li a:active{
		text-decoration:none;
		}
	#colonna-centro ul.elenco-archivio-titoli li a:hover {
		text-decoration:underline;
		}
	
	
	
	/* ========== 
	vignette
	========== */
	
	/* VIGNETTE (inizio) ========== 
	NOTA BENE: specificare una classe 
	(.mini, .miniatura, .piccolina, .piccola, .media, .grande), 
	per l'elemento che contiene la "vignetta", 
	altrimenti l'allineamento non funziona ! */
.mini, .miniatura, .piccolina, .piccola, .media, .grande {
	float: left;
	margin:0px;
	padding: 0px;
	border:none;
	width: 90px;
	line-height:1.1;
	margin-right:6px;
	}
	/* TRICKY (INIZIO) ***************************************** */
	/* BUG IE/WIN - Three Pixel Text-Jog.
	( http://www.positioniseverything.net/explorer/threepxtest.html )
	PROBLEMA: IE/win assegna per errore al margine esterno libero dei float, 
	3px di spazio che influenzano gli elementi che gli scorrono di fianco e 
	non c' verso di toglierlo, se non assegnando all'elemento che lo contiene, 
	una larghezza o una altezza. Inoltre, nel caso in cui il float contenga 
	un'immagine	che va da sx a dx, occorre ridurre il suo margine destro di -3px.
	SOLUZIONE: Primo. assegnare un'altezza non significativa, pari al 
	valore di 'height:1%;', all'elemento che contiene il float (.testo). 
	Secondo. se il float contiene anche un'immagine, aggiungere	queste tre 
	righe (tan hack), lasciandole cos, commenti per IE/Mac inclusi!!!
	(NOTA: in IE4 il float con l'immagine, provoca il doppio di spazio: 6px. 
	Per cui rimarranno comunque 3px di spazio liberi.
	ATTIVARE LE SEGUENTI TRE RIGHE, solo se l'elemento contiene un'immagine!! 
	Sottrarre -3px al valore del margine libero corretto. Per es: se il margine 
	libero ammonta a 8px, sottrare -3px, quindi 5px. Altro es: se il margine 
	libero ammonta a 0px, sottrare -3px, quindi -3px, etc... ) */	
	
	/* Nascondi a IE MAC (NO: MacIE4.5 e 5 - OK: winIE6-) \*/ 
* html .mini, * html .miniatura, * html .piccolina, * html .piccola, * html .media, * html .grande { margin-right:3px; }
	/* Nascondi a IE MAC (fine) */
	/* TRICKY (FINE) ***************************************** */
		
.mini {width: 30px;}
.miniatura {width: 50px;}
.piccolina {width: 90px;}
.piccola {width: 120px;}
.media {width: 190px;}
.grande {width: 250px;}

#colonna-dx .mini, #colonna-dx .miniatura, #colonna-dx .piccolina, #colonna-dx .piccola, #colonna-dx .media, #colonna-dx .grande {
	margin: 0px 4px 2px 0px;
	}
#colonna-dx .mini {
	margin: 0px 8px 2px 0px;
	}		
	
.vignetta div {
	margin:0px;
	padding:0px;
	border:none;
	display:block;
	font-size:10px;
	/*font-style:italic;*/
	text-align: left;
	text-indent: 0px;
	}
	
.vignetta div.dida {
	padding:0px 0px;
	}
	
.vignetta img {
	margin:0px;
	padding:0px;
	border:none;
	width:100%;
	display:block;
	}
	
#colonna-dx .vignetta img {
	border:1px solid #000; 
	}
	/* VIGNETTE (fine) ========== */
	
	
	/* ========== 
	spaziatore
	========== */
#colonna-centro div.spaziatore {
	display:block;
	height:33px;
	margin:0px;
	padding:0px;
	border:none;
	clear:both;
	}
	
	
	/* ========== 
	torna sopra
	========== */
.top-contenitore {
	/* NOTA BENE: il contenitore  per 
	centrare il div.top (bug di IE5.5-). */	
	text-align:center;
	}
.top {
	width:90px;
	font-size:10px;
	margin:0px auto 0px auto;
	text-align:center;
	}
.top a {
	display:block; 
	text-decoration:none; 
	padding:0 6px; 
	/* altezza del link: 'height' e 'line-height' uguali */ 
	height:24px;
	line-height:24px;
}	
.top a:link, .top a:visited {
	color:#FFE;
	text-decoration:none;
	background-color:#D50;
	}	
.top a:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#C40;
	}
.top a:active {
	color:#FFF;
	text-decoration:none;
	background-color:#C40;
	}	
	

	/* colonna dx */
#colonna-dx {
	width:180px;  
	min-height: 410px;
	height: auto !important;
	height: 410px;
	background-color: #ECFAFF; 
	float:left;	
	border:none;
	margin:0px;
	padding:0px;	
	font-size:10px;
	/* 
	BUG IE6: "DUPLICATE CHARACTERS / screen diarrhea"
	( http://www.positioniseverything.net/explorer/dup-characters.html )
	2 o pi commenti HTML, inseriti tra 
	due elementi con float,	causano la 
	duplicazione di testo al di sotto 
	dell'ultimo elemento con float.	
	In questo caso i commenti che causano il bug, 
	sono tra le colonne di sx, centro e dx.
	SOLUZIONE: (per ie6) assegnare 'margin-left:-3px;' 
	all'ultimo elemento con float.*/
	margin-left:-3px;
	}	

	/* link */
#colonna-dx a {font-weight:bold;}
#colonna-dx a:link {color:#C30;text-decoration:none;}
#colonna-dx a:visited {color:#C30;text-decoration:none;}
#colonna-dx a:hover {color:#FA6C00;text-decoration:underline;}
#colonna-dx a:active {color:#C30;text-decoration:underline;}
	
	
#colonna-dx #cerca {
	background: url(/immagini/ico_cerca_04.gif) no-repeat left top;
	padding-bottom:0px;
}
	
	/* cerca */
.campo-cerca {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	padding:1px 5px 1px 5px;
	margin:0px;
	border: solid 1px #4C6674;
	position:relative;
	top:-3px;
}
.pulsante-cerca {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: url(/immagini/ico_cerca2.gif) no-repeat center center; /* #F1F1EF */
	padding:0px;
	border:none;
	width:25px;
	height:25px;
	position:relative;
	top:0px;
}
	
#colonna-dx #in-evidenza {
	background: url(/immagini/ico_in-evidenza_04.gif) no-repeat left top;
	/*background-color:#DEF0F7;  #FAFEFF #FFFCEC */
}		
#colonna-dx #spot-progetto {
	background: url(/immagini/ico_il-progetto_04.gif) no-repeat left top;
	/*background-color:#DEF0F7;  #FAFEFF #FFFCEC */
}
	
#colonna-dx #opinione {
	background: url(/immagini/ico_opinione_04.gif) no-repeat left top;
	/*background-color:#DEF0F7;  #FAFEFF #FFFCEC */
	clear:left;
}
	
#colonna-dx #news-collegate {
	background: url(/immagini/ico_news-collegate_04.gif) no-repeat left top;
}
	
#colonna-dx #in-corso {
	background: url(/immagini/ico_in-corso_04.gif) no-repeat left top;
}
	
#colonna-dx .box-area {	
	margin:0px 12px 4px 10px;
	padding:0px 0px 8px 0px;
	border:none;
	border-bottom:2px solid #B0CBD5; /* #D7D7D7 */
	display:block;
	}
	
#colonna-dx div.titolo-area {
	display:block;
	margin:0px 0px 12px 0px;
	padding:0px;
	border:none;
}

#colonna-dx div.titolo-area .allinea-a-sinistra {
	margin:0px;
	padding:0px 0px 0px 36px;
	border:none;
	font-size:11px;
	font-weight:bold;
	}

#colonna-dx div.titolo-area div.allinea-a-destra {
	float: right;
	width:16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
	text-align:right;
	font-size:10px;
	font-weight:bold;
	}

#colonna-dx div.testo {
	display:block;
	margin:0px;
	padding:0px;
	border:none;
	}
#colonna-dx #in-evidenza .testo, 
#colonna-dx #spot-progetto .testo {
	/*border:1px solid #B0CBD5;
	border-bottom:4px solid #B0CBD5;
	border-left:2px solid #B0CBD5;
	background-color:#FFFCEC;*/
	}
#colonna-dx #opinione .testo {
	border:none;
	}
#colonna-dx #in-corso .testo {
	padding:4px 0px;
	}
#colonna-dx #in-corso .titoletto {	
	text-transform: uppercase;
	}

#colonna-dx .blocchetto {
	margin:0px;
	padding:0px;
	border:none;
	}
#colonna-dx #in-evidenza .blocchetto, 
#colonna-dx #spot-progetto .blocchetto {
	border-bottom: 1px solid #B0CBD5;
	padding:1px 0px 2px 0px;
	}
	
#colonna-dx .titoletto {
	/*display:block;*/
	font-size:100%;
	font-weight:bold;
	color:#069;
	margin:0px 0px 0px 0px;
	padding:0px;
	border:none;
	}
	
	/**/
	
#colonna-dx ul {
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	border: none;
	border:1px solid #B0CBD5;
	border-bottom:4px solid #B0CBD5;
	border-left:2px solid #B0CBD5;
	list-style: none;
	font-size:9px;
	font-style:italic;
	background-color:#FFFCEC; /* #FFF */
	}	
#colonna-dx li {
	border-bottom: 1px dotted #FA6C00; /* #B0CBD5 */
	padding: 4px 4px 5px 4px;
	}
#colonna-dx li a {
	text-decoration:none;
	color:#C30; /* #000 */
	font-size:10px;
	font-style:normal;
	}
#colonna-dx li a:hover  {
	text-decoration:underline;
	color:#FA6C00;
	font-size:10px;
	font-style:normal;
	}
	
	/* lista "news" */	
#colonna-dx ul.news { 
	margin:4px 0px 4px 0px; /* no rientri liste */
	padding:3px 4px 0px 4px; /* no rientri liste */
	border:none;
	border:1px solid #B0CBD5;
	border-bottom:4px solid #B0CBD5;
	border-left:2px solid #B0CBD5;
	width:auto;
	display:block;	
	list-style-position: inside;
	list-style-image: url(/immagini/ico-freccia-destra.gif);
	list-style-type: none; /* no punti elenco */
	font-style:italic;
	background-color:#FFFCEC;
	/*background:none;*/
	}
#colonna-dx ul.news br {
	display:none;
	}
#colonna-dx ul.news li {
	border:none;
	display:inline;
} /* no spazio fra elementi lista. (Opera) */
#colonna-dx ul.news li a {  
	margin:0px 0px 3px 0px;
	padding:0px 0px 3px 0px; /* spazio fra bordo menu, e link */
	border-bottom:1px dotted #FA6C00; /* #FA6C00 #B0CBD5 #DDD5AB */
	height:1.2;line-height:1.2; /* altezza link: height e line-height stesso valore */ 
	display:block; /* tutto lo spazio orizzontale */
	font-weight:bold;
	/*color: #000;*/
	text-decoration:none; /* no sottolineatura */
}
#colonna-dx ul.news li a:link, 
#colonna-dx ul.news li a:visited { 
	/*color: #C30;  #000 */
	text-decoration: none;
}
#colonna-dx ul.news li a:hover { 
	/*color: #FA6C00;  #000 */
	text-decoration: underline; 
	/*background-color: #B0CBD5;*/
}
#colonna-dx ul.news li a:active {  
	/*color: #C30;  #000 */
	text-decoration: none;
}
	
	/* lista "links" (vedi: in-corso) */	
#colonna-dx ul.links { 
	margin:4px 0px 4px 0px; /* no rientri liste */
	padding:0px 0px; /* no rientri liste */
	border:none;
	/*border:1px solid #B0CBD5;
	border-bottom:4px solid #B0CBD5;
	border-left:2px solid #B0CBD5;*/
	width:auto;
	display:block;	
	list-style-position: inside;
	list-style-image: url(/immagini/ico-freccia-destra.gif);
	list-style-type: none; /* no punti elenco */
	font-style:normal;
	background:none;
	}
#colonna-dx ul.links li { 
	padding:0px;
	border:none;
	display:inline;
} /* no spazio fra elementi lista. (Opera) */
#colonna-dx ul.links li a { 
	padding:1px 0px 3px 0px; /* spazio fra bordo menu, e link */
	border-bottom:1px solid #B0CBD5;
	height:1.2;line-height:1.2; /* altezza link: height e line-height stesso valore */ 
	display:block; /* tutto lo spazio orizzontale */
	font-weight:bold;
	color: #000;
	text-decoration:none; /* no sottolineatura */
}
#colonna-dx ul.links li a:link, 
#colonna-dx ul.links li a:visited {
	color: #C30; /* #000 */
	text-decoration: none;
}
#colonna-dx ul.links li a:hover {
	color: #FA6C00; /* #000 */
	text-decoration: underline; 
	/*background-color: #B0CBD5;*/
}
#colonna-dx ul.links li a:active { 
	color: #C30; /* #000 */
	text-decoration: none;
}
	
	/**/
	
	
#colonna-dx #mini-banner-dx {	
	margin: 16px auto 16px auto;
	text-align:center;
	background:none;
	border:none;
	}
	
#colonna-dx div.spaziatore {
	display:block;
	height:33px;
	margin:0px;
	padding:0px;
	border:none;
	clear:both;
	}
	
	/* 3 colonne (fine) */
	
	
	/* piepagina */
#piepagina {
	clear:both;
	width:100%; 
	min-height: 10px;
	height: auto !important;
	height: 10px;
	display:block;
	background:none;
	}
#piepagina #footer-01 {
	display:block;
	text-align:center;
	background:#FFF;
	font-size: 10px;
	color: #000;
	padding:8px 0 16px 0;
	}
#piepagina #footer-02 {
	min-height: 106px;
	height: auto !important;
	height: 106px;
	display:block;
	background:#000;
	}
#piepagina #footer-02 a {
	color:#111;
	}
	
	/* AGGIUNTA 041106 */
.riquadro {
	padding:9px 6px 12px 6px;
	border:1px solid #b0cbd5;
	font-style:normal;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:normal;
	text-align:left;
	background-color:#ecfaff;
	}
	/* FINE AGGIUNTA 041106 */
	
	
	/* AGGIUNTA 20/11/06 */
	
#boxNl .nota-newsletter {
	clear:both;
	margin:0px;
	padding:0px;
	padding-top:5px;
	border:none;
	width: 108px;
	font-size:10px;
	color:#000;
	}
#boxNl .nota-newsletter-contenuto {
	margin:0px;
	padding-left:4px;
	border-left:solid 2px #ddd5ab;
	}
#boxNl {
	margin:0px;
	padding:3px 0px 3px 0px;
	border:none;
	font:100%/normal Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background-color:#fffcec;
	}
#boxNl form {
	margin:0;
	padding:0;
	border:none;
	}
#boxNl input, select {
	font-size:10px;
	line-height:inherit;
	/*font-weight:normal;
	font-size:14px;
	font-family:"Courier New", Courier, mono;*/
	}
#boxNl input.campo:focus {
	}
#boxNl textarea {
	width:95%;
	/*font-weight:normal;
	font-size:14px;
	font-family:"Courier New", Courier, mono;*/
	}
#boxNl .inputWrapper {
	margin-bottom:2px;
	padding-bottom:0;
	}
#boxNl input.campo {
	/*float:left;*/
	margin:1px 0;
	padding:0 2px;
	border:1px solid #4C6674; /* #7ab5ef */
	height:15px;
	font-size:11px;
	line-height:normal;
	vertical-align:middle;
	}
#boxNl input.pulsante {
	/*float:left;*/
	margin:0 0 0 0;
	padding:0;
	border:1px solid #006699;/**/
	width:22px;
	height:17px;
	font-weight:normal;
	font-size:10px;
	line-height:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	vertical-align:middle;
	background-color:#f2f2f2;
	/*background-image:url(/immagini/ico_cerca_empty.gif);
	background-repeat:no-repeat;
	background-position:left top;*/
	}
#boxNl .radio {
	margin:0;
	border:none;
	}
#boxNl img {
	margin:0 1px 0 1px;
	padding:0;
	border:none;
	vertical-align:middle;
	}
	
	/* FINE AGGIUNTA 20/11/06 */
	
	/* 260707 */ 
	#colonna-centro .titolo-grande a {color:#069 !important;}
	/* /260707 */
	
	/* 180907 */
	#colonna-centro #tabella-zebra tr th {
	text-align:center !important;
	font: bold 11px/normal Georgia, "Times New Roman", Times, serif;
	line-height:1.1;
	color:#069;
	}
	#colonna-centro #tabella-zebra tbody tr td {
	border-left: 1px none #D9D9D9;
	}
	#colonna-centro #tabella-zebra .filetto {
	border-left: 1px solid #D9D9D9;
	}
	/* /180907 */

	
-->