body{font-family:"arial"; margin: 0; background:#404040;}
.scatolone{width:100%; background-color:#ffffcc; position: relative; margin:0;}
#testata{display: block; width: 90%; margin: auto;padding:1%;}

/*LOGHI*/
.loghino{display: none;}
.logo{display: none}
.logo-mobile{width: 12%;}
.loghino-mobile{width: 8%;}
img.flag{width: 10%; margin: 1% 2%;}

/* MENU DESKTOP*/
.navigazione  {width: 100%;  background-color: #c2c2a3; position: sticky; top:0;z-index: 2;}
.navigazione ul{list-style-type: none; margin: 1% 0 0 0; padding: 0;text-align: center;}
.navigazione li{display: inline-block;  font-size: 100%;padding: 1%; margin: 1% 1%; background-color:#91a8ee;border-radius: 8px; color: white;}
.navigazione a{display: block; padding: 1px; color: #ffffff;text-decoration: none;}
.navigazione a:hover {color:#ffcc00;}
li a.active{ background-color: #ffcc00;color: white;}
li a:hover:not(.active){ color: #ffcc00;} 

.articoli{margin: 1%;}

/*STILI TITOLI E TESTI*/
#tit-testata{ display: none;}
h2.tit-sec{position: sticky; top: 5%; color: #4169E1; text-align: center; background-color: #ffcc00; margin-top: 0; padding:2%;}
#utility h2 {margin: 0; padding: 2%;}
h3.tit-art{color: #ffffff; text-align: center; background-color: #4169E1; margin:1% 1%; padding:2%;}
.giusti{color: #000000;text-align: justify; font-size: 100%; line-height: 1.5; margin: 1%;}
.data{color:red;}
.piede{color: red;text-align: center; margin: 0; padding:2%;}
.copyright{margin: 0; padding-bottom: 1%; color: red;text-align: center;}
/*FINE TITOLI E TESTI*/
/*TITOLI E TESTI MISURE*/
    h1{font-size: 60%;}
    h2{font-size: 70%;}
    h3{font-size: 70%;}
   
   .copyright{font-size: 60%;}
/*FINE TITOLI*/

/*FOOTER*/
.spaziatore{clear: both;}
footer {display: block; background-color: #91a8ee; margin:0;}

/******************************************MEDIA-Q*/@media screen and (min-width: 710px) {
    .scatolone{width: 100%;}
    #testata{width: 40%;}
    #tit-testata{display: block; color: #4169E1; text-align: center; margin: 0 auto 2%;}
    .loghino{display: block; position: absolute; top: 0; left: 5%; width: 8%;margin: 1%;}
    .logo{display: block;position: absolute; top:0; right: 5%; width: 12%; margin:1%;}
    img.flag{width: 7%;}
    .mobile-nav{display: none;}
    .navigazione{display: block; }
    
/*MENU DESKTOP */
.botton li {font-size: 80%;}
.tendina li {font-size: 100%;}
/*fine menu desk*/  
    
    #tit-testata{font-size: 90%;}
h2.tit-sec{font-size: 80%; top: 0;}
h3.tit-art{font-size: 110%;}
.giusti{font-size: 100%;}
.piede{font-size: 100%;}
.copyright{font-size: 60%;}
}
    /******************************************MEDIA-Q*/@media screen and (min-width: 1024px) {
    .body{background: #595959;} 
    .scatolone{width:  90%; margin: auto;}
    img.flag{width: 5%;}    
    
    /*TITOLI E TESTI MISURE*/
    h1{font-size: 90%;}
    h2{font-size: 100%;}
    h3.tit-art{font-size: 120%;}
   
   .copyright{font-size: 80%;}
/*FINE TITOLI*/
}

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