body {
	margin: 0; 
	padding: 0; 
	background-color: #eaeaea; /*#efefef*/
	color: #333;
	text-align: center;
}

/* inizio header */
#header {
	margin: 10px 10px 0 10px;
	padding: 0;
	border: none;
	background: url(../img/sfondoClouds.jpg) 0 0 repeat-x;
	
	
}


/* fine header */

div#path {
	margin: 0 10px;
	padding: 0;
	border: none;
	color: #000;
	background: #ccc url(../img/casa.gif) 5px 45% no-repeat;
	height: 1em;
}
div#path span {
	float: left;
	padding: 0;
	margin: 0 0 0 20px;
	border: none;
	font-size: .7em;
	line-height: 1.4em;
	font-family: verdana,arial,sans-serif;
	text-align: left;
}

div#path span.contatti {
	float: right;
	padding: 0;
	margin: 1px 4px 0 20px;
	border: none;
	font-size: .7em;
	line-height: 1.4em;
	font-family: verdana,arial,sans-serif;
	text-align: right;
}

div#path span.contatti img {
	
	margin: 1px 0;
	padding: 0;
	border: none;
}

.noborder{border:0px;}

/* inizio footer */
#footer {
	clear: both;
	margin: 0 10px;
	padding: 10px 0 0 0;
	height: 38px;
	border: none;
	background: url(../img/footer_sfondo.gif) 0 10px repeat-x;
}

#footerLeft {
	float: left;
	margin: 0;
	padding: 0;
	width: 222px;
	height: 38px;
	border: none;
	background: url(../img/footer_sx.gif) 0 0 no-repeat;
}

#footerRight{
	float: right;
	margin: 0;
	padding: 0;
	width: 170px;
	height: 38px;
	border: none;
	background: url(../img/footer_dx.gif) 0 0 no-repeat;
}
/* fine footer */
#clearFooter {
	clear: both;
	height: 10px;
}



/* inizio contents */
#contents {
	clear: both;
	margin: 10px 10px 0 10px;
	padding: 0;
	border: none;
	font-size: .7em;
	line-height: 1.4em;
	font-family: verdana,arial,sans-serif;
}

#left {
	float: left;
	width: 215px;
	margin: 0 -3px 0 0; /* 0 -3px 0 0 */
	padding: 0;
	border: none;
	text-align: left;
}
#left h3 {
	margin: 10px 0 0 0;
	padding: 0 5px 0 0;
	border: none;
	color: #fff;
	/* background-color: #336699; */
	text-align: right;
	border: none;
	font-family: arial, verdana ,sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 1.1em;
	line-height: 2.8em;
}
#left h3.primaVoce {
	margin: 0;
	background-color: #2B5182;
}
#left h3.secondaVoce {
	background-color: #3B68AE;
}
#left h3.terzaVoce {
	background-color: #6699CC;
}

/* form di ricerca */

form {
	margin: 0;
	padding: 0;
}

#left div#searchDiv {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
}
#left div#searchDiv input#parola {
	margin: 0;
	padding: 1px 4px;
	border: 1px solid #666;
	color: #000;
	background-color: #fff;	
	font-family: verdana,arial,sans-serif;
	font-size: 1em;
	width: 130px;
}
#left div#searchDiv input#submitImg {
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
	vertical-align: bottom;
}



/* menu di navigazione*/

#left ul.menu {
	margin: 0;
	padding: 0;
	border: none;
}
#left ul.menu li{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	display: inline;
}
/* GESTIONE VOCE MENU (associato ai tag A e SPAN) */
.linkLeft {
	display: block;
	margin: 0;
	padding: 0 5px 0 0;	
	border: none;
	border-top: 1px solid #999;
	color: #fff;
	background-color: #333;
	text-decoration: none;
	text-align: right;
	line-height: 1.8em;
}
span.linkLeft {
	 color: #000;
	 background-color: #99CCFF;
}
a.linkLeft:hover{
	color: #99CCFF;
	background: #000;
	text-decoration: none;
}

#left div.greyBoxThin {
	margin: 0;
	padding: 6px;
	border: 1px solid #CCC;
	text-align: left;
	color: #333;
	background-color: #fff;	
}
#left div.greyBoxThin img {
	margin: 0 0 -2px 0; /* per 2 px ! */
	padding: 0;
	border: none;
}

div.linkFreccia {
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
	text-align: right;
}
div.linkFreccia span {
	margin: 0;
	padding: 0 0 0 10px;
	border: none;
	background: url(../img/freccia.gif) 0 60% no-repeat;
}

div.linkFrecciaDoppia {
	margin: 10px 0 0 0;
	padding: 0;
	border: 0;
	text-align: left;
}
div.linkFrecciaDoppia span {
	margin: 0;
	padding: 0 0 0 15px;
	border: none;
	background: url(../img/freccia_doppia.gif) 0 60% no-repeat;
	font-weight: bold;
}

div.linkDownload {
	margin: 10px 0 15px 0;
	padding: 0;
	border: 0;
	text-align: left;
}
div.linkDownload span {
	margin: 0;
	padding: 16px 0 16px 35px;
	border: none;
	background: url(../img/floppy.gif) 0 70%  no-repeat;
	font-weight: bold;
}

#right {
	float: right;
	width: 182px;
	margin: 0 0 0 -3px; /* 0 0 0 -3px */
	padding: 0;
	border: none;
}
#right h3 {
	margin: 10px 0 0 0;
	border: none;
	color: #fff;
	/*background-color: #336699;*/
	text-align: left;
	padding: 0 0 0 5px;
	font-family: arial, verdana ,sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	/*
	font-size: 11px;
	line-height: 30px;
	*/
	font-size: 1.1em;
	line-height: 2.8em;
	
}
#right h3.primaVoce {
	margin: 0;
	background-color: #2B5182;
}
#right h3.secondaVoce {
	background-color: #3B68AE;
}
#right h3.terzaVoce {
	background-color: #6699CC;
}
#right div#greyBoxAgenda { /* agenda */
	margin: 0;
	padding: 10px 0;
	border: 7px solid #CCC;
	color: #333;
	background-color: #fff;	
}
#right div#greyBoxAgenda table { /* agenda */
	margin: 0 auto;
	padding: 0;
	line-height: 1em;
}


#right div#greyBoxCommunity {
	margin: 0;
	padding: 0;
	border: 7px solid #fff;
	
	/*background: url(../img/busta.gif) 20px center no-repeat;*/
	color: #333;
	background-color: #fff;	
}
#right div#greyBoxCommunity span {
	margin: 0;
	padding: 0 0 0 10px;
	border: none;
	background: url(../img/freccia.gif) 0 60% no-repeat;
	font-weight: bold;
}

/* box generico (non utilizzato)*/
#right div.greyBox {
	margin: 0;
	padding: 0;
	border: 7px solid #CCC;
	color: #333;
	background-color: #fff;	
}
/*
#right div.greyBox img {
	margin: 0 0 -2px 0;
	padding: 0;
}
*/

/* i banner possono stare si a destra che a sinistra */

ul.banner { /* newsletter */
	margin: 0;
	padding: 0;
	border: none;
}
ul.banner li { /* ogni LI ha un'immagine di 168px */
	list-style: none;
	margin: 10px 0 0 0;
	padding: 6px;
	border: 1px solid #ccc;
	color: #333;
	background-color: #fff;		
}
ul.banner li a {
	display: block;
	margin: 0;
	padding: 0;
	border: none;
}
ul.banner li a img {
	margin: 0 0 -2px 0; /* per 2 px ! */
	padding: 0;
	border: none;
}

#center {
	margin: 0 192px 0 225px; /* 182+10 - 215+10 */
	padding: 0;
	border: none;
	height: 1%;
	color: #333;
	background-color: #fff;
}
#centerNoRightColumn { /* il right non viene incluso nel codice XHTML */
	margin: 0 0 0 225px; /* 10 - 215+10 */
	padding: 0;
	border: none;
	height: 1%;
	color: #333;
	background-color: #fff;
}
#center h3, #centerNoRightColumn h3 {
	margin: 0;
	border: none;
	color: #fff;
	background-color: #666;
	text-align: left;
	padding: 0 0 0 5px;
	font-family: arial, verdana ,sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 1.1em;
	line-height: 2.8em;
}
div.dettaglio { /* dentro center oppure centerNoRightColumn */
	margin: 0;
	padding: 10px;
	border: 1px solid #CCC; 
	border-top: none;
	min-height: 400px; /* devo fare per forza cosi' poiche' il 'clear' mi annullerebbe il 'float' del div #left */
	height: auto !important;
	height: 400px;
	text-align: left;
}

div.dettaglio div.inner {
	margin: 0 10px;
	padding: 0;
}

div.dettaglio div.innerPrimoPiano {
	margin: 0 10px;
	padding: 0;
	min-height: 140px; /* devo fare per forza cosi' poiche' il 'clear' mi annullerebbe il 'float' del div #left */
	height: auto !important;
	height: 140px;
}
div.dettaglio h4 { /* arancione */
	margin: 10px 0 15px 0;
	padding: 0;
	border: 0;
	color: #FF6600;
	background-color: #fff;
	font-size: 1.5em;
	font-weight: bold;	
	text-align: left;	
	line-height: 1.3em;
}

div.dettaglio h4.titolo_documento { /* arancione */
	font-size: 1.5em;
}


div.dettaglio h5 {
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
	font-size: 1.2em;
	text-align: left;
	line-height: 1.3em;
}
/*
div.dettaglio h5.afterData {  arancione con un margine superiore inferiore 
	margin: 5px 0 10px 0;
}
div.dettaglio .data { data (usato nella home)
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	text-align: left;	
}*/
div.dettaglio .fonte { /* corsivo */
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
	font-size: 1em;
	text-align: left;
	font-style: italic;
	font-weight: bold;
}


div.dettaglio div.desc { /* il div piu' usato */
	margin: 10px 0;
	padding: 0;
}

div.dettaglio div.descBar {
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	border: none;
	border-top: 1px solid #ccc;
}

div.dettaglio div.descHomeNews  {
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
	min-height: 80px; /* devo fare per forza cosi' poiche' il 'clear' mi annullerebbe il 'float' del div #left */
	height: auto !important;
	height: 80px;	
}

div.dettaglio div.descLikeH5 { /* font grande come se fosse l'H5*/
	margin: 10px 0;
	padding: 0;
	border: none;
	font-size: 1.2em;
	text-align: left;
}

div.dettaglio img {
	float: left;
	margin: 0 10px 4px 0;
	padding: 0;
	border: none;
}
div.dettaglio img.homeImg {
	border: 4px solid #f60;
	width:120px;
	height:80px;
}
div.dettaglio img.homeNewsImg {
	width: 102px;
	height: 68px;
	border: 1px solid #999;
}

/* fine contents */

/*  ANCORE  */

a {
	color: #336699;
	background: transparent;
	text-decoration: underline;
}
a:hover {
	color: #99CCFF;
	background: transparent;
	text-decoration: underline;
}

a.navigazione {
	color: #000;
}
a.navigazione:hover {
	color: #000;
}


/* BOX RICERCA */

div.box {
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #eaeaea;
	color: #333;
}
div.box div.moduloFirst {
	padding: 6px 0;
	margin: 0;
	border: 1px solid #ccc;
}
div.box div.modulo {
	padding: 6px 0;
	margin: 0;
	border-top: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;	
}

div.modulo p {
	padding: 0;
	margin: 10px 0.5em;
	text-align: left;
	font-family: verdana,arial,sans-serif;
}

div.box label {
	display: block;
	font-weight: bold;
	margin: 1px 0.5em;
	padding: 0;
	border: none;
	font-family: verdana,arial,sans-serif;
	font-size: 1em;
}


div.iscrNewsletter label{
	display: block;
	font-weight: bold;
	margin: 10px 0 0 0;
	padding: 0;
	border: none;
	font-family: verdana,arial,sans-serif;
	font-size: 1em;
}

fieldset#iscrizioni {
padding: 1em; 
border:0px;

}

fieldset#cancellazione {
padding: 1em; 
border:0px;

}

div.box input {
	margin: 1px 0.5em;
	padding: 0 .3em;
	/*border: 1px inset #336699;*/
	color: #333;
	background-color: #FFF;
	width: 455px;
	font-family: verdana,arial,sans-serif;
	font-size: 1em;
}
div.box input.half {
	width: 213px;
}
div.box textarea {
	margin: 1px 0.5em;
	padding: .3em .3em;
	/*border: 1px inset #336699;*/
	color: #333;
	background-color: #FFF;
	width: 455px;
	height: 40px;
	font-family: verdana,arial,sans-serif;
	font-size: 1em;
}
div.box select {
	margin: 1px 0.5em;
	padding: 0;
	/*border: 1px inset #336699;*/
	color: #333;
	background-color: #fff;
	/*width: 333px; massima liberta' di espansione */
	font-family: verdana,arial,sans-serif;
	font-size: 1em;
}

div.box select.normale {
	min-width: 465px !important; /* purtroppo non si puņ vedere con IE */
	width: 97%;
}

div.box select.half {
	width: 223px;
}

div.box select.ansaDate {
	width: 140px;
}


div.box label.labelDaA {
	display: inline;
	width: auto;
	float: none;
}
div.box select.halfAnniDa {
	width: 188px;
}
div.box select.halfAnniA {
	width: 192px;
}

div#note {
	padding: 0;
	margin: 10px 0;
	text-align: left;
	border:1px solid #999;
	background-color: #eaeaea;
	color: #333;
	font-size: 1em;
}

div#note p {
	padding: 0;
	margin: 5px;
	text-align: left;
	font-family: verdana,arial,sans-serif;
}

div#bottoni {
	padding: 0;
	margin: 10px 0;
	text-align: center;
	border:1px solid #CCC;
	background-color: #eaeaea;
	color: #FFF;
}

div#bottoni input {
	padding: 0 5px;
	margin: 5px;
	font-family: verdana,arial,sans-serif;
	font-size: 1em;
	font-weight: bold;
	border:1px solid #333;
	background-color: #FFF;
	color: #333;
}


/* inizio paginazione */

ul#paginazione {
	margin: 20px 0 0 0;
	padding: 5px 10px;
	border: 1px solid #336699;
	text-align: left;
	font-weight: normal;
}
ul#paginazione li {
	display: inline;
	margin: 0;
	height: 0;
	padding: 0 5px;
	border-left: 1px solid #336699;
}
ul#paginazione li.primaVoce {
	padding: 0 5px 0 0;
	border-left: none;
}
ul#paginazione li a {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	border: none;
}
/* fine paginazione */

iframe {
	width: 100%;
	height: 360px;
	margin: 0;
	padding: 0;
	border: none; /* IE richiede anche frameborder come attributo del tag IFRAME */
}

/*Utilizzato nelle news homepage
#center div.dettaglio div.inner div.descNews {
margin: 10px 0;
padding: 0;
min-height: 85px;*/ /* devo fare per forza cosi' poiche' il 'clear' mi annullerebbe il 'float' del div #left 
height: auto !important;
height: 85px;
}
*/



/* Box per informazioni aggiuntive di news ed eventi, es: link correlati, ecc*/
#center div div#boxCorr{	
	margin: 20px 0 0 0;
	padding: 0;
	border: none;
	min-height:1%;
	height:auto !important; 
	height:1%; 
}


#center div div#boxCorr ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 10px;
}

#center div div#boxCorr li {
	margin: 0 0  0 10px;
	/*list-style: none;*/
	
}

.dettaglioAnsa{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	min-height:200px;
	height:auto !important; 
	height:200px;


}
/*ovverride H5 per il boxCorr
#center div#boxCorr h5 {
	margin: 0 0px 5px 0;
}
*/

.parametro{
	/*font-style:italic;*/
	color:#000;
}