@import url(stampa.css);

body {
	margin-top: 0px;
	margin-left: 15px;
	margin-right: 15px;
}

/* stili per rollover home page 4 motivi */


.rollover	{ 
font-family: arial, helvetica, sans-serif;
background-image: url(../img/4motivi_over.gif);
background-repeat: no-repeat;
white-space: nowrap;
display: block;
width: 224px;
height: 68px;
margin: 0; 
padding: 0; 
}

.rollover a {
display: block;
font-size: 11px;
width: 224px;
height: 68px;
display: block;
float: left;
}

.rollover img {width: 224px; height: 68px; border: 0; }
* html a:hover {visibility:visible}
.rollover a:hover img{visibility:hidden}


/* stile per i link di skip a menu e contenuti accessibilità */

div.skip {
	position:absolute; 
	top:-10000px; 
	margin:0; 
	padding:0; 
	height:1px; 
	width:1px; 
	font-size:0.1em; 
	line-height:0.1em;
	}
div.skip ul, div.skip ul li 
	{
	display:inline; 
	margin:0; 
	padding:0;
	}
	
/* stili per il top della home page e di 4 buoni motivi */

#tophome {
	position: relative;
	background: url(../img/fondo-top.gif);
	height: 178px;
	width: 100%;
}

#tophome #center #headline {
	height: 62px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 18px;
}

#tophome #sx {
	float: left;
	width: 178px;
	position: relative;
}
#tophome #center {
	float: left;
}
#tophome #right {
	float: right;
	width: 224px;
}
#tophome #right #motivilink {
	top: 107px;
	position: absolute;
	height: 70px;
	background-color: #FFFFFF;
}
#tophome #right #regione {
	top: 0px;
	position: absolute;
}
/*#tophome*/ #regione img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* stili per il top di tutte le pagine */

#top {
	position: relative;
	height: 115px;
	background-image: url(../img/fondo-top_int.gif);
}

#top #center #percorso {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #003366;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 18px;
}

#top #sx {
	float: left;
	width: 178px;
	position: relative;
}
#top #center {
	float: left;
}
#top #right {
	float: right;
	width: 224px;
}
#top #right #regione {
	top: 0px;
	position: absolute;
}
#top #center #percorso a {
	color: #003366;
}
#top #center #percorso a:hover {
	color: #FF6600;
}
#blu {
	background: #fff url(../img/background_3.gif) repeat-y left;
	position: absolute;
	width: 177px;
	height: 27px;
	top: 88px;
	left: 15px;
	background-image: url(../img/background_3.gif);
}
	
/* gli stili che seguono servono a contenere il layout grafico della parte centrale di pagina con colonne a destra e sinistra */
	
#outer_wrapper {
	background: #fff url(../img/background_3.gif) repeat-y left;
}
#wrapper {
}
#container, #containerhome {
	width: 100%;
	float: left;
	margin-right: -224px;
}

/* div di contenimento colonna centrale della pagina */

#content {
	margin-right: 224px;
	background: url(../img/background_3.gif) repeat-y left;
}
#main {
	margin-left: 178px;
}

/* Colonna a sinistra con menu di navigazione */

#leftbar {
	width: 175px;
	float: left;
	position: relative;
}
#leftbar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFFFF;
	padding-left: 15px;
}
#leftbar ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	list-style-type: none;
	line-height: 1.2em;
	padding-left: 15px;
	margin-left: 0px;
}
#leftbar a {
	color: #FFFFFF;
	text-decoration: none;
}
#leftbar a:hover {
	color: #FF6600;
	text-decoration: none;
}
#leftbar a:visited {
	/*color: #FFFFFF;*/
	text-decoration: none;
}
/*
#leftbar #spaziohome {
	height: 28px;
}*/
#containerhome #leftbar #spaziohome {
	height: 28px;
}
#leftbar h1 {
	font-size: 0.1em;
	visibility: hidden;
	display: none;
}
#leftbar #ing img {
	margin-left: 10px;
}
#leftbar #fra img {
	margin-left: 18px;
}
#leftbar h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	color: #FFFFFF;
	background-color: #003366;
	padding-top: 3px;
	padding-bottom: 3px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-weight: normal;
	text-align: center;
	margin-bottom: 0px;
}
#leftbar #sottonetwork {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	text-transform: uppercase;
	font-weight: normal;
	background-color: #003366;
	text-align: center;
	margin-top: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #FFFFFF;
}

/* Colonna a destra con menu delle sperimentazioni */

#sidebar {
	width: 221px;
	float: right;
}
#sidebar #lista li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #003366;
	padding-bottom: 5px;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	list-style: none;
	background-position: 0 -3px;
	padding-left: 25px;
	margin-bottom: 5px;
	border-bottom-style: solid;
	border-bottom-color: #F38E02;
	border-bottom-width: 1px;
}
#sidebar #lista p {
	display: inline;
}
#sidebar #lista .luogo {
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
#sidebar #lista ul {
	margin-top: 5px;
	margin-left: 0px;
	padding-right: 15px;
	padding-left: 5px;
}
#sidebar h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	color: #003366;
	background-color: #FFEBCC;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 25px;
	border: 3px solid #E87600;
	margin: 0px;
}
#sidebar #lista .luogo:hover {
	color: #FF3300;
	text-decoration: none;
}

/* I clearing servono a posizionare correttamente i div che seguono quando posizionati nel layout di pagina */

.clearing {
	height: 0;
	clear: both;
}
.clearing_top {
	height: 0;
	clear: both;
}

/* Stili per la notizia singola */

#news_notizia {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #D9EBFF;
	padding-top: 5px;
}


#news_notizia h1 {
	font-size: 1em;
	font-weight: bold;
	color: #003366;
	margin-right: 10px;
	margin-left: 15px;
}
#news_notizia h2 {
	font-size: 0.7em;
	font-style: italic;
	color: #003366;
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 5px;
	font-weight: normal;
}
#news_notizia .testo {
	font-size: 0.7em;
	color: #003366;
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 15px;
}



#news_notizia img {
	/*float: right;*/
	/*padding-left: 15px;*/
	padding-top: 26px;
	padding-bottom: 10px;
	
}

#news_notizia .testo img {
	/*float: left;*/
	padding-bottom: 10px;
	padding-top: 0px;
	/*padding-right: 10px;
	padding-left: 0px;*/
}


/*CLASSI NECESSARIE PER L'ALLINEAMENTO DELLE IMMAGINI WCM*/
.fotoleft 						{float:left;}
.fotoright 						{float:right;}
#news_notizia .fotoleft			{margin-left: 15px;margin-right: 15px;}
#news_notizia .fotoright		{margin-left: 15px;margin-right: 15px;}
#news_notizia .testo .fotoleft	{margin-right: 10px;margin-left: 10px;}
#news_notizia .testo .fotoright	{margin-right: 10px;margin-left: 10px;}
/*fine */

/*#news_notizia h3 {
	color: #003366;
	background-color: #D3E1FB;
	font-size: 0.7em;
	font-weight: bold;
	padding: 3px;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
	border: 1px solid #5C78A1;
} MODIFICATO, VEDI SOTTO */

#news_notizia h3 {
	color: #003366;
	font-size: 0.7em;
	font-weight: bold;
	padding-left: 15px;
	margin-top: -10px;
	margin-bottom: -10px;
} /* 27/6/2006 Modificatoi da Fustini per togliere bordatura e diminuire spazio verticale */

#news_notizia .links_header {
	color: #003366;
	background-color: #ACCEF2;
	font-size: 0.7em;
	font-weight: bold;
	padding: 3px;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#news_notizia .links ul {
	font-size: 0.7em;
	color: #003366;
	list-style-type: square;
}
#news_notizia .links a {
	color: #003366;
	text-decoration: none;
}
#news_notizia .links a:hover {
	color: #FF3333;
	text-decoration: none;
}
#news_notizia .data {
	font-style: normal;
}
#news_notizia .links .descrizione {
	font-style: italic;
	font-size: 0.85em;
}

/* Stili per la sperimentazione singola */

#news_sperimentazione {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FEEED7;
	padding-top: 5px;
}
#news_sperimentazione {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #D9EBFF;
	padding-top: 5px;
}
#news_sperimentazione h1 {
	font-size: 0.7em;
	font-weight: normal;
	color: #003366;
	margin-right: 10px;
	margin-left: 15px;
}
#news_sperimentazione h2 {
	font-size: 0.8em;
	color: #003366;
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 5px;
	font-weight: bold;
}
#news_sperimentazione h3 {
	font-size: 0.7em;
	color: #003366;
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 5px;
	font-weight: bold;
	font-style: italic;
}
#news_sperimentazione .testo {
	font-size: 0.7em;
	color: #003366;
	margin-right: 10px;
	margin-left: 15px;
	margin-top: 15px;
}
#news_sperimentazione #link {
	color: #003366;
	font-size: 0.7em;
	padding: 3px;
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 5px;
	border: 1px solid #FCB701;
}
#news_sperimentazione {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FEEED7;
	padding-top: 5px;
}
#news_sperimentazione #link a {
	color: #003366;
	text-decoration: none;
}
#news_sperimentazione #link a:hover {
	color: #FF3300;
	text-decoration: none;
}

/* Stili per gli allegati sono usabili ovunque */


div.allegati li.pdf {
	background-image:url(../img/icona_pdf.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; background-position:0 -1px
	}
div.allegati li.doc {
	background-image:url(../img/icona_doc.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; background-position:0 -1px
	}
div.allegati li.xls {
	background-image:url(../img/icona_xls.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; background-position:0 -1px
	}
div.allegati li.ppt {
	background-image:url(../img/icona_ppt.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; background-position:0 -1px
	}
div.allegati li.zip {
	background-image:url(../img/icona_zip.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; background-position:0 -1px
	}
div.allegati li.audio {
	background-image:url(../img/icona_audio.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; background-position:0 -1px}
div.allegati li.video {
	background-image:url(../img/icona_video.gif); background-repeat:no-repeat; list-style-type:none; padding-left:2em; background-position:0 -1px
	}
.allegati a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-decoration: none;
}
.allegati a:hover {
	color: #FF3333;
	text-decoration: none;
}
/*.allegati .descrizione {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #003366;
	font-size: 0.6em;
	line-height: 5px;
} ORIGINALE, MODIFICATO, VEDI SOTTO */

.allegati .descrizione {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #003366;
	font-size: 0.6em;
	/* modifica fatta da mario */
	/* se line-height è 5px e la descrizione è composta di due righe succede che si sovrappone.*/
	/*line-height: 5px;*/
	
	margin-top: 5px;

} /* 26/6/2006 Modifica di Fustini per distanziare descrizine dal link */

  /*Inizio prova mario */
  
#news_sperimentazione .links a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	text-decoration: none;
}
#news_sperimentazione .links a:hover {
	color: #FF3333;
	text-decoration: none;
}
#news_sperimentazione .links .descrizione {
     font-style: italic;
	font-size: 0.85em;

}
#news_sperimentazione .links ul {
	font-size: 0.7em;
	color: #003366;
	list-style-type: square;
}

#news_sperimentazione h3 {
	color: #003366;
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: -10px;
}	
 /* Fine prova mario */	
 
/* Stili per la front page delle notizie con l'indice delle notizie */


#indicenotizie li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	background-color: #CDE5FF;
	list-style-type: none;
	padding: 4px;
	margin-bottom: 2px;
	padding-left: 15px;
}
#indicenotizie ul {
	list-style:none;
	margin-top:2px;
	margin-bottom: 1em;
	background-repeat:no-repeat;
	background-position:bottom;
	margin-left: 0px;
	padding-left: 0px;
}
#indicenotizie a {
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
#indicenotizie a:hover {
	font-weight: bold;
	color: #FF3300;
	text-decoration: none;
}

/******************* HR di separazione ovunque */

hr {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	display: none;
}

/* questa è la definizione delle front news della home delle notizie in home page generale */

#main .news_front .titolo a:hover {
	color: #FF3300;
	text-decoration: none;
}

/* modifica 26/07/2006 per errore visualizzazione IE 5: */
#main .news_front {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CDE5FF;
	margin-top: 0.2em;
	padding-top: 10px;
	padding-bottom: 5px;
	float: /**/left/**/;
	width: /**/100%/**/;
}
#main .news_front img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
#main .news_front .titolo {
	margin-left: 15px;
	line-height: 0.7em;
	font-size: 1.2em;
	margin-right: 5px;
}
#main .news_front .titolo a {
	font-size: 0.7em;
	font-weight: bold;
	text-decoration: none;
	color: #003366;
}
#main .news_front .sottotitolo {
	font-size: 0.65em;
	font-style: normal;
	color: #003366;
	margin-left: 15px;
	margin-top: 5px;
}
#main .news_front p {
	font-size: 0.65em;
	color: #003366;
	margin-left: 15px;
	margin-top: 5px;
	margin-right: 5px;
}
#main .news_front .frontdate {
	font-size: 0.7em;
	color: #003366;
	margin-left: 15px;
}


/* L'header che porta a tutte le notizie in home page */

#main #header_content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #003366;
	background-color: #C0D8F0;
	padding: 5px;
	padding-left: 35px;
	background-image: url(../img/bullet-notizie.gif);
	background-repeat: no-repeat;
	background-position: 13px;
	
}
#main #header_content a {
	color: #003366;
	text-decoration: none;
}
#main #header_content a:hover {
	color: #FF3333;
	text-decoration: none;
}

/* Barra di navigazione precedente successiva della front delle notizie */

#main #prev_next {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #003366;
	background-color: #C0D8F0;
	padding: 5px;
	padding-left: 15px;
	background-position: 13px;
	text-align: center;	
}
#main #prev_next a {
	color: #003889;
}
#main #prev_next a:hover {
	color: #FF3300;
}

/* Stili per pagina 4 buoni motivi OK */

#motivi {
	background-image: url(../img/4motivi_fondo.gif);
}
#motivi #uno {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(../img/4motivi_1.gif);
	background-repeat: no-repeat;
	padding-left: 76px;
	padding-top: 26px;
	padding-right: 15px;
}
#motivi #due {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(../img/4motivi_2.gif);
	background-repeat: no-repeat;
	padding-left: 76px;
	padding-top: 26px;
	padding-right: 15px;
}
#motivi #tre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(../img/4motivi_3.gif);
	background-repeat: no-repeat;
	padding-left: 76px;
	padding-top: 26px;
	padding-right: 15px;
	padding-bottom: 10px;
}
#motivi #quattro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url(../img/4motivi_4.gif);
	background-repeat: no-repeat;
	padding-left: 76px;
	padding-top: 26px;
	padding-right: 15px;
}
#motivi h2 {
	font-size: 16px;
	font-weight: normal;
}
#motivi p {
	font-size: 11px;
}
#motivi #quattromotivi {
	background-image: url(../img/4motivi_top.gif);
	height: 105px;
	background-repeat: no-repeat;
}
#motivi #quattromotivi h1 {
	margin-top: 0px;
	display: none;
}
#percorsomotivi {
	position: relative;
	background-color: #D9EBFF;
	margin-left: 175px;
	padding-left: 18px;
	padding-top: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #003366;
	height: 20px;
	margin-bottom: 3px;
}
#percorsomotivi a {
	color: #003366;
}
#percorsomotivi a:hover {
	color: #FF3300;
}

/* Chiusura di pagina */

#footer {
	background-image: url(../img/fondo-footer.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100px;
	margin-top: 3px;
}
#footer #testi {
	padding-top: 15px;
	padding-right: 25px;
	padding-left: 25px;
	float: left;
} 

/* prova mario footer */

 #footer #testi ul {
	 margin:8px 0 8px 10px; padding:0;
  }
  
  #footer #testi ul li 
  {
	background-image:url(../img/raquo_nero.gif); background-repeat:no-repeat; background-position:0 6px; padding:3px 15px 3px 11px; display:inline;
  }
   #footer #testi ul li a:link    {color:#333333;}
   #footer #testi ul li a:visited {color:#333333;}
   #footer #testi ul li a:hover   {color:#fff;background-color:#900;}
   
/* Fine prova mario */

#footer #marchi {
	float: right;
	padding-top: 15px;
}

/* prova mario */

#footer #marchi a img  {
	float: right;
	padding-top: 15px;
	border:0;
}

/* prova mario */

/* Headline sotto il marchio partecipa net */

#headline h1 {
	font-size: 1em;
	line-height: 1em;
	padding-bottom: 0em;
	margin-bottom: 0.2em;
	margin-top: 0em;
	font-weight: bold;
}
#headline h2 {
	font-size: 0.8em;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: bold;
}
#news_notizia {height:1%}
#news_notizia img{margin-top:0;padding-top:0}


/* WCM 10 LUGLIO */
.center {padding-top:1em;text-align:center;color:#ffffff; font-family:Verdana,Arial,Helvetica,sans-serif;font-size:0.7em;}

/* WCM 19 GENNAIO 2009 */
#tophome #right #motivilink {	position: absolute;	height: 146px;	background-color: #ffffff;	top: 30px;}
#tophome #right #motivilink a img, #tophome #right #motivilink a:hover img, 
#tophome #right #motivilink a:visited img, #tophome #right #motivilink a:link img {text-decoration:none; border:none;}

.center a img{border:0;}