a:link {color:blue; text-decoration:none; font:bold; }
a:visited {color:#008000; text-decoration:none; font:bold;}
a:hover{color:magenta; text-decoration:none; font:bold;}
a:active {color: red; text-decoration:none; font:bold;}

.didascalia {font-family: Arial; font-size:10px; font-style:italic; font-weight:normal; line-height:10px; color:black;}
.testo{font-family: Arial; font-weight:normal;  font-size: 13px; line-height:15px; color: black; }
.testoD{font-family: Arial; font-weight:normal;  font-size: 12px; line-height:15px; text-align: right; color:yellow;}
.testoC{font-family: Arial; font-weight:normal;  font-size: 12px; line-height:13px; text-align: center; color: black;}
.testoB{font-family: Arial; font-weight:bold; font-style:italic; font-size: 12px; line-height:16px; text-align: left; color: red;}
.testoR{font-family: Arial; font-weight:normal;  font-size: 12px; line-height:12px; text-align: center; color: red;}
.titolo{font-family: Arial; font-weight:bold; font-style:italic; font-size: 18px; line-height:24px; text-align: left; color: red;}
.titoloB{font-family: Arial; font-weight:bold; font-style:italic; font-size: 18px; line-height:24px; color: black;}
.sottotitolo{  font-family: Arial; 	font-weight:bold; font-style:italic; font-size: 16px; line-height:18px; text-align: left; color: red;}
.autore{  font-family: Arial; font-weight:normal; font-style:italic; font-size: 15px; line-height:15px; text-align: right; color: black;}
.settoreC{  font-family: Arial; font-weight:bold; font-style:italic; font-size: 30px; line-height:32px;  color: red; position:absolute; top: 35px; left: 370px; z-index:4}


a.mappa:link {text-decoration:none; color:yellow; cursor:help; }
a.mappa:visited { text-decoration:none; color:yellow; }
a.mappa:hover { text-decoration:none; color:cyan; }
a.mappa:active { text-decoration:none; color:red; }

.testoM { 	font-family: Arial, Helvetica, Verdana, Times,  sans-serif; font-size:15px; font-style:italic; font-weight:bold; line-height:16px; color: cyan;  }
.testoMD { 	font-family: Arial, Helvetica, Verdana, Times,  sans-serif; font-size:16px; font-style:italic; font-weight:bold; text-align:right; line-height:15px; color: cyan;  }
.titoloM { 	font-family: Arial, Helvetica, Verdana, Times,  sans-serif; font-size:20px; font-style:italic; font-weight:bold; line-height:24px; color: yellow;  }
.didascaliaM {font-family: Arial, Helvetica, Verdana, Times,  sans-serif; font-size:13px; font-style:italic; font-weight:bold; line-height:15px; color:yellow;}

img.Titolo { position:absolute; left:355px; top:10px; z-index:3 }
.menuimmagini { position:absolute; left:50px; top:80px; z-index:1 }
table.gis {position:absolute; left: 605px; top: 100px; z-index: 1; height: 60px; width: 200px;}
table.Mappa { position:absolute;  top:70px; left: -600px;  z-index: 2 }
table.P { position:absolute; top:160px; left: 50px; z-index: 1}
table.intestazione { position:absolute; top:70px; left: 50px; z-index:0}
.settC { position:absolute; top: 50px; left: 250px; z-index:2}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align:left;
  font-size: 15px; 
  line-height:18px;
  z-index: 500;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.desc {
  padding: 15px;
  text-align: left;
  background-color: green;
  color:white;
  
}

 .button {
  background-color: #4CAF50; /* Green */
  border: 2px solid yellow;
  color: white;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  border-radius: 12px;
   box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
	text-shadow: 2px 2px black;
}