/*--------------------------------------------------------------
# SEZIONE SEI
--------------------------------------------------------------*/

#sezsei {float:left;
         display: flex;
         flex-wrap: wrap;
         width: 100%;
         height:auto;
         color: #ffffff; }

#sezseiheader {float:left;
               background-color: #007dca;
               width: 100%;
               clear: both;
               margin: 0;
               padding: 80px 0px 0px 20px;}

#sezseiheader > H1 {text-transform: uppercase;
                   font-weight: bold;

                   font-family: verdana, sans-serif;
                   letter-spacing: 1px;
                   padding-left: 30px; text-shadow: 3px 3px #0066cc; }

/*--------------------------------------------------------------
# @media screen
--------------------------------------------------------------*/

@media screen and (max-width: 480px) {
    #sezseiheader h1 {font-size: 24px; padding-left: 6px;}
}












#sezseicontent{width: 100%;
               float:left;
               display: flex;
               flex-wrap: wrap;
               height:auto
               clear: both;
               background-color: #0066cc; 
               background-image: url(img/wave_cover_under5.png);
               background-position:top left;
               background-repeat: repeat-x;
               background-size:;}

/*--------------------------------------------------------------
# @media screen
--------------------------------------------------------------*/

@media only screen and (min-width: 769px) and (max-width: 991px) {
    #sezseicontent{ background-size:;}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    #sezseicontent{ background-size:}
}

@media screen and (max-width: 480px) {
    #sezseicontent{ background-size:;}
}








#sezseicontent-testo_sx, #sezseicontent-testo_dx {width:50%; margin: 0; padding: 0; position:relative;}


#sezseicontent-testo_sx p, #sezseicontent-testo_dx p { font-size: 18px; margin: 50px 50px 50px 50px;}

/*--------------------------------------------------------------
# @media screen
--------------------------------------------------------------*/

@media only screen and (min-width: 769px) and (max-width: 991px) {
    #sezseicontent-testo_sx, #sezseicontent-testo_dx {width: 100%;}
    #sezseicontent-testo_sx p, #sezseicontent-testo_dx p{ font-size: 18px; margin: 20px;}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    #sezseicontent-testo_sx, #sezseicontent-testo_dx {width: 100%;}
    #sezseicontent-testo_sx p, #sezseicontent-testo_dx p{ font-size: 18px; margin: 20px;}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    #sezseicontent-testo_sx, #sezseicontent-testo_dx {width: 100%;}
    #sezseicontent-testo_sx p, #sezseicontent-testo_dx p { font-size: 18px; margin: 20px;}
}






#sezseicontent-contatti {float:left;
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         width: 100%;
         height:auto;
         clear: both;
 }

#sezseicontent-contatti img, #sezseicontent_contatti a {height: 150px; width: 150px; 
                   padding: 20px;}

/*--------------------------------------------------------------
# @media screen
--------------------------------------------------------------*/

@media only screen and (min-width: 769px) and (max-width: 991px) {
     #sezseicontent-contatti {width:100%; height:auto;}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
     #sezseicontent-contatti {width:100%; height:auto;}
}

@media screen and (max-width: 480px) {
     #sezseicontent-contatti {width:100%; height:auto;}
}












/*--------------------------------------------------------------
 # FOOTER
--------------------------------------------------------------*/


footer {width: 100%;
        float:left; 
        margin: 0; background-color: #0066cc; border-top:1px dotted #ffffff;}

footer p {text-align:left;
          padding: 5px;
          color: #ffffff; font-size: 14px; }

footer a {color: #ffffff; text-decoration: none; font-weight:bold; }

footer a:hover {  color: #ffffff; text-decoration: none; font-weight:bold; }

footer a.active { color: #ffffff; text-decoration: underline; font-weight:bold; }



/* FINE FOOTER */

/*--------------------------------------------------------------
# FOOTER - FOOTER @media
--------------------------------------------------------------*/


@media screen and (max-width: 768px){
footer p {font-size: 10px; }
}


/* FINE SEZIONESEI */




/*--------------------------------------------------------------
# CSS Accettazione Cookie
--------------------------------------------------------------*/

#cookieChoiceInfo {color:#0066cc;
                   font-size:10px;
}

#cookieChoiceInfo A:link    { color: #0066cc; text-decoration: none; font-weight:bold;}
#cookieChoiceInfo A:visited { color: #0066cc; text-decoration: none; font-weight:bold;}
#cookieChoiceInfo A:hover   { color: #0066cc; text-decoration: underline; font-weight:bold;}


@media only screen and (min-width: 481px) and (max-width: 768px) {

#cookieChoiceInfo {font-size:14px; }

}

@media only screen and (min-width: 320px) and (max-width: 480px) {

#cookieChoiceInfo {font-size:13px; }

}



/* FINE Cookie */