/* proprietà generiche fisse da non modificare */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
p, div, td, th {
	font-size: 75%;
}
tr, div p, td p, th p{
	font-size: 100%;
}
td div, th div {
	font-size: 100% !important;
}
div td, div th {
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 100% !important;
}
div div {
	font-size: 100% !important;
}
td td{
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 100% !important;
}
ul ul{
	font-size: 100% !important;
}
ol ol{
	font-size: 100% !important;
}
p, h1, h2, h3, h4, h5, h6, a, div, span, img, dl, dt, dd, form, input, fieldset, legend, label, td, tr, table{
	padding: 0px;
	margin: 0px;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img{
	border: none;
}
hr {
	display: none;
}
.invisibile{
	display: none;
}
.Nascosti {
	width: 0;
	position: absolute;
	height: 0;
	overflow: hidden;
	top: -200em;
}
.FloatLeft{
	float:left;
}
.FloatRight{
	float:right;
}
.MarginTop10{
	margin-top: 10px;
}
.MarginRight10{
	margin-right: 10px;
}
.MarginBottom10{
	margin-right: 10px;
}
.MarginLeft10{
	margin-left: 10px;
}
.MarginTop5{
	margin-top: 5px;
}
.MarginRight5{
	margin-right: 5px;
}
.MarginBottom5{
	margin-right: 5px;
}
.MarginLeft5{
	margin-left: 5px;
}
.PaddingTop10{
	padding-top: 10px;
}
.PaddingRight10{
	padding-right: 10px;
}
.PaddingBottom10{
	padding-right: 10px;
}
.PaddingLeft10{
	padding-left: 10px;
}
.PaddingTop5{
	padding-top: 5px;
}
.PaddingRight5{
	padding-right: 5px;
}
.PaddingBottom5{
	padding-right: 5px;
}
.PaddingLeft5{
	padding-left: 5px;
}
.salta{
	clear: both;
}
.Center{
	text-align: center !important;
}
/*   div necessarie per evitare sovrapposizioni la di sotto di 800X600     */
.width {
	min-width:770px;
}
* html .minwidth {
	border-left:770px solid #fff;
	position:relative;
	float:left;
	z-index:1;
}
* html .container {
	margin-left:-770px;
	position:relative;
	float:left;
	z-index:2;
}
/*    Foglia APAT     */
#sovrapposta {
	display: none;
}
#sovrapposta/* */ {
	display: block !important;
	z-index: 1;
	position: absolute;
	top: 0.9em;

	margin-top: 0.9em;

	right:0.7em;

}
/*html>body #sovrapposta {
	min-width: 770px;
	position: relative !important;
	top: -0.6em;
}*/
.sovrapposta {
	float: right;
	margin-right: 3px;
}

/*    Fine proprietà generiche fisse  da non modificare   */



/*    Testata    */
#header{
	margin-top: 2em;
	background: #fff background-color: #245D7C repeat-x center center;
}
.LogoApat{
	float: left;
	margin: 0px;
}
.ImmaginiTestata{

/*	se si desidera usare una immagine lunga ma a distanze fisse dai margine
	togliere il commento alle prprietà sottosati e commentare le due successive
*/
/*
	margin-left:210px;
	margin-right:182px;
*/
	margin-left:27%;
	margin-right:23%;
	height:80px;
	/*background: background-color: #245D7C no-repeat left center;*/
}

/*	se si desidera usare una immagine a dimensione fissa ma
	togliere il commento alla classe sottostante e commentare la soprastante 
*/
/*
.ImmaginiTestata{
	margin-left:220px;
	margin-right:180px;
	height:48px;
	background: background-color: #245D7C no-repeat center center;
}
*/
.Denominazione{
	height:20px;
}
html>body .Denominazione{
	height: auto;
	min-height: 20px;
}
.Fasce{
	height:20px;
	text-align: right;
/*	combinazione portale  */
	background: #fff background-color: #872643 no-repeat bottom right;
	border-bottom: #872643 4px solid;
}
html>body .Fasce{
	height: auto;
	min-height: 1.65em;
}
.AngoloLinguetta{
	float: right;
	width: 186px;
	height: 20px;
	padding-left: 6em;
/*	combinazione portale  */
	background: background-color: #872643 no-repeat bottom left;
}
.AngoloLinguetta/* */{
	padding-left: 2em;
}
/*html>body .AngoloLinguetta{
	height: auto;
	min-height: 1.65em;
	margin-right: 0px !important;
}*/
.Linguetta{
	height: 20px;
/*	combinazione portale   */
	background-color: #872643;
}
html>body .Linguetta{
	height: auto;
	min-height: 1.65em;
}
.Linguetta img{
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 120px;
	float: left;
	right: 120px;
}
/*	se si desidera usare il nome del sito in HTML
	togliere il commento alle classi sottostanti
*/

.AngoloLinguetta{
	margin-right: 90px;
	right: 150px;
}
html>body .AngoloLinguetta{
	width: auto;
	min-width: 186px;
}

.Linguetta a{

	color: #fff;

	text-decoration:none;

}

.Linguetta a:hover{

	color: #fff!important;

	text-decoration:none!important;

} 

.Linguetta h1{
	font-family: Arial, Verdana, Helvetica, Tahoma, sans-serif;
	padding-top: 0.1em;
	text-align: left;
	white-space: nowrap;
	color: #fff;
	font-size: 520% !important;
	font-weight: bold;
}
.Linguetta h1/* */{
	font-size: 130% !important;
}

	

/*   Menù Utility orizzontale    */
.MenuUtil{
	z-index: 1;
	width: 97%;
	position: absolute;
	top: 0px;
	color: #000;
	text-align: right;
	padding: 1px 0px 1px 0px;
}
.MenuUtil{
	font-size: 170% !important;
}
.MenuUtil/* */{
	font-size: 95% !important;
}
html>body .MenuUtil{
	min-width: 750px;
}
.MenuUtil a{
	color: #000;
}


/*      Corpo pagina      */
#CorpoPagina{

}
.TabellaCentrale{
	width: 99%;
}
.TabellaCentrale td{
	vertical-align: top;
}
.TabellaContenuti{
	width: 100%;
}



/*     menu' Navigazione Principale      */
#MenuSinistro{
	font-size: 0.71em;
}
#MenuSinistro{
	width: 210px;
/*	combinazione portale  */
	border-right: #872643 1px solid;
	color: #245D7C;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 95% !important;
}
#MenuSinistro a, #MenuSinistro dt a, #MenuSinistro li a{
	color: #245D7C;
}
#MenuSinistro dt{
	font-weight: bold;
	padding: 5px 4px 5px 18px;
/*	combinazione portale   */
	background: background-color: #872643 no-repeat 4px 7px;
	border-bottom: #872643 1px solid;
	border-top: #872643 1px solid; 
}

#MenuSinistro dt.attivo{

/*	combinazione portale   */
	background: #F5E0E5 background-color: #872643 no-repeat 4px 7px; 
}
#MenuSinistro dt.primo{
	padding-top: 10px;
	background-position: 4px 12px;
	border-top: none;
}
#MenuSinistro dd{
	padding: 3px 0px 9px 10px;
/*	combinazione portale   */
	border-bottom: #872643 1px solid; 
}
#MenuSinistro dd ul, #MenuSinistro dd li{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
#MenuSinistro dd li{
	padding: 3px 4px 4px 10px;
	margin: 0px;
/*	combinazione portale  */
	border-bottom: #E8C4CB 1px solid;
	background: background-color: #872643 no-repeat 0px 7px; 
}
#MenuSinistro dd li.attivo{
	font-weight: bold;
}
#MenuSinistro dt:hover, #MenuSinistro dt a:hover, #MenuSinistro dd li:hover, #MenuSinistro dd li a:hover{
	background-color: #EBEBEB;
}
#MenuSinistro dd li.ultimo{
	border-bottom: none;
}



/*   contenuti      */
#Contenuti{
	line-height: 1.3em;
	padding: 4px 12px 20px 12px;
}
#path{
	font-size: 95% !important;
	margin-bottom: 2px;
}
#path a{
	color: #000;
}
#Contenuti h1{
	line-height: 120%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 175% !important;
	font-weight: bold;
	padding-bottom: 0.2em;

/*	combinazione portale   */
	color: #245D7C; 
}
#Contenuti h2{
	line-height: 120%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	padding-bottom: 0.2em;
	font-size: 170% !important;
	font-weight: normal;
/*	combinazione portale  */
	color: #661224; 
}
#Contenuti h3{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma, sans-serif;
	line-height: 120%;
	padding-bottom: 0.4em;
	font-size: 140%;
	font-weight: normal;
/*	combinazione portale    */
	color: #661224; 
}
#Contenuti h4{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma, sans-serif;
	line-height: 120%;
	padding-bottom: 0.4em;
	font-size: 125%;
	font-weight: bold;
/*	combinazione portale  */
	color: #661224;
}
#Contenuti h5, #Contenuti h6 {
	line-height: 120%;
	padding-bottom: 0.4em;
	font-size: 100%;
	font-weight: bold;
}
#Contenuti p{
	padding-bottom: 1em;
}
#Contenuti a{
	color: #872643;
}
#Contenuti ul, #Contenuti li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#Contenuti ul{
	margin-left: 20px;
}
#Contenuti li{
	padding: 3px 2px 4px 12px;
	margin: 0px;
	background: url(quadratino_verde.gif) no-repeat 1px 8px;
}
#Contenuti ol li{
	padding-left: 0px;
	list-style-type: decimal;
	
}
#Contenuti table, #Contenuti table td{
	border-collapse: collapse;
}
#Contenuti table td{
	padding: 5px;
	border: #872643 1px solid;
	text-align: left;
}
#Contenuti table th{
	padding: 5px;
	font-weight: bold;
	color: #000;
	text-align: left;
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
	background-color: #872643;
}
.BoxIntro{
	padding-top: 0.1em;
}
#Contenuti .BoxIntro h1{
	padding-left: 10px;
}
#Contenuti .BoxIntro h2{
	padding-left: 20px;
	padding-right: 20px;
}

/*	Le virgolette nel box intro possono essere realizzate anche in un altro colore
	scelto tra le sfumaure del 2° colore della combinazione scelta   */

.BoxVirgoletteUp {
  
  padding: 0;
}
	background: background-color: #872643 no-repeat top left;
}
.BoxVirgoletteDown {
  
  border: 2px solid #872643;
  border-radius: 8px;
  padding: 15px 20px 10px 20px;
  background-color: #F7EDED;
}
	padding: 15px 20px 10px 20px;
	background: background-color: #872643 no-repeat bottom right;
}
/*	fine virgolette */
.BoxPrimoPiano{
	margin: 10px 0px 10px 0px;
	font-size: 95% !important;
}
html>body .BoxPrimoPiano{ 
	margin-top:20px;
}
.BoxPrimoPiano h2{
	float: left;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Tahoma, sans-serif !important;
	font-style: normal !important;
	font-weight: bold !important;
	padding-left: 15px;
	padding-right: 35px;
	background-color: #fff;
/*	combinazione portale  */
	color: #661224 !important; 
}
html>body .BoxPrimoPiano h2{
	margin-top: -0.8em;
}
.BoxPrimoPiano div h3{
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif !important;
	font-weight: bold !important;
	font-size: 95% !important;
	color: #000;
}
.BoxPrimoPiano div h3 a{
	color: #000 !important;
}

/*	Le immagini dell'elemento grafico del box Primo Piano possono essere realizzate anche
	in un altro colore scelto tra le sfumaure del 2° colore della combinazione scelta      */

.BoxPrimoPianoUpLeft{
	line-height: 1px !important;
	font-size: 1px;;
	height: 13px;
	padding-left: 19px;
	background: background-color: #661224 no-repeat bottom left;
}
.BoxPrimoPianoUpRight{
	line-height: 1px !important;
	font-size: 1px;;
	height: 13px;
	background: background-color: #661224 no-repeat bottom right;
}
.BoxPrimoPianoDownLeft{
	clear: both;
	line-height: 1px !important;
	font-size: 1px;;
	height: 13px;
	background: background-color: #661224 no-repeat top left;
}
.BoxPrimoPianoDownRight{
	line-height: 1px !important;
	font-size: 1px;;
	height: 13px;
	background: background-color: #661224 no-repeat top right;
}
.BoxInternoPrimoPiano{
	border-left: #872643 8px solid;
	border-right: #872643 8px solid;
}
.BoxInternoPrimoPiano div{
	clear: both;
	padding: 15px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
	border-bottom: #872643 1px solid;
}
.BoxInternoPrimoPiano div img{
	float: left;
	margin-right: 10px;
	border: #872643 2px solid;
}

/*	fine immagini box Primo Piano  */

.BoxInternoPrimoPiano div img.FloatRight{
	float:right;
	margin-left: 10px;
}

/*     Menù destro    */
#MenuDestro{
	font-size: 0.71em;
}
#MenuDestro{
	color: #245D7C;
	background-color: #EBEBEB;
/* menù destro larghezza fissa  */ 
	width: 150px;   
/* menù destro larghezza variabile
 	width: 20%;  */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 95% !important;
}
#MenuDestro a, #MenuDestro h3 a, #MenuDestro li a{
	color: #245D7C;
}
.MenuDxHome{
	background-color: #fff !important;
}
.SeparatoreMenuDx{
	height: 25px;
	font-size: 1px;
	background-color: #fff;
}

/*	esempio grafico di box del menu' di destra in home.
	Possono essere realizzati anche in altro modo rispettando le seguenti regole:
	1) colore del testo #245D7C;
	2) elementi di contorno del box colore #872643;
	3) sfondo del box colore #F7EDED;
*/
.BoxRightUpLeft{
	line-height: 1px !important;
	font-size: 1px;;
	height: 6px; 
	padding-left: 6px;
	background: #fff background-color: #661224 no-repeat top left;
}
.BoxRightUpRight{
	line-height: 1px !important;
	font-size: 1px;;
	height: 6px;
	background: #fff background-color: #661224 no-repeat top right;
}
.BoxRightDownLeft{
	clear: both;
	line-height: 1px !important;
	font-size: 1px;;
	height: 9px;
	padding-left: 6px;
	background: #F7EDED background-color: #661224 no-repeat bottom left;
	margin-bottom: 10px;
}
.BoxRightDownRight{
	line-height: 1px !important;
	font-size: 1px;;
	height: 9px;
	padding-bottom: 4px;
	padding-top: 2px;
	background: #F7EDED background-color: #661224 no-repeat bottom right;
}
html>body .BoxRightDownLeft, html>body  .BoxRightDownRight{
	height: auto;
	min-height: 9px;
}
.MenuDxHome .BoxRight{
	background-color: #F7EDED;
}
#MenuDestro h3{
	font-size: 95% !important;
	background-color: #fff;
	text-align: right;
	padding-right: 6px;
	padding-bottom: 4px;
	font-weight: bold;
	color: #245D7C;
	border-bottom: #F7EDED 2px solid;
}

/*	fine elementi grafici box menu' destra home  */

/*	menu' destro pagine interne  */

#MenuDestro ul, #MenuDestro li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.MenuInterno {
	padding: 5px 0px 10px 0px;
	margin-bottom: 10px;
	background-color: #fff;
	border-bottom: #245D7C 1px solid;
	border-top: #245D7C 1px solid;
}
#MenuDestro.MenuDxHome ul{
	border-top: #fff 2px solid;
}
#MenuDestro .MenuInterno li{
	padding: 3px 2px 4px 12px;
	margin: 0px;
	background: background-color: #872643 no-repeat 1px 7px;
	border-bottom: #872643 1px solid;
}
#MenuDestro .MenuInterno li.attivo{
	font-weight: bold;
}
#MenuDestro .BoxRight li{
	padding: 3px 2px 4px 12px;
	margin: 0px;
	border-bottom: none;
	background: background-color: #872643 no-repeat 1px 7px;
}

/*	fine menu' destro pagine interne  */


/*  footer  */
.Footer{
	color: #245D7C;
	text-align: center;
	margin-bottom: 10px;
}
.Footer{
	font-size: 170% !important;
}
.Footer/* */{
	font-size: 90% !important;
}
.Footer a{
	color: #245D7C;
}

.FasciaFooter{
	margin-bottom: 5px;
	font-size: 1px !important;
	height: 2px !important;
	border-bottom: #872643 4px solid;
/*	combinazione portale   */
	border-top: #872643 2px solid; 
}
INPUT {
	BACKGROUND-COLOR: #cccc99;
	BORDER-BOTTOM-COLOR: #3c3c3c;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #3c3c3c;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: #3c3c3c;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: #3c3c3c;
	BORDER-TOP-WIDTH: 1px;
	COLOR: #3c3c3c;
	FONT-FAMILY: Verdana, Helvetica;
	FONT-SIZE: 0.9em;
	font-weight:normal;
}
OPTION {
	BACKGROUND-COLOR: #eeeeee;
	BORDER-BOTTOM-COLOR: #3c3c3c;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #3c3c3c;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: #3c3c3c;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: #3c3c3c;
	BORDER-TOP-WIDTH: 1px;
	COLOR: #3c3c3c;
	FONT-FAMILY: Verdana, Helvetica;
	FONT-SIZE: 0.9em;
}
SELECT {
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM-COLOR: #3c3c3c;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #3c3c3c;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: #3c3c3c;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: #3c3c3c;
	BORDER-TOP-WIDTH: 1px;
	COLOR: #3c3c3c;
	FONT-FAMILY: Verdana, Helvetica;
	FONT-SIZE: 1em;
	font-weight: normal;
}
TEXTAREA {
	BACKGROUND-COLOR: #ffffff;
	BORDER-BOTTOM-COLOR: #3c3c3c;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-LEFT-COLOR: #3c3c3c;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-RIGHT-COLOR: #3c3c3c;
	BORDER-RIGHT-WIDTH: 1px;
	BORDER-TOP-COLOR: #3c3c3c;
	BORDER-TOP-WIDTH: 1px;
	COLOR: #000000;
	FONT-FAMILY: Verdana, Helvetica;
	FONT-SIZE: 1em;
	OVERFLOW: hidden;
}
INPUT.submit {
	BACKGROUND-COLOR: #e0e0e0;
	FONT-FAMILY: Verdana, Helvetica;
	font-weight: normal;
}

/* === Stile personalizzato RVMC per menu a tendina === */
ul.menudiv, ul.menudiv li {
    background-color: #F7EDED; /* Sfondo beige chiaro */
    color: #245D7C;            /* Testo blu petrolio */
    border: 1px solid #872643; /* Bordo ocra */
    font-family: Verdana, sans-serif;
    font-size: 0.9em;
}

ul.menudiv li:hover {
    background-color: #872643; /* Sfondo ocra in hover */
    color: #fff;               /* Testo bianco leggibile */
}

ul.menudiv li a {
    color: #245D7C;
    text-decoration: none;
    display: block;
    padding: 5px 10px;
}

ul.menudiv li a:hover {
    color: #fff;
}
.btn-questionario {
  display: inline-block;
  background-color: #872643;
  color: #ffff !important;
  padding: 10px 15px;
  text-decoration: none !important;
  font-weight: bold;
  border-radius: 6px;
  font-size: 14px;
  margin: 10px 0;
}

.btn-questionario:hover {
  background-color: #872643; /* ocra */
  color: #661224 !important;
}

.box-info {
      background-color: #EBEBEB;
      border-left: 5px solid #872643;
      padding: 10px 15px;
      margin: 20px 0;
      border-radius: 6px;
    }
.important {
      background-color: #F7EDED;
      border-left: 5px solid #872643;
    }

.info.legend {
  background: white;
  padding: 8px 12px;
  font: 14px Arial, sans-serif;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);
  border-radius: 6px;
  line-height: 1.4em;
}
.info.legend h4 {
  margin: 0 0 5px;
  font-size: 14px;
}

/* Stile per i titoli delle sezioni del menu sinistro */
dt.primo {
    font-size: 13px;
    font-weight: bold;
    color: #245D7C;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding: 8px 5px 5px 5px;
    border-left: 3px solid #872643;
}

/* Stile per i titoli delle sezioni del menu sinistro */
dt.primo {
    font-size: 13px;
    font-weight: bold;
    color: #872643;           /* Oro ISPRA - per distinguerli dal blu */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 12px;
    padding: 8px 5px 5px 5px;
    border-left: 3px solid #872643;
}