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

.bg-header-right {
    background-image: url(../Images/fondo-espiral.png) !important;
    background-position: center right;
    background-repeat: no-repeat;
}

#nav-principal,
#nav-principal .dropdown-menu {
    background-color: #eee;
}

#nav-principal a {
    font-weight: 300;
}

    #nav-principal .nav-link,
    #nav-principal .dropdown-menu,
    #nav-principal .dropdown-item {
        color: #012a88;
    }

    #nav-principal .nav-link.active,
    #nav-principal .nav-link:hover,
    #nav-principal .dropdown-item:hover {
        background-color: #18529D;
        color: #ffffff;
    }

.navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active {
    outline: none;
    box-shadow: none;
}

#nav-principal .offcanvas.show .nav-link.active,
#nav-principal .offcanvas.show .nav-link:hover,
#nav-principal .offcanvas.show .dropdown-menu,
#nav-principal .offcanvas.show .dropdown-item:hover {
    background-color: inherit;
}

#nav-principal .navbar-light .offcanvas.show .nav-link,
#nav-principal .navbar-light .offcanvas.show .dropdown-menu,
#nav-principal .navbar-light .offcanvas.show .dropdown-item {
    color: rgba(0,0,0,.55);
}

#nav-principal .navbar-light .offcanvas.show .nav-link.active,
#nav-principal .navbar-light .offcanvas.show .dropdown-item:hover {
    color: rgba(0,0,0,.9);
}

.btn-redondo {
    border-radius: 1.3rem;
    padding: 0.5rem 2.5rem;
}

.btn-success {
    background-color: #28AC56;
}

.bg-success {
    background-color: #28AC56 !important;
}   

.btn-primary {
    background-color: #012A88;
}

.bg-primary {
    background-color: #012A88 !important;
}

.btn-link,
.text-primary {
    color: #012A88 !important;
}

.cintaSup {
    background-color: #208844;
    height: 6px;
    margin-top: 4px !important;
}

.azulUV {
    color: #012a88 !important;
}

.margenSup {
    margin-top: 5px;
    margin-bottom: 5px;
}