/*UTY-ART2*/

.logo-mobile{display: none;}
.loghino-mobile{display: none;}


#pix{display: inline;}
.mappa{display: none;background: #ADD8E6; margin: 0; padding: 0;}
.province {background-color: #ADD8E6; background-image: linear-gradient(#ADD8E6,#0070FF, #91a8ee); margin: 0; padding: 2% 0;}
h2.tit-pro{position: sticky; top: 0; color: #4169E1; text-align: center; background-color: #ffcc00; margin: 0; padding:1%;}
.palma {width: 45%; float: right; background: white; max-height: 600px; overflow: auto; margin: 1%; padding: 0; border: 1px solid black}
.tenerife{width: 45%; float: left; background: white; max-height: 600px; overflow: auto; margin: 1%; padding: 0; border: 1px solid black;}
.schede-porti {margin: 10% auto 1%; padding: 0; background: #E5E5E5; border: 1px solid; border-radius: 10px; box-shadow: 0px 8px 16px 0px #9E8484;}
.schede-porti p{margin: 1%; font-size: 70%;}
.tit-schede-porti {color: black;text-align: center;}


/******************************************MEDIA-Q*/@media screen and (min-width: 710px) {
    .mappa{display: block;}
    #mappa-porti{display: none;}
    #mappa-porti-due{display:block; margin:0 auto;}
    #pix{display: none;}
    .schede-porti{width: 90%;}
    .schede-porti p{margin: 2%; font-size: 80%;}
}

/******************************************MEDIA-Q*/@media screen and (min-width: 1045px) {
    body{background: #595959;}
    .scatolone{width:  100%; margin: auto;}
    #mappa-porti {display:block; margin:0 auto;}
    #mappa-porti-due {display: none;}
}

/******************************************MEDIA-Q*/@media screen and (min-width: 1150px) {  
       .scatolone{width: 90%;}
}

/******************************************MEDIA-Q*/@media screen and (min-width: 1434px) {  
       .scatolone{width: 70%;}
}