@keyframes entra{
0% {left:-100%;}
100%{left:0}
}

@keyframes compari_da_sotto{
0% {bottom:-300px;}
100%{bottom:0px;}
}

body{margin:0px;font-size:26px;  font-family: "Quicksand", sans-serif;background:white;}
#fisso{position:sticky;z-index:2000;}
#top{box-sizing:border-box;padding:0px;height:140px;position:relative;}
#top_menu{font-size:50%;position:fixed;top:0px;left:0px;z-index:1000;width:100%;padding:10px 20px; box-sizing:border-box;display:flex;gap:20px;align-items:center;}
#icona_menu{font-size:180%;cursor:pointer;width:100px;display:block;}
#icona_menu_mezzo{cursor:pointer;width:30px;right:10px;position:absolute;}
#icona_home_mezzo{cursor:pointer;}
#div_lingue{cursor:pointer;position:relative;}


.titolo0{font-weight:700;font-size:300%;text-align:center;margin:20px;box-sizing:border-box;}
.titolo1{font-weight:bold;margin-bottom:40px;color:#7c8a7b;border-bottom:solid 2px #cfdbce;padding-bottom:10px;}
#titolo_home{position:relative;top:50%;left:0;text-align:center;font-size:100%;font-weight:900;color:white; font-family: "Montserrat", serif; width:100%;}
#sottotitolo_home{font-size:100%;color:white;width:100%;}
#logosopra {height:60px;margin:auto;}


.enfasi{font-size:30px;font-family: "Caprasimo", serif; font-weight: 400; font-style: normal;}

#corpo{margin-top:40px;position:relative;}
.dentro{margin:20px 30px;box-sizing:border-box;}
.dentro_slider{box-sizing:border-box;}
.contenitore1{display:flex;gap:20px;justify-content:center;font-size:90%;flex-wrap:wrap;}
.contenuto1{cursor:pointer;width:calc(50% - 10px);box-sizing:border-box;background:white;font-size:90%;height:320px;margin:10px 0px;}
.contenuto1:hover{opacity:0.5;}
.contenuto1 .titolo{font-weight:bold;}
.contenuto1 .sottotitolo{font-size:85%;}
.contenuto1 .spaziotitolo{height:110px;}
.contenuto1 .immagine{margin:10px 0px;border-radius:10px;width:100%;height:70%;position:relative;}

.attrazioni_contenitore{display:flex;gap:10px;align-items:flex-start;font-size:80%;flex-wrap:wrap;}
.attrazione_didascalia{margin-top:10px;font-size:70%;}
.attrazioni_contenuto{text-align:center;width:calc(33% - 7px);}

#sotto{font-size:80%;text-align:center;min-height:200px;background:#f0faf9;color:black;width:100%;}
#logo_sotto{height:80px;margin:auto;}

.destinazione_titolo{font-size:100%;font-weight:bold;text-align:center;margin:30px 0px;}
.destinazione_descrizionebreve{color:#ff626f;font-weight:bold;text-align:center;padding:20px;box-sizing:border-box;}
.destinazione_descrizionelunga{word-wrap: break-word;font-size:80%;font-weight:normal;text-align:left;box-sizing:border-box;}
.gallery_contenitore{border:dotted 1px;display:flex;gap:10px;padding:10px;margin-top:30px;justify-content:center;flex-wrap:wrap;}
.destinazione_gallery{width:100%;height:200px;cursor:pointer;}

.attrazione1{font-size:60%;color:#3c647d;}
.attrazione_titolo{font-size:100%;height:unset;color:#3c647d;font-weight:bold;text-align:center;margin:30px 0px;}
.attrazione_descrizionebreve{color:#ff626f;font-weight:bold;text-align:center;box-sizing:border-box;padding:20px 0px;}
.attrazione_descrizionelunga{word-wrap: break-word;font-size:80%;font-weight:normal;text-align:left;box-sizing:border-box;}

.attrazione_contenitore{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.attrazione_gallery{width:calc(100%);box-sizing:border-box;height:200px;cursor:pointer;}
.attrazione_singola{margin:20px 0px;color:white;padding:20px;width:100%;border:solid 1px black;border-radius:9px;background:#edf3fc;display:flex;flex-wrap:wrap;align-items:flex-start;}
.attrazione_mezzo{width:100%;}
.attrazione_immagine{width:100%;height:300px;padding:10px;box-sizing:border-box;position:relative;border-radius:9px;}


#popup{position:fixed;top:0px;left:0px;width:100%;height:100%;z-index:3000;background:rgba(0,0,0,0.9);display:none;}
#chiudi_popup{color:red;position:absolute;top:20px;right:20px;z-index:3001;font-size:70px;cursor:pointer;}
#chiudi_cookie{color:red;position:absolute;top:20px;right:20px;z-index:3001;font-size:30px;cursor:pointer;}
#corpo_popup{padding:20px;height:100%;width:100%;box-sizing:border-box;}
#inner_popup{height:100%;width:100%;box-sizing:border-box;}

.pubblicita{width:100%;}

.didascalia{position:absolute;bottom:10px;right:10px;font-size:45%;text-align:right;background:white;padding:3px;}

#menusotto{width:50%;box-sizing:border-box;}
.menusotto_voce{text-align:center;cursor:pointer;font-size:90%;}

.home_banner{margin-bottom:20px;}

#menu_mezzo{overflow:auto;font-size:80%;animation:entra 1s ease-in-out;background:#edf3fc;color:#637fad;display:none;position:fixed;z-index:3000;top:0;left:0;height:100vh;width:100vw;box-sizing:border-box;padding:20px;}
.vocemenu_mezzo{cursor:pointer;background:white;width:100%;position:relative;text-align:center;border:solid 3px #3c647d;border-radius:25px;padding:5px;box-sizing:border-box;}
.nomezona,.nomesettore,.nomeitinerario{width:100%;font-weight:bold;font-size:90%;cursor:pointer;padding:10px 0px 0px 10px;}
.contenitore_destinazioni_menumezzo,.contenitore_store_menumezzo,.contenitore_itinerari_menumezzo{display:none;position:relative;width:100%;}
#dentro_menu_mezzo{padding:20px 30px;}

#elenco_destinazioni{display:none;color:black;width:100%;padding:20px 0px;}
.elenco_destinazioni_elemento,.elenco_store_elemento{cursor:pointer;width:100%;box-sizing:border-box;padding:3px 20px;font-size:90%;}
.elenco_destinazioni_elemento:hover,.elenco_store_elemento:hover{text-decoration:underline;}
#elenco_store{display:none;color:black;width:100%;padding:20px 0px;}
.elenco_store_elemento{cursor:pointer;width:100%;box-sizing:border-box;padding:0px 10px;font-size:90%;}
.elenco_store_elemento:hover{text-decoration:underline;}
#elenco_itinerari{display:none;color:black;width:100%;padding:20px 0px;}

.contenitore_top_store{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin:20px 0px;}

.contenitore_store{display:flex;gap:10px;justify-content:center;}
.logo_store{position:relative;width:250px;height:250px;cursor:pointer;border:solid 1px;border-radius:9px;padding:10px;}
.didascalia_store{position:absolute;bottom:10px;left:0px;background:rgba(255,255,255,0.7);text-align:center;font-weight:bold;font-size:40%;padding:5px;width:100%;box-sizing:border-box;}
.store_titolo{font-size:100%;font-weight:bold;}
.store_descrizionelunga{font-size:80%;margin-top:40px;}
.store_descrizionebreve{}


.offerte_gallery{width:300px;height:300px;border-radius:8px;}
.offerta{font-weight:bold;}
.offerte_descrizione{font-size:90%;}
.offerte_fine{width:100%;box-sizing:border-box;color:white;background:blue;font-size:70%;padding:3px;text-align:center;margin-top:10px;}
.offerta_riquadro{display:flex;gap:20px;margin:20px 0px;width:100%;cursor:pointer;flex-wrap:wrap;justify-content:center;}


.icone_mappe{text-align:center;padding:20px;display:flex;gap:20px;justify-content:center;font-size:60%;}
.icone_mappe img{width:80px;box-sizing:border-box;cursor:pointer;}



.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.itinerario_titolo{font-weight:bold;text-align:center;font-size:100%;}
.itinerario_descrizionebreve{font-weight:bold;text-align:center;font-size:100%;margin:30px 0px;}
.itinerario_descrizionelunga{font-size:90%;}

.tappa_titolo{color:#00a4f1;text-align:center;margin:20px;font-weight:bold;font-size:100%;}
.tappa_immagine{width:180px; height:180px; border-radius:50%; margin:20px auto;border:solid 15px white;box-shadow:0px 0px 3px gray;}
.tappa_collegamento{width:calc(50% - 1.5px);border-right:dotted 3px gray;height:80px;}
.tappa_freccia{width:40px;left:calc(50% - 20px);text-align:center;position:relative;}
.tappa_descrizionebreve{padding:10px;text-align:center;margin-bottom:30px;font-size:90%;font-weight:bold;}
.tappa_descrizionelunga{padding:10px;text-align:center;margin-bottom:0px;font-size:70%;font-style:italic;}
.tappa_riquadro{padding:5px;border:solid 1px #dedede;border-radius:10px;margin:5px;background:#edf3fc;}
.immagine_popup{width:100%;height:100%;margin:auto;box-sizing:border-box;}

.loghi{height:50px;}
#spazio_loghi{background:#DEDEDE;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:30px;box-sizing:border-box;}

#cookie{font-size:60%;position:fixed;box-sizing:border-box;bottom:0px;padding:20px;width:100%;text-align:center;background:#584b41;color:white;animation:compari_da_sotto 1s ease-in-out;}

.contatti_contenitore{font-size:80%;flex-wrap:wrap;display:flex;gap:20px;justify-content:center;margin-bottom:40px;}

#map_zone{font-size:80%;}
.map_zona{font-weight:bold;}
.map_destinazione{position:relative;margin-left:20px;font-size:90%;}
.map_attrazione{position:relative;margin-left:40px;font-size:80%;}


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

.menusotto_voce{font-size:100%;}
#map_zone{font-size:100%;}


.contatti_contenitore{flex-wrap:nowrap;font-size:100%;}
.loghi{height:80px;}
#spazio_loghi{flex-wrap:no-wrap;}

.offerte_gallery{width:100px;min-width:100px;height:100px;border-radius:8px;}
.offerta_riquadro{flex-wrap:nowrap;}

.itinerario_titolo{font-weight:bold;text-align:center;}
.itinerario_descrizionebreve{font-weight:bold;text-align:center;font-size:130%;margin:30px 0px;}
.itinerario_descrizionelunga{font-size:100%;}

.tappa_titolo{text-align:center;margin:20px;font-weight:bold;font-size:120%;}
.tappa_immagine{width:180px; height:180px; border-radius:50%; margin:20px auto;border:solid 15px white;box-shadow:0px 0px 3px gray;}
.tappa_collegamento{width:calc(50% - 1.5px);border-right:dotted 3px gray;height:80px;}
.tappa_freccia{width:40px;left:calc(50% - 20px);text-align:center;position:relative;}
.tappa_descrizionebreve{padding:10px;text-align:center;margin-bottom:30px;}
.tappa_descrizionelunga{font-size:90%;}
	
@keyframes entra{
0% {left:-400px;}
100%{left:0}
}


	
body{margin:0px;font-size:22px;  font-family: "Quicksand", sans-serif;}
#top{height:350px;}
#top_menu{font-size:100%;}
.dentro{margin:20px 20%;}
.dentro_slider{margin:20px 20%;}
.gallery_contenitore{border:dotted 1px;display:flex;gap:10px;padding:10px;margin-top:30px;}
.destinazione_gallery{width:calc(25% - 8px);height:300px;}
#div_lingue{font-size:80%;}

#chiudi_popup,#chiudi_cookie{font-size:30px;}
#cookie{font-size:80%;}

.destinazione_titolo{font-size:130%;font-weight:bold;text-align:center;margin:30px 0px;}
.destinazione_descrizionebreve{color:#ff626f;font-size:100%;font-weight:bold;text-align:center;padding:20px;box-sizing:border-box;}
.destinazione_descrizionelunga{word-wrap: break-word;font-size:100%;font-weight:normal;text-align:left;box-sizing:border-box;}
.attrazione_contenitore{flex-wrap:wrap;}
.attrazione_titolo{font-size:120%;height:60px;}
.attrazione_descrizionebreve{font-size:100%;}
.attrazione_descrizionelunga{font-size:100%;}
.attrazione_singola{width:calc(50% - 50px);}
.attrazione_gallery{width:calc(25% - 8px);}

.contenitore1{flex-wrap:wrap;}
.contenuto1{width:calc(25% - 20px);height:380px;}
.contenuto1 .titolo{font-weight:bold;}
.contenuto1 .sottotitolo{font-size:85%;}
.contenuto1 .spaziotitolo{height:80px;}
.contenuto1 .immagine{width:100%;height:80%;position:relative;box-sizing:border-box;}

.attrazioni_contenuto{width:calc(20% - 15px);cursor:pointer;}
.attrazione1{font-size:90%;}

.nomezona{font-size:100%;}

#titolo_home{position:relative;top:60%;margin:auto;font-size:150%;font-weight:700;color:white; font-family: "Montserrat", serif; font-style: normal;width:100%;}
#sottotitolo_home{font-size:100%;color:white;}
#logosopra {height:120px;margin:auto;}

.didascalia{font-size:70%;}

#menu_mezzo{width:400px;}

.contenitore_top_store{flex-wrap:nowrap;justify-content:flex-start;}

.contenitore_store{justify-content:flex-start;}
.logo_store{height:280px;width:280px;}
.didascalia_store{font-size:80%;}
.store_titolo{font-size:130%;font-weight:bold;}
.store_descrizionelunga{font-size:90%;margin-top:40px;}
.store_descrizionebreve{font-size:100%;}

.offerte_fine{font-size:70%;width:300px;}
.offerte_descrizione{font-size:90%;}

.icone_mappe{font-size:80%;}



}