/*---------------- CARATTERISTICHE GENERALI ---------------*/
Body {
	background: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
}

a {
	color: #000099;
}
a:hover {
	color: #820000;
}

p {
	line-height: 20px; /* è utilizzato per dare un'interlinea più ampia */
}

h1 {
	font-size: 105%;
	font-weight: bold;
	color:#044982;
	padding: 0.3em;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 1em;
	margin-top: 0;
	margin-bottom: 1em;
}

dl {
	margin:0; 
	padding: 0;
}
dt{
	margin:0; 	
}
dd{
	padding: 0;
	margin:0;
	margin-bottom: 1em;
	margin-left: 1em;
}

.grassetto {
	font-weight: bold;
}
.corsivo {
	font-style: italic;
}

.destra {
	text-align: right;
}


/*---------------- Testata Trapianti ---------------*/

.bg_testata {
	background: url(../img/sf_testata_cnt.gif);
	height: 70px;
}
.testata_sx {
	position: absolute;
}
.testata_dx {
	position: absolute;
	right: 0px;
}

a.hideLink {
	position: absolute;
	top: -200px;
	background-color: Fuchsia;
	font-size: 300%;
}

.nascondiDiv{
	position: absolute;
	top: -200px;
}

/*---------------- striscia VERSIONE INGLESE ---------------*/
.ver_eng {/* attualmente non è usato, può servire se si mette il link anche sulle altre pagine  */
	display: block;
	height: 10px;
	font-size: 75%;
	text-align: right;
	margin-right: 3px;
	margin-left: 80%;
	margin-top: 2px;
}
.ver_eng2 {/* per l'home page perchè manca la history e ci vuole più spazio  */
	display: block;
	height: 27px;
	font-size: 75%;
	text-align: right;
	margin-right: 3px;
	margin-left: 80%;
	margin-top: 2px;
}

/*---------------- HISTORY ---------------*/
.history {
	display: block;
	height: 25px;
	font-size: 85%;
	text-align: left;
	margin-right: 0%;
	margin-left: 2px;
	margin-top: 12px;
	margin-bottom: 0px;
}



/*---------------- SPALLA SN e DX CON MENU ---------------*/

.spalla_sx {
	width: 15%;
	float:left;	
}

ul.menu1 {
	list-style:none; /* elimino i punti elenco */
	margin:0; padding:0; /* elimino i rientri delle liste */
	border-top:#000099 2px solid;
}

ul.menu1 li a {
	display:block; /* il link occupa tutto lo spazio orizzontale */
	text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
	padding: 5px; /* lascia spazio fra il bordo del menu e il testo del link */
	height:15%; /* altezza del link, serve a rendere l'area cliccabile e non solo il testo */
	border-bottom:#cccccc 1px solid;
}
ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu1 li a:link, ul.menu1 li a:visited {
	background:#ffffff;
} /* colori per il link */

ul.menu1 li a:hover {
	background: #F8F8F8;
	color:#044982;
} /* colori per l'effetto roll-over */


/* --------------- menu sulla destra ---------------------- */
.box_menu_dx {
	display: inline;
	float:right;	
	width: 20%; 	
}

ul.menu2 {
list-style:none; /* elimino i punti elenco */
margin:0px; padding:0px; /* elimino i rientri delle liste */
border-top: #044982 2px solid; /* bordi rossi sopra e sotto */
border-bottom: #044982 2px solid; 
}

ul.menu2 li {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura */
height:15%;  /*altezza del link, serve a rendere l'area cliccabile e non solo il testo  */
font-size: 100%;
}
ul.menu2 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/





a.menu_link01 {
padding: 0.5em;
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura */
height:15%;  /*altezza del link, serve a rendere l'area cliccabile e non solo il testo  */
}
a.menu_link01:hover {
	background: #ECECEC;
}

a.menu_link02 {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
margin-left: 2em; /* lascia spazio fra il bordo del menu e il testo del link */
padding: 0.5em;
height:15%;  /*altezza del link, serve a rendere l'area cliccabile e non solo il testo  */
font-size: 100%;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
a.menu_link02:hover {
	background: #ECECEC;
}




/*  ---------------------- MENU di LIVELLO 3 ----------------------- */

ul.menu3 {
	list-style: none; /* elimino i punti elenco */
	margin: 0px;
	padding: 0px; /* elimino i rientri delle liste */
}

ul.menu3 li a {
border-top: none;	/* toglie il bordo sopra, diversamente prenderebbe quello del menu2 */
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding-left: 20px; /* lascia spazio fra il bordo del menu e il testo del link */
padding-bottom: 6px;
height:15%;  /* altezza del link, serve a rendere l'area cliccabile e non solo il testo */
font-size: 100%;
}
ul.menu3 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu3 li a:link, ul.menu3 li a:visited {
background:#ffffff;
} /* colori per il link */

ul.menu3 li a:hover {
background: #F8F8F8;
color:#044982;
} /* colori per l'effetto roll-over */


/*------- menu per le PAGINE OMOLOGHE ---------*/
.box4text {
 	font-size: 85%;
	padding-top: 5px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-bottom: #cccccc 2px solid;
	border-top: #cccccc 2px solid;
}
ul.menu4 {
list-style:none; /* elimino i punti elenco */
margin:0px; padding:0px; /* elimino i rientri delle liste */
padding-top: 7px;
}

ul.menu4 li a {
border-top: none;	/* toglie il bordo sopra, diversamente prenderebbe quello del menu2 */
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding-left: 20px; /* lascia spazio fra il bordo del menu e il testo del link */
padding-top: 4px;
padding-bottom: 4px;
height:15%;  /* altezza del link, serve a rendere l'area cliccabile e non solo il testo  */
font-size: 100%;
border-top: #EAE9E9 1px solid;
}
ul.menu4 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/

ul.menu4 li a:link, ul.menu4 li a:visited {
background:#ffffff;
} /* colori per il link */

ul.menu4 li a:hover {
background: #F4F4FF;
color:#044982;
} /* colori per l'effetto roll-over */


/*---------------- AREA CENTRALE ---------------*/

.area_centr {
	float: right;
	width: 82%;
	border-left: #999999 1px solid;
	margin-left: 0%;
}
.padding {
	padding: 5px;
	margin: 10px;
	margin-bottom: 0px;
}
.padding2 {/* per le pagine di livello 2 */
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
}
/*---------------- menu orizzontale (ORGANI TESSUTI CELLULE) ---------------*/
.vox_menu_centr_01{
	float:left;	
	width: 33%;
	background-color:#e3e3ec;
	text-align: center;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-top: #999999 1px solid;
	padding: 3px;
}
.vox_menu_centr_01bold{
	float:left;	
	width: 33%;
	background-color:#ffffff;
	text-align: center;
	border-right: #999999 1px solid;
	border-top: #999999 2px solid;
	padding: 3px;
}

.vox_menu_centr_03{
	background-color: #e3e3ec;
	text-align: center;
	border-top: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding: 3px;
}
.vox_menu_centr_03bold{
	background-color: #ffffff;
	text-align: center;
	border-top: #999999 2px solid;
	padding: 3px;
}

a.link_menu01 {
	font-size: 130%;
	text-decoration: none;
}
a.link_menu01:hover {
	text-decoration: underline;
}
.link_menu02 {
	font-size: 130%;
	font-weight: bold;
}
a.link_menu03 {
	font-size: 130%;
	font-weight: bold;
	color: #044982;
	text-decoration: none;
}
a.link_menu03:hover {
	text-decoration: underline;
}

A.link_testoHome:link {
	COLOR: #000000; TEXT-DECORATION: none; font-weight: bold;
}
A.link_testoHome:visited {
	COLOR: #000000; TEXT-DECORATION: none; font-weight: bold;
}
A.link_testoHome:active {
	COLOR: #000000; TEXT-DECORATION: none; font-weight: bold;
}
A.link_testoHome:hover {
	COLOR: #b50303; TEXT-DECORATION: underline; font-weight: bold;
}

/*---------------- sezione introduttiva ---------------*/

.boximgdeco01 {
	float: left;
	margin-right: 1em;
	background-image: url(../img/sf_imgdeco01.jpg);
	width: 30%; 
	text-align: center;
}
.boximgdeco02 {
	float: left;
	margin-right: 1em;
	background-image: url(../img/sf_imgdeco02.jpg);
	width: 30%; 
	text-align: center;
}
.boximgdeco03 {
	float: left;
	margin-right: 1em;
	background-image: url(../img/sf_imgdeco03.jpg);
	width: 30%; 
	text-align: center;
}
.boximgdeco04 {
	float: left;
	margin-right: 1em;
	background-image: url(../img/sf_imgdeco04.jpg);
	width: 30%; 
	text-align: center;
}
/*---------------- sezione SIT ---------------*/
.box01 {
	float:left;	
	width: 63%;
}

.box01tit {
	width: 100%;
	border-bottom: #044982 2px solid;
	font-weight: bold;
}

.box01text {
 	font-size: 85%;
	margin-top: 10px;
}

.sit_align_left{ /* serve ad allineare a sn il div SIT */
	float: left;
	width: 51%;
}
.sit_align_right{ /* serve ad allineare a dx il div SIT */
	float:right;
	width: 47%;
}
.sitInput1{ 
	float: left;
	width: 20%;	
	padding-right: 5px;
}
.sitInput2{ 
	float: left;
	width: 70%;
}

/*---------------- sezione PRIMO PIANO ---------------*/
.box02 {
	display: inline;
	float:right;	
	width: 30%;
}

.box02tit {
	border-bottom: #044982 2px solid;
	font-weight: bold;
}

.box02text {
 	font-size: 85%;
	margin-top: 10px;
}

/*---------------- sezione Num. verde ---------------*/
.box03tit {
	border-bottom: #044982 1px solid;
	font-weight: bold;
}

.box03text {
 	font-size: 85%;
	margin-top: 10px;
}



/*---------------- Home di sezione ---------------*/
.box06{ /* per l'allineamento dei 3 div affiancati */
	float: left;
	width: 29%;
}
.box06text {
 	font-size: 85%;
	margin-top: 3px;
	margin-right:0px;
	line-height: 1.5em;
}
.img_campagne {
	background-image: url(../img/ico_campagna02.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.align_left_spazio3{ /* nella pag. Servizi e home di sezione per evitare che i 2 div consecutivi si appiccichino */
	float:left;
	width: 4%;
}

/*----------- Pag. Servizi al cittadino --- e box analoghi ----------*/
.box_sx {
	width: 46%;
	float: left;
}
.box_dx {
	width: 46%;
	float: right;/* altrimenti con Opera va sotto*/
}
.box_servizi_tit {
	width: 100%;
	border-bottom: #044982 1px solid;
	font-weight: bold;
	margin-bottom: 3px;
}
.box_servizi_text {
 	font-size: 85%;
}
.box_servizi_text2 {/* per dare spazio sopra al testo*/
 	margin-top: 10px;
	line-height: 1.5em;
}
.img_numVerde {
	background-image: url(../img/num_verde.gif);
	float: left;
	margin-right: 5px;
	width: 133px;
	height: 57px;
}
.img_staminali {
	background-image: url(../img/ico_staminali.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_domande {
	background-image: url(../img/ico_domande.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_scrivi {
	background-image: url(../img/ico_scriviesp.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_link {
	background-image: url(../img/ico_link.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_newslett {
	background-image: url(../img/ico_newslett.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_glossario {
	background-image: url(../img/ico_glossario.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_statistiche {
	background-image: url(../img/ico_statistiche.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_pubblicazioni {
	background-image: url(../img/ico_pubblicazioni.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_pubblicazioni2 {
	background-image: url(../img/ico_pubblicazioni2.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_rassegnastampa {
	background-image: url(../img/ico_rassegnastampa.gif);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_sit {
	background-image: url(../img/ico_sit.jpg);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}
.img_formazione {
	background-image: url(../img/ico_formazione.jpg);
	float: left;
	margin-right: 5px;
	width: 56px;
	height: 72px;
}

/* ---------------- form Ricerca Statistiche ---------------- */
.box_ricerca03 {
	width: 55%;
	margin-left: 29%;
	border: #CCCCCC 1px solid;
	background-color: #F4F4F6;
	padding: 5px;
	text-align: center;
}
.box_tit_ricerca03 {
	width: 55%;
	margin-left: 29%;
	border: #CCCCCC 1px solid;
	border-bottom: none;
	background-color: #F4F4F6;
	padding: 5px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}



/* ---------------- form Normativa ---------------- */
.box_ricerca {
	margin-left: 10%;
	margin-right: 10%;
	border: #CCCCCC 1px solid;
	background-color: #F4F4F6;
	padding: 8px;
	text-align: center;
}
.box_tit_ricerca {
	margin-left: 10%;
	margin-right: 10%;
	border: #CCCCCC 1px solid;
	border-bottom: none;
	background-color: #F4F4F6;
	padding: 8px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}
.campo_ricerca {
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	padding: 2px;	
}
.bottone_ricerca {
	color: #000099;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	border: #9999CC 1px solid;
	background-color: #FFFFFF;
	padding: 1px;
}
.align_left_ricercaNormativa{
	float: left;
	width: 35%;
	text-align: right;
	padding: 5px;
}

.align_right_ricercaNormativa{
	width: 100%;
	text-align: left;
	padding: 3px;
}

/* ---------------- form Ricerca Primo Piano ---- form Centri Trapianto ---------------- */
.box_ricerca02 {
	margin-left: 15%;
	margin-right: 15%;
	border: #CCCCCC 1px solid;
	background-color: #F4F4F6;
	padding: 4px;
	text-align: center;
}

.box_tit_ricerca02 {
	margin-left: 15%;
	margin-right: 15%;
	border: #CCCCCC 1px solid;
	border-bottom: none;
	background-color: #F4F4F6;
	padding: 4px;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
}
.align_left_ricerca{
	float: left;
	width: 20%;
	text-align: left;
	padding: 5px;
}
.align_right_ricerca{
	width: 100%;
	text-align: left;
	padding: 3px;
}

/* ---------------- pagina Campagne di comunicazione ---------------- */

.autonomo5{ /* per non accavallare i div */
	clear: both;
	margin-top: 10px;
	margin-bottom: 25px;
	padding: 0px;
	width: 100%;
	border-top: #9999CC solid 2px;
}
.align_left5{ /* per l'allineamento di un div */
	float: left;
	width: 33%;
	background-image: url(../img/sf_img_comunic.gif);
	text-align: center;
}
.align_right5{ /* per l'allineamento di un div */
	float:right;
	width: 64%;
	padding: 5px;
}
.tit_campagne { /* è usato per i titoli */
	font-size: 90%;
	font-weight: bold;
	padding-top: 7px;
	line-height: 1px;
}
.testo_campagne { /* è usato per il testo*/
	color:#000000;
	font-size: 85%;
}
.testo_campagne_dx { 
	color:#000000;
	font-size: 85%;
	text-align: right;
}



/* ---------------- sezione di chiusura ---------------- */
.spazio_footer {
	border-top: #044982 1px solid;
	border-bottom: #d5d3d3 1px solid;
	padding: 1px;
	clear: both;
	font-size: 85%;
	color: #8C8C8C;
	background-color: #F9F8F8;
	text-align: center;
}
ul.footer {
	list-style:none; 
	margin:0;
	color: #adadad;
}
ul.footer li a {
	display:inline; 
	text-decoration:none; 
}
ul.footer li { 
   display:inline 
}
ul.footer li a:hover {
	text-decoration:underline;
}

.font_piccolo{
	font-size: 80%;
}


/*---------------- tabelle ---------------*/


.tabella01 {/* è usata per il glossario */
	border: solid;
	background-color: #CCCCCC;
	border-color: #8888AC;
	border-width: 1px;
	margin: 0px;
	width: 90%;
	font-size: 90%;	
}
.tab01_intestaz {
	background-color: #EAEAF1;
	padding: 3px;
	color: #303030;
	width: 25%;
}

.tab01_intestaz2 {
	background-color: #EAEAF1;
	padding: 3px;
	color: #303030;
}

.tab01_cella {
	background-color: #fafafc;	
	padding: 1em;
	font-weight: bold;
}

.tab01_cella2 {
	background-color: #ffffff;	
	padding: 1em;
}


.tabella02 {
	border: solid;
	border-width: 1px;
	border-color: #70708F;
	background-color: #E3E3E3;
	margin: 0px;
	font-size: 90%;
	width: 100%;
}
.tab02_intestaz {
	background-color: #f0f0f5;
	padding: 3px;
	padding-left: 1em;
	color: #303030;
	text-align: left;
}
.tab02_cella {
	background-color: #ffffff;	
	padding: 3px;
	padding-left: 1em;
}
.tab02_cella02 {
	background-color: #F0F0F0;
	padding: 3px;
	padding-left: 1em;
	color: #303030;
	text-align: left;
}



.tabella03 { 
	border: solid;
	border-width: 1px;
	background-color: #D0D0D0;
	margin: 0em;
	padding: 1em;
	font-size: 85%;
	width: 100%;
}
.tab03_intestaz1 {
	background-color: #F2F1F1;
	padding: 3px;
	color: #303030;
	text-align: left;
	font-weight: bold;
}
.tab03_intestaz2 {
	background-color: #EAEAF1;
	padding: 3px;
	color: #303030;
	text-align: center;
	font-weight: bold;
}
.tab03_intestaz3 {
	background-color: #F2F1F1;
	padding: 3px;
	color: #303030;
	text-align: center;
	font-weight: bold;
}

.tab03_cella1 {
	background-color: #ffffff;	
	padding: 3px;
	padding-left: 1em;
	width: 50%;
}

.tab03_cella2 {
	background-color: #ffffff;	
	padding: 3px;
	text-align: center;
}

.tab03_cella3 {
	background-color: #ffffff;	
	padding: 3px;
	padding-left: 1em;
}

.tab03_piede {
	background-color: #EAEAF1;
	padding: 1em;
	color: #303030;
}


.tabella04 { /* per le tabelle delle banche di tessuto */
	border: solid;
	border-width: 1px;
	background-color: #D0D0D0;
	font-size: 80%;
	width: 100%;
	text-align: left;
}
.tabella04_distretti { /* per le tabelle delle banche di tessuto */
	border: solid;
	border-width: 1px;
	background-color: #d9d9d9;
	font-size: 80%;
	width: 100%;
	text-align: left;
}

.tab04_intestaz {
	background-color: #F2F1F1;
	color: #303030;
	font-weight: bold;
}
.tab04_intestaz_scuro {
	background-color: #d9d9d9;
	color: #303030;
	font-weight: bold;
}
.tab04_cella1 {
	background-color: #ffffff;	
	font-weight: bold;
	vertical-align: top;
}
.tab04_cella1_noBold {
	background-color: #ffffff;	
	vertical-align: top;
}
.tab04_cella2 {
	background-color: #ffffff;	
	vertical-align: top;
}

.tabella05{
	font-size: 80%;
	width: 100%;
	margin-right: 1%;
	border: 1px solid #044982;
	background-color: #cccccc;
	text-align: left;
}
.tabella05_th_SX{
   text-align: left;
	background-color: #d9d9d9;
	padding: 3px;
}
.tabella05_cella_SX{
	text-align: left;
	background-color: #f2f1f1;
	padding: 3px;
	vertical-align: top;
}


/*---------------- altre caratteristiche ---------------*/
.par01 {
	line-height: 20px; /* è utilizzato per dare un'interlinea più ampia */
	margin-top: 0px;
}
.par02 {
	line-height: normal;
}
.par03 {
	line-height: normal;
	font-size: 85%;
	padding-left: 2em;
}
.par04 {
	/* è utilizzato per le FAQ */
	font-size: 95%;
	line-height: 1.5em;
	font-weight: bold;
	color: #333333;
	padding-top: 1em;
	border-top: 1px dashed #cccccc;
}
.par05 {/* è utilizzato per le FAQ */
	line-height: 1.5em;
	font-size: 95%;
	color: #333333;
	padding-left: 1em;
}
.par06 {/* è utilizzato per la pag. con tabelle */
	line-height: normal;
	font-size: 85%;
	text-align: center;
}


.didascalia {
	font-size: 80%;
	font-style: italic;
	color: #4A4A4A;
	text-align: left;
	background-color: #ffffff;
	padding: 1em;
	padding-left: 0em;
	padding-right: 0em;
}
.par07{
	font-size: 85%;
	font-weight: bold;
	color: #044982;
}


/*-----------Rassegna stampa --------------------- */
.box_rassegna{
	border-bottom: #cccccc 1px dotted;
	width: 98%;
	padding-top:1em;
	padding-bottom:1em;
}
.data_rassegna{/* è utilizzato per la data nell'archivio della rassegna stampa */
	line-height: normal;
	font-size: 85%;
	margin: 0px;
	padding-bottom: 1em;
	text-align: right; 
}
.tit_rassegnastampa{
	line-height: normal;
	font-size: 90%;
	font-weight: bold;
	margin: 0px;
	margin-top: 1em;
	margin-left: 1em;
}
.abstract_rassegnastampa{
	line-height: normal;
	font-size: 90%;
	margin: 0px;
	margin-left: 1em;
	line-height: 20px;
}
.fonte_rassegnastampa{
	font-size: 80%;
	color: #4B4B4B;
	margin-left: 1em;
}

/*----------- Archivio Primo Piano --------------------- */
.data_primoPiano{
	font-size: 85%;
	font-weight: bold;
	margin: 0em;
}
.abstract_primoPiano{
	margin-top: 0em;
	margin-left: 1em;
	margin-bottom: 0em;	
}
.box_archivioPrimoP{
	border-top: dotted 1px #cccccc;
	margin-bottom: 0.5em;
	padding-bottom: 1em;
	padding-top: 1em;
}



.centrale{
	text-align: center;
}


.link02 {/* è utilizzato per dare il grassetto ai link, es: in Primo piano*/
	font-weight: bold; 
}
.link03 {/* è utilizzato per i titoli/link dei blocchi dell'home page */
	color: #044982; 
	text-decoration: none;
}
.link03:hover {
	color: #000099;
	text-decoration: none;
}
.link04 {/* è utilizzato per i titoli/link dei blocchi Num. verde , etc */
	font-size: 85%;
	color: #044982; 
	text-decoration: none;
}
.link04:hover {
	color: #000099;
	text-decoration: none;
}
a.glossario{
	color: #BF0000;
	text-decoration: none;
}
a.glossario:hover {
	color: #003366;
	text-decoration: underline;
}

.glossario_lettera{
	color:#525252;
	font-size: 120%;
	font-weight: bold;
	margin-left: 2em;
	margin-bottom: 1em;
	padding: 0em;
}

img.img01 {
	float: left;	
	margin-right: 1em;
}
img.img02 { /* per l'immagine della pag. FAQ */
	float: left;	
	margin-right: 1em;
	margin-bottom: 8em;
}
img.img03 {
	float: right;	
	margin: 0;
	margin-left: 1em;
}
.align_left{ /* per l'allineamento di un div */
	float: left;
}
.align_right{ /* per l'allineamento di un div */
	float:right;
}
.align_left3{ /* per l'allineamento di un div a circa 30% della larghezza globale del div contenitore*/
	float: left;
	width: 29%;
}
.align_left_spazio{ /* per evitare che i 2 div consecutivi si appiccichino */
	float:left;
	width: 4%;
}
.align_left_spazio2{ /* nella pag. Servizie home di sezione per evitare che i 2 div consecutivi si appiccichino */
	float:left;
	width: 1%;
}
.align_right3{ 
	float:right;
	width: 31%;
}
.autonomo{ /* per non accavallare i div, in home page*/
	clear: both;
}
.autonomo1{ /* per non accavallare i div, di SIT e primo piano*/
	clear: both;
	padding-top: 1em;
}
.autonomo2{ /* per non accavallare i div, in home page*/
	clear: both;
	margin-top: 4em;
}
.autonomo4{ /* per non accavallare i div, in Servizi al cittadino*/
	clear: both;
	margin-top: 5em;
	padding: 0px;
}



.box03 {/* è usato per il box dei contenuti della pagina di livello 2 ed ha a fianco il menu di dettaglio*/
	display: inline;
	float:left;	
	width: 76%;
	padding: 5px;
	padding-top: 15px;
}

.box04 {/* è usato per il box dei contenuti della pagina di livello 2 senza il menu di dettaglio*/
	display: inline;
	float:left;	
	width: 95%;
	padding: 5px;
	padding-top: 15px;
}



ul.lista01 {
	list-style: square;
	list-style-position: inside;
	margin: 0px;
}
ul.lista01 li {
	padding: 1em;
}

ul.lista02 {
	list-style: square;
	list-style-position: inside;
	margin: 0px;
	text-indent: 2em;
}

ul.lista03 {
	list-style: square;
	list-style-position: outside;
	margin: 2em;
}

ul.lista04 { /* è usato per i punti elenco nel testo generico con interlinea stretta*/
	list-style: square;
	list-style-position: outside;
	margin: 1em;
	padding: 0em;
	padding-left: 2em;
}
ul.lista05 { /* è usato per i punti elenco nel testo generico con interlinea ampia*/
	list-style: square;
	list-style-position: outside;
	margin: 1em;
	padding: 0em;
	padding-left: 2em;
	line-height: 1.6em;
}
.titData {  /* è usato per i titoli delle pagine*/
	color:#044982;
	font-weight: bold;
	margin-bottom: 1em;
	font-size: 85%;
}

.tit01 {  /* è usato per i titoli delle pagine*/
	color:#044982;
	font-weight: bold;
	margin-bottom: 1em;
}
.tit01_normal { /* è usato per i titoli del box SIT in home page*/
	color:#044982;
}

.center { /* è usato per centrare un elemento, ad es. l'immagine del num. verde in home page */
	text-align: center;
}

hr.riga01{
	color: #CCCCCC;
	height: 1px;
}
hr.riga02{
	color: #5F6AB3;
	height: 2px;
}


ol.lista01 {
	text-indent: 6em;
}


.boxbanner01 {
	background-image: url(../img/ban_ValoreVita_sf.gif);
	text-align: center;
	margin-top: 12px;
}

.banner_homepage {
	/*background-image: url(../img/sf_imgdeco04.gif);*/
	background-image: url(../img/banner_DonaOrgani_sf.gif);
	text-align: center;
	margin-top: 12px;
}

.banner_homepage2 {
	background-color: #e5e5e5;
	border-top: 2px solid #044982; 
	border-bottom: 2px solid #044982;
	text-align: center;
}

.banner_homepage3 {
	background-color: #f0f0f5;
	border: 1px solid #044982;
	padding: 0.5em;
	font-size: 85%;
}

img.noborder{	
	border: none;
}

.box_primopiano_home{
	font-size: 120%;
}

/*FORM DI INVIO EMAIL*/

.align_left_inviaMail{
	
	float: left;
	width: 20%;
	text-align: right;
}

.align_right_inviaMail{
	width: 100%;
	text-align: left;
	
	padding-right: 0px;
}

input.campoTxtMail{
	width: 100%;
	padding-right: 0px;
	
}

textarea.campoTxtAreaMail{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 90%;
	
}

.autonomoCNT{ 
	clear: both;
	text-align: left;
	padding-left: 3em;
	padding-right: 3em;
	
}

/*--------- Pag. CREDITS -----------*/
.credits_rientro{
	padding-top: 0.5em;
	padding-bottom: 2em;
	margin-left: 2em;
	margin-right: 2em;
	font-size: 90%;
	line-height: 1.6em;
}
.credits_tit{
	background-color: #F6F6FB;
	border-top: solid 2px #5F6AB3;
	border-bottom: solid 1px #D0D0D0;
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	font-size: 85%;
}


.evidenzia_paginatore{
	text-decoration: underline;
	color: #044982;
	font-weight: bold;
}

/***** UL per la navigazione a tabelle presente nell pagine *****/
ul.navigazione_tabellare {
	list-style:none;
	width: 100%; 
	margin:0;
	color: #adadad;
	background-color: #e3e3ec;
	border-top: 1px solid #999;	
	border-bottom: 1px solid #999;

}
ul.navigazione_tabellare li { 
   display:inline;
	
	border-right: 1px solid #999;
}
ul.navigazione_tabellare li a {
	display:inline; 
	text-decoration: none; 
	padding: 0.5em;
	padding-left: 5em;
	padding-right: 5em;
	padding-bottom: 0.5em;
}
ul.navigazione_tabellare li a:hover {
	text-decoration:underline;
}
div.nascosto {
	position: absolute;
	top: -500px; 
}
.box_focus{
	background-color: #eeeded;
	border: 1px solid #b50303;
	padding-bottom: 0.3em;
	margin-bottom: 2em;
	width: 70%;
}
.ss_padding{
	padding: 0.5em;
	padding-top: 0em;
}
.autonomo3{
	width: 100%;
	text-align: left;
}
img.img_SX {
	float: left;	
	margin-right: 1em;
}
.clear_both{
	clear: both;
}
.no_border{
	border: 0;
}
.smallfont{
	font-size: 80%;
}
.mediumfont{
	font-size: 100%;
}
A.non_sottolineato:link {
	COLOR: #044982; TEXT-DECORATION: none; font-weight: bold; 
}
A.non_sottolineato:visited {
	COLOR: #044982; TEXT-DECORATION: none; font-weight: bold; 
}
A.non_sottolineato:active {
	COLOR: #044982; TEXT-DECORATION: none; font-weight: bold; 
}
A.non_sottolineato:hover {
	COLOR: #044982; TEXT-DECORATION: underline; font-weight: bold;
}

/*NUOVO PAGINATORE*/
.paginatore_frecce{
	float: left;
	margin-top: 0.5em;
	padding-top: 0.2em; 
	/*background-color: Silver;*/
}
.paginatore_numeri{
	float: left;
	margin-top: 0.5em;
	padding-top: 0; 
	/*background-color: Silver;*/
}