body{
    background-color: #f2f2f2;
    font-family: 'Open Sans', sans-serif;
}

.div-menu {
    background-color: #9A999E;
    /* height: 50px; */
}

/* ------------------ Menú Navegacion ------------------ */

.navbar{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.icon-menu-2{
    color:#F2F2F2;
    font-size: 30px;
}

.nav-item{
    /* margin-right: 2.3em; */
    /* border-bottom: 1px solid  rgba(250, 250, 250, .4); */
}

.nav-link{
    color: #ffffff !important;
}

.p-0-75{
    padding: 0.15rem !important; 
}

.navbar-nav li:hover{ background-color: #606060; }

.activa{
    background-color: #606060; 
}

/* ------------------ Utilidades ------------------ */
.texto-azul {
    color: #002158;
}

.icono-1-blanco{
    width: 85px;
    height: 85px;
    color: #ffffff;
}

/* ------------------ Footer ------------------ */
.unique-color-dark {
    background-color: #002158;
    /* 142B64 */
    /* 1C2331 */
    color: #efefef;
}

h6 {
    padding-bottom: 10px;
    border-bottom: 1px solid #efefef;
}

.footer-copyright {
    background-color: #1C2331;
    /* 161C27 */
}

hr.deep-purple {
    width: 60px;
}


/* ------------------ Media Queries ------------------ */

/* Extra small devices (portrait phones, less than 576px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
/* @media (min-width: 576px) { 

} */

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575px) { 
    .w-sxm-100{
        width: 100% !important;
    }

    .nav-item{
        border-bottom: 1px solid  rgba(250, 250, 250, .4);
    }
}

@media (min-width: 576px) { 
    .nav-item{
        border-bottom: 0px;
        padding: 0px !important; 
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .nav-item{
        /* margin-right: 2.3em; */
        width: 175px;
    }

}

/* Big devices (desktops, 1024px and up) */
@media (min-width: 1024px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}