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: 960px; 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: 40px; float: left}
	#sponsor { margin: 25px 0 0 0; float: right; text-align: right }
		#sponsor p { color: #327193; font-family: georgia; font-weight: 15px; font-weight: bold }
		#sponsor img { margin: 10px; }

	
/* BARRANAV */
#barranav { height: 47px; background: #3c86ae}	
	a.lev1 { display: block; float: left; padding: 15px 20px; font-family: georgia; font-size: 14px; text-decoration: none; color: #fff; border-right: 1px solid white; }
		a.lev1:hover { color: #fff; background: #295c78;}
		a.lev1.selected { color: #fff; background: #295c78;}
	.overlay { display: none; background: #295c78 }
	a.lev2 { display: block; padding: 8px 15px; font-weight: bold; color: #fff; cursor: pointer;  }
		a.lev2:hover { text-decoration: none; background: #163241 }

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

	/* ********************************************************************************
									SLIDESHOW
	******************************************************************************** */
	#slideshowHome { position: relative; margin: 10px; height: 300px; }
		/* le img */
		#slideHomeImages { position: relative; float: left; width: 600px;}
			#slideHomeImages > div { display: none } /* evito che si vedano le immagini durante il caricamento della pagina */
			#slideHomeImages #image1 { height: 296px; }
			#slideHomeImages #image2 { height: 296px; }
			#slideHomeImages #image3 { height: 296px; }
			#slideHomeImages #image4 { height: 296px; }
			#slideHomeImages .txt { width: 570px; position: absolute; bottom: 0; padding: 2px 15px 15px 15px; color: #fff; background: url(/images/bg-slide-home.png); }
			#slideHomeImages a { color: #fff; }
		/* la paginazione */
		#slideHomePager { float: right; width: 338px; background: #3C86AE; }
			#slideHomePager h2 { font-size: 16px; border: 0 }
				#slideHomePager a { display: block; float: left; color: #fff; padding: 25px 20px 0 30px; width: 287px; height: 49px; cursor: pointer; }
					#slideHomePager a:hover { cursor: pointer; text-decoration: none; background: url(/images/freccia-slide-selected.png) no-repeat left #295c78 ; }
				#slideHomePager a.selected { cursor: pointer; background: url(/images/freccia-slide-selected.png) no-repeat left #295c78  }

	/* VOCI DI MENUSX E CONTESTUALE */
	#boxHome { margin-top: 20px; }
		#boxHome > div { float: left; width: 285px; padding: 0 10px 10px 10px; margin: 0 10px 10px 10px; }
			#boxHome h2 { margin-bottom: 15px }
		/* NEWS HOME */
		#newsHome > div { margin: 10px}
		#newsHome img { float: left; margin: 15px 15px 5px 0;}
		#newsHome #datiNewsHome { float: right; width: 180px; }
			#newsHome .data{ text-align: right; font-size: 10px; }
			#newsHome .ttlProgettoNews { color: #666; font-weight: bold; text-transform: lowercase}
		

	/* 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 10px 10px 20px; }
		#colSx .ttl { font-family: georgia; font-size: 18px; color: #327193}
		/* MENU SINISTRA */
		#menuSx { margin-bottom: 20px; padding: 10px 10px 0 10px; width: 167px; background: url(../images/bg-menu.gif) repeat-x #E7E7E7; border: 1px solid #3c86ae; }
			#menuSx h2 { padding: 5px 0; text-align: center; text-transform: uppercase; background: #eee; border: 0 }
			#menuSx 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 }
				#menuSx a:hover { color: #6c6c6c; text-decoration: none;  background: url(../images/freccia-hover.gif) no-repeat center left #eee }
			#menuSx 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; }

		
	/* CENTRALE */
	#centraleFull { padding: 10px 20px; }
	#centrale { float: right; width: 687px; 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 }				
		

			
	/* 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}
	input[type=text], input[type=password], select, textarea { width: 98%; clear: both; margin-bottom: 7px; font-family: verdana; font-size: 120%; padding: 5px; color: #555; border: 1px solid #ccc; }
		input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color: #fff !important; background: #444 }


	/* 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}	
			
	/* ELENCO PROGETTI */
		.progettiRicerca { float: left; width: 210px; margin-bottom: 10px; padding: 10px 9px; text-align: center; }			
			.progettiRicerca img { display: block; margin: 2px auto; }	
			.progettiRicerca a { display: block; margin: 2px 0; text-align: center }				
			.progettiRicerca 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;}