/* MENU */
/* ----------------------------------------------------------------- */
    .navbar {
        border: 0;
        border-radius: 3px;
        border-bottom: 0px solid blue; /*#df0024;*/
        padding: 0px 0;
        height: 190px;
    }

    .navbar .navbar-brand:hover, .navbar .navbar-brand:focus { /*para que el nombre de la empresa no cambien el color cuando se pasa el mouse*/
        color: inherit;
        background-color: transparent;
    }

    .navbar .navbar-nav {
        padding-left: 20%;
        background-color: silver;
    }

    .navbar.navbar-default {
        background-color: #999999;
        color: #FFFFFF;
    }

    .navbar.navbar-primary {
        background-color: #9c27b0;
        color: #FFFFFF;
    }

    .navbar.navbar-info {
        background-color: #00bcd4;
        color: #FFFFFF;
    }

    .navbar.navbar-success {
        background-color: #4caf50;
        color: #FFFFFF;
    }

    .navbar.navbar-warning {
        background-color: #ff9800;
        color: #FFFFFF;
    }

    .navbar.navbar-danger {
        background-color: #f44336;
        color: #FFFFFF;
    }

    .navbar .navbar-nav > li > a {
        color: inherit;
        padding-top: 15px;
        padding-bottom: 15px;
        font-weight: 400;
        font-size: 12px;
        text-transform: uppercase;
    }

    .navbar .navbar-nav > li > a:hover {
        color: #FFFFFF;
        background-color: cornflowerblue; /*#df0024; rgba(255, 255, 255, 0.1);*/
        opacity: 0.6;
    }

    .navbar .navbar-toggle .icon-bar { /*las 3 lineas del menu del celular*/
        background-color: inherit;
        border: 1px solid;
    }

    .navbar .navbar-nav .dropdown {
        background-color: silver;
    }

    .navbar .navbar-nav .dropdown a:hover {
        background-color: cornflowerblue; /* #df0024; */
        color: white;
    }

    .margenMenu {
        margin-top: 160px;
        background-color: white; /*cornflowerblue; */
        opacity: 0.5;
    }

    /*Menú principal*/
    #bs-example-navbar-collapse-1 {
        float: left;
        margin-top: 35px;
        width: 100%;
        background-color: silver;
    }

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

    .navbar .navbar-toggle {
        float: right;
        position: relative;
        margin-top: 5px;
    }

    /*Menú principal*/
    #bs-example-navbar-collapse-1 {
        float: left;
        margin-top: 25px;
        width: 100%;
        background-color: silver;
    }

    /* TAMAÑO DEL CONTENEDOR DEL MENU PRINCIPAL */
    .navbar {
        height:190px;
        background-color: silver;
    }

    .margenMenu {
        margin-top: 160px;
    }
}

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

    .navbar .navbar-toggle {
        float: right;
        position: fixed;
        margin-top: 5px;
    }

    /*Menú principal*/
    #bs-example-navbar-collapse-1 {
        float: left;
        margin-top: 5px;
        width: 100%;
        background-color: silver;
    }

    /* TAMAÑO DEL CONTENEDOR DEL MENU PRINCIPAL */
    .navbar {
        height: 190px;
        background-color: silver;
    }

    .margenMenu {
        margin-top: 160px;
    }
}

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

    .navbar .navbar-toggle {
        float: right;
        position: relative;
        margin-top: 20px;
        background-color: white;
        opacity: 0.7;
    }

    /* TAMAÑO DEL CONTENEDOR DEL MENU PRINCIPAL */
    .navbar {
        height: 71px;
    }

    .navbar .navbar-nav > li > a {
        color: inherit;
        padding-top: 15px;
        padding-bottom: 0px;
        font-weight: 200;
        font-size: 10px;
        text-transform: uppercase;
    }

    .margenMenu {
        margin-top: 0px;
    }
}

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

    .navbar .navbar-toggle {
        float: right;
        position: relative;
        margin-top: 20px;
        background-color: white;
        opacity: 0.7;
    }

    /* TAMAÑO DEL CONTENEDOR DEL MENU PRINCIPAL */
    .navbar {
        height: 71px;
    }

    .navbar .navbar-nav > li > a {
        color: inherit;
        padding-top: 15px;
        padding-bottom: 0px;
        font-weight: 200;
        font-size: 10px;
        text-transform: uppercase;
    }

    .margenMenu {
        margin-top: 0px;
    }
}

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

    .navbar .navbar-toggle {
        float: right;
        position: relative;
        margin-top: 20px;
        background-color: white;
        opacity: 0.7;
    }

    /* TAMAÑO DEL CONTENEDOR DEL MENU PRINCIPAL */
    .navbar {
        height: 71px;
    }

    .navbar .navbar-nav > li > a {
        color: inherit;
        padding-top: 15px;
        padding-bottom: 0px;
        font-weight: 200;
        font-size: 10px;
        text-transform: uppercase;
    }

    .margenMenu {
        margin-top: 0px;
    }
}