* {
    margin: 0;
    padding: 0;
}

a {
    cursor: pointer;
    text-decoration: none;
}

.usuario {
    margin-left: 85%;
    color: #00ab59;
    display: block;
}

nav {
    background-color: #fff;
    position: fixed;
    width: 100%;
    padding: 10px 40px;
    z-index: 2;
    box-sizing: border-box;
}

    nav img {
        width: 150px;
    }

.cnt_nav_contacto {
    display: flex;
    margin: 15px 0px;
}

.cnt_cabecera {
    padding: 10px 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    box-sizing: border-box;
}

.menu_desplegable {
    display: none;
}

@media (max-width: 420px) {
    /*@media (max-width: 380px) {*/
    p, a, label, span {
        font-size: 12px;
    }

    nav {
        width: 100%;
    }

        nav img {
            width: 80px;
        }

    #lbl_id_cliente, #lbl_nombre_cliente {
        margin-left: 170px;
        transform: translate(10px, -36px);
    }

    .cnt_nav_contacto {
        display: flex;
        flex-direction: column;
        transform: translate(10px, 10px);
        gap: 3px;
    }

    .menu_desplegable {
        font-size: 20px;
        padding: 4px 4px;
    }

    .cnt_cabecera {
        padding: 10px 0px;
    }

    .menu_420 .menu_desplegable {
        font-size: 20px;
        padding: 4px;
    }
}

@media (max-width: 820px) {
    /*.usuario {
        margin-left: 70%;
    }*/
    .cnt_imagen_pop_up_img {
        width: 70%;
        margin-top: 50%;
    }

    .usuario {
        margin-left: 70%;
    }
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
}

.cnt_footer {
    padding: 10px 40px;
    width: 100%;
    background: #363636;
    color: white;
    box-sizing: border-box;
}

.cnt_footer_img {
    width: 120px;
    margin: 10px;
}

.cnt_info_footer {
    display: flex;
    flex-direction: row;
    padding: 20px;
}

    .cnt_info_footer div {
        padding: 10px;
    }

    .cnt_info_footer label {
        display: block;
        border: 1px solid #fff;
        margin-bottom: 10px;
        padding: 10px;
        width: auto;
        font-weight: bold;
        font-size: 22px;
    }

    .cnt_info_footer a {
        display: block;
        margin-bottom: 10px;
    }

.cnt_direccion_footer {
    margin-left: auto;
    text-align: right;
}

.cnt_legales_footer {
    margin-left: 150px;
}

@media (max-width: 420px) {
    /*@media (max-width: 380px){*/
    .cnt_info_footer {
        display: block;
        text-align: center;
        padding: 10px 0px;
    }

    .cnt_footer_img {
        width: 90px;
    }

    .cnt_legales_footer {
        margin-left: 0px;
    }

    .cnt_direccion_footer {
        text-align: center;
    }

    .cnt_info_footer label {
        font-size: 16px;
        padding: 5px;
    }

    .cnt_info_footer div {
        padding: 5px;
    }

    .cnt_info_footer a {
        margin-bottom: 5px;
    }
}

/* HAZAEL ************************************************************************************************************************************* */
.cnt_banner {
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-top: 9%;
}

    .cnt_banner img {
        float: left;
        width: 100%;
        height: 330px;
    }

.cnt_logo_banner {
    float: left;
    padding: 20px 40px;
    margin-top: -100px;
    background-color: rgba(0, 0, 0, .26);
    width: 100%;
    box-sizing: border-box;
    height: 100px;
}

    .cnt_logo_banner img {
        width: 130px;
        height: 60px;
    }

.cnt_contenido_general {
    display: inline-block;
    padding: 40px;
}

.lbl_titulo_modulo {
    float: left;
    padding: 10px 15px;
    margin-bottom: 40px;
    border: 2px gray solid;
}

.cnt_menu_botones a {
    margin: 0px 10px;
}

@media (max-width: 420px) {
    /*@media (max-width: 380px) {*/
    .cnt_banner {
        margin-top: 35%;
    }

        .cnt_banner img {
            height: 160px;
        }

    .cnt_logo_banner {
        height: 70px;
        margin-top: -70px;
    }

        .cnt_logo_banner img {
            width: 70px;
            height: 35px;
        }

    .lbl_titulo_modulo {
        margin-bottom: 0px;
    }
}

@media(max-width: 957px) {
    .cnt_menu_botones {
        width: 200px;
        position: fixed;
        background: #fff;
        color: #000;
        display: flex;
        flex-direction: column;
        font-size: 16px;
    }

        .cnt_menu_botones a {
            margin-bottom: 15px;
        }

    .menu_desplegable {
        display: block;
        font-size: 25px;
        padding: 8px 8px;
        border: 1px gray solid;
    }

    /*.usuario {*/
    /*margin-left: 70%;*/
    /*}*/
}

@media (max-width: 820px) {
    .cnt_menu_botones {
        margin-left: 80px;
    }
}

/* LOCAL STORAGE *****************************************************************************************************************************************/
.btn_menu_oculto {
    display: none;
}

.btn_menu_oculto_logueado {
    display: inline-block;
}


/* DESCARGABLES **************************************************************************************************************************************** */

.h4_titulo_archivos_descargables {
    float: left;
    margin: 10px 0px;
    width: 100%;
    color: #00ab59;
}

.cnt_descargables {
    display: flex;
    flex-flow: wrap;
    padding: 40px 20px;
}

.btn_descargable {
    float: left;
    width: 20%;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}

    .btn_descargable img {
        display: block;
        width: 60px;
        margin-left: 50%;
        transform: translateX(-50%);
        margin-bottom: 10px;
        box-sizing: border-box;
    }

@media (max-width:420px) {
    /*@media (max-width:380px){*/
    .btn_descargable {
        width: 100%;
    }

        .btn_descargable img {
            width: 50px;
        }

    #cnt_archivos_servivios, #cnt_archivos_procedimientos {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-left: -37px;
        padding: 0px 20px;
    }
}

/* ERP ************************************************************************************************************************************/

.p_texto_erp {
    float: left;
    padding: 20px 0px;
    text-align: justify;
}

.p_texto_erp_slider {
    float: left;
    padding: 20px 0px;
    text-align: justify;
    margin-bottom: 40px;
    margin-top: -100px;
}
/* container */
.container {
    float: left;
    margin-top: 50px;
    width: 100%;
    height: 300px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.cards {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(4, 400px);
    grid-gap: 20px;
    pointer-events: none;
}

.card {
    /*    border: 1px solid rgb(204, 204, 204);
    border-radius: 10px;
    overflow: none;
    box-shadow: 0px 5px 20px 0px rgba(69, 67, 96, 0.2);*/
    text-align: center;
}

    .card h3 {
        color: #00ab59;
    }

.card__content {
    color: rgb(139, 137, 137);
    padding: 10px;
}

/* UNETE ************************************************************************************************************************************* */
.cnt_registro {
    font-family: Arial;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    padding-bottom: 5px;
}

    .cnt_registro input {
        width: 100%;
        border-radius: 20px;
    }

.validaReg {
    width: 30%;
    margin-left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
}

    .validaReg a {
        float: left;
        padding: 5px 15px;
        border: 1px gray solid;
        margin-top: 10px;
    }

    .validaReg input {
        width: 100%;
        border-radius: 20px;
        border: 1px gray solid;
        padding: 7px 10px;
        margin-bottom: 10px;
        box-sizing: border-box;
    }

    .validaReg img {
        width: 100px;
    }

.btn_enviar_registro {
    width: 20%;
    font-size: 20px;
    border-radius: 0%;
    background: #fff;
    text-align: center;
    cursor: pointer;
    transition: 0.5s all ease;
}

.checkValidaReg {
    display: flex;
    width: 30%;
    margin-bottom: 40px;
    margin-left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
}

.cnt_enviar_registro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

    .cnt_enviar_registro input {
        width: auto;
        margin-right: 10px;
    }

    .cnt_enviar_registro a {
        margin-top: 0px;
    }

@media (max-width:420px) {
    /*@media (max-width:380px){*/
    .validaReg {
        width: 50%;
    }

        .validaReg input {
            padding: 5px 15px;
        }

        .validaReg img {
            width: 80px;
            margin-block-start: -30px;
            margin-block-end: -10px;
            margin-top: 50px;
        }

    .cnt_enviar_registro {
        display: grid;
    }

        .cnt_enviar_registro a {
            width: 32px;
        }
}


/* SOMOS ***************************************************************************************************************************************/
.cnt_mision_vision {
    display: grid;
    background-color: rgba(0, 62, 82, .6);
    text-align: justify;
    grid-template-columns: repeat(3, 1fr);
    color: #fff;
}

    .cnt_mision_vision div {
        padding: 40px 15px;
        width: 60%;
        margin-left: 50%;
        transform: translateX(-50%);
    }

        .cnt_mision_vision div h3 {
            text-align: center;
            margin-bottom: 20px;
        }

.cnt_beneficios_imagenes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

    .cnt_beneficios_imagenes div {
        width: 70%;
        margin-left: 50%;
        margin-bottom: 40px;
        transform: translateX(-50%);
    }

    .cnt_beneficios_imagenes img {
        width: 100%;
    }

    .cnt_beneficios_imagenes label {
        float: left;
        position: relative;
        width: 100%;
        margin-top: -50%;
        transform: translateY(50%);
        background-color: rgba(0, 62, 82, .46);
        color: #fff;
        padding: 15px;
        text-align: center;
        box-sizing: border-box;
        height: 25%;
    }

@media (max-width: 420px) {
    /*@media (max-width: 380px) {*/
    .cnt_mision_vision {
        grid-template-columns: repeat(1, 3fr);
    }

        .cnt_mision_vision div {
            width: 80%;
            padding: 15px;
        }

    .cnt_beneficios_imagenes {
        margin-top: 0px;
        display: block;
        padding: 0px 40px;
    }

        .cnt_beneficios_imagenes div {
            width: 100%;
        }

        .cnt_beneficios_imagenes label {
        font-size:18px;
        }
}

/* ul de avisos *************************************************************************************************************************************+++++*/
.p_texto_erp_ul {
    float: left;
    padding: 20px 40px;
}


/* Intégrate **************************************************************************************************************************************/
.integrate_section {
    width: 100%;
    margin-bottom: 3%;
    margin-top: 3%;
    display: flex;
    flex-flow: wrap;
    box-sizing: border-box;
    margin-block-start: 1px;
}

    .integrate_section .integrate_container {
        width: 100%;
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        align-items: center;
    }

        .integrate_section .integrate_container .integrate_content {
            color: var(--azul_fuerte);
            width: 90%;
            display: flex;
            flex-flow: wrap;
            justify-content: space-around;
            align-items: start;
        }

            .integrate_section .integrate_container .integrate_content h1 {
                color: #00ab59;
            }

        .integrate_section .integrate_container .integrate_content_inverse {
            width: 90%;
            color: var(--azul_fuerte);
            display: flex;
            flex-flow: wrap-reverse;
            justify-content: space-around;
            align-items: start;
        }

            .integrate_section .integrate_container .integrate_content_inverse h1 {
                color: #00ab59;
            }

            .integrate_section .integrate_container .integrate_content_inverse .integrate_box {
                width: 45%;
                margin: 1%;
                text-align: justify;
            }

                .integrate_section .integrate_container .integrate_content_inverse .integrate_box iframe {
                    width: 100%;
                    height: 400px;
                }

                .integrate_section .integrate_container .integrate_content_inverse .integrate_box p {
                    margin-top: 3%;
                    font-size: 18px;
                    color: var(--azul_fuerte);
                }

                .integrate_section .integrate_container .integrate_content_inverse .integrate_box ul {
                    margin-left: 3%;
                }

                .integrate_section .integrate_container .integrate_content_inverse .integrate_box a {
                    cursor: pointer;
                }

        .integrate_section .integrate_container .integrate_content .integrate_box {
            width: 45%;
            margin: 1%;
            text-align: justify;
        }

            .integrate_section .integrate_container .integrate_content .integrate_box iframe {
                width: 100%;
                height: 400px;
            }

            .integrate_section .integrate_container .integrate_content .integrate_box p {
                margin-top: 3%;
                font-size: 18px;
            }

            .integrate_section .integrate_container .integrate_content .integrate_box ul {
                margin-left: 3%;
            }

.integrate_box .servicio_head p {
    cursor: pointer;
    font-size: 25px;
}

.servicio_body {
    display: none;
}

@media (max-width:420px) {
    /*@media (max-width:380px) {*/
    .integrate_section .integrate_container .integrate_content_inverse .integrate_box p,
    .integrate_section .integrate_container .integrate_content .integrate_box p {
        font-size: 12px;
    }

    .integrate_section .integrate_container .integrate_content h1,
    .integrate_section .integrate_container .integrate_content_inverse h1 {
        font-size: 18px;
    }

    #texto_420 {
        margin-top: 0%;
    }
}

@media screen and (max-width:767px) {
    .integrate_section .integrate_container .integrate_content .integrate_box {
        width: 90%;
        margin-top: 5%;
    }

    .integrate_section .integrate_container .integrate_content_inverse .integrate_box {
        width: 90%;
        margin-top: 5%;
    }

        .integrate_section .integrate_container .integrate_content_inverse .integrate_box iframe {
            width: 100%;
            height: 200px;
        }

    .integrate_section .integrate_container .integrate_content .integrate_box iframe {
        width: 100%;
        height: 200px;
    }
}

@media screen and (min-width:767px) and (max-width:1023px) {
    .integrate_section .integrate_container .integrate_content_inverse .integrate_box iframe {
        width: 100%;
        height: 200px;
    }

    .integrate_section .integrate_container .integrate_content .integrate_box iframe {
        width: 100%;
        height: 200px;
    }
}

@media screen and (min-width:1024px) {
}

/* Sitios de Interés **************************************************************************************************************************************/
.cnt_sitios {
    margin-top: 40px;
    padding: 80px 40px;
}

    .cnt_sitios li {
        padding: 10px;
        box-sizing: border-box;
    }

@media (max-width: 420px) {
    /*@media (max-width: 380px) {*/
    .cnt_sitios {
        padding: 9px;
        text-align: justify;
    }
}
/* Términos y condiciones **************************************************************************************************************************************/

.cnt_contenido_general h4 {
    color: #5b6770;
}

/* BLOG *********************************************************************************************************************************************************/
/*Default_BLOG*/
.cnt_noticias_default {
    float: left;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

    .cnt_noticias_default img {
        width: 100%;
    }

    .cnt_noticias_default h4 {
        margin-bottom: 20px;
    }

    .cnt_noticias_default p {
        width: 100%;
        text-align: justify;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

.cnt_titulo_descripcion_noticia {
    padding: 20px 10px;
}

.cnt_item_noticia_default {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 400px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .36);
    box-sizing: border-box;
}

    .cnt_item_noticia_default img {
        height: 250px;
        box-sizing: border-box;
    }

    .cnt_item_noticia_default a {
        float: right;
        margin-top: 10px;
        font-weight: bold;
        color: red;
    }

.p_texto_erp_ul a {
    padding: 5px 40px;
    display: block;
}

.ver_todas {
    float: right;
    padding: 10px 45px;
    margin-bottom: 40px;
    border: 3px gray solid;
    border-radius: 30px;
    font-size: 18px;
}

@media (max-width: 420px) {
    /*@media (max-width: 380px) {*/
    .cnt_noticias_default {
        display: block;
    }

    #cnt_blog_default_aspx {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 35px;
    }

    .ver_todas {
        font-size: 12px;
        padding: 10px 20px;
        border: 2px gray solid;
    }

    .cnt_item_noticia_default {
        width: 320px;
    }

    .cnt_item_noticia_blog {
        width: 320px;
    }

    .miniatura {
        display: block;
        text-align: center;
    }

        .miniatura img {
            width: 100%;
        }

        .miniatura h4 {
            width: 100%;
            text-align: justify;
            padding-left: 0px;
        }
}

/*Blog-BLOG*/

.cnt_noticias_blog {
    float: left;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 90px;
    column-gap: 40px;
}

    .cnt_noticias_blog img {
        width: 100%;
    }

    .cnt_noticias_blog h4 {
        margin-bottom: 18px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
    }

    .cnt_noticias_blog p {
        width: 100%;
        text-align: justify;
    }

.cnt_titulo_descripcion_noticia {
    padding: 20px 10px;
}

.cnt_item_noticia_blog {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 110%;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .36);
    box-sizing: border-box;
}

    .cnt_item_noticia_blog img {
        height: 250px;
        box-sizing: border-box;
    }

    .cnt_item_noticia_blog a {
        margin-top: 10px;
        font-weight: bold;
        color: red;
        padding: 0px 155px;
        display: inline-block;
        margin-block-end: 20px;
    }

.p_texto_erp_ul a {
    padding: 5px 40px;
    display: block;
}


/* Administrador Blog ********************************************************************************************************/
.guardado_noticias {
    width: 100%;
    height: 250px;
}


/* SERVICIOS ***********************************************************************************************************/
.cnt_imagen_pop_up {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .36);
    box-sizing: border-box;
    z-index: 2;
}

.cnt_imagen_pop_up_img {
    float: left;
    margin-top: 50px;
    width: 50%;
    margin-left: 50%;
    transform: translateX(-50%);
}

    .cnt_imagen_pop_up_img img {
        width: 100%;
    }

    .cnt_imagen_pop_up_img a {
        position: absolute;
        right: 0px;
        padding: 10px;
        font-weight: bold;
        font-size: 18px;
    }

.cnt_contenido_general .h4_titulo_archivos_descargables {
    color: #00ab59;
}

@media (max-width:420px) {
    /*@media (max-width:380px){*/

    .p_texto_erp_ul {
        padding: 20px;
        margin-block-start: -10px;
    }

        .p_texto_erp_ul a {
            padding: 0px;
            text-align: justify;
            margin-block: 10px;
        }

    .h4_titulo_archivos_descargables {
        font-size: 14px;
        margin-top: 20px;
    }

    #titulo_erp_420, #titulo_erp_420_2 {
        margin-top: 10px;
    }

    #h4_420, #h4_420_2, #h4_420_3, #h4_420_4, #h4_420_5 {
        margin-top: 0px;
    }

    .cnt_imagen_pop_up_img {
        width: 100%;
        margin-top: 50%;
    }

        .cnt_imagen_pop_up_img a {
            font-size: 12px;
            padding: 5px;
        }

    .p_texto_erp {
        padding: 10px 0px;
    }
}

/* UNETE TERMINOS-CONDICIONES ******************************************************************************************************/
.cnt_terminos_pop_up {
    z-index: 2;
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, .46);
}

.cnt_contenido {
    color: rgb(91, 103, 112);
    background-color: #fff;
    text-align: justify;
    width: 70%;
    height: 80vh;
    margin-top: 70px;
    margin-left: 50%;
    transform: translateX(-50%);
    padding: 20px 40px;
    overflow: auto;
    box-sizing: border-box;
}

    .cnt_contenido .a_terminos {
        padding: 5px 10px;
        margin-bottom: 40px;
        border: 2px gray solid;
    }

/* NOTICIA COMPLETA (PRUEBA BLOG) *************************************************************************/
.ultimas_noticias {
    padding: 5em 0em;
    width: 35%;
}

.contenedor {
    display: block;
    width: 27%;
}

.miniatura {
    display: flex;
    flex-direction: initial;
    padding: 30px 20px;
    align-items: center;
    text-align: right;
}

    .miniatura img {
        width: 35%;
        height: 100%;
    }

    .miniatura h4 {
        font-size: 14px;
        width: 70%;
        cursor: pointer;
        text-align: right;
        padding-left: 65px;
    }

    .miniatura a {
        display: none;
    }

.titulo_min {
    text-align: right;
}

.cnt_noticia_completa {
    display: block;
    padding: 70px 45px;
    width: 70%;
    margin-left: 454px;
}

.noticia_completa {
    padding: 0px 20px;
    text-align: center;
}

    .noticia_completa img {
        width: auto;
        height: auto;
    }

    .noticia_completa h4 {
        padding: 30px 60px;
        font-size: 20px;
        color: black;
        text-align: left;
    }

    .noticia_completa p {
        padding: 15px 40px;
        text-align: justify;
    }

.lbl_titulo_modulo_img {
    margin-left: 1685px;
    width: 40px;
    float: left;
    padding: 10px 15px;
    margin-bottom: 40px;
}

@media (max-width: 420px) {
    /*@media (max-width: 380px){*/
    .lbl_titulo_modulo_img {
        margin-left: 0px;
        padding: 0px 15px;
        display: none;
    }

    .contenedor {
        margin-top: 30px;
        margin-right: -125px;
    }

    .cnt_noticia_completa {
        margin-left: -50px;
        width: 100%;
    }

    .noticia_completa {
        padding: 0px 0px;
    }

        .noticia_completa h4 {
            padding: 10px 0px;
            font-size: 16px;
        }

        .noticia_completa p {
            padding: 10px 10px;
        }

    .cnt_noticias_blog h4 {
        margin-block-start: 10px;
    }

    .cnt_item_noticia_blog a {
        padding: 0px 121px;
    }

    .noticia_completa img {
        width: 100%;
        height: 300px;
    }

    .cnt_menu_botones {
        margin-left: 90px;
    }
}

/* ERP *************************************************************************************************/

@media (max-width: 420px) {
    /*@media (max-width: 380px){*/
    .carousel-control-prev {
        height: 180%;
    }

    .carousel-control-next {
        height: 180%;
    }
}

@media (max-width: 1400px) {
    .lbl_titulo_modulo_img {
        margin-left: 1150px;
        padding: 0px 5px;
    }

    .cnt_noticias_blog {
        grid-template-columns: repeat(3, 1fr);
    }

    .contenedor {
        width: 30%;
        margin-left: -75px;
    }

    .cnt_noticia_completa {
        padding: 70px 0px;
        margin-left: 400px;
    }
}

@media (max-width: 820px) {
    .lbl_titulo_modulo_img {
        margin-left: 623px;
    }

    .contenedor {
        /*display: grid;*/
        width: 90%;
        padding: 10px 30px;
        margin-bottom: 20px;
    }

    .cnt_noticia_completa {
        margin-left: 0px;
        width: 100%;
    }

    .noticia_completa {
        width: 100%;
        padding: 0px 0px;
    }

    .cnt_noticias_blog {
        grid-template-columns: repeat(2, 1fr);
    }

    .cnt_imagen_pop_up_img {
        width: 70%;
        margin-top: 250px;
    }

        .cnt_imagen_pop_up_img a {
            font-size: 16px;
        }

    .cnt_descargables {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .btn_descargable {
        width: 100%;
    }
}