body{background:#E8E8E8;background-attachment:fixed;font-size:18px;font-family:Georgia,"Times New Roman",Times,serif;margin:0;padding:0;color:#191970}
.corpo{display:flex;align-items:stretch;justify-content:space-around;width:60%;margin-left:auto;margin-right:auto;background-color:#E8F3FF}
.corpo a:visited{color:purple}
.corpo a:hover{color:#444}
.corpo a:link{color:#00F}
.skip_main{width:60%;background-color:#F8F8F8;color:#F8F8F8;margin-left:auto;margin-right:auto}
.skip_main a:link{color:#F8F8F8}
.skip_main a:focus{background-color:#990000;color:#FFF!important}
.skip_main a:visited{color:#F8F8F8}
.main{background-color:#F8F8F8;font-size:1em;margin-left:auto;margin-right:auto}
.main a:visited{color:purple}
#climat{border:1px solid #009;margin:2px;padding:2px;}
figure{margin:5px;padding:1px;}
figcaption{font-size:.9em;font-style:italic;text-align:left;color:#000}
.LegendaTabelle{font-size:.9em;color:#888;font-style:italic;text-align:right}
.ElencoCittà{line-height:1.5em}
.ElencoCittà a:hover{color:#444}
h1,h2,h4,h5,h6{font-size:1.4em;color:#900;font-variant:small-caps;text-transform:none;font-weight:400;margin-bottom:0}
h1{font-size:1.3em;padding-bottom:0;margin-bottom:0}
h2{font-size:1.2em;font-variant:normal;font-variant:small-caps;font-weight:400;text-align:left;color:#900}
h3{font-size:1em;font-weight:bold;margin-bottom:1px;text-decoration:none;}
img{max-width:100%;padding:0;margin:0;height:auto}
/* Nascondi la checkbox */
.accordion-toggle {display: none;}
/* Style per il contenitore dei bottoni */
.accordion-button {display: block;cursor: pointer;}
/* Style per i bottoni */
.accordion-button label {background-color: #E8E8E8;color:#191970;padding:10px 0px 10px 0px;text-align: left;border: none;font-size:.9em;display:block;width:100%;}
/* Nascondi il contenuto per default */
.accordion-content {display: none;padding: 10px;background-color: #f9f9f9;border-top: 1px solid #ccc;transition: all 0.3s ease-in-out;}
/* Quando la checkbox è selezionata, mostra il contenuto */
.accordion-toggle:checked + .accordion-button + .accordion-content {display: block;
}
/* Nascondi il bottone "Vedi meno" quando la checkbox non è selezionata */
.accordion-toggle:not(:checked) + .accordion-button .collapse-btn {display: none;}
/* Nascondi il bottone "Espandi" quando la checkbox è selezionata */
.accordion-toggle:checked + .accordion-button .expand-btn {display: none;}
/* Mostra il bottone "Vedi meno" quando la checkbox è selezionata */
.accordion-toggle:checked + .accordion-button .collapse-btn {display: inline-block;}
.ImmagineNonCliccabile{display:none}
.ImmagineCliccabile{color:#900;font-size:.9em;text-align:left}
.LinkContinenti{font-size:.9em;color:#00F;text-decoration:none}
.LinkContinenti a:link{color:#000;text-decoration:underline}
.LinkContinenti a:visited{color:purple;text-decoration:none}
.LinkContinenti a:hover{color:#CBA;text-decoration:none}
.ElencoPaesi{color:#000;font-size:1em;text-align:left}
.ElencoPaesi a:link{color:#009;text-decoration:none}
.ElencoPaesi a:visited{color:purple;text-decoration:none}
.ElencoPaesi a:hover{color:red;font-variant:normal;text-decoration:none}
.TitoliPaesi{font-size:1em;color:#900;padding-bottom:0;margin-bottom:0;font-variant:small-caps}
.TitoliPaesi a:visited{color:#903;text-decoration:none}
.hr_int{border-top: 1px solid #555}
.hr_h2{border-top: 1px solid #900}
.copyright{font-size:.8em;text-align:left}
.button{text-decoration:none;display:inline-block;text-align:center;padding:.25rem.5rem;font-size:1rem;font-weight:300;  border-radius:.2rem;color:black;background-color:white;margin:15px 5px 15px 5px}
.button-facebook{background-color:#4267b2;color:white!important}
.button-twitter{background-color:#000000;color:white!important}
.button-whatsapp{background-color:#25D366;color:white!important}
.button-linkedin{background-color:#0e76a8;color:white!important}
.button-mail{background-color:#777777;color:white!important}
.title{width:60%;background-color:#F8F8F8;font-weight:400;margin:0;margin-left:auto;margin-right:auto;color:#000;border:none;font-size:1em;text-decoration:none;text-align:left;font-variant:small-caps;vertical-align:top}
.title span{color:#000;margin:0;padding:0}
.title a:link,a:visited{font-size:2em;color:#900;text-decoration:none}
.title a:hover{color:red;text-decoration:none}
.title span:hover{color:red}
.dropdown{position:relative;display:inline-block;}
.dropdown-content{display:none;position:absolute;line-height:1.5em;background-color:#f9f9f9;min-width:160px;box-shadow:0px 8px 16px 0px rgba(0, 0, 0, 0.2);padding:12px 16px;z-index:1;padding:7px}
.dropdown:hover 
.dropdown-content{display:block;}
.header{clear:both;width:60%;background-color:#900;height:74px;border:0px solid#900;padding:0;display:block;text-decoration:none;white-space:nowrap;margin:0 auto}
.header a:link{color:#009;text-decoration:none;padding:18px 30px 0 10px}
.header a:visited{color:purple;text-align:center;text-decoration:none}
.header a:hover{color:#FA8072;text-align:center;text-decoration:none}
.headerscroll{position:-webkit-sticky;position:sticky;top:0;z-index:100;display:none;width:100%;color:#FFF;background-color:#900;border:0px solid#900;padding:7px 0px 7px 0px;text-decoration:none;white-space:nowrap;margin:0 auto}
.headerscroll a:link{color:#009;text-decoration:none;padding:18px 30px 0 10px}
.headerscroll a:visited{color:purple;text-align:center;text-decoration:none}
.headerscroll a:hover{color:#FA8072;text-align:center;text-decoration:none}
.footer{clear:both;width:60%;height:100px;background-color:#900;font-size:1.2em;border:0 solid#900;padding:0;display:block;text-decoration:none;white-space:nowrap;margin:0 auto}
.footer a:link{color:#FFF;text-decoration:none;padding:1px 30px 0 10px}
.footer a:visited{color:#FFF;text-align:center;text-decoration:none}
.footer a:hover{color:#FA8072;text-align:center;text-decoration:none}
.footer2{clear:both;line-height:1.6em;width:60%;background-color:#900;font-size:1.2em;border:0 solid#900;padding:1px;display:block;text-decoration:none;white-space:nowrap;margin:0 auto;display:none}
.footer2 a:link{color:#FFF;text-decoration:none;padding:18px 30px 0 10px}
.footer2 a:visited{color:#FFF;text-align:center;text-decoration:none}
.footer2 a:hover{color:#FA8072;text-align:center;text-decoration:none}
#centro-home{padding:0 1%;float:left;width:98%;background-color:#F8F8F8}
#centro{padding:0 1%;float:left;min-height:100%;width:68%;background-color:#F8F8F8}
#destra{float:left;min-height:100%;width:40%;border-width:0;border-color:#900;border-style:solid;padding:5px 0 0;background-color:#F8F8F8}
.carta{width:60%}
.tabellalarga{color:#000;width:100%}
.tabellalarga{overflow-x:auto}
.div-tabella{color:#000;width:80%}
.div-tabella{overflow-x:auto}
.città{border-width:1px;border-color:#903;border-style:solid}
.città td{background-color:#E8E8E8;text-align:center}
.città th{background-color:#E8E8E8}
.città td.mese{background-color:#E8E8E8;color:#903}
.Bloccatitolo{float:left;width:232px;border-width:0;border-color:#444;border-style:solid;padding:0;background-color:#900}
.Bloccatitolod{float:left;height:300px;width:232px;border-width:0;border-color:#444;border-style:solid;padding:5px;background-color:#E8E8E8;margin-top:140px}
.cities{width:100%;border-collapse:collapse;border-width:1px;border-color:#009;border-style:solid;text-align:center;margin:3px 0px 3px 0px}
.cities th{border-width:1px;border-color:#333;border-style:solid;font-weight:bold;padding:2px;margin:0}
.cities td{border-width:1px;border-color:#666;border-style:solid}
.cities tr:nth-child(even){background-color:#edf2f4}
.cities tr:nth-child(odd){background-color:#ccd5e5}
.title-table-cell{display:none}
.precipit{width:100%;background-color:#c9e4ca;border-collapse:collapse;border-width:1px;border-color:#080;border-style:solid;text-align:center;margin:3px 0px 3px 0px}
.precipit th{border-width:1px;border-color:#333;border-style:solid;font-weight:bold;padding:2px;margin:0}
.precipit td{border-width:1px;border-color:#666;border-style:solid}
.precipit tr:nth-child(even){background-color:#edf2f4}
.precipit tr:nth-child(odd){background-color:#ccd5e5}
.mare{width:100%;border-collapse:collapse;background-color:#d7d9f2;border-width:1px;border-color:#009;border-style:solid;text-align:center;margin:3px 0px 3px 0px}
.mare th{border-width:1px;border-color:#333;border-style:solid;font-weight:bold;padding:2px;margin:0}
.mare td{border-width:1px;border-color:#666;border-style:solid}
.mare tr:nth-child(even){background-color:#edf2f4}
.mare tr:nth-child(odd){background-color:#ccd5e5}
.sole{width:100%;background-color:#ffe8d4;border-collapse:collapse;border-width:1px;border-color:#009;border-style:solid;text-align:center;margin:3px 0px 3px 0px}
.sole th{border-width:1px;border-color:#333;border-style:solid;font-weight:bold;padding:2px;margin:0}
.sole td{border-width:1px;border-color:#333;border-style:solid}
.sole tr:nth-child(even){background-color:#edf2f4}
.sole tr:nth-child(odd){background-color:#ccd5e5}
.città-table{background-color:#F5CAC3}
.città-table2{background-color:#fefae0}
.vuota-table{display:none;padding:0;margin:0}
.min-table{color:#009}
.max-table{color:#900}
.med-table{color:#555}
.prec-table{color:#31572C}
.giorni-table{color:#31572C}
.sole-table{color:#F2542D}
.cities caption{text-align:left;font-size:.9em;font-weight:bold;color:#FFF;background-color:#d90429;padding:0px 0px 1px 0px}
.precipit caption{text-align:left;font-size:.9em;font-weight:bold;color:#FFF;background-color:#40916c;padding:0px 0px 1px 0px}
.mare caption{text-align:left;font-size:.9em;font-weight:bold;color:#FFF;background-color:#0466c8;padding:0px 0px 1px 0px}
.sole caption{color:#FFF;background-color:#FF9900;text-align:left;font-size:.9em;font-weight:bold;padding:0px 0px 1px 0px}
.rigavuota{height:3px}
@media only screen and (max-width: 1920px) {
}
@media only screen and (max-width: 1680px) {
body{font-size:18px}
.main{font-size:1em}
.ElencoPaesi{font-size:1em}
.title{font-size:1em}
h1{font-size:1.3em}
h2{font-size:1.2em}
h3{font-size:1em}
.header{font-size:.8em;width:70%}
.corpo{width:70%}
.skip_main{width:70%}
.title{width:70%}
.footer{width:70%}
.footer2{width:70%}
}
@media only screen and (max-width: 1280px) {
.intestaz{font-size:1em}
.skip_main{width:80%}
.title{width:80%}
.header{width:80%;font-size:.8em}
.footer{width:80%}
.corpo{display:inline;width:80%}
#centro{width:68%}
#destra{width:30%}
}
@media only screen and (max-width: 1152px) {
.title{width:90%}
.skip_main{width:90%}
.header{width:90%;font-size:.8em}
.footer{width:90%}
.corpo{width:90%}
}
@media only screen and (max-width: 1024px) {
.title{width:100%}
.skip_main{width:100%}
.headerscroll{display:inline-block}
.header{display:none}
.footer{width:100%}
.corpo{width:100%}
.title-table-new{}
.title-table-cell{}
}
@media only screen and (max-width: 768px) {
.image-container {
    overflow-x: auto;  /* Abilita lo scroll orizzontale */
    white-space: nowrap;  /* Impedisce che l'immagine vada a capo */
    display: block; /* Impedisce problemi di layout, a volte utile */
    width: 100%;  /* Assicurati che il contenitore prenda tutta la larghezza disponibile */
  }
.mappeclima {
    max-width: none; /* Impedisce che l'immagine venga ridimensionata */
    width: auto;  /* Mantieni la larghezza originale dell'immagine */
    height: auto; /* Mantieni il rapporto di aspetto */
    display: block; /* A volte necessario per evitare problemi con l'inline-block */
  }
   /* Sovrascrivere le regole dell'immagine */
figure {
    display: inline-block;  /* Impedisce che il figure occupi tutta la larghezza */
  }
.carta{width:70%}
.footer{font-size:.9em}
.cities{font-size:1em}
.mare{font-size:1em}
.sole{font-size:1em}
.precipit{font-size:1em}
}
@media only screen and (max-width: 630px) {
.carta{width:85%}
.div-tabella{width:85%}
.footer2{width:100%;display:block;line-height:2em}
.footer{display:none}
#centro{width:98%}
#destra{width:100%}
.google-destra{display:none}
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
.carta{width:100%}
.div-tabella{width:100%}
li{margin:10px 0;}
.ImmagineNonCliccabile{display:inline-table}
.ImmagineCliccabile{display:none}
.ElencoCittà{line-height:2em}
.cities{font-family:Arial Narrow,"Times New Roman",Times,serif;font-size:1em}
.mare{font-family:Arial Narrow,"Times New Roman",Times,serif;font-size:1em}
.sole{font-family:Arial Narrow,"Times New Roman",Times,serif;font-size:1em}
.precipit{font-family:Arial Narrow,"Times New Roman",Times,serif;font-size:1em}
.cities caption{font-size:1em}
.precipit caption{font-size:1em}
.mare caption{font-size:1em}
.sole caption{font-size:1em}
}
@media only screen and (max-width: 360px) {
h1,h2{font-size:1.1em}
}
@media only screen and (max-width: 320px) {
.headerscroll{font-size:0.8em}
}
@media only screen and (max-width: 299px) {
}
@media only screen and (max-width: 239px) {
}
@media only screen and (max-width: 200px) {
.h1,h2{width:100%}
}
@media print {
div#centro{width:100%;margin:0;float:none;font-size:0.8em}
.cities,.precipit,.mare{width:100%;margin:0;float:none;page-break-inside:avoid}
.google,.addthis,.facebook,.header,.footer,.footer2,#destra{display:none}
.TitoliPaesi{page-break-after:avoid}
}