/*---------------- 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;
	line-height: 1.5em;
}

a {
	color: #003366;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}
a:hover {
	text-decoration:none;
	background-color: #CCDFF5;
	border-bottom: 1px solid #999;
}

dl {
	margin:0; 
	padding: 0;
}
dt{
	margin:0; 	
}
dd{
	padding: 0;
	margin:0;
	margin-top: 0.3em; 
	margin-bottom: 1em;
	margin-left: 1em;
}
a.hideLink {
	position: absolute;
	top: -500px; 
}
div.nascosto {
	position: absolute;
	top: -500px; 
}

.lista01{
	margin-top: 0;
	
}
/*----------------------------- stili GENERICI --------------------------*/
.esteso{
	width: 100%;
	clear: both;
}
.centrale{
	text-align: center;
}
.destra{
	text-align: right;
}
.clear_both{
	clear: both;
}
hr.linea01{
	height: 1px;
	color: #cc3333;
}
hr.linea02{
	height: 5px;
	color: #02457A;
}
hr.linea03{
	height: 2px;
	color: #999;
	border-style: dotted;
}
hr.linea04{/*linea celeste*/
	height: 2px;
	color: #A4C6EC;
	margin: 0em;
	padding: 0em;
}
.testo01{/* da applicare agli span per rimpicciolire il testo*/
	font-size: 85%;
	line-height: 130%;
	
}
.testo01_andamento{/* da applicare agli span per rimpicciolire il testo*/
	font-size: 95%;
	line-height: 130%;
	
}
.titolo01{/* per il titolo dei box principali*/
	color: #02457A;
	background-color: #fff;
	border-bottom: solid 2px #02457A;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
}
.titolo02{/* per il titolo dei box secondari*/
	border-bottom: solid 2px #A4C6EC;
	background-color: #F2F0F1;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	padding-top: 0.5em;
}
.titolo03{/* per il titolo dei box secondari con testo azzurro e sfondo bianco*/
	border-bottom: solid 2px #A4C6EC;
	background-color: #fff;
	color: #02457A;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height:1.6em;
	padding: 0em;
}

.titolo04{/* per il titolo dei box secondari con testo azzurro e sfondo bianco*/
   clear: both;
	background-color: #fff;
	color: #02457A;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	padding: 0em;
}

.titolo05{/* per il titolo dei box avvisi secondari con testo rosso e sfondo bianco*/
	border-bottom: solid 2px #CCCCCC;
	background-color: #fff;
	color: #A6181F;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	line-height:1.6em;
	padding: 0em;
}
.sfondo01{/* per lo sfondo grigio chiaro da applicare ai box*/
	background-color: #F2F0F1;
}
ul.lista_pallino01{
	list-style-image: url(../img/punto_elenco_01.gif);
	margin: 0;
	margin-left: 2em;
}
ul.lista_pallino02{
	list-style-image: url(../img/punto_elenco_01.gif);
	margin: 0;
	margin-left: 2em;
	/*font-size: 90%;*/
}
html>body ul.lista_pallino02{ /* ul per il browser diverso da IE*/
	list-style-image: url(../img/punto_elenco_01.gif);
	margin: 0;
	/*font-size: 90%;*/
}

img.img_SN{
	float: left;
	margin-right: 1em;
}
img.img_DX{
	float: right;
	margin-right: 1em;
}
img.no_border{
	border: none;
}
a.no_style {
	text-decoration:none;
	border-bottom: 0;
}
a.no_style:hover {
	text-decoration:none;
	border-bottom: 0;
}
a.no_style_menu {
	text-decoration:none;
	border-bottom: 1px solid #B1CFEF
}
a.no_style_menu:hover {
	text-decoration:none;
	border-bottom: 1px solid #a4c6ec
}

.colore01{
	color:#044982;
	font-weight: bold;
	/*font-size: 90%; */
	padding-bottom: 0.5em;
}


ul.menu li { 
	
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding: 0.3em;
}


/*----------------------------- stili TESTATA  --------------------------*/
.testata_SN{/*contiene il logo del Ministero*/
	float: left;
	width: 60%;
}
.testata_DX{/*contiene i link Mappa sito RSS*/
	float: right;
	width: 30%;
	text-align: right;
	font-size: 85%;
	margin-right: 2em;
	padding: 0em;
}
.bordo_rosso{
	width: 100%;
	clear: both;
	border-top: 2px #A6181F solid;
	padding-bottom:0.5em;
}




.testata_sito_01{/*per il div della testata ridimensionabile*/
	background-image: url(../img/sf_vaccino.jpg);
	height: 190px;
	border: 3px #A4C6EC solid;
	border-top: none;
}
.testata_sito_02{/*per il div della testata ridimensionabile*/
	background-image: url(../img/sf_protezione.jpg);
	height: 190px;
	border: 3px #A4C6EC solid;
	border-top: none;
}



/*----- PER Il MENU A TENDINA------*/
ul.orizzontale03 {
	font-size: 90%;
	line-height: 19px;
	margin-left: 0.5em;
	padding: 0em;	
}
ul.orizzontale03 li,ul.orizzontale03 ul,ul.orizzontale03 ul li {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.orizzontale03 a {
	display: block;
	padding: 0em 0.5em;
	text-decoration: none; 
	border-bottom: 1px solid #fff;
}
ul.orizzontale03 li {
	float: left;
	position: relative
}
ul.orizzontale03 li li {
	float: none;
	line-height: 20px;
	display:block !important;
	display: inline; /*IE*/
}
ul.orizzontale03 ul {
	position: absolute;
	top: 20px;
	left: -9999px;
   width: 17em;
}
ul.orizzontale03 ul {
	padding: 0.5em 0em;
	border: 1px solid #3B5998
}
ul.orizzontale03 ul,ul.orizzontale03 li li a {
	background-color: #FFF;
	color: #02457A;
	padding-top: 0em;
	text-decoration: none;
}
ul.orizzontale03 li:hover,ul.orizzontale03 a:hover  {
	background-color: #C5DBF4;
	color: #000;
	text-decoration: none;
}
ul.orizzontale03 li:hover ul,ul.orizzontale03 li.sfhover ul {
	left: -1px;
	z-index: 100
}



/*----- PER Il MENU ORIZZONTALE SOTTO TABS------*/
ul.orizzontale02 {
	list-style:none; 
	margin:0; 
	padding: 2px;
	color: #999999;
	font-size: 120%;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	background-color: #C5DBF4;
	background-image: url(../img/sf_menutabs.gif);
}
ul.orizzontale02 li a {
	display:inline; 
	text-decoration:none; 
	padding: 0px; 
	padding-right: 10px;
	padding-left: 10px;
	height:15%; 
	color: #000;
	/*border-bottom: 1px solid #a4c6ec;*/
}
ul.orizzontale02 li { display:inline } 

ul.orizzontale02 li a:link, ul.orizzontale01 li a:visited {
	font-weight: normal;
	color: #000;
} 
ul.orizzontale02 li a:hover {
	text-decoration:none;
	color: #000;
    border-bottom: 1px solid #a4c6ec;
} 
ul.orizzontale02 li a:active {
	text-decoration:none;
	color: #000;
	background-color: #ccdff5;
	/*font-weight: bold;*/
} 
.orizzontale02_evidenza {
	text-decoration:none;
	color: #000;
	background-color: #ccdff5;
	/*font-weight: bold;*/
}


/*--- NAVIGAZIONE BRICIOLE PANE ---*/
.navig_history{
	font-size: 80%;
	margin: 0.5em;
}


/*----------------------------- stili STRUTTURA CONTENUTI --------------------------*/
.spazio_SN{/*box a SN contenente il menu principale in HOME PAGE*/
	float: left;
	width: 16%; 
	border-right: dotted #9d9d9d 2px;
	
	padding-right: 1em;
}


.spazio_DX{/*box a DX per i contenuti in HOME PAGE */
	margin-left: 18%;
	margin-right: 1em;
	padding: 0.5em;
	padding-right: 0em;
	padding-top: 0em;	
}


.spazio_SN_50{/*box a SN al 50%*/
	float: left;
	width: 48%;
}
.spazio_SN_50_banner{/*box a SN al 50%*/
	float: left;
	width: 45%;
}
.spazio_DX_50_banner{/*box a DX al 50%*/
	float: right;
	width: 45%;
}
.spazio_DX_50{/*box a SN al 50%*/
	float: right;
	width: 48%;
}
.spazio_DX_motore {/*per i contenuti*/
	float: left;
	width: 95%;
}
.spazio_DX_colonna1 {/*per i contenuti*/
	float: left;
	width: 80%;
}
.spazio_DX_colonna2{/*menu*/
	float: right;
	width: 15%;
	font-size: 95%;
	padding-top: 1.7em;
}
.pagInt_SN_50{
	float: left;
	margin-left: 1em;
	width: 55%;
}
.pagInt_DX_50{
	float: right;
	margin-left: 1em;
	width: 55%;
}

/*----------------------------- menu SPALLA SINISTRA --------------------------*/
ul.menu01_voce {
	list-style: none;
	color: #A6181F;
	margin:0;
	margin-left: 0.5em;
	padding:0;
	text-align: left;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 120%;	
} 
ul.menu02_voce {
	list-style: none;
	color: Black;
	margin:0;
	margin-top: 0.5em;
	padding:0;
	padding-bottom: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 75%;
	border-bottom: 2px dotted #999;
	margin-bottom: 1em;
}
ul.menu02_voce li a {
	display:block;
	text-decoration: none;
	padding: 0.3em;
	color: #000000;
	border-bottom: 1px solid #fff;
}
ul.menu02_voce li { 
	display: inline /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
	padding-bottom: 0.3em;
} 
ul.menu02_voce li a:hover {
	background: #e8e8e8;
	color:#000; 
	text-decoration: none;
}
ul.menu02_voce li a:visited {
	text-decoration:none;
	color: #000;
}
ul.menu02_voce li a:active {
	color:#000; 
	text-decoration:none;
}
li.menu02_voce_evidenza {
	text-decoration:none;
	background-color: #e8e8e8;
	border-bottom: 1px solid #999;
}


/* Tag Cloud */
/*.tagcloud{
	width: 40%;
	line-height: 2;
	text-align: justify
}*/

.tagcloud{
	width: 90%;
	font-size: 140%;
	line-height: 1.5em;
	text-align: justify
}



/*ul.tagcloud{
           width: 150px;
				list-style: none;
				margin: 0;
				padding: 2em;
				line-height: 2;
				text-align: justify
				}
				
	ul.tagcloud li{display:inline;margin-right: 0.5em}
	
	ul.tagcloud a{color: #003366;
	text-decoration: none;margin-right: 0.2em}
	
	ul.tagcloud a:hover{
	                    text-decoration:none;
	background-color: #CCDFF5;
	border-bottom: 1px solid #999;}*/
		
	a.size1{font-size: 70%}
	a.size2{font-size: 90%}
	a.size3{font-size: 115%}
	a.size4{font-size: 140%}
	a.size5{font-size: 160%} 

	

/*----------------------------- stili FOOTER --------------------------*/
.footer{
	text-align: center;
	font-size: 70%;
}








/*--------------------------------------- TABS VACCINO e PROTEZIONE------------------------------*/
.spazio_SN_tab{/*box a SN al 50%*/
	float: left;
}
.spazio_DX_tab{/*box a DX al 50%*/
	float: right;
	width: 20em;
}
ul.nav {
	float: left;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 140%;
	font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
} 
ul.nav li {
	float: left;
	margin: 0 0.2em 0;
	padding: 0;
	width:5.5em;
} 
ul.nav a	{
	float: left;
	padding: 0 0 0 0.4em;
	background: url(../img/tab_grigio.jpg) no-repeat top left;
	text-decoration: none;
	border-bottom: 1px solid #a4c6ec;
} 
.pointer {
	float: left;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.7em;
	padding-top: 0.4em;
	background: url(../img/tab_grigio.jpg) no-repeat top right;
	cursor: pointer;
}
.nopointer {
	float: left;
	padding-bottom: 0.1em;
	padding-left: 0.5em;
	padding-right: 0.7em;
	padding-top: 0.4em;
	background: url(../img/tab_grigio.jpg) no-repeat top right;
	cursor: pointer;
}

ul.nav li.active a,ul.nav a:hover {
	background: url(../img/tab_blu.jpg) no-repeat top left;
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #a4c6ec;
} 
ul.nav li.active span,ul.nav a:hover span {
	background: url(../img/tab_blu.jpg) no-repeat top right;
	text-decoration: none;
	color: #000;
}



/*--------------------------------------- BOX PLAYER VIDEO ------------------------------*/

.box_player_video_evidenza {
/*background-color:#a4c6ec;*/
background: url(../img/topogigio.jpg);
height:250px;
padding-top:5px;
padding-bottom:5px;
text-align:center;
width:250px;
}



/*--------------- PER LA RICERCA --------------------------------------*/

.SX_58{
	float: left;
	width: 58%;
	padding: 0.3em;
}
.DX_40{
	float: right;
	width: 40%;
	padding: 0.3em;
}

.DX_img{
	padding-top: 0.5em;
}

.sinistra{
	text-align: left;
}
.float_left{
	float: left;
}
.float_right{
	float: right;
}
.float_right02{
	float: right;
	width: 40%;
	text-align: right;
}

.float_left02{
	float: left;
	width: 60%;	
}

.div_esterno_motore {
	font-size:90%;
	margin-left:2%;
	margin-right:2%;
	margin-top:0;
	padding:0 1em 1em;
}

/*-------------FORMATTAZIONE GRAFICA MENU SPALLA DESTRA--------------*/

ul.menu_spalla_DX{
	list-style-image: url(../img/freccia_grigia.gif);
	margin: 0;
	margin-left: 2em;
	padding: 0;
	/*padding-top: 2px;*/
	text-decoration: none;
}
ul.menu_spalla_DX li { 
	color:#000000;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	padding: 0.3em;
}
ul.menu_spalla_DX li a:link{
	padding: 0;
	color:#000000;
	text-decoration: none;
	font-weight: normal;
}
ul.menu_spalla_DX li a:visited {
	padding: 0;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

ul.menu_spalla_DX li a:hover {	
	border-bottom: 1px solid #044982;
	text-decoration: none;
	font-weight: normal;	
}
li.menu_spalla_DX_evidenza {
	background-color: #e2e1e1;
	border-bottom: 1px solid #044982;
}

/* --- TABELLE VARIE ---*/
.tabella_autodim{
    font-size: 90%;
	border: 1px solid #044982;
	background-color: #cccccc
}

.tabella01{
	font-size: 90%;
	width: 100%;
	border: 1px solid #044982;
	background-color: #cccccc
}

.tabella_autodim01{/*classe per la tabella Dati sul vaccino*/
    font-size: 85%;
	border: 0;
}
.tabella_autodim02{/*classe per la tabella Dati sul vaccino*/
    font-size: 85%;
	border: 0;
	width: 100%;
}
.cella_caption{/*classe per la tabella Dati sul vaccino*/
	text-align: center;
	font-weight: bold;
	color: #ffffff; 
	background-color: #044982;
	padding: 3px;
}
.cella_th01{/*classe per la tabella Dati sul vaccino*/
	text-align: left;
	background-color: #d9d9d9;
	padding: 3px;
	border-bottom: 2px solid #044982;
}
.cella_td01{/*classe per la tabella Dati sul vaccino*/
	text-align: left;
	background-color: #ffffff;
	padding: 3px;
	/*border-bottom: 2px solid #044982;*/
}
.cella_td02{/*classe per la tabella Dati sul vaccino*/
	text-align: left;
	background-color: #ffffff;
	padding: 3px;
	border-bottom: 2px solid #044982;
}
.cella_td01_big{/*classe per la tabella Dati sul vaccino*/
	font-size: 110%;
	text-align: left;
	background-color: #ffffff;
	padding: 3px;
	border-bottom: 2px solid #044982;
	border-top: 2px solid #044982;
}


th {
	text-align: center;
	background-color: #d9d9d9;
	padding: 3px;
}

td{
	text-align: left;
	background-color: #ffffff;
	padding: 3px;
}

.tabella01_th{
	text-align: center;
	background-color: #d9d9d9;
	padding: 3px;
}
.tabella01_th_DX{
	text-align: right;
	background-color: #d9d9d9;
	padding: 3px;
}
.tabella01_th_SX{
   text-align: left;
	background-color: #d9d9d9;
	padding: 3px;
}
.tabella01_th2{
	text-align: center;
	background-color: #e3e3e3;
	padding: 3px;
}
.tabella01_th3{
	background-color: #d9d9d9;
	padding: 3px;
}
.tabella01_cella{
	text-align: center;
	background-color: #ffffff;
	padding: 3px;
}
.tabella01_cella_DX{
	text-align: right;
	background-color: #ffffff;
	padding: 3px;
}
.tabella01_cella_SX{
	text-align: left;
	background-color: #ffffff;
	padding: 3px;
}
.tabella01_cella2{
	background-color: #ffffff;
	padding: 3px;
}
.tabella01_cella3{
	background-color: #f6f6f6;
	padding: 3px;
}

/******************************** FORMATTAZIONE MEDIA PLAYER HOMEPAGE  *************************************/

.contenitore_player{
	background-image: url(/img/topogigio.jpg); 
	width: 300px; 
	height: 250px; 
}

html>body .contenitore_player{/*per i contenuti per i BROWSER diverse da IE*/
	background-image: url(/img/topogigio_firefox.jpg); 
	width: 300px; 
	height: 197px; /*170, 250*/
}

/****************************** BOX PUNTO SITUAZIONE IN HOME PAGE **************************************/
.sfondo_celeste_focus2{
	width: 100%;
	background-color: #ecf3fb;
	padding: 1em;
	/*font-size: 85%;*/
	margin-top: 0.5em;
	padding-top: 1.5em;
}