.header {
  padding: 5px;
  color: green;
  background: #19d12f;
  text-align: center;
  font-family: 'Playpen Sans', bold;
  font-size: 4em;
  border-radius: 40px;
}
body{
	color: green;
        text-align: justify;
	font-family: 'Bruno Ace', serif;
	font-size: 1em;
}
div.footer{
	position:fixed;
	left:0;
	bottom:0;
	height:3%;
	width:100%;
	text-align:center;
	margin-top:50%;
	font-family: 'Arvo', serif;
	font-size:20px;
       
color: black;
}


div.footericonsx {
    position: absolute;
    left: 30px; /* Spostamento a sinistra per separare i due pulsanti */
    bottom: 30px; /* Spostamento dal bordo inferiore della pagina */
}

div.footericondx {
    position: absolute;
    right: 30px; /* Spostamento a destra per separare i due pulsanti */
    bottom: 30px; /* Spostamento dal bordo inferiore della pagina */
}




div.t
	{
	width:100%;
	height:10%;
	}

div.a
{
	color: red;
	position: absolute;
	width:17%;
	height:85%;
	text-align: center;
	font-family: 'Arvo', serif;
	font-weight: bold;
	font-size: 24px;
}
div.b
{	
	position: absolute;
	left: 18%;
	margin-top: 25%; 
	margin: 5px;
	width: 66%;
	height: 82%;
	}
div.c
{
	color: red;
	position: absolute;
	left: 85%;
	width:14%;
	height:85%;
	font-family: 'Arvo', serif;
	font-weight: bold;
	font-size: 24px;
}
h2{
	color: white;
	font-family: 'Bruno Ace', sans-serif;
	text-align: center;
    font-size:1.5em;
    
}
a:link  {
    text-decoration: none;
    color: darkblue;
    font-weight: bold;
    font-size: 1.0em;
    
}
a:hover 
{
  color: #0000ff;
  text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
  font-weight: bold;
  font-style: italic;
  }



p{
	text-align: center;
}
map {
  display: inline;
}
table {
  font-family: arial, sans-serif;
  border-spacing: 35px;
  width: 100%;
}
#table2 {
    width: 100%;
    max-width: 500px;
    margin: 50px auto;
    border-collapse: separate;  
    border-spacing: 10px;        
 	box-shadow: 0 0 20px rgba(0,0,0,0.1);
    background-color: #ffffff;
    border-radius: 10px;      
}
#table2 th, #table2 td {
    padding: 12px 15px;
    border-bottom: 1px solid #B0DFF7;
    border: 1px solid #B0DFF7;
    color:#000000;
}

#table2 th {
    background-color: #59B2E6;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 2px 2px 0 0; 
}

#table2 tr:last-child td {
    border-bottom: solid #B0DFF7;
    border-radius: 0 0 2px 2px; 
}

#table2 tr:hover {
    background-color: #D3EBF9;
}


#td1 {
  border: 0px solid #dddddd;
  border-radius: 25px;
  background: #fbff00;
  padding: 20px; 
  width: 15%;
  height: auto;  
  color: #000000;
  font-family: 'Bruno Ace', sans-serif;
  font-weight: 1000;
  text-align: center;
   text-decoration-line: none;
  font-size: 1.0em;
}
#td1:hover {
background-color: #D3EBF9;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
td1:hover {
background-color: #D3EBF9;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e7e7e7;
  background-color: #6fa8dc;
}

li {
  float: left;
  border-right: 1px solid #e7e7e7;
}

li a {
  display: block;
  color: blue;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover:not(.active) {
  background-color: #ddd;
}

li a.active {
  color: white;
  background-color: #06CC62;
}
.left-image {
    float: left;
    margin-left: 10px;
}


a.btn-avantidietro {
 display: inline-block;
 text-align: center;
 white-space: nowrap;
 color: #FFFFFF;
 text-decoration: none;
 line-height: 1.2;
 font-weight: normal;
 font-family: sans-serif;
 font-size: 24px;
 background-color: #007BFF;
 border-radius: 4px;
 padding: 10px 20px;
 border: 1px solid #006FE6;
 cursor: pointer;
}
a.btn-avantidietro:hover {
 background-color: #0063CC;
 border-color: #0056B3;
}
a.btn-avantidietro > strong {
 font-size: 24px;
}