body { margin: 0; font-family: Arial; font-size: 13px; color: #666; background: url(../images/bg-body.gif) repeat-x #9EC3D7}

a { color: #2d6c91; text-decoration: none }
	a:hover { text-decoration: underline }
img { border: 0 }
form { margin: 0 }
p { margin: 0 }

b, h1, h2, h3, h4, h5, h6 { color: #333}

h1 { font-family: Georgia; font-weight: normal; font-size: 24px; }
h2 { margin: 0; font-family: Georgia; font-weight: normal; font-size: 20px; border-bottom: 1px solid #646464}
h3 { font-family: Georgia; font-size: 13px; }

.wrapper { width: 940px; margin: 0 auto; }
.continua { float: right; margin: 5px 15px 0 0}
.bordo { border: 1px solid #bbb }
.ttl { font-family: georgia; font-size: 18px; color: #327193 }

.errore { font-weight: bold; color: #d00; }

/* HEADER */
#header { height: 153px; background: url(../images/bg-header.gif) repeat-x}
	#logo { margin-top: 25px; float: left}
	#foto-header { margin-right: 25px; float: right}

	
/* BARRANAV */
#barranav { height: 40px; background: #3c86ae}	
	#barranav a { padding: 0 10px; font-family: georgia; font-size: 14px; text-decoration: none; color: #fff; border-right: 1px solid #fff}
		#barranav a:hover { text-decoration: underline}
	#barranav a.selected { padding: 0 10px; font-family: georgia; font-size: 14px; text-decoration: underline; color: #fff; border-right: 1px solid #fff}
	#barranavSx { float: left; padding-top: 10px}
	#areaRiservata { float: right; padding-top: 8px; color: #fff; font-size: 14px;}

	
#content { margin-top: 15px; background: url(../images/bg-content.gif) repeat-x #E7E7E7; border: 1px solid #d8d8d8}


	/* VOCI DI MENUSX E CONTESTUALE */
	.menu a { display: block; padding-left: 15px; margin: 15px 0; font-family: georgia; font-size: 13px; font-weight: bold; background: url(../images/freccia.gif) no-repeat center left }
		.menu a:hover { color: #6c6c6c; text-decoration: none;  background: url(../images/freccia-hover.gif) no-repeat center left #eee }
	.menu a.selected { display: block; color: #6c6c6c; padding-left: 15px; margin: 15px 0; font-family: georgia; font-size: 13px; font-weight: bold; background: url(../images/freccia-hover.gif) no-repeat center left #eee }

	/* COLONNA SINISTRA */
	#colSx { float: left; width: 200px; padding: 20px;}
		#colSx .ttl { font-family: georgia; font-size: 18px; color: #327193}

		ul#tabsAnni { height: 30px; margin: 0; }
		html > body ul#tabsAnni { height: 30px; margin: 0 0 0 -40px; #margin: 0; } /* riscrivo per FF e IE7 */
			#tabsAnni a { display: block; margin: 0; padding: 5px; width: 51px; height: 20px; color: #aaa; text-decoration: none; text-align: center; font-weight: bold; background: #fff; border-top: 1px solid #ccc; border-bottom: 1px solid #3c86ae; border-right: 1px solid #ccc; border-left: 1px solid #eee }
			html > body #tabsAnni a { margin: 0 } /* riscrivo per FF e IE7 */
			#tabsAnni li.ui-tabs-selected a { display: block; float: left; margin: 0; padding: 5px; height: 20px; color: #666; text-decoration: none; text-align: center; font-weight: bold; background: #fff; border-top: 1px solid #3c86ae; border-bottom: 1px solid #fff; border-right: 1px solid #3c86ae; border-left: 1px solid #3c86ae}
			html > body #tabsAnni li.ui-tabs-selected a { margin: 0 } /* riscrivo per FF e IE7 */
		
		.tabsVoci { margin-bottom: 20px; padding: 1px 10px 0 10px; width: 167px; background: url(../images/bg-menu.gif) repeat-x #E7E7E7; border: 1px solid #3c86ae; border-top: 0 }
			.tabsVoci a { display: block; padding-left: 15px; margin: 15px 0; font-family: georgia; font-size: 13px; font-weight: bold; background: url(../images/freccia.gif) no-repeat center left }
				.tabsVoci a:hover { color: #6c6c6c; text-decoration: none;  background: url(../images/freccia-hover.gif) no-repeat center left #eee }
			.tabsVoci a.selected { display: block; color: #6c6c6c; padding-left: 15px; margin: 15px 0; font-family: georgia; font-size: 13px; font-weight: bold; background: url(../images/freccia-hover.gif) no-repeat center left #eee }
		
		/* Tabs
		----------------------------------*/
		.ui-tabs { padding: .2em; zoom: 1; }
		.ui-tabs .ui-tabs-nav { list-style: none; position: relative; }
		.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; }
		.ui-tabs .ui-tabs-nav li a { float: left; }
		.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
		.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
		.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
		.ui-tabs .ui-tabs-panel { display: block; }
		.ui-tabs .ui-tabs-hide { display: none !important; }

		#sponsor { text-align: center }
			#sponsor p { color: #327193; font-family: georgia; font-weight: 15px; font-weight: bold }
			#sponsor img { margin: 10px 0; }
		
	/* CENTRALE */
	#centrale { float: right; width: 650px; padding: 10px 20px;}
		#iniziativaHome {}
			#iniziativaHome img { float: left; margin-right: 20px; }

	/* BRICIOLE */
		#briciole { margin-bottom: 10px; font-size: 12px; }
			#briciole a { font-size: 12px; font-weight: normal; text-decoration: none }
			#briciole a:hover { text-decoration: underline }				


	/* PROGETTI HOME PAGE */
	#progettiHome { float: left; width: 305px; margin: 10px 20px 0 0 }
		#progettiHome h2 { margin-bottom: 15px;}
		#progettiHome p { margin-bottom: 10px }
		.buttonHome { margin: 20px auto; }
			.buttonHome a { display: block; margin: 0 auto; padding: 19px 0 0 60px; width: 176px; height: 80px; color: #eee; font-size: 11px; text-transform: uppercase; font-weight: bold; background: url(../images/button-home.gif) no-repeat }
				.buttonHome a:hover { color: #044666; text-decoration: none }

		
	/* NEWS HOME */
	#newsHome { float: right; width: 305px; margin: 10px 0 0 20px }
		#newsHome div { margin-bottom: 10px;  }
			#newsHome h2 { margin-bottom: 15px;}
			#newsHome img { float: left; margin: 0 15px 5px 0 }
			#newsHome #datiNewsHome { float: right; margin-bottom: 5px; width: 230px}
				#newsHome i { float: right; font-size: 12px; }
				#newsHome .ttlProgettoNews { color: #666; font-weight: bold}

			
	/* FORM */
	table#form { width: 100%; margin-top: 15px}
		#form td { width: 25%; padding: 3px 5px }
			#form .label { text-align: right; color: #333; font-weight: bold; }
			#form .data { width: 180px}


	/* FILTRI */			
	#filtri { background: #f5f5f5; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
		#intestazioneFiltri { height: 19px; padding: 5px 10px; background: url(../images/bg-intestazione-filtri.gif) repeat-x; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
			#intestazioneFiltri .ttl { font-family: georgia; font-size: 15px; font-weight: bold }
			#intestazioneFiltri a { float: right }
		#filtri form { padding: 10px 10px}
			
			
	/* ELENCO PROGETTI */
		.progetti { float: left; width: 200px; margin-bottom: 10px; padding: 10px 5px; text-align: center; }			
			.progetti img { display: block; margin: 2px auto; }	
			.progetti a { display: block; margin: 2px 0; text-align: center }				
			.progetti a.ttl { font-family: georgia; font-size: 15px; font-weight: bold}				
			
	/* NEWS */
		.news { overflow: hidden; float: left; width: 200px; height: 200px; margin: 0 4px 10px 0; padding: 10px 5px; text-align: center; border: 1px solid #ccc}			
			.news img { display: block; margin: 2px auto; }	
			.news a { display: block; margin: 4px 0; text-align: center }				
			.news p { margin: 4px 0; }				
			.news a.ttl { font-family: georgia; font-size: 15px; font-weight: bold}				


			
	/* PAGINAZIONE */
		.paginazione { margin: 20px 0; text-align: center; font-family: arial; font-size: 13px }
			.paginazione  a { padding: 2px 10px; font-weight: bold; color: #666; background: #ccc; border: 1px solid #bbb }
				.paginazione  a:hover { color: #666; background: #fff; text-decoration: none }
			.paginazione a.selected { padding: 2px 10px; text-decoration: none; color: #666; background: #fff; font-weight: bold; border: 1px solid #999}

			
	/* MENU CONTESTURALE PROGETTO */
		#menuContext { float: right; width: 160px; margin-bottom: 20px; padding: 5px 15px; background: url(../images/bg-menu.gif) repeat-x #E7E7E7; border: 1px solid #3c86ae; }

			
	/* DATI PROGETTO */	
	#progettoDati { float: left; width: 440px; padding-right: 10px; }	
		#progettoDati h2 { margin-bottom: 15px; border: 0}	
		#progettoDati .ttl { margin-bottom: 15px;}	
		#progettoDati img { float: left; margin: 0  15px 15px 0; }	
		#progettoDati p { margin-bottom: 10px;}	
	
	/* DETTAGLIO NEWS */
	.datiNews img { float: left; margin: 0 30px 5px 0; }
	.datiNews #descLong { float: left; width: 430px; }
	.datiNews h2 { font-size: 18px; border: 0}
	.datiNews li { margin-bottom: 5px; }
		.datiNews > ul > li { margin-bottom: 5px; } /* FF */
		.datiNews > ul > li { #margin: 0 0 5px 45px } /* IE7 */

	
	/* GALLERY */
	.gallery { float: left; width: 200px; padding: 10px 5px; text-align: center; }
		.gallery a { display: block; padding: 5px  }

		
	/* DOCUMENTI + NEWS */
	.thumbList { margin: 20px 0; padding: 10px 0 15px 0; border-bottom: 1px solid #bbb }
		.thumbList img { float: left; }
		.thumbList .txt { float: left; width: 560px }
			.thumbList .txt p { margin-top: 5px }
	
/*FOOTER*/
#footer { height: 40px; padding: 10px 0; margin-top: 10px; font-size: 12px; text-align: center; background: #e8e8e8}
	#footer a {  color: #6c6c6c; text-decoration: underline }
	#footer a:hover { text-decoration: none }
    #credits { margin-top: 7px;}