/*MINIWEB 4.0*/
/*LOGHI*/
.logo-mobile{width: 12%;}
.loghino-mobile{width: 8%;}
/*FINE LOGHI*/

/*MENU MOBILE */
.mobile-nav { display: block; position: sticky; margin: 0; top: 0; background-color: #c2c2a3e8; z-index: 4;}
.mobile-nav #myLinks {display: none;}       
.mobile-nav a {color: #0000FF; padding: 1%; text-decoration: none; font-weight: bold; font-size: 17px; display: block;}
.mobile-nav a.icon { display: block; position: absolute; margin: 0; right: 0; top: 0;}
.mobile-nav a:hover {color: yellow;}
.active {background-color: #c2c2a3;color: white;}
/*FINE MENU MOBILE*/

/*NAVIGAZIONE stile DESKTOP*/
.navigazione{display:none;}
/*FINE NAVIGAZIONE DEKTOP*/

/* MENU DESKTOP*/
.navigazione li ul{display: none}
.navigazione li:hover ul{display: block; position: absolute; z-index:1;}
.tendina li{width: 100%; margin: 1%; font-size: 90%; border-radius: 8px;background-color: #f1f1f1; text-align: center;}
.tendina a{color: red}
/*FINE MENU DESKTOP*/

/*FOTO*/
.lanza{display: block; width: 70%; border: 1px solid black; margin: 1% auto;}
#mappa-porti{width: 100%;}
.pruanuda{float: right;width: 50%; margin: 1%;}
.clas580{float: right; margin: 1%; width: 20%; max-width: 69px;}
.windy22{float: right; margin:1%;}
.ambrogio{float: right; margin:1%}
.puertoluz{float: right; margin:1%;}
.lavori-in-corso{float: right; margin:1%;}
.satana{float: right; margin: 1%;}
.mille{float: right; margin: 1%;}
.logo-classe{float:right; margin:1%;}
.utilita{display: block;background: black; margin:1% auto; padding:1%;}
/*FINE FOTO*/
/*FOTO MISURE*/
.windy22{width: 20%; max-width: 54px;}
.ambrogio{width: 40%; max-width: 56px;}
.puertoluz{width: 30%; max-width: 140px; margin: 1%;}
.lavori-in-corso{width: 30%; max-width: 86px;}
.satana{width: 25%; max-width: 150px;}
.mille{width: 30%; max-width: 150px;} 
.logo-classe{width: 20%; max-width: 78px;}
.utilita{width:93%;}
/*FINE MISURE FOTO*/
.giusti-home{text-align: center;}

/*STILI SECTION e SPAZIATORI*/
.intro-home{ margin: 1%;}
.lanza-home{width:100%; margin: 0;}
section#minitransat, #zero, #base-mini, #classe-mini{border: 1px solid black; margin: 5% 1% 3%; padding: 0; height: auto;} 
.spaziatore{clear: both;}
#spazio-minitransat{display: none;}
#spazio-base{display: none;}      
/*FINE STILI SECTION*/       

/*STILI ARTICOLI*/
.articoli{margin-bottom:10%;}
#utility article {margin-bottom: 0;}
/*FINE STILI ARTICOLI*/

/*STILI TITOLI E TESTI*/
.tit-sec-home{text-align: center;font-size: 100%;}



/******************************************MEDIA-Q*/@media screen and (min-width: 710px) {
    
    .mobile-nav{display: none;}
    .navigazione{display: block;}
    
    
    /*STILI SECTION INTRO-HOME*/
    .intro-home {margin: -1.5% 0 0; height: 355px; background-image: url("minis-16bis.jpg"); background-repeat: no-repeat; background-position: right top; background-size: 100% 100%;}
    .benvenuto{width: 70%; margin: 1% auto;}
    .lanza{float: right;;width: auto; max-height: 220px; margin: 0 0 0 5%;}
    
    h2.tit-sec-home{font-size: 150%; color:snow; text-align: center; margin: 0; padding:4%;}
    p.giusti-home {color: snow; text-align: right; font-size: 150%; font-weight: bold; line-height: 150%;  padding-right: 2%;}
    
    
 /*STILI SECTION-HOME*/
section#minitransat, #zero, #base-mini, #classe-mini{width:47%; height:600px; overflow:auto;}
#minitransat{float:left;}
#zero{float:right;}
#base-mini{ float:left;}
#classe-mini{float: right;}
#utility{margin: 1%;}
/*FINE STILI SECTION*/
#spazio-minitransat{display: block; margin-bottom: 2%;}
#spazio-base{display: block; margin-bottom: 2%;}
/*FOTO*/
.windy22{width: 20%;}
.ambrogio{width: 20%;}
.puertoluz{width: 30%; }
.lavori-in-corso{width: 30%;}
.mille{width: 50%;}
.utilita{width:93%;}
/*FINE FOTO*/       
}

/******************************************MEDIA-Q*/@media screen and (min-width: 1024px) {
    .intro-home{height: 512px;}
    .benvenuto{left: 5%;}
    .lanza-home{right: 5%}
    .lanza{max-height: 290px;width: auto;}
    
}

/******************************************MEDIA-Q*/@media screen and (min-width: 1366px) {  
    .intro-home{height: 550px;}
    .lanza-home{width: 40%; right: 10%;}
}