*{
    font-family: 'Roboto', sans-serif;
}

body{
    background-color: #f5f2f2;
}

.container{

    background-color: #ffffff;


}

/*
 * DIVERSOS
 */
.title-topic {
    font-size: 1.5em;
    width: 100%;
    border-bottom: 1px #DADADA solid;
}

.text-cpi { font-size: 1.2em; }



/*
 * HEADER
 */
.header .row .logo-alms{


}

/*
 * MENU NAV
 */
.nav-menu .topnav {
    overflow: hidden;
    background-color: #336093;
}

.nav-menu .topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.nav-menu .topnav a:hover {
    /*    background-color: #7792af;*/
    /*    color: white;*/
}

.nav-menu .topnav a.active {
    /*    background-color: #6397ce;*/
    /*    color: white;*/
}


/*
 * HOME -> DOWNLOADS LIST
 */ 
.home-downloads-lista-content {
}





/*
 * FOOTER
 */ 
footer {

    background-color: #336093;
    min-height: 50px;
    color: white;

}

footer .ass {
    font-size: 0.8em;
}


/*
 * MEDIA SCREEN
 */

.logo1{display: inline;}
.logo2, .logo3, .logo4 {display: none;}


@media screen and (max-width: 1199px) { 





}

@media screen and (max-width: 1132px) { 
    //.container { background-color yellow; }

    .logo1{display: none;}
    .logo2{display: inline;}
}

@media screen and (max-width: 992px) { 
    //.container { background-color yellowgreen; }

    .nav-menu .topnav a { font-size: 1em; }
}

@media screen and (max-width: 767px) { 
    //.container { background-color orange; }


}

@media screen and (max-width: 667px) { 
    //.container { background-color orangered; }

    .logo1, .logo2{display: none;}
    .logo3 {display: inline; }

    .nav-menu .topnav a { font-size: 1.3em; }
    
    .home-downloads-lista-content-files ul {
        margin-left: -17px;
    }
    
}

@media screen and (max-width: 575px) { 
    //.container { background-color blue; }

    .logo1, .logo2, .logo3{display: none;}
    .logo4 {display: inline;}

    .nav-menu .topnav a { font-size: 1.2em; }

}