@media only screen and (min-width: 1140px) {

    /*-----INSIDE THE WRAPPERS-----*/
    header, nav, .row, footer {
        /*max-width: 1140px;*/
    }

    div#colorBar {
        display: none;
    }

    /*---------- NAVIGATION -----------*/

    #navWrapper {
        background-color: #e22121;
    }

    nav ul {
        margin-left: 2%;
        /*border-left: solid 1px rgba(255,255,255,0.3);*/
    }

        /*main menu items float side by side*/
        nav ul li {
            float: left;
            width: 98px;
            font-family: Lato;
            font-size: 13px;
        }

            nav ul li a {
                display: block;
                color: #FFF;
                text-decoration: none;
                /*border-right: solid 1px rgba(255,255,255,0.3);*/
                font-size: 13px;
                font-family: Lato;
                padding: .7em .9em;
                /*transition*/
                transition: background 0.3s linear;
            }

                nav ul li a:hover {
                    background-color: rgba(0,0,0,0.2);
                    color: grey;                }

            nav ul li.active > a {
                background-color: #ff7200;
                color:grey;
            }
            /*use the > to NOT highlight the sub menu items*/

            /*rules for the sub menu items*/
            nav ul li ul {
                z-index: 99;
                position: absolute;
                margin: 0;
                left: -999em; /* pushes the menu way off to the side */
                width: 10em;
                /*background-color: #B00;*/
            }

                nav ul li ul li { /* overides the float and line from the parent ul */
                    /*border-bottom: 1px solid rgba(0,0,0,0.3);*/
                    float: none;
                    border-right: none;
                }

    nav li:hover ul { /* this displays the menus as drop downs  */
        left: auto;
    }

    #logo {
        position: absolute;
        z-index: 99;
    }

    #header-logo {
        padding-top: 0px;
        padding-left: 0;
        margin-left: 3em;
        margin-top: 10px;
        margin-bottom: 10px;
        position: relative;
    }

    .botonMenu {
        border: none;
        background-color: #DFBB17;
        color: white;
        width: 112px;
        height: 20px;
        margin-top: 7px;
        font-size: 13px;
        font-family: Lato;
        margin-top: 9px
    }

    .botonAsociar {
        width: 110px;
        height: 20px;
        margin-left: -4px;
        font-size: 13px;
    }

    .botonDessociar {
        width: 110px;
        height: 20px;
        margin-left: -4px;
        font-size: 13px;
    }

    .cuadroPaginaDefault {
        margin-top: 30%;
        width: 100%;
        height: 36px;
    }

    .cuadroSecundariosDefault {
        margin-top: 30%;
        width: 100%;
        height: 36px;
    }

    .TituloPrincipalDefault {
        font-size: 95%;
    }

    .labelNuevo {
        font-size: 13px;
    }

    .labelGenerico {
        font-size: 13px;
    }

    .labelGestion {
        margin-left: -15px;
        font-size: 13px;
        text-align:left;
    }

    .CheckGestion {
        margin-left: 40px;
    }

    .botonNuevo {
        border: none;
        background-color: #DFBB17;
        color: white;
        width: 100px;
        height: 20px;
        font-size: 13px;
        margin-left: -0px;
    }

    .botonLimpiar {
        border: none;
        background-color: #DFBB17;
        color: white;
        width: 100px;
        height: 20px;
        font-size: 13px;
        margin-left: -0px;
    }

    .checkboxZona {
        margin-left: 0px;
    }

    .texboxNuevo {
        font-size: 13px;
        margin-left: 0%
    }

    .texboxLargo {
        font-size: 13px;
        margin-left: 0%;
        width: 90%
    }

    .botonBasico {
        width: 100px;
        font-size: 13px
    }

    .botonbuscarAlertas {
        margin-left: -7px
    }

    .texboxbuscar {
        width: 260px;
        height: 20px;
        font-family: Lato;
        font-size: 13px;
        color: #a3a3a3;
        background-color: #e3e3e3;
        border: none;
    }

    .texArea {
        font-size: 13px;
        margin-left: 0%;
    }

    .ContenedorLogin {
        top: 60px;
        width: 450px;
    }

    .TituloContenido {
        height: 60px;
        width: 100%;
    }

    .Subtitulo {
        width: 100%;
        margin-top: 40px;
        font-size: 30px;
    }

    .botonBuscar {
        width: 20px;
        height: 19px;
        margin-left: 40px;
    }

    .imagenfooter {
        width: 300px
    }

    /*input:not([type]),
    input[type="number"],
    input[type="text"],
    input[type="email"],
    input[type="search"],
    input[type="password"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="tel"],
    input[type="time"],
    input[type="url"],
    textarea {
        width: 300px;
        font-size: 15px;
        margin-left: 40px;
    }*/

    .RemembermeField {
        margin-left: 60px
    }

    .ErrorMessageField {
        margin-left: 40px;
    }

    .IniciobtnGris {
        width: 83%;
        height: 20px
    }

    .InicioA {
        font-size: 13px
    }

    .InicioBoton {
        width: 80%;
        height: 20px;
        font-size: 13px
    }

    .btnCalendarioPoliza {
        width: 20px;
        height: 20px;
        margin-left: -50px;
    }
}
/*end of the media query */




