/*
Corpo.
*/
body
 {background-color: #FFFFFF;
  display: flex;
 }
@media (orientation: landscape)
 {body
   {flex-direction: column;
   }
 }
@media (orientation: portrait)
 {body
   {flex-direction: column;
   }
 }
    
/*
Intestazione.
*/
header
 {position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: #FFFFFF;
 }
#salta
  {position: absolute;
  left: -10000px;
 }
div.nome
 {font-family: Garamond, Times New Roman, Arial;
 font-size: 300%;
 color: #0d4574;
 float: left;
 } 
div.attivita
 {font-family: Garamond, Times New Roman, Arial;
 font-size: 150%;
 color: #0d4574;
 float: right;
 margin-top: 60px;
 } 
div.fine
 {clear: both;
 }
 
/*
Menù orizzontale.
*/
nav
 {border: dotted; 
  border-color: #2d8bff;
  float: right;
 }
aside details
 {
 } 
aside ul
 {list-style-type: none;
  color: #FFFFFF;
 } 
aside li
 {font-weight: bold;
  font-family: Garamond, Times New Roman, Arial;
  font-size: 100%;
 }
aside a.normale:link, a.normale:hover, a.normale:active, a.normale:visited
 {text-decoration: none;
 color: #0d4574; 
 }
aside details
 {font-size: 100%; 
 } 
aside details summary
 {font-size: 150%; 
 } 
aside details:focus
 {background-color: #eeeeee;
  color: #000000;
  outline: solid #44ff44;
 }  
/*
Contenuti
*/
#contenitore
 {position: relative;
  width: 100%;    
  background-color: #FFFFFF;
  margin-top: 20px;
 }
#contenitore a:link
  {color: #0d4574; 
 }
#contenitore a:visited
  {color: #0d4574; 
 }
#contenitore a:hover, a:active
  {color: #0d4574; 
 }
#contenitore h2
  {
 }   
#contenitore h3
  {
 }
#contenuti
 {position: relative;
  float: left;
 }
#contenuti p
  {
 }
div.paragrafo section.paragrafo
  {text-align: justify;
  color: #000000;  
 }
details
 {border: dotted; 
  border-color: #2d8bff;
  display: flex;
 } 
/*
Pie' di pagina.
*/
#piedipagina
 {position: relative;
  clear: both;
  width: 100%;
  text-align: center;
  font-size: 100%;
  color: #0d4574;
  margin-top: 20px;
  background-color: #dddddd;  
 }
#piedipagina a, a:visited, a:active, a:link
 {color: #0d4574;
  text-decoration: none; 
 }
#piedipagina a:hover
 {font-size: 110%; 
 } 
#piedipagina a:focus
 {color: #000000;
  text-decoration: none; 
 } 
/*
Icone.
*/
#icone
 {position: relative;
  clear: both;
  width: 100%;
  text-align: center;
  background-color: #0d4574;  
 }
#icone a:visited, a:hover, a:active, a:link
 {text-decoration: none; 
 }
 
/*
Tabella di div.
*/
div.rosso
 {float: left;
 margin: 0em 2.5em 0em 0em;
 }
   
div.finec
 {clear: both;
  height: 1em;
 }
 
 
#menusx
 {position: relative;
  width: 110px;
  float: left;
  margin: 0px 40px 0px 10px;
 }
 
fieldset
 {border-width: 2px;
 border-style: solid;
 border-color: #22AAFF;  
 }
fieldset legend
 {text-align:right;
 } 
label
 {font-family: "Helvetica Neue", Arial, sans-serif;  
  color: #000000;
  font-size: 1em; 
 }
span.sl
 {font-family: "Helvetica Neue", Arial, sans-serif;  
  color: #000000;
  font-size: 1em; 
 } 
input, textarea, select
 {font-family: "Helvetica Neue", Arial, sans-serif;  
  border-style: dotted;    
  color: #000000;
  font-size: 1em; 
 }
input.normale
 {background-color: #FFFFFF;
 }
input.errore
 {border-color: #FF0000;
  background-color: #FF0022;
 }
input.duplicato
 {border-color: #FFAA00;
  background-color: #FFaa22;
 }
input.caricato
 {border-color: #00CC00;
  background-color: #00cc22 ;
 } 
a:link
 {color: black;
  text-decoration: none
 }
a:visited
 {color: black;
  text-decoration: none; 
 }
a:hover, a:active
 {color: black;
  text-decoration: underline;
 }
 

a img
 {border: none;
 } 

h1
 {display: none;
 position: absolute;
 left: -10000px;
 }

h4
 {color: black;
  font: 110% georgia, times, "times new roman", serif;
  font-weight: bold;
 }

h4 a
 {text-decoration: none;
 }

h2
 {color: black;
  font: 105% georgia, times, "times new roman", serif;
  font-weight: bold;
 }
h2.menusx
 {color: white;
 }
 
h3
 {font: 115% georgia, times, "times new roman", serif;
  font-weight: bold;
  padding: .5em 0em 0em 0em;
 }
.nero
 {color:#000000;
 }
.bianco
 {color:#ffffff;
 }
.centrato
 {text-align: center;
 } 
.nascondi
 {position: absolute;
  left: -10000px;
 }
.visibile
 {position: relative;
  left: 0px;
 }
.scheda
 {text-align: left;
 color: #eeeeee;
 font-weight: bold; 
 padding: 50px 10px 0px 50px;
 text-align: justify;
 } 
.straniero
 {font-style: italic;
 }
span.c
 {font-style: italic;
 } 
span.g
 {font-weight: bold;
 }  
a.coll:link, a.coll:visited, a.coll:active
 {color: #0d4574;
 text-decoration: none;
 font-weight: bold;
 }
.asmHighlight {
	color: #0d4574; 
}

.asmSelect {
	margin: 1em 0 0.25em 0;
}


 .tooltip { display: inline;
			border-bottom: 0px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			min-height: 16px;
			position: relative;
			background-image: url('./immagini/i.png');
			background-repeat:no-repeat;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			/*font-family: Calibri, Tahoma, Geneva, sans-serif;*/
			position: absolute; left: 1em; top: 2em; z-index: 999;
			margin-left: 10px; width: 500px;
			text-align: left;
		}
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		.critical { background: #F9F9F9; border: 1px solid #FF3334;	}
		
div.ascomparsa
  {display:none;
 }
fieldset.ascomparsa:hover div.ascomparsa
  {display:inline;
 } 
:focus
 {background-color: #eeeeee;
  color: #000000;
  font-size: 105%; 
  outline: solid #44ff44;
 }