* {box-sizing: border-box}
body {font-family:georgia,sans-serif;font-size:16px;text-align:center;margin:0 auto}

.larghPag {width:960px;margin:0 auto}
a:link {text-decoration:none;color:#00d;text-shadow:0 0 3px #fff}
a:visited {text-decoration:none;color:#00d;text-shadow:0 0 3px #fff}
a:hover {text-decoration:underline;color:#00d;text-shadow:0px 0px 1px #f00}
a:active {color:rgb(255, 255, 0)}

/* INFORMATIVA SUI COOKIE */
#infoCookie {background:rgba(0,0,0,.5);color:#fff;width:80%;margin:auto;margin-top:5%;padding:1%;border-radius:8px;box-shadow:5px 5px 15px #555;text-align:justify}
#titleCookie {font-weight:bold;font-size:1.2em;color:#fff;text-align:center}
#informativa {font-weight:bold;color:#000}

article {display:flex;flex-direction:column;gap:8px;margin:0 auto}
section {display:flex;justify-content:space-evenly;flex-wrap:wrap;gap:12px}
/*.amici0 {background:#fff;width:90%;display:flex;justify-content:space-evenly;align-items:center;margin:0 auto;margin-bottom:1em;padding:8px 20px;border-radius:10px}*/
.amici1 {width:150px}
.amici2 {font-size:1.5em}
#archivio {background:#eee;padding:1em;text-align:center;font-size:20px}
.barra {background:#fed;width:auto;margin-top:3em;display:flex;justify-content:space-around;align-items:center;box-shadow:0 0 20px #555}
.bordo {border:5px solid #fff;box-shadow:0 0 20px #555}
.bottone {background:#ff8;margin:8px auto;padding:8px 16px 8px 16px;border:1px solid #aaa;border-radius:20px}
.boxTitolo {background:#fed;width:550px;margin:0 auto;margin-bottom:3em;padding:12px;border-radius:0 0 20px 20px}
.campanile {display:flex;justify-content:space-evenly;align-items:center}
.caption {padding:8px;grid-column-start:1;grid-column-end:4;color:#a00}
/*.classi {background:#aaa;width:440px;border:20px solid #eee;border-radius:10px}*/
.classifica {display:flex;justify-content:center;flex-wrap:wrap}
/*.disclaimer {font-weight:bold;font-size:18px}*/
.etichetta {padding:8px;font-size:18px;font-weight:bold;background:#faf}
.flexgrow {flex-grow:1}
/*.foto {width:320px;height:240px}*/
.foto {width:320px;height:320px}
.imgSx {float:left;margin:4px 1em 8px 0}
.imgDx {float:right;margin:1em 1em 0}
/*.lista-fg {background:#ffe;display:flex;align-items:center;flex-grow:1;gap:8px;padding:8px;font-size:18px;border-radius:10px}*/
.localita {padding:5px;font-size:16px;font-weight:bold;background:#fed}
.mille {background:#fed;width:92%;display:flex;flex-direction:column;font-size:1.2em;margin:0 auto;padding:8px;border-radius:20px}*/
.ombra {box-shadow:2 2 20px #888}
.para {background:#ffe;width:auto;text-align:justify;text-indent:1em;font-size:18px;margin:2em auto;padding:1em;border-radius:10px}
/*.raggio {border-radius:9px}*/
.riga1 {display:flex;justify-content:space-evenly;align-items:center}
.riga2 {display:flex;flex-direction:column;align-items:center}
.stellina {margin-right:20px}
.tabella {background:#ccc;width:500px;margin:1em;padding:8px;display:grid;grid-template-columns:repeat(3, auto);border:8px solid white}
.titoletto {width:auto;padding:8px;font-size:20px;font-weight:bold;background:#fed;text-align:center}
.titolo {font:bold 1.9em sans-serif;color:#a00;text-align:center}
.ccdr {width:100%;display:flex;justify-content:space-between;align-items:end}
.Rosso {color:#a00}
/*.Giallo {color:#ff0}*/

@font-face {font-family:"legno1";font-style:normal;font-weight:normal; src:url("../font/legno1.otf")}
@font-face {font-family:"halloween1";font-style:normal;font-weight:normal;src:url("../font/Halloween1.ttf")}
@font-face {font-family:"halloween2";font-style:normal;font-weight:normal;src:url("../font/Halloween2.ttf")}
@font-face {font-family:"greco1";font-style:normal;font-weight:normal;src:url("../font/greco1.ttf")}
@font-face {font-family:"greco2";font-style:normal;font-weight:normal;src:url("../font/greco2.ttf")}
.fontPE {font:normal 20pt legno1,sans-serif}
.fontHW1 {font-family:halloween1,sans-serif} /* SOLO LETTERE */
.fontHW2 {font-family:halloween2,sans-serif} /* VISUALIZZA I NUMERI */
.fontGR1 {font-family:greco1,sans-serif}
.fontGR2 {font-family:greco2,sans-serif}

@media screen and (min-width: 768px) {.mille,.amici0,.para,article {width:80%}}
@media screen and (min-width: 981px) {.mille,.amici0,.para,article {width:700px}}