/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 22, 2016, 11:38:13 AM
    Author     : martinelli
*/

body  {
	background: #fff;
	margin: 0; /* è buona norma impostare a zero i valori margin e padding dell'elemento body per tenere conto delle diverse impostazioni predefinite dei browser*/
	padding: 0;
	text-align: center; /* centra il contenitore nei browser IE 5*. Il testo viene quindi impostato con l'allineamento predefinito a sinistra nel selettore #container */
	color: #000000;
}

h1 {
	font-size: xx-large;
	font-weight: bolder;
	color: #B00019;
	margin: 0px;
	padding: 0px;
}

h2 {
	font-size: xx-large;
	font-weight:bolder;
	color: #666;
	text-align:left;
	padding-bottom:5px;
	border-bottom:solid 1px #B00019;
}

h3 {
	text-align:left;
	font-size: large;
	font-weight: bold;
	color: #FFF;
	margin: 0px;
	padding: 3px 15px;
}

h4 {
	text-align:left;
	letter-spacing: 3px;
	font-size: x-large;
	color: #27408b;
}


/* Contenitore generale */
#container {
	font-family: Verdana, Arial, sans-serif;
  /* Per centrare orizzontalmente l'elemento nella pagina */
  display: table;
	/* sostituisce l'impostazione text-align: center nell'elemento body. */
  text-align: left;
  width: 1%;  
  margin: 0 auto;
	background-color: #FFF;
} 

#container_help {
	font-family: Verdana, Arial, sans-serif;
    /* Per centrare orizzontalmente l'elemento nella pagina */
    display: table;
    /* sostituisce l'impostazione text-align: center nell'elemento body. */
    text-align: left;
	width:69.5%;
    margin: 0 auto;
	background-color: #FFF;
} 

.image_in_help {
  max-width: 100%;
  width: auto;
  height: auto;
}

.image_in_help2 {
   max-width: 100%;
   width: auto;
   height: auto;
   margin-right: 15px;
   margin-top: 5px;
   margin-bottom: 5px;
   float:left;
   border: 3px solid black;
}
  
#box_image_in_help {
	width:100%;
    height: auto;
	margin-bottom:10px;
	text-align:left;
	float:left;
}

#inevidenza {
	width: 60%;
    height: auto;
	margin-bottom:15px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	background-color: #CCC;
	padding:10px;
	align: center;
	border: solid 1px #666;
}

#header_logo {
	margin: 0;
	padding: 0;
} 

#header_titolo {
	padding: 0 0 5px 0;
	margin: 0 0 1px 0;
	border-bottom: #666 solid 1px;
  text-align: center;
}

#corpo_principale {
  display: flex;
  flex-direction: row;  /* make main axis orizzontal */
  justify-content: center; /* center items orizzontally */
  align-items: flex-start;     /* top of the line */
}

#corpo_principale_help {
  flex-direction: row;  /* make main axis orizzontal */
  justify-content: flex-start; /* center items orizzontally */
  align-items: flex-start;     /* top of the line */
}

.domanda_help {
	margin: 10px 0 0 0;
  height:auto;
	background-color: #B00019;
	border-radius: 0 5px 5px 0;
}

.risposta_help {
	margin: 10px 0 0 0;
  height:auto;
	background-color: lightcoral;
	border-radius: 0 5px 5px 0;
}

#area_selezioni {
  margin: 0 10px;
  width: 235px;
}

#contenuti {
}

#bottoni_navigazione {
  display: flex;
  flex-direction: row;  /* make main axis orizzontal */
  justify-content: space-between;
  align-items: flex-start;     /* top of the line */

  margin: 10px 0;
}

#bottoni_navigazione_click {
}

#bottoni_navigazione_select {
}

#bottoni_navigazione_help {
}

#area_mappa {
}

#corniceMappa {
}

#approfondimenti {
}

#box_grafico {
	background: #fff;
	padding: 0;
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
}

#imgGrafico {
  display: block; 
  margin:auto;
}

#box_datiGrafico {
	background: #fff;
	padding: 0;
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
}

#box_datiGrafico table {
	font-size: small;
  background-color: #F0F0F0;
	width: 100%;
  border-collapse: collapse;
}

#box_datiGrafico tr:hover {
	background-color: #E0E0E0;
}

#box_datiGrafico td {
	color: #333;
  text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
  border: #999 solid 1px;
}

#box_datiGrafico th {
	font-weight: bold;
	color: #FFF;
  background-color: #999;
	text-align: center;
	vertical-align: middle;
	height: auto;
  padding: 5px 10px;
  border: #414143 solid 1px;
}

#area_legende {
  margin: 10px 10px 0 10px;
}

#imgKeyMappa {
/*
  width: 202px;
  height: 202px;
*/
}


.titolo_sezione {
	margin: 10px 0 0 0;
  height:auto;
	background-color: #B00019;
	border-radius: 0 5px 5px 0;
}

.corpo_sezione {
	padding: 1px;
	margin: 0;
  font-size: small;
	color: #333;
	background-color: #F0F0F0;
	vertical-align: middle;
}

.corpo_sezione table {
  width: 100%;
}

.corpo_sezione td {
	padding: 5px 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #414143;
}
.corpo_sezione th {
	font-weight: bold;
	color: #FFF;	
	background-color: #999;
	padding: 5px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #414143;
}

.field_label {
  text-align: right;
}

.testopiccolo {
	font-size: xx-small;
}

.pulsante {
  background-position: center center;
}

.pulsante:enabled {
  cursor: pointer;
}

.pulsante_EW {
  width: 15px;
  height: 800px;
  display: block; 
  background-repeat: no-repeat; 
}

.pulsante_NS {
  width: 800px;
  height: 15px;
  display: block; 
  background-repeat: no-repeat; 
}

.topButtons {
  background-size: 100%; 
  height: 40px; 
  width: 40px; 
}

#footer {
	background-color: #B00019;
	color: #FFF;
	font-size: small;
	font-weight: bold;
  padding: 10px 10px;
	margin: 10px 0 0 0;
  display: flex;
  flex-direction: row;  /* make main axis orizzontal */
  justify-content: space-between;
}

#footer_inhelp {
	background-color: #B00019;
	color: #FFF;
	font-size: small;
	font-weight: bold;
  padding: 10px 10px;
	margin: 10px 0 0 0;
  display: flex;
  flex-direction: row;  /* make main axis orizzontal */
  justify-content: space-between;
} 

.bt1 {
	width:50px;
	min-height: 50px;
	margin-right: 15px;
	float:left;
}

#pre_footer {
	width:100%;
	margin-top: 1px;  
	margin-bottom: 1px;
	background: #e0eeee;
	font:Verdana, Geneva, sans-serif;
	font-size: x-small;
	color:#B00019;
	text-align:center;
	float:left;
}

#pre_footer ul {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-type: none;
}

#pre_footer ul li {
	display: inline;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #003;
	text-align: center;
	vertical-align: middle;
	width: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 15px;
	margin: 0px; 
}