html,
body {
  margin: 0;
  padding: 0;
}
body {
  background-color: #fff;
  font: 100.01%/1.5 Arial, Helvetica, sans-serif;
  color: #004c94;
  text-align: center;
}

h1 {
  margin: 7px 0 25px 0;
  line-height: 1.6;
  font-size: 1.3em;
  text-align: center;
}
#centrale h2 {
	margin: 0 0 15px 0;
	font-size: 1.2em;
	text-transform: uppercase;
}
#centrale h2.categoria_link {
	margin-top: 15px;
	padding-bottom: 2px;
	border-bottom: 1px solid #004c94;
}




/**
 **
 ** STILI GENERICI
 **
 **/


img { border: none }

a:link,
a:visited {
	padding-bottom: 1px;
	border-bottom: none;
  color: #004c94;
  text-decoration: none;
}
a:focus,
a:hover,
a:active {
	padding-bottom: 1px;
	border-bottom: 1px solid #004c94;
  color: #004c94;
  text-decoration: none;
}


/**
 ** GESTIONE DEI FLOAT
 **/

.float_left     { float: left }
.float_right    { float: right }
img.float_left  { margin: 0 10px 10px 0 }
img.float_right { margin: 0 0 10px 10px }

.float_container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.float_container { display: inline-block }

/* Nasconde da IE-mac \*/
* html .float_container { height: 1% }
.float_container { display: block }
/* Fine dell'hack per IE-mac */

.clear_left  { clear: left }
.clear_right { clear: right }
.clear_both  { clear: both }
#contenitore .margin_top_superiore { margin-top: 1.5em }
/* Il selettore #contenitore e' necessario per auemntare la specificità dei seguenti stili */
#contenitore .no_margin     { margin: 0 }
#contenitore .no_padding    { padding: 0 }
#contenitore .no_border     { border: none }
#contenitore .no_background { background: none }

.left    { text-align: left }
.center  { text-align: center }
.right   { text-align: right }
.justify { text-align: justify }
.big,
.font_grande  { font-size: 1.2em }
.small,
.font_piccolo { font-size: 0.9em }
.strong { font-weight: bold }
.uppercase { text-transform: uppercase }
.nero { color: #000 }
.errore {
	margin: 0;
	font-size: 1.2em;
	text-align: center;
}
ol.lower_alpha { list-style-type: lower-alpha }





/**
 **
 ** STRUTTURA DEL SITO
 **
 **/

#contenitore {
  width: 786px;
  margin: 0 auto;
  font-size: 0.8em;
  text-align: left;
}

#testata {
  position: relative;
  height: 200px;
	top: 0px;
  left: 9px; /* Il margine sinistro serve per far coincidere la testata col bordo dei box
								presenti nella colonna sinistra, leggermente spostati per
								l'ombreggiatura celeste che gli è stata applicata */
  background: url(../immagini/testata.gif) no-repeat top left;
}

#colonna_sx {
	clear: left;
	float: left;
	width: 225px;
}

#centrale {
	position: relative;
	margin: 19px 0 0 236px;
}

#footer {
	clear: both;
	position: relative;
	top: 20px;
	padding: 10px 0;
	border-top: 3px solid #fabd3e;
}
#footer img {
	position: absolute;
	top: 5px;
	right: 0px;
}




/**
 **
 ** MENU
 **
 **/

#menu_orizzontale_top {
  position: absolute;
  top: 21px;
  left: 0px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#menu_orizzontale_top li {
  display: inline;
  margin: 0;
	padding: 1px 1px 1px 3px;
  border-left: 1px solid #004c94;
	font-size: 0.86em;
	font-weight: bold;
}
#menu_orizzontale_top li:first-child,
#menu_orizzontale_top li.primo_link { border-left: none }

#menu_orizzontale_top a { padding: 1px 1px 1px 3px }
#menu_orizzontale_top a:link,
#menu_orizzontale_top a:visited {
	background-color: transparent;
  color: #004c94;
}
#menu_orizzontale_top a:focus,
#menu_orizzontale_top a:hover,
#menu_orizzontale_top a:active {
	border-bottom: none;
	background-color: #004c94;
  color: #fff;
  text-decoration: none;
}



#menu_orizzontale_bottom {
  position: absolute;
  bottom: -2px;
  right: 2px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: right;
}

#menu_orizzontale_bottom li {
  display: inline;
  margin: 0;
  padding: 0;
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
}
#menu_orizzontale_bottom a { padding: 1px 1px 1px 1px }

#menu_orizzontale_bottom a:link,
#menu_orizzontale_bottom a:visited {
	background-color: transparent;
  color: #004c94;
}
#menu_orizzontale_bottom a:focus,
#menu_orizzontale_bottom a:hover,
#menu_orizzontale_bottom a:active {
	border-bottom: none;
	background-color: #004c94;
  color: #fff;
  text-decoration: none;
}




#menu_principale {
  width: 780px;
	padding: 0;
	margin: 15px auto 11px 6px;
  list-style-type: none;
}
#menu_principale li {
  display: block;
  float: left;
	width: 128px;
  height: 28px;
	margin-left: 2px;
  list-style-type: none;
}
#menu_principale a {
  display: block;
  height: 23px;
	padding-bottom: 0;
  background-color: transparent;
  background-image: url(../immagini/menu_principale.png);
  background-repeat: no-repeat;
  text-indent: -9999px;
}
#menu_principale a:focus,
#menu_principale a:hover,
#menu_principale a:active {
	border-bottom: none;
	outline: none;
}


#menu_principale .home_page a:link,
#menu_principale .home_page a:visited { background-position:  0 0 }
#menu_principale .home_page a.selected,
#menu_principale .home_page a:focus,
#menu_principale .home_page a:hover,
#menu_principale .home_page a:active  { background-position: 0 -23px }

#menu_principale .forum_terzo_settore a:link,
#menu_principale .forum_terzo_settore a:visited { background-position:  -130px 0 }
#menu_principale .forum_terzo_settore a.selected,
#menu_principale .forum_terzo_settore a:focus,
#menu_principale .forum_terzo_settore a:hover,
#menu_principale .forum_terzo_settore a:active  { background-position: -130px -23px }

#menu_principale .forum_nel_territorio a:link,
#menu_principale .forum_nel_territorio a:visited { background-position:  -260px 0 }
#menu_principale .forum_nel_territorio a.selected,
#menu_principale .forum_nel_territorio a:focus,
#menu_principale .forum_nel_territorio a:hover,
#menu_principale .forum_nel_territorio a:active  { background-position: -260px -23px }

#menu_principale .organizzazione_aderenti a:link,
#menu_principale .organizzazione_aderenti a:visited { background-position:  -390px 0 }
#menu_principale .organizzazione_aderenti a.selected,
#menu_principale .organizzazione_aderenti a:focus,
#menu_principale .organizzazione_aderenti a:hover,
#menu_principale .organizzazione_aderenti a:active  { background-position: -390px -23px }

#menu_principale .come_aderire a:link,
#menu_principale .come_aderire a:visited { background-position:  -520px 0 }
#menu_principale .come_aderire a.selected,
#menu_principale .come_aderire a:focus,
#menu_principale .come_aderire a:hover,
#menu_principale .come_aderire a:active  { background-position: -520px -23px }

#menu_principale .contatti a:link,
#menu_principale .contatti a:visited { background-position:  -650px 0 }
#menu_principale .contatti a.selected,
#menu_principale .contatti a:focus,
#menu_principale .contatti a:hover,
#menu_principale .contatti a:active  { background-position: -650px -23px }


/*http://css.html.it/articoli/leggi/2749/un-menu-multilivello-centrato-in-puro-css/2/ */



/**
 **
 ** BOX
 **
 **/

#colonna_sx .box {
	/*width: ;*/
	background: #fff url(../immagini/box_laterale_sfondo.gif) repeat-y top left;
}
#colonna_sx .box h2 {
	margin: 0;
	padding: 22px 29px 8px 18px;
	background: transparent url(../immagini/box_laterale_top.gif) no-repeat top left;
	font-size: 1.21em;
	text-align: right;
}
#colonna_sx .box .contenuto_box {
	margin: 12px 29px 8px 29px;
}
#colonna_sx .box .chiusura_box {
	display: block;
	margin: 0;
	padding: 1px 29px 27px 13px;
	background: transparent url(../immagini/box_laterale_bottom.gif) no-repeat bottom left;
	font-weight: bold;
	text-align: right;
}
#colonna_sx .box a.chiusura_box:focus,
#colonna_sx .box a.chiusura_box:hover,
#colonna_sx .box a.chiusura_box:active {
	border-bottom: none;
	text-decoration: underline;
}

#colonna_sx .simpleList { font-size: 0.95em }
#colonna_sx .simpleList li { margin: 10px 0 }
#colonna_sx .simpleList a { font-size: 1em }


.tagCloud {
	text-align: center;
}
#colonna_sx .box .tagCloud { margin-bottom: 20px } /*  Usare i selettori #colonna_sx .box per
                                                      aumentare la specificità di questi stili */
#centrale .tagCloud { margin-bottom: 0 }
#centrale .tagCloud a { margin: 0 10px }

.tagCloud a:link,
.tagCloud a:visited {
	padding: 1px 0;
	background-color: transparent;
	color: #878d89;
}
.tagCloud a:focus,
.tagCloud a:hover,
.tagCloud a:active {
	padding: 1px 0;
	border-bottom: none;
	background-color: #878d89;
	color: #fff;
}

#currentMonth { text-transform: uppercase }





#centrale .box_blu,
#centrale .box_blu_right,
#centrale .box_blu_left {
	position: relative;
	margin-bottom: 20px;
	background: #f7faff url(../immagini/box_blu_sfondo.gif) no-repeat bottom right;
	border-top: 1px solid #018ffd;
	border-right: 1px solid #0808b8;
	border-bottom: 1px solid #0102d8;
	border-left: 1px solid #0062bb;
	line-height: 1.4;
}
#centrale .box_blu_left {
	float: left;
	width: 48%;
}
#centrale .box_blu_right {
	float: right;
	width: 48%;
}
#centrale .box_giallo {
	background: #fffcf5 url(../immagini/box_giallo_sfondo.gif) no-repeat bottom right;
	border-top: 1px solid #fbc450;
	border-right: 1px solid #fbc450;
	border-bottom: 1px solid #fbc450;
	border-left: 1px solid #fbc450;
	font-weight: bold;
	line-height: 1.4;
}
#centrale .box_blu .padding,
#centrale .box_blu_right .padding,
#centrale .box_blu_left .padding,
#centrale .box_giallo .padding {
	margin: 0;
	padding: 0 20px 70px 20px;
}
#pagine_correlate {
	margin: 0 0 0 20px;
	padding: 0 20px 20px 20px;
}
#pagine_correlate li { padding: 2px 0 }


#centrale .box_blu .titolo_box,
#centrale .box_blu_right .titolo_box,
#centrale .box_blu_left .titolo_box {
	position: relative;
	top: 0;
	left: 0;
	height /**/: 79px !important;
	height: 89px;
	margin: 0;
	padding: 20px 80px 0 15px;
	background: transparent url(../immagini/titolo_box_blu_sfondo.gif) repeat-x top left;
  line-height: 1.5;
	font-weight: bold;
  font-size: 130%;
	color: #02369c;
	text-align: justify;
}
#centrale .box_blu_right .titolo_box,
#centrale .box_blu_left .titolo_box {	padding-right: 15px }

#centrale .box_giallo .titolo_box {
	position: relative;
	top: 0px;
	left: 0px;
	padding-left: 15px;
	height: 89px;
	margin: 0;
	background: transparent url(../immagini/titolo_box_giallo_sfondo.gif) repeat-x top left;
  line-height: 3.7;
	font-weight: bold;
  font-size: 130%;
	color: #02369c;
	text-align: justify;
}

#centrale .titolo_box .arrotondamento_dx {
	position: absolute;
	right: 0px;
	top: 0px;
}
#centrale .titolo_box .arrotondamento_sx {
	position: absolute;
	left: 0px;
	top: 0px;
}


.leggi_tutte {
	position: absolute;
	right: 54px;
	bottom: 10px;
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
}
.leggi_tutte a:link,
.leggi_tutte a:visited {
	padding: 1px;
	background-color: transparent;
	color: #004c94;
}
.leggi_tutte a:focus,
.leggi_tutte a:hover,
.leggi_tutte a:active {
	padding: 1px;
	border-bottom: none;
	background-color: #004c94;
	color: #fff;
}







#link_logo {
	position: absolute;
	top: 68px;
	left: 0px;
	width: 195px;
	height: 132px;
}
#link_logo:focus,
#link_logo:hover,
#link_logo:active {
	border-bottom: none;
	text-decoration: none;
}


#banner { margin-top: 20px }
#banner a { 
	display: block;
	margin: 0;
}
#banner a:focus, 
#banner a:hover, 
#banner a:active { border-bottom: none }
#banner img {
	border: 1px solid #034d94;
	padding: 0;
	margin: 5px 0 5px 7px;
}






.simpleList {
	list-style: none;
	margin: 0;
	padding: 0;
}
.simpleList li {
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0;
}
.simpleList.small li { margin-bottom: 15px }
.simpleList li a {
	font-weight: bold;
	font-size: 1.1em;
}
.simpleList.small li a { font-size: 1em }
.data {
	display: block;
	margin: 0;
	font-size: 0.8em;
}

ul.folder li {
	padding-left: 25px;
	background: transparent url(../immagini/folder.png) no-repeat 0 2px;
}



.allegati {
	margin: 1.5em 0;
	color: #000;
	font-style: italic;
}
.allegati ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-style: normal;
}
.allegati li {
	list-style-type: none;
	margin: 0.7em 0 0 0;
	padding-left: 22px;
	line-height: 1.4;
	background: transparent url(../immagini/attach.png) no-repeat 0 0;
}
.allegati a {
	font-weight: bold;
}



.navbar {
	margin: 40px auto 15px auto;
	font-weight: bold;
	text-align: center;
}
.navbar a {
	padding-bottom: 0;
	border-bottom: none;
}
.navbar a span { padding-bottom: 1px }
.navbar a:link span,
.navbar a:visited span {
	border-bottom: none;
}
.navbar a:focus span,
.navbar a:hover span,
.navbar a:active span {
	border-bottom: 1px solid #004c94;
}

.vai_alla_home_page {
	padding-left: 25px;
	background: transparent url(../immagini/house.png) no-repeat 0 0;
}
.archivio_documenti {
	padding-left: 25px;
	background: transparent url(../immagini/folder.png) no-repeat 0 0;
}
.archivio_iniziative {
	padding-left: 25px;
	background: transparent url(../immagini/date.png) no-repeat 0 0;
}
.archivio_comunicati_stampa,
.archivio_notizie_nazionali,
.archivio_notizie_dalle_organizzazioni_aderenti,
.archivio_notizie_dai_forum_territoriali {
	padding-left: 25px;
	background: transparent url(../immagini/newspaper.png) no-repeat 0 0;
}
.nuova_ricerca {
	padding-left: 25px;
	background: transparent url(../immagini/zoom.png) no-repeat 0 0;
}



.news {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.news li {
	margin: 15px 0 0 0;
	padding: 0;
	overflow: hidden;
	text-align: justify;
}
.news li:first-child { margin-top: 0 }
.news img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #004c92;
}
.titolo_news {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
}



/* Modifichiamo l'aspetto degli elenchi UL dentro gli elementi .box_blu_left e .box_blu_right  */

.box_blu_left img,
.box_blu_right img {
	float: none;
	margin-bottom: 0;
	vertical-align: bottom;
}

.box_blu_left .data,
.box_blu_right .data { display: inline }

.box_blu_left .titolo_news,
.box_blu_right .titolo_news {
	display: block;
	margin-top: 10px;
	font-size: 0.9em;
}
.box_blu_left .titolo_news:link,
.box_blu_left .titolo_news:visited,
.box_blu_right .titolo_news:link,
.box_blu_right .titolo_news:visited {
	padding-bottom: 0;
	text-decoration: none;
}
.box_blu_left .titolo_news:focus,
.box_blu_left .titolo_news:hover,
.box_blu_left .titolo_news:active,
.box_blu_right .titolo_news:focus,
.box_blu_right .titolo_news:hover,
.box_blu_right .titolo_news:active {
	padding-bottom: 0;
	border-bottom: none;
	text-decoration: underline;
}





.tag_news {
	width: 468px;
	margin-top: 0;
	padding: 11px 0 11px 19px;
	background: transparent url(../immagini/sfondo_elenco_tag.gif) repeat-y top left;
	color: #000;
}
.tag_news strong { text-transform: uppercase }
.tag_news a:link,
.tag_news a:visited {
	padding: 1px 2px;
	background-color: transparent;
	color: #454948;
}
.tag_news a:focus,
.tag_news a:hover,
.tag_news a:active {
	padding: 1px 2px;
	border-bottom: none;
	background-color: #454948;
	color: #fff;
}


.titolo_pagina {
	margin-top: 0;
	font-size: 1.1em;
	font-weight: bold;
}






.paginazione {
  margin: 20px 0;
  padding: 0;
  text-align: center;
  font-size: 0.85em;
}

.paginazione li {
  list-style-type: none;
  display: inline;
  line-height: 22px;
  padding: 0 2px;
}

.paginazione a:link,
.paginazione a:visited {
  padding: 1px 4px;
  border: 1px solid #9aafe5;
  background-color: #fff;
  color: #2e6ab1;
  text-decoration: none;
}
.paginazione a:focus,
.paginazione a:hover,
.paginazione a:active {
  padding: 1px 4px;
  border: 1px solid #2b66a5;
  background-color: #fac24e;
  color: #000;
  text-decoration: none;
}

.paginazione li.currentpage {
  font-weight: bold;
  padding: 1px 4px;
  border: 1px solid navy;
  background-color: #2e6ab1;
  color: #fff;
}

.previous-page { margin-right: 8px }
.next-page { margin-left: 9px }

/* Per IE7 */
html>body .paginazione li.currentpage {
  padding: 1px 5px;
  margin-right: 4px;
}

* html .paginazione li.currentpage { /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 4px;
padding-right: 0;
}





/**
 ** FORM
 **/


.proposte,
.newsletter {
	margin: 25px 4% 25px 0;
	text-align: center;
}
.proposte fieldset,
.newsletter fieldset {
	overflow: hidden;
	border: none;
	margin: 0;
	padding: 0;
}
.proposte legend,
.newsletter legend {
	height: 1px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
.proposte label,
.newsletter label {
	display: block;
	overflow: hidden;
	margin: 13px 0;
}
.proposte label span,
.newsletter label span {
	display: block;
	float: left;
	width: 25%;
	padding: 2px 1px;
	font-weight: bold;
	text-align: right;
}
.proposte input,
.proposte textarea,
.newsletter input {
	display: block;
	margin-left: 27%;
	width: 50%;
	padding: 2px 2px 3px 2px;
	border: 1px solid #004c94;
	font-size: 0.95em;
	font-weight: normal;
	text-align: left;
}
input.short { width: 35% }
input.long { width: 60% }
.proposte textarea {
	height: 100px;
	vertical-align: top;
	font-size: 1.1em;
}

#cancellazione,
#privacy { margin: 10px 0 15px 0 }
#cancellazione label,
#privacy label {
	display: inline;
	padding: 0 10px;
	font-weight: bold;
}
#cancellazione label input,
#privacy label input {
	display: inline;
	width: auto;
	margin-left: 0;
	border: none;
}

.proposte label:hover,
.newsletter label:hover { color: #000 }

.proposte label:hover input,
.proposte label:hover textarea,
.newsletter label:hover input { border-color: #000 }
.proposte label input:focus,
.proposte label input:active,
.proposte label textarea:active,
.proposte label textarea:focus,
.newsletter label input:focus,
.newsletter label input:active { border-color: #000 }

.proposte em.obbligatorio,
.newsletter em.obbligatorio {
	cursor: help;
	font-style: normal;
}
.obbligatorio {
	color: #ff0000;
}




#centrale dl {
	margin: 30px 0;
	padding: 0;
}
#centrale dt,
#centrale dd {
	margin: 0;
	padding: 0;
}

#centrale dt { font-weight: bold }
#centrale dd { padding-bottom: 20px }


#stampa {
	position: absolute;
	top: 10px;
	right: 25px;
}


#footer p { margin: 7px auto 5px; font-size: 0.95em; }