html, body, div, h1, h2, h3, h4, h5, h6, p, a, font, q, s, table, tbody, tfoot, thead, tr, th, td, footer, header, menu { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
:focus { outline: 0; }

body { line-height: 1; background-color:black; background-image:url(immagini/bg.jpg);
       font-family: 'Nunito', sans-serif;  }

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }

a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

*, ::before, ::after {
	box-sizing: initial;
}

img {
    border-style: initial;
    vertical-align: inherit;
}

.w3-bar .w3-bar-item {
   
    color: white;
    font-weight: bold;
    
}

.w3-table td {
    vertical-align: middle;
}

#main { max-width: 84em;
        background-color:#FFF;
        margin: 0 auto;
        /*
        background-image:url(immagini/bgm.png);
        background-position: 0em 18em;*/

        background-color: #f7f7f7;

}

#top {
    width:100%;
    min-height: 7.99em;
    background-color:#000;
    overflow:hidden;
}

#logo {
    background-image:url(immagini/logo.png);
    width: 415px;
    height: 127px;
    display:block;
    max-width: 100%;
    background-size:contain;
    background-repeat:no-repeat;
    float:left;}




#contatti {
    width: 31.5%;
    display:block;
    height:100%;
    padding-top: 3.4em;
    color:#d7d6d6;
    font-family: inherit;
    line-height:normal;
    font-size: 0.99em;
    float:left;
    text-align: center;
    margin-right: 2.5%;
    margin-left: 1%;

}

#contatti2 a:link, #contatti2 a:visited{
    text-decoration: none;
    color:inherit;
}

#contatti2{

    width: 31.5%;
    display:block;
    height:100%;
    padding-top: 3.9em;
    color:#d7d6d6;
    font-family: inherit;
    line-height:normal;
    font-size: 0.99em;
    float:left;
    text-align: center;


}
	




#navbar {
    width:100%;
    background-color:#b92028;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    overflow: hidden;
    text-align: center;

}

#menu {
    text-align: center;
    display: inline-block;
    width: auto;
    padding: 0.5em;
    line-height: 1.5;
    overflow: hidden;
    margin-bottom: -3px;
}

#menu .social {
    margin-right: 0.2rem;
    padding: 0;
}

#menu .social img {
    width: 1.5rem;
}

.w3-bar .w3-button:hover, #menu a.active{
    background: none !important;
    text-shadow: 0px 2px 5px black;
    color: white !important;
    
}

.w3-bar .w3-bar-item {
    display: inline;
    width: auto !important;
    float: none;
    white-space: nowrap;
    padding: 0.3em;
   
}

.w3-bar .w3-bar-item {
    margin-right: 0.5em;
}

.w3-bar .w3-bar-item:last-child {
    margin-right: 0em;
}	

#comunicazioni {
    background-color:#f7df57;
}

#comunicazioni .testoann {
    text-align: center;
}

#comunicazioni .icoann {
    font-size: 1.5em;
}

#comunicazioni.w3-table td {
    padding: 0.3em;
}

#icoann {
    background-image:url(immagini/icoAnn.png);
    width: 3rem;
    height: 3rem;
    background-repeat:no-repeat;
    display:block;
    max-width: 100%;
    background-size:contain;
    background-position-y: 2.5px;

}


#corpo {
    width:100%;
    height:auto;
    text-align:center;



}

footer { 

    background-color:#000;
    min-height: 7.75em;
    overflow:auto;


}

#velo {

    background-image:url(immagini/velo.png);
    width: 35%;
    height: 10.875em;
    background-repeat:no-repeat;
    margin-top: 0.25em;
    margin-left: 1.2em;
    float:left;
    display:block;
    max-width: 100%;
    background-size:contain;

}

#diritti {

    font-family:inherit;
    font-size: 0.8125em;
    text-align:center;
    color: #fefefc;
    float:right;
    width: 50%;
    line-height:normal;
    padding-top: 1.5em;
    padding-bottom: 2em;


}

#infografica {

    font-family:inherit;
    font-size: 0.875em;
    text-align:center;
    float:right;
    width: 50%;
    color: #fefefc;
    line-height:normal;
    padding-bottom: 2.0em;

}

#infografica a:link, #infografica a:visited{
    text-decoration: underline;
    color:inherit;
}




#diritti2 {

    font-family:inherit;
    font-size: 0.875em;
    text-align:center;
    float:right;
    width: 50%;
    color: #fefefc;
    padding-bottom: 1.5em;
    line-height:normal;


}	

#diritti2 a:link, #diritti2 a:visited{
    text-decoration:none;
    color:inherit;
}

/* mobile menù */

#menu_mobile {
    display:none;
    width: 20%;
    float:left;
    padding-top: 0.5em;
    padding-left: 0.4em;




}

#menu_mobile ul { 
    display:none; 


    list-style:none;
    font-size: 1.1em;
    float:left;
    font-family:Verdana, Geneva, sans-serif;
    text-transform:uppercase;
    margin-top: -2.1em;	
    margin-left: 0.4em;




}

#menu_mobile:hover ul {
    display:block;

}

#menu_mobile li{

    background-color:#000;
    padding: 0.4em;
    margin-bottom: 0.3em;
    border-radius: 4px;
    text-align:center;

}


#menu_mobile li a{
    display: block;
    text-decoration: none;
    color:#fbfafa;
}

.mobilep{display:none;}

.mobilep a:link, .mobilep a:visited{
    text-decoration:none;
    color:inherit;


}

/* fine MENU' CATEGORIE */

@media only screen and (min-width: 0px) and (max-width: 986px){
    #contatti{
        display:none;
    }

    #contatti2{
        display:none;
    }

    #social2 {
        display:none;
    }


    #logo {
        margin: 0 auto;
        margin-top: 1em;
        float:none;
    }


    #velo {
        display:none;
    }

    #diritti {

        float:left;
        width: 100%;


    }

    #infografica {

        float:left;
        width: 100%;

    }

    #diritti2 {

        float:left;
        width: 100%;


    }	

    #testoann{
        width: 98%;
        margin: 0 auto;
        float:none;
    }

    #menu_mobile{
        display: block;
    }

    ul#menu {
        display:none;
    }



    .mobilep{display:block;}
}

@media only screen and (min-width: 987px) and (max-width: 1120px){
    #contatti{
        display:none;
    }

    #social2 {
        display:none;
    }


    #contatti2{
        margin-left: 2%;
        float:right;
        width: 50%;
    }


}


@media only screen and (min-width: 1121px) and (max-width: 1334px){

    #social2 {
        display:none;
    }

    #contatti2{
        margin-right: 0;
        float:right;
        width: 30%;
    }

    #contatti {
        margin-right: 0;
    }





}