/*------------ LAYER HAMBURGUESA ---------------*/

.menuhamburguesa{
    display: none;
}



/*----------- FIN LAYER HAMBURGUESA ------------*/


/*------------ LAYER CONTACTO ---------------*/


#contacto-layer {
    display: inherit;
    position: fixed;
    z-index: 1000;
    background-color: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    font-weight: 300;
    color: #484848;
    font-family: 'Barlow', sans-serif !important;
}

.header-layer-noresponsive {
    display: block;
    margin-top: 50px;
}

.logo-marca-grande img {
    width: 200px;
}

.cerrar-layer {
    width: 35px;
    cursor: pointer;
}

.header-layer-responsive {
    display: none;
}

.titulos-layer-noresponsive {
    margin-bottom: 10px;
}

.titulos-layer-noresponsive h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 50px;
    color: #da2032;
}

.titulos-layer-noresponsive h1 {
    font-size: 60px;
    font-weight: 600;
    margin-top: 0px;
}

.bloque-contenido-layer {
    margin-top: 50px;
    display: block;
}

.espacio-contenido-layer input {
    width: 100%;
    border: 2px solid #a6a8ab;
    padding: 15px;
    border-radius: 0px;
}

.espacio-contenido-layer textarea {
    width: 100%;
    border: 2px solid #a6a8ab;
    padding: 15px;
    border-radius: 0px;
}

.espacio-contenido-layer button {
    width: 100%;
    border: 2px solid #484848;
    padding: 15px;
    margin-top: 30px;
    color: #da2032;
    font-weight: 700;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 0px;
}

.espacio-contenido-layer input::placeholder {
    color: #484848;
    font-weight: 300;
}

.espacio-contenido-layer textarea::placeholder {
    color: #484848;
    font-weight: 300;
}

.espacio-contenido-layer textarea {
    width: 100%;
}

.espacio-contenido-layer button {
    width: 100%;
}

.boton-bloqueado button {
    width: 100%;
    border: 2px solid #a6a8ab;
    padding: 15px;
    margin-top: 30px;
    color: #a6a8ab;
    font-weight: 700;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 0px;
}

.confirmacion-mensaje button {
    width: 100%;
    border: 2px solid #484848;
    padding: 8px;
    margin-top: 30px;
    color: #a6a8ab;
    font-weight: 700;
    margin-bottom: 50px;
    background: #fff;
    border-radius: 0px;
}

.confirmacion-mensaje button img {
    width: 35px;
}

.error-formulario {
    margin-top: 45px;
}

.error-formulario img {
    width: 35px;
    display: inline-block;
    padding: 5px;
}

.error-formulario p {
    font-size: 15px;
    display: inline-block;
    color: #da2032;
    font-weight: 700;
}

.error-formulario-input {
    border: 2px solid #da2032 !important;
}


/*------------ FIN LAYER CONTACTO ---------------*/

/*------------ LAYER SUCURSALES ---------------*/


#sucursales-layer {
    display: inherit;
    position: fixed;
    z-index: 1000;
    background-color: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
}

#mdp-layer {
    display: inherit;
    position: fixed;
    z-index: 1000;
    background-color: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
}

.header-layer-noresponsive {
    display: block;
    margin-top: 50px;
}

.logo-marca-grande img {
    width: 200px;
}

.cerrar-layer {
    width: 35px;
    cursor: pointer;
}

.header-layer-responsive {
    display: none;
}

.titulos-layer-noresponsive {
    margin-bottom: 10px;
}

.titulos-layer-noresponsive h1 {
    font-size: 60px;
    font-weight: 600;
    margin-top: 0px;
}

.titulos-layer-noresponsive h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 50px;
    color: #da2032;
}

.titulos-layer-noresponsive h5 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 50px;
    color: #484848;
}

.bloque-contenido-layer {
    margin-top: 50px;
    display: block;
}

.informacion-sucursales-layer h5 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 24px;
}

.informacion-sucursales-layer p {
    font-size: 14px;
    margin-bottom: 3px;
}

.bloque-sucursales-layer {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 50px
}

/*------------ FIN LAYER SUCURSALES ---------------*/

/*------------ LAYER LOGIN ---------------*/

.header-layer-noresponsive {
    display: block;
    margin-top: 20px;
}

.logo-marca-grande img {
    width: 200px;
}

.cerrar-layer {
    width: 35px;
    cursor: pointer;
    display: block;
    float: right;
}

.header-layer-responsive {
    display: none;
}

.titulos-layer-noresponsive {
    margin-bottom: 10px;
}

.titulos-layer-noresponsive h3 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0px;
    margin-top: 50px;
    color: #da2032;
}

.titulos-layer-noresponsive h1 {
    font-size: 60px;
    font-weight: 600;
    margin-top: 0px;
}

.bloque-contenido-layer {
    margin-top: 50px;
    display: block;
}

.espacio-contenido-layer input {
    width: 100%;
    border: 2px solid #a6a8ab;
    padding: 15px;
    border-radius: 0px;
}

.espacio-contenido-layer textarea {
    width: 100%;
    border: 2px solid #a6a8ab;
    padding: 15px;
    border-radius: 0px;
}

.espacio-contenido-layer button {
    width: 100%;
    border: 2px solid #484848;
    padding: 15px;
    margin-top: 33px;
    color: #da2032;
    font-weight: 700;
    margin-bottom: 21px;
    background: transparent;
    border-radius: 0px;
}

.espacio-contenido-layer input::placeholder {
    color: #484848;
    font-weight: 300;
}

.espacio-contenido-layer textarea::placeholder {
    color: #484848;
    font-weight: 300;
}

.espacio-contenido-layer textarea {
    width: 100%;
}

.espacio-contenido-layer button {
    width: 100%;
}

.boton-bloqueado button {
    width: 100%;
    border: 2px solid #a6a8ab;
    padding: 15px;
    margin-top: 33px;
    color: #a6a8ab;
    font-weight: 700;
    margin-bottom: 21px;
    background: #fff;
    border-radius: 0px;
}

.boton-bloqueado p {
    font-weight: 14px;
    color: #da2032;
    font-style: italic;
}

.boton-desbloqueado {
    margin-bottom: 50px;
}

.boton-desbloqueado p {
    font-weight: 14px;
    color: #da2032;
    font-style: italic;
}

.error-formulario {
    margin-top: 45px;
}

.error-formulario img {
    width: 35px;
    display: inline-block;
    padding: 5px;
}

.error-formulario p {
    font-size: 15px;
    display: inline-block;
    color: #da2032;
    font-weight: 700;
}

.error-formulario-input {
    border: 2px solid #da2032 !important;
}

.iniciar-registrarse-login {
    margin-top: 40px;
    margin-bottom: 50px;
}

.iniciar-registrarse-login h5 {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    padding-right: 30px;
    font-size: 24px;
    font-weight: 300;
    color: #484848;

}

.opcion-seleccionada {
    display: inline-block;
    cursor: pointer;
}

.opcion-no-seleccionada {
    display: inline-block;
    cursor: pointer;
}

.opcion-seleccionada h5 {
    font-weight: 600;
    color: #da2032;
}

.confirmacion-mensaje button img {
    width: 35px;
}

.confirmacion-mensaje button {
    width: 100%;
    border: 2px solid #484848;
    padding: 8px;
    margin-top: 33px;
    color: #a6a8ab;
    font-weight: 700;
    margin-bottom: 21px;
    background: transparent;
    border-radius: 0px;
}

.iniciar-sesion-principal {

}

.registrarse-principal {

}


.recuperar-contrasena {

}

.confirmarpsw h1 {
    color: #05a08d;
}

/*------------ FIN LAYER LOGIN ---------------*/



/*------------ LAYER DESCARGAS ---------------*/

    .perfil-descargas {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        top: 0;
        left: 0;
        z-index: 10000;
        color: white;
    }


    .perfil-descargas .contenido {
        display: block;
        width: 50%;
        background-color:white;
        color:black;
        margin: auto;
        margin-top: 110px;
        padding: 30px;
    }

    .contenido-descargar{

    }

    .contenido-descargar h5{
        display: inline-block;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 0px;
        color: #484848;
    }

    .contenido-descargar img{
        width: 35px;
        cursor: pointer;
        margin-top: -6px;
        float: right;
    }

    .contenido-descargar ul{
        margin-top: 40px;
    }

    .contenido-descargar ul li{
        margin-bottom: 5px;
    }

    .contenido-descargar ul li p{
        display: inline-block;
        font-weight: 400;
        color: #484848;
        font-size: 18px;
        margin-bottom: 0px;
    }

    .contenido-descargar ul li a{
        display: inline-block;
        font-weight: 400;
        color: rgb(5, 160, 141);
        font-size: 18px;
        margin-bottom: 0px;
    }

/*---------- FIN LAYER DESCARGAS -------------*/


/*---------- LAYER NEWS -------------*/

.suscribirmenews{
    margin-top: 50px;
}

/*-------- FIN LAYER NEWS -----------*/



@media (max-width: 992px) {


    /*---------------- LAYER CONTACTO ----------------*/
    .titulos-layer-noresponsive h1 {
        font-size: 50px;
    }

    .error-formulario {
        margin-top: 10px;
        margin: auto;

    }

    .error-formulario img {
        width: 35px;
        display: inline-block;
        padding: 5px;
    }

    .error-formulario p {
        font-size: 15px;
        display: inline-block;
        color: #da2032;
        font-weight: 700;
        text-align: left;
        padding-left: 20px;
    }


    /*------------ FIN LAYER CONTACTO ---------------*/
    /*------------- LAYER SUCURSALES ----------------*/
    .titulos-layer-noresponsive h1 {
        font-size: 50px;
    }

    /*------------ FIN LAYER SUCURSALES --------------*/
    /*----------------- LAYER LOGIN ------------------*/
    .titulos-layer-noresponsive h1 {
        font-size: 50px;
    }

    .error-formulario {
        margin-top: 10px;
        margin: auto;

    }

    .error-formulario img {
        width: 35px;
        display: inline-block;
        padding: 5px;
    }

    .error-formulario p {
        font-size: 15px;
        display: inline-block;
        color: #da2032;
        font-weight: 700;
        text-align: left;
        padding-left: 20px;
    }
}

/*--------------- FIN LAYER LOGIN ----------------*/

    /*------------ LAYER DESCARGAS ---------------*/

        .contenido-descargar img{
            width: 25px;
            cursor: pointer;
            margin-top: -6px;
            float: right;
        }

    /*---------- FIN LAYER DESCARGAS ------------*/

#login-layer {
    display: inherit;
    position: fixed;
    z-index: 1000;
    background-color: white;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    font-weight: 300;
    color: #484848;
    font-family: 'Barlow', sans-serif !important;
}


@media (max-width: 768px) {


    /*------------ LAYER HAMBURGUESA ---------------*/

    .menuhamburguesa{
        display: block;
        position: fixed;
        background: #fff;
        overflow: auto !important;
        height: 100%;
        width: 100%;
        z-index: 1000;
        padding: 16px 6px;
    }

    .menuhamburguesa img{
        width: 35px;
        padding-left: 0px;
    }

    .menuhamburguesa ul li{
        font-size: 24px;
        font-weight: 400;
        color: #484848;
        margin-top: 15px;
    }

    .menuhamburguesa p{
        margin-top: 20px;
        font-size: 15px;
        color: #da2032;
        font-weight: 400;
    }


    /*----------- FIN LAYER HAMBURGUESA ------------*/




    /*------------- LAYER CONTACTO- --------------*/
    .header-layer-noresponsive {
        display: none;
    }

    .header-layer-responsive {
        display: block;
        margin-top: 20px;
    }

    .icono-layer-responsive {
        width: 25px;
        margin-top: 10px;
    }

    .logo-marca-grande img {
        width: 175px;
        display: block;
        margin: auto;
        margin-top: 8px;
        margin-bottom: 15px;
    }

    .cerrar-layer {
        width: 25px;
        margin-top: 10px;
        float: right;
    }

    .titulos-layer-noresponsive h3 {
        display: none;
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 0px;
        margin-top: 100px;
    }

    .titulos-layer-noresponsive h1 {
        font-size: 24px;
        font-weight: 600;
        margin-top: 15px;
    }

    .container-responsive {
        padding-left: 5px;
        padding-right: 5px;
    }

    /*----------- FIN LAYER CONTACTO- ------------*/
    /*------------ LAYER SUCURSALES --------------*/
    .header-layer-noresponsive {
        display: none;
    }

    .header-layer-responsive {
        display: block;
        margin-top: 20px;
    }

    .icono-layer-responsive {
        width: 25px;
        margin-top: 10px;
    }

    .logo-marca-grande img {
        width: 175px;
        display: block;
        margin: auto;
        margin-top: 8px;
        margin-bottom: 15px;
    }

    .cerrar-layer {
        width: 25px;
        margin-top: 10px;
        float: right;
    }

    .titulos-layer-noresponsive h3 {
        display: none;
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 0px;
        margin-top: 100px;
    }

    .titulos-layer-noresponsive h1 {
        font-size: 24px;
        font-weight: 600;
        margin-top: 15px;
    }

    .container-responsive {
        padding-left: 5px;
        padding-right: 5px;
    }

    .mapa-sucursal-layer {
        display: none;
    }

    .titulos-layer-noresponsive h5 {
        font-size: 18px;
        margin-top: 24px;
    }

    .bloque-sucursales-layer {
        padding-top: 20px
    }

    /*------------ FIN LAYER SUCURSALES --------------*/
    /*------------ LAYER LOGIN --------------*/
    .header-layer-noresponsive {
        display: none;
    }

    .header-layer-responsive {
        display: block;
        margin-top: 0px;
        padding: 16px 1px 0px 1px;
    }

    .icono-layer-responsive {
        width: 25px;
        margin-top: 10px;
    }

    .logo-marca-grande img {
        width: 175px;
        display: block;
        margin: auto;
        margin-top: 8px;
        margin-bottom: 15px;
    }

    .cerrar-layer {
        width: 35px;
        margin-top: 0px;
        float: left;
    }

    .titulos-layer-noresponsive h3 {
        display: none;
        font-size: 24px;
        font-weight: 400;
        margin-bottom: 0px;
        margin-top: 100px;
    }

    .titulos-layer-noresponsive h1 {
        font-size: 24px;
        font-weight: 600;
        margin-top: 15px;
    }

    .container-responsive {
        padding-left: 5px;
        padding-right: 5px;
    }

    .iniciar-registrarse-login {
        margin-top: 24px;
        margin-bottom: 20px;
    }

    .iniciar-registrarse-login h5 {
        font-size: 18px;
    }

    /*------------ FIN LAYER LOGIN --------------*/

    /*------------ LAYER DESCARGAS ---------------*/


        .perfil-descargas .contenido {
            display: block;
            width: 90%;
            background-color:white;
            color:black;
            margin: auto;
            margin-top: 110px;
            padding: 30px;
        }

        .contenido-descargar img{
            width: 25px;
            cursor: pointer;
            margin-top: -6px;
            float: right;
        }

    /*---------- FIN LAYER DESCARGAS ------------*/


}