body {
color: #191970;
  background-color:#F5F5DC;
 }
 body  {font-size:17.5px}
  img{
	border-width:1px;
	border-style: solid #000;
}

/* smartphone */
img {
max-width: 75%;
display: inline-block;
}
/* tablet */
@media (min-width: 420px) {
img {
max-width: 100%;
}
}
/* pc portatili */
@media (min-width: 760px) {
img {
max-width:100%;
}
}
div.a {
  text-align: center;
}
div.b {
  text-align: left;
}

div.c {
  text-align: right;
}

div.d {
  text-align: justify;
}
#tab{ 
margin:auto;

}
		.responsive {
  width: 100%;
  height: auto;
}
  .red {
    color: red;
  }

	  -ms-transition-duration: 0.15s;
 -webkit-transition-duration: 0.15s;
 -moz-transition-duration: 0.15s;
 -o-transition-duration: 0.15s;
 transition-property: transform;
 -ms-transition-property: -ms-transform;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform;
 overflow:hidden;
 } 
 .dimensione:hover {
 -ms-transform: scale(1.3,1.3);
 -webkit-transform: scale(1.3,1.3);
 -moz-transform: scale(1.3,1.3);
 -o-transform: scale(1.1,1.1);
 }
 
 .dimensione2 {
 transition-duration: 0.15s;
 -ms-transition-duration: 0.15s;
 -webkit-transition-duration: 0.15s;
 -moz-transition-duration: 0.15s;
 -o-transition-duration: 0.15s;
 transition-property: transform;
 -ms-transition-property: -ms-transform;
 -webkit-transition-property: -webkit-transform;
 -moz-transition-property: -moz-transform;
 -o-transition-property: -o-transform;
 overflow:hidden;
 } 
 .dimensione2:hover {
 -ms-transform: scale(2.2,2.2);
 -webkit-transform: scale(2.2,2.2);
 -moz-transform: scale(2.2,2.2);
 -o-transform: scale(2.2,2.2);
 }
.style8 {
				font-weight: normal;
}

.back-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    font-size: 40px;
    text-decoration: none;
    cursor: pointer;
}
html {
  scroll-behavior: smooth;
}


/* Guida pratica Comune - modello AmaLaSpezia */
.localita-header { max-width: 1180px; margin: 18px auto 14px; padding: 24px 18px; text-align:center; background:#fffdf5; border:1px solid #d8d0b8; border-radius:12px; box-shadow:0 3px 14px rgba(0,0,0.08); }
.localita-header h2 { margin:0 0 8px; color:#173f55; font-family:Georgia, 'Times New Roman', serif; font-size:clamp(30px,5vw,48px); line-height:1.12; font-weight:normal; }
.localita-header .sottotitolo { margin:0 0 20px; color:#5d665f; font-size:18px; }
.localita-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; }
.localita-nav a { display:inline-block; padding:10px 17px; border:1px solid #315e70; border-radius:7px; background:#315e70; color:white; text-decoration:none; font-family:Arial,sans-serif; font-size:15px; line-height:1.2; }
.localita-nav a:hover { background:#214655; }
.localita-nav a.secondario { background:#fffdf5; color:#315e70; }
.localita-menu { max-width:1180px; margin:0 auto 18px; padding:15px 18px; text-align:center; background:#eee8d6; border:1px solid #d8d0b8; border-radius:10px; }
.localita-menu strong { display:block; margin-bottom:4px; color:#173f55; font:normal 25px Georgia,'Times New Roman',serif; }
.localita-menu span { display:block; margin-bottom:9px; color:#5d665f; font-family:Arial,sans-serif; font-size:15px; }
.localita-menu select { width:min(100%,390px); height:42px; padding:0 10px; font-size:16px; border:1px solid #9d967f; border-radius:6px; background:white; color:#173f55; }
@media (max-width:600px) { .localita-header { margin-top:10px; padding:18px 10px; } .localita-nav a { flex:1 1 42%; padding:10px 7px; } }
.localita-nav a {
    transition: transform 0.2s ease;
}

.localita-nav a:hover {
    transform: scale(1.15);
}

/* FOTO DI PRESENTAZIONE RESPONSIVE */

.foto-presentazione {
  display: block;
  width: 100%;
  max-width: 1100px;
  height: auto;
  margin: 0 auto;
  box-sizing: border-box;
}

/* SMARTPHONE */
@media screen and (max-width: 767px) {
  .foto-presentazione {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

/* Immagini di apertura: compatibile con class="responsive" e class="foto-presentazione" */
img.responsive, img.foto-presentazione {
  display: block;
  width: 100%;
  max-width: 1100px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}