@media screen and (min-width:1024px){


.pagina { width: 100%; height:100%; overflow: hidden; background:#fae898; }




.h1{font-family: Courier, monospace; font-size: 75pt; color:#ffffff; text-align:center}
.h4{font:40pt courier; color:#9C5BD4; text-align:center}
.h3{font:40pt courier; color:#58afd8; text-align: center}
.h2{font:40pt courier; color:#d8c158; text-align: center}
.p {font:15pt courier; color:#000000; text-align:justify; margin-top:5%; margin-bottom: 20px; margin-left:5%; margin-right:5%;}
.p1 {font:12pt courier; color:#000000; text-align:right}
a:link {font:30px courier; color:#ffb833; text-align:center; text-decoration: none;}
a:visited {font:30px courier; color:#df9424; text-align:center; text-decoration: none;}
#box1 {background-color:#fae898fe; border: 20px; color:#d6a74f; height:300px; margin: auto; width: 800px; padding:20px; position:relative; top: 200px; text-align: center}


.intesta{ width:100%; right:0%; left:0%; top:0%; overflow:auto; background:#ffbb00;}
.sottotitolo{width: 100%;  right:0%; left:0%; top:0%; overflow:auto; background:#e2a600; Padding: 0%;}
.principale{ width:100%; height:80%; overflow:auto; background:#bdd8f1; }
.pie {width: 100%;  bottom:0%; background-color: #ffbb00;}



.menu-wrapper {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 40px;
}

.apri-trg-overlay {
  background: #BFDEFF;
  width: 180px;
  padding: 1%;
  border: 4px solid #DBECFF;
  text-align: center;
  position: relative;
}

.hide{ display: none;}
.close-overlay{ position: absolute; right: 1%; top: 1%; font-size: 30px; cursor: pointer;}
.trg-overlay{ background: #F7F7F7; position: absolute; z-index: 800; padding: 0%; overflow: auto; }
.standard{ width: 80%; height:80%; padding: 0%;}
.overlay{ display: none; background:#EEF6FF; position:fixed; cursor:pointer;}
.container{background: #333; width: 100%; margin: 0 auto; padding:1% -16% 1% 16%; overflow: visible;} /* visible per rendere visibile il menù */

.apri-trg-overlay a:hover {color: #000033; text-decoration: none;}
.apri-trg-overlay ul { margin: 0; padding: 0; list-style-type: none; }
.apri-trg-overlay li { position: relative; }

.apri-trg-overlay li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #EEF6FF;
  width: 100%;
  z-index: 999;
  padding: 10px;
  box-sizing: border-box;
}

.apri-trg-overlay li:hover ul { display: block;}
.apri-trg-overlay a:hover { color: #000033; text-decoration: none;}
.apri-trg-overlay ul:hover { color: #000033; text-decoration: none;}

.apri-trg-overlay li li { border:none;width:100%;}
.apri-trg-overlay li li a { font:12pt arial narrow;color:#4682B4;}

}