@import url(/components/Font-Awesome/css/all.min.css);
@import url(../../page/fuentes/fuentes.css);

/* fuentes */

@font-face {
    font-family: "Linotte-Light";
    src: url(../../page/fuentes/Linotte_Light.otf);
}

@font-face {
    font-family: "Linotte-Regular";
    src: url(../../page/fuentes/Linotte_Regular.otf);
}

@font-face {
    font-family: "Better-Signature";
    src: url(../../page/fuentes/Better_Signature_Font.ttf);
}

@font-face {
    font-family: "Emmanuela";
    src: url(../../page/fuentes/Emanuela.otf);
}

@font-face {
    font-family: "Hamilton";
    src: url(../../page/fuentes/HAMILLTON_demo.ttf);
}

@font-face {
    font-family: "Anastascia";
    src: url(../../page/fuentes/Anastasia.otf);
}

@font-face {
    font-family: "Grateful";
    src: url(../../page/fuentes/The_Grateful.ttf);
}

/* fin fuentes */

/* colores */

body {
    --verde-oscuro: #1C542A;
    --verde-claro: #43A135;
    --gris-claro: #F6F6F6;
    --gris-textos: #807f7f;
    --gris-textos2: #5e5e5e;
    --gris-footer: #111111;
    --gris-footer2: #1c2424;
    --verde: #88a231;
    --gris: #231F20;
    --newblue: #469C2E;
}

.texto-primario {
    color: var(--verde-oscuro);
    font-family: "Linotte-Regular";
}

.color-secundario {
    color: var(--verde-claro);
    font-family: "Linotte-Regular";
}


.texto-gris {
    color: var(--gris-textos);
}

.fondo-secundario {
    background-color: var(--verde-oscuro);
}

.fondo-secundario i{
transition:all 300ms ease-in-out;
}
/* fin colores */


/* Generales */

* {
    font-family: 'Linotte-Light';

}

img {
    max-width: 100%;
}

a {
    color: var(--verde-oscuro);
}

a:hover {
    color: var(--verde-claro);
    font-weight: 600;
    text-decoration: none;
}

.contenedor-seccion {
    padding: 40px 0px;
}

.btn-vermas {
    background-color: var(--verde-oscuro);
    color: #fff;
}

.btn-vermas:hover {
    color: #fff;
    background-color: var(--verde-claro);
    transform: scale(1.03);
}


.dinamica {
    background-attachment: fixed !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.slider-testimonios {
    padding: 50px 0px;
}

.slider-testimonios .slider-simple {
    padding-bottom: 0px;
}

.slider-testimonios .slider-simple .bansimple-image img {
    width: 180px;
    height: 180px;
    margin-top: 132px;
    margin-bottom: 132px;
}

.slider-testimonios .slider-simple .bansimple-comillas img {
    width: 40px;
    display: block;
    margin: auto;
}

.slider-testimonios .slider-simple .bansimple-description p {
    color: var(--verde-claro);
    font-size: 22px;
}

.slider-testimonios .carousel-indicators {
    top: 260px;
}

.slider-testimonios .slider-simple .carousel-indicators>li {
    border-radius: 50%;
    background-color: var(--gris-textos);
    width: 20px !important;
    height: 20px !important;
}

.slider-testimonios .accordion .card:first-of-type {
    border-bottom: 1px solid rgba(0, 0, 0, .125) !important;
}

.slider-testimonios .carousel-control-prev-icon {
    background-image: url('/skins/page/images/arrowleft.png') !important;
    width: 35px !important;
    height: 90px !important;
    opacity: 0.8 !important;
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;*/
}

.slider-testimonios .carousel-control-next-icon {
    background-image: url('/skins/page/images/arrowright.png') !important;
    width: 35px !important;
    height: 90px !important;
    opacity: 0.8 !important;
    /* background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;*/
}


.slider-simple .bansimple-firma {
    color: #000;
    display: block;
    margin: auto;
    margin-bottom: 20px;
    font-size: 35px;
}

.slider-testimonios .bansimple-cargo {
    color: var(--verde-oscuro);
}



/* fin Generales */


/* Banners Internas*/

.banner-internas .fondo-imagen {
    height: 278px !important;
    padding: 0px 8rem;
    background-size: 100%;
}

.banner-internas .pub-bp-img {
    line-height: 0px;
}

.banner-internas .pub-bp-img {
    line-height: 0px;
}

/* Fin Banners internas*/

/* seccion */

.seccion-title h2 {
    color: var(--verde-oscuro);
    text-align: center;
    font-family: "Linotte-Regular";
    padding-bottom: 20px;
}

.descripcion-seccion p {
    color: var(--gris-textos);
    line-height: 8px;
    font-size: 21px;
}

/* fin seccion */

/* disenio 1 */

.disenio1 h2 {
    color: var(--verde-oscuro);
    text-align: left;
    font-family: "Linotte-Regular";
}

.disenio1 .descripcion p {
    color: var(--gris-textos);
    font-size: 20px;
}

.disenio1 hr {
    background-color: var(--verde-claro);
    display: flex;
    justify-content: center;
    height: 2px;
}

/* fin disenio 1 */

/* disenio 3 */

.disenio3 h2 {
    color: var(--verde-oscuro);
    text-align: center;
    font-family: "Linotte-Regular";
}

.disenio3 .descripcion p {
    color: var(--gris-textos);
    line-height: 8px;
    font-size: 21px;
}

.disenio3 .caja-vermas {
    width: 200px;
    margin-left: auto;
    padding: 0px 18px;
}

/* disenio 3*/

/* disenio 4 */

.disenio4 h2 {
    color: var(--verde-oscuro);
    font-weight: 600;
    text-align: center;
}

.disenio4 .imagen-contenido img {
    display: block;
    margin: auto;
}

.disenio4 .descripcion p {
    padding: 14px 23px;
    color: var(--gris-textos);
}

.disenio4 .btn-vermas {
    background-color: var(--verde-claro);
    color: #fff;
    border-radius: 25px;
}

.disenio4 .btn-vermas:hover {
    background-color: var(--verde-oscuro);
    color: #fff;
    font-weight: 600;
    transform: scale(1.03);
}

.disenio4 .d4-btn-vermas {
    width: 50%;
    margin: auto;
}



/* fin disenio 4*/


/* disenio 5*/

.col-sm-6 .disenio5 {
    background-size: cover;
    background-repeat: no-repeat;
    height: 90vh;
    padding: 53px 90px;
    display: flex;
    align-items: end;
}

.col-sm-4 .disenio5 {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 481px;
    padding: 53px 90px;
    display: flex;
    align-items: end;
}

.col-sm-6 .disenio5 .row {
    padding-top: 135px;
}

.col-sm-6 .disenio5 .content-description,
.col-sm-4 .disenio5 .content-description {
    text-align: left;
    color: #fff;
}

.col-sm-6 .disenio5 .content-description p {
    font-size: 3.5em;
}

.col-sm-6 .disenio5 .content-vermas {
    border-radius: 25px;
    width: 30%;
}

.col-sm-6 .disenio5 .btn-vermas {
    background-color: var(--verde-oscuro);
    color: #fff;
    border-radius: 25px;
    margin: auto;
    font-size: 20px;
}

.col-sm-6 .disenio5 .btn-vermas:hover {
    background-color: var(--verde-claro);
    color: #fff;
    font-weight: 600;
    transform: scale(1.03);
}

.col-sm-4 .disenio5 .row {
    padding-top: 90px;
}

.col-sm-4 .disenio5 .content-image img {
    width: 40%;
}

.col-sm-4 .disenio5 .content-description p {
    font-size: 2em;
    line-height: 15px;
}

.col-sm-4 .disenio5 .content-vermas {
    border-radius: 25px;
    width: 40%;
}

.col-sm-4 .disenio5 .btn-vermas {
    background-color: var(--verde-oscuro);
    color: #fff;
    border-radius: 25px;
    margin: auto;
    font-size: 1.2em;
}

/* fin disenio 5*/


/* disenio 6 */

.disenio6 {
    border: 0.5px solid #EEEEEE;
    -webkit-box-shadow: 0px 5px 14px 0px rgb(0 0 0 / 27%);
    -moz-box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.27);
    box-shadow: 0px 5px 14px 0px rgb(0 0 0 / 27%);
    margin-top: 70px;
}

.disenio6 .content-image img {
    width: 93%;
    height: 200px;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    margin-top: -20px;
}

.disenio6 .content-titulo {
    color: var(--gris-textos);
    text-align: center;
    padding-top: 10px;
}

.disenio6 .content-fecha {
    padding-left: 20px;
    border-right: 0.5px solid #EEEEEE;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #999999;
    font-size: 15px;
}

.disenio6 .content-compartir {
    padding-right: 20px;
    padding-top: 10px;
}

.disenio6 .content-compartir a i {
    padding: 3px;
    display: inline-block;
    vertical-align: middle;
    background: var(--verde-oscuro);
    color: #ffffff;
    width: 22px;
    text-align: center;
    border-radius: 5em;
}

.disenio6 .content-compartir a i:hover {
    background: var(--verde-claro);
}

/* fin disenio 6 */

/* disenio 7 */

.container-actividades {
    padding-bottom: 35px;
}

.disenio7 {
    padding-bottom: 23px;
    -webkit-box-shadow: 7px 10px 18px -2px #909090;
    box-shadow: 7px 10px 18px -2px #909090;
    border-radius: 8px;
}

.disenio7 .content-image img {
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

@media (min-width: 577px) {

    .disenio7 .content-title {
        height: 78px;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
}


.disenio7 .content-title h2 {
    text-align: center;
    font-size: 22px;
    color: var(--verde-claro);
    font-family: "Linotte-Regular";
}


.disenio7 hr {
    background-color: var(--verde-claro);
    display: flex;
    justify-content: center;
    height: 2px;
    width: 70px;
}

.disenio7 .content-description {
    padding: 0px 30px;
    text-align: center;
}

.disenio7 .content-description p {
    color: var(--gris-textos);
}

.disenio7 .content-vermas {
    width: 40%;
    display: block;
    margin: auto;
}

.disenio7 .content-vermas .btn-vermas {
    background-color: var(--verde-claro);
    font-family: "Linotte-Regular";
    color: #fff;
    border-radius: 25px;
}

.disenio7 .content-vermas .btn-vermas:hover {
    background-color: var(--verde-oscuro);
    color: #fff;
    font-weight: 600;
    transform: scale(1.03);
}


/* fin disenio 7 */

/* disenio 10 */

.disenio10 {
    -webkit-box-shadow: 5px 5px 15px 5px #BBBBBB;
    box-shadow: 5px 5px 15px 5px #BBBBBB;
    padding: 15px 20px;
    border-radius: 19px;
    margin: 40px 0px;
}

.disenio10 h4 {
    color: var(--verde-oscuro);
    font-size: 33px;
    font-weight: 600;
}

.disenio10 .content-img img {
    width: 135px;
}

.disenio10 .descripcion p {
    margin-bottom: 0px;
    line-height: 19px !important;
}

.cont-id-539 {
    background: radial-gradient(circle, rgba(67, 161, 53, 1) 0%, rgba(28, 84, 42, 1) 100%);
}

.cont-id-539 h4 {
    color: #fff;
}


.cont-id-532 h4 {
    color: #fff;
}

.cont-id-539 .descripcion p {
    color: #fff;
    line-height: 19px !important;
}

.cont-id-532 .descripcion p {
    color: #fff;
    line-height: 19px !important;
}

.cont-id-522 h2 {
    font-size: 55px !important;
}

/* fin disenio 10 */

/* accordion 1*/

.accordion1 {
    padding: 0 0 50px 0px;
}

.accordion1 .imagen-contenido img {
    width: 100%;
    height: 265px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.accordion1 .card-header {
    background-color: var(--verde-claro);
    color: #FFF !important;
    cursor: pointer;
}

.accordion1 .card-header:hover {
    background-color: var(--verde-oscuro);
    transition: 0.5s;
}

.panel-show {
    background-color: var(--verde-oscuro) !important;
    transition: 0.5s;
}

.accordion1 .descripcion p {
    color: var(--gris-textos);
}

.home-carrousel .carousel-control-prev-icon {
    background-image: url('/skins/page/images/arrowleft.png') !important;
}

/* fin accordion 1*/


/* header */

.fondo-primario {
    background-color: var(--gris-footer);
    color: #fff;
}

.header-redsocial {
    border-radius: 0px 0px 25px 0px;
}

.header-redes .fondo-primario a {
    color: #fff;
    margin-right: 15px;
}

.header-content .linea {
    position: relative;
    padding-top: 0px;
    color: var(--gris-textos);
    left: 10px;
}

.header-redes .fondo-primario i {
    color: var(--verde-claro);
    margin-right: 8px;
}

.header-redes .fondo-primario span {
    color: #fff;
    margin-left: 7px;
}

.header-redes .header-div {
    padding-left: 10%;
}

.header-contactenos {
    margin-right: 33%;
}

.btn-contactenos {
    background-color: var(--verde-claro);
    color: #fff;
    border-radius: 0px 0px 5px 5px;
    display: inline-flex;
    padding-top: 17px;
}

.btn-contactenos:hover {
    background-color: var(--verde-oscuro);
    color: #fff;
    font-weight: 600;
}

.texto-verde {
    color: var(--verde-claro) !important;
}

header .header-content {}

header .header-content ul li a {
    color: var(--gris-textos2) !important;
    font-weight: 100;
    font-size: 18px;
}

header .header-content ul li a:hover {
    color: var(--verde-claro) !important;
    font-weight: 600;
    transform: scale(1.03);
    transition: 0.2s;
}

header .header-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    text-align: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    align-items: center;
}


ul {
    list-style: none;
}

ol {
    font-weight: 100;
}

.nav>li {
    float: left;
}

.nav li a {

    text-decoration: none;
    padding: 15px 10px !important;
    display: block;
}


.nav li ul {
    display: none;
    position: absolute;
    min-width: auto;
    width: 170px !important;
    height: auto;
    z-index: 9;
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
    color: #fff;
    background-color: rgba(205, 205, 205, 0.6);
    padding: 7px 0px;
    border-radius: 0px 0px 10px 10px;
}

.nav li:hover>ul {
    display: block;
}

.nav li ul li {
    position: relative;
    display: block !important;
    text-align: left;
    height: auto !important;

}

.nav li ul li a {
    font-weight: 500;
    background-color: transparent;
    opacity: 1;
    padding: 0px !important;
    padding: 5px 10px !important;
    color: var(--gris-textos2) !important;
    font-weight: 100;
}

.nav li ul li:hover a {
    color: #fff !important;
    background-color: var(--verde-claro);

}

.nav li ul li ul {
    right: -140px;
    top: 0px;
}

.header-content .img-logo {
    display: block;
    margin-right: auto;
}

.header-sticky {
    background-color: #fff;
    -webkit-box-shadow: 1px 4px 15px 1px #5E5E5E;
    box-shadow: 1px 4px 15px 1px #5E5E5E;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 16;
}

/* fin header */

/* header responsive */

.botonera-resposive ul table {
    margin-bottom: 0px;
}

.menu-respon {
    background-color: var(--verde-oscuro);
    z-index: 99;
    width: 100%;
    top: 0;
}

.botonera-resposive .item {
    list-style: none;
}

.botonera-resposive a {
    color: #FFFFFF !important;
    width: 100%;
}

.botonera-resposive .table td,
.table th {
    padding-right: 0;
    padding-left: 0;
    font-size: 12px;
    text-align: center;
}

.table-striped tbody {
    text-align: center;
}

.table-striped tr:first-child td {
    border-top: none;
}

.sub-menu1>table tr {
    background-color: var(--verde-claro) !important;
}

.botonera-resposive .table td,
.table th {
    padding-right: 0;
    padding-left: 0;
}

.sub-menu1,
.sub-menu2 {
    margin-bottom: -13px !important;
    padding-left: 0px !important;
}

.botonera-resposive ul {
    padding-top: 12px;
    margin-bottom: 0px;
}

/* fin header responsive */

/* botones flotantes */

.pqr-app {
    position: fixed;
    top: 40%;
    /* right: 0; */
    z-index: 999;
    width: 85px;
}

.pqr-app .app {
    -webkit-border-radius: 10px 0 0 0;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    margin-top: 5px;
}

.pqr-app a {
    text-decoration: none;
}

.pqr-app p {
    font-size: 11px;
    color: #000;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    font-weight: 600;
}

.pqr-app img {
    width: 80px;
}

/* fin botones flotantes */

/* banner principal */

.fondo-imagen {
    position: relative;
    display: block;
    width: 100%;
    height: 660px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100% 100%;
}

#carouselprincipal1 .pub-bp-img {
    margin: auto auto auto 125px;
    border-radius: 18px;
    padding: 30px;
    padding-top: 185px;
}

.slider-principal .carrusel-izquierda,
.slider-principal .carrusel-derecha {
    height: 30px;
    width: 30px;
    background: var(--verde-claro);
    padding-left: 1px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    display: flex;
}


/* fin banner principal */

/* home */

.columna {
    display: block;
    margin: auto;
}

#box-481 .disenio4 .descripcion p {
    padding: 0px;
    line-height: 15px;
    margin: 0px;
}

#box-481 .disenio4 .descripcion h2 {
    text-align: left;
}

#box-481 .disenio4 .descripcion h2 strong span {
    font-family: 'Linotte-Regular' !important;
}

#box-468 .disenio5 .descripcion {
    margin-bottom: 40px;
}

#box-468 .disenio5 .descripcion p {
    line-height: 35px;
}

#box-463 .disenio4 h2 {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#box-463 .disenio4 .descripcion {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 115px;
}

/* fin home */

/* testimonios */

.font-2 {
    font: 402 40px 'Better-Signature', Helvetica, sans-serif !important;
    color: #2b2b2b;
}

.font-2r {
    font: 402 35px 'Better-Signature', Helvetica, sans-serif !important;
    color: #2b2b2b;
}

.font-3 {
    font: 400 40px'Emanuela', Helvetica, sans-serif;
    color: #2b2b2b;

}

-font-3r {
    font: 400 60px 'Emanuela', Helvetica, sans-serif;
    color: #2b2b2b;

}

.font-4 {
    font: 40px 'Hamilton', cursive;
    color: #2b2b2b;

}

.font-4r {
    font: 60px 'Hamilton', cursive;
    color: #2b2b2b;

}

.font-5 {
    font: 30px 'Anastascia', cursive;
    color: #2b2b2b;

}

.font-5r {
    font: 40px 'Anastascia', cursive;
    color: #2b2b2b;

}

.font-6 {
    font: 60px 'Grateful', cursive;
    color: #2b2b2b;

}

.font-6r {
    font: 80px 'Grateful', cursive;
    color: #2b2b2b;

}


/* fin testimonios */


/* noticias */

.container-notices hr {
    background-color: var(--verde-claro);
    display: flex;
    justify-content: center;
    height: 2px;
}

.container-notices .compartir a {
    background-color: var(--verde-oscuro);
    display: inline-flex;
    height: 25px;
    width: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
}

.container-notices .btn-vermas2 {
    background: var(--verde-oscuro);
    color: #FFFFFF;
    border-radius: 25px;
}

.home-noticias .columna:hover {
    transform: scale(1.03);
}

.home-noticias .descripcion {
    padding: 0px 16px;
}

.detalle-noticias .compartir a {
    background-color: var(--verde-oscuro);
    display: inline-flex;
    height: 25px;
    width: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
}

.btn-volver {
    background-color: var(--verde-oscuro);
    color: #FFF;
    border-radius: 50rem;
}

/* fin noticias */


/* noticias mas importantes */

.titulo-noticias-importantes {
    color: var(--verde-oscuro);
    font-size: 1.6rem;
    font-weight: 400;
}

.titulo-noticia-importante {
    font-size: 110%;
    font-weight: 500;
    color: var(--verde-oscuro);
}

.introduccion-noticias-importantes {
    text-align: left;
    font-size: 90%;
}

.fecha-noticias-importantes {
    text-align: center;
    font-size: 80%;
}

/* nosotros */

#box-489 h2 {
    color: var(--verde-oscuro) !important;
}

#box-489 .descripcion p {
    line-height: 26px;
}

#box-491 hr {
    display: none;
}

#box-491 h2 {
    background: radial-gradient(circle, rgba(67, 161, 53, 1) 0%, rgba(28, 84, 42, 1) 100%);
    border-radius: 12px;
    color: #ffff;
    width: 300px;
    margin-bottom: 25px;
    display: block;
    margin: auto;
    margin-bottom: 25px;
    padding: 5px 0px;
    font-size: 28px;
}


#box-491 .descripcion {
    padding: 0px 65px;
}

#box-491 .descripcion p {
    line-height: 26px;
    text-align: justify;
    text-align-last: center;
}

#box-494 h2 {
    color: var(--verde-oscuro) !important;
}

#box-494 .descripcion p {
    line-height: 26px;
}

#box-494 .disenio4 p {
    padding: 0px;
}

#box-494 .descripcion img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}

#box-494 .descripcion table,
#box-494 .descripcion tr,
#box-494 .descripcion td {
    border: none;
}

#box-494 .descripcion td {
    /* padding: 10px 0px; */
    vertical-align: middle;
    height: 100px;
    line-height: 19px;
}

#box-494 .descripcion td p {
    margin-bottom: 0px;
}

#box-497 .disenio4 .descripcion p {
    padding: 0px;
    color: var(--gris-textos);

}

#box-497 h2 {
    color: var(--verde-oscuro) !important;
}

#box-497 .descripcion p {
    line-height: 26px;
}


/* fin nosotros */

/* Servicios */

.container-servicios .contenedor-seccion {
    padding: 0px;
}

/* Fin Servicios*/

/* creditos */

.container-creditos .div-creditos img {
    height: 261px;
    object-fit: cover;
}

/* fin creditos */

/* auxilios */

.desc-aux table td {
    padding: 10px 15px;
}

/* fin auxilios */

/* Convenios */

.img-conv img {
    display: block;
    margin: auto;
}

.img-conv img:hover {
    transform: scale(1.03);
}

.titulo-conv {
    min-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-convenios {
    border: 1px solid #cecece;
    color: var(--gris-textos);
    border-radius: 15px;
}

.btn-convenios i {
    color: var(--verde-claro);
    font-size: 22px;
}

.btn-convenios:hover {
    background-color: var(--verde-claro) !important;
    border: 1px solid var(--verde-claro);
    color: #fff;
}

.btn-convenios:hover i {
    color: #FFF;
}

#box-537 .descripcion-seccion p {
    line-height: normal;
}

/* fin Convenios */

/* preguntas frecuentes */



/* fin preguntas frecuentes */

/* actividades */

.detalle-actividades img {
    border-radius: 20px;
}

.detalle-actividades img:hover {
    transform: scale(1.03);
    transition: 0.5s;
}

.detalle-actividades hr {
    background-color: var(--verde-claro);
    display: flex;
    justify-content: center;
    height: 2px;
    width: 100%;
}

.detalle-actividades .btn-vermas {
    padding: 5px 40px;
    font-size: 18px;
    border-radius: 30px;
}

/* fin actividades */

/* contactanos */

.contactenos .contact-info {
    color: #fff;
    line-height: 40px;
}

.contactenos {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 130px 0px;
}

.contactenos .contact-img img {
    display: block;
    margin: auto;
}

.contactenos .contact-text {
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 28px;
}

.contactenos .form-contactenos {
    background-color: #fff;
    padding: 25px;
    height: auto;
    overflow-y: auto;
}

/*barra del scroll*/

.contactenos .form-contactenos::-webkit-scrollbar {
    width: 7px;
    background-color: var(--primary-text);
}

.contactenos .form-contactenos::-webkit-scrollbar-thumb {
    background-color: var(--verde-claro);
    border-radius: 7px;
}

/* fin barra del scroll*/

.contactenos input,
.contactenos textarea,
.contactenos select {
    background-color: var(--gris-claro);
    color: #000;
    border: none;
}

.contactenos .btn-preguntas {
    background-color: var(--verde-oscuro);
    color: #fff;
    font-size: 21px;
}

.contactenos .btn-preguntas:hover {
    background-color: var(--verde-claro);
    color: #fff;
    transform: scale(1.03);
}

/* fin contactanos */

/* footer */

.fondo-gris {
    background-color: var(--gris-footer2);
    color: var(--gris-claro);
    padding: 55px 0px;
}

.fondo-gris .footer-logo {
    position: relative;
    bottom: 15px;
}

.fondo-gris .footer-desc strong {
    font-weight: 600;
    opacity: 1;
}

.fancy-border {
    width: 80px;
    height: 20px;
    text-align: center;
    border-top: 3px solid;
    border-image: linear-gradient(to right, #FFF 50%, var(--verde-claro) 50%) 2;
}

.fondo-gris .address-footer {
    font-size: 18px;
    opacity: 0.8;
}

.fondo-gris .redes-footer i {
    padding: 6px;
    display: inline-block;
    vertical-align: middle;
    color: #FFFFFF;
    width: 30px;
    text-align: center;
    border-radius: 5em;
    font-size: 18px;
}

.titulo-footer {
    margin-bottom: 15px;
    opacity: 0.9;
    font-size: 18px;
}

.fondo-gris .enlaces ul li a {
    opacity: 0.8;
    font-size: 18px;
}

.fondo-gris .desc-footer {
    opacity: 0.8;
    font-size: 18px;
    margin-top: 15px;
    line-height: 21px;
}

.fondo-gris .redes-footer {
    display: flex;
}

ul {
    list-style: none;
}

.derechos-footer .redes-footer i {
    color: #fff;
    font-size: 25px;
    padding: 0px 5px;
}

.derechos-footer .redes-footer i:hover {
    color: var(--verde-claro);
    transform: scale(1.03);
}

.derechos-footer .div-derechos {
    opacity: 0.8;
    font-size: 18px;
}

.enlaces ul {
    margin-top: 15px;
}

.enlaces ul li {
    line-height: 21px;
}

/* fin footer  */


/* botonera Responsive*/

.botonera-resposive {
    position: fixed;
    background: var(--azul-oscuro) !important;
    color: #fff;
    width: 276px;
    height: 100%;
    overflow: auto;
    top: 0;
    z-index: 9999;
    right: 0;
    display: none;
    -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
}

/* fin botonera responsive */

/* sistema index */

.container-sistema {
    background-image: url('/skins/sistema/images/zonaprivada.png');
    background-size: cover;
    padding: 150px 0px;
}

.container-sistema h1 {
    color: #fff;
    font-size: 60px;
    margin-bottom: 20px;
}


.container-sistema .info-sistema {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
}

.container-sistema .img-sistema {
    -webkit-box-shadow: 5px 5px 15px 5px #000000;
    box-shadow: 5px 5px 15px 5px #000000;
    border-radius: 55px;
}

.container-sistema .legend-sistema {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-top: 25px;
    line-height: 25px;
}

.titulo-seccion {
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    margin-bottom: 10px;
    margin-top: 20px;
    background-color: var(--verde-oscuro);
    padding: 10px;
    border-radius: 18px;
}


.container-sistema .label-sistema {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    width: 100px;
}

.container-sistema .form-control,
.container-sistema .form-control:focus {
    background: transparent;
    background-color: transparent;
    border: none;
    outline-width: 0;
    color: #fff !important;
    border: 2px solid #fff;
    padding: 25px 55px;
    height: 65px;
    border-radius: 10px;
}

input:-internal-autofill-selected {
    background-color: transparent !important;
}

.container-sistema .form-control-feedback {
    color: #fff;
    position: relative;
    padding: 10px;
    pointer-events: none;
    right: 95px;
    top: 69px;
    font-size: 25px;
}

.container-sistema .btn-sistema {
    background-color: var(--verde-claro);
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 10px 45px;
    border-radius: 21px;
    margin-right: auto;
    display: block;
    margin-top: 35px;
    cursor: pointer;
}

.container-sistema .btn-sistema:hover {
    background-color: var(--verde-oscuro);
    transition: 0.5s;
}

.caja-login {}

/* fin sistema index */

/* sistema panel */

.content-sistema .descripcion {
    text-align: center;
    margin-top: 15px;
}

.btn-perfil {
    background: var(--verde-oscuro);
    color: #FFF;
    border: 1px solid var(--verde-oscuro);
}

.btn-perfil:hover {
    background: var(--verde-claro);
    color: #FFF;
    border: 1px solid var(--verde-claro);
}

.botones-secundarios {
    display: flex;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    justify-content: center;
}



.botones-secundarios .boton-secundario .imagen {
    height: 170px;
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

.botones-secundarios .boton-secundario .imagen .caption {
    background: no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.botones-secundarios .boton-secundario:hover .imagen .caption {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.botones-secundarios .boton-secundario:hover h2 {
    color: var(--verde-claro);
    transform: scale(1.03);
    font-weight: 600;
}

.botones-secundarios .boton-secundario h2 {
    color: var(--verde-oscuro);
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
}

.botones-secundarios .boton-secundario h2:hover {
    color: var(--verde-claro);
    transform: scale(1.03);
    font-weight: 600;
}

/* fin sistema panel */

/* sistema perfil */

.caja-perfil {
    background: #EEEEEE;
    padding: 20px;
    border: 1px solid #e2e2e2;
    margin-bottom: 40px;
}

.caja-perfil label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: var(--verde-oscuro);
}

.caja-perfil .campo-perfil {
    color: var(--verde-claro);
}

/* fin sistema perfil */

/* sistema formatos */

.contenido-normatividad .normatividad-imagen {
    display: flex;
    justify-content: center;
}

.contenido-normatividad .normatividad-titulo {
    text-align: center;
    background: var(--verde-oscuro);
    color: #fff;
    font-size: 24px;
    margin: 5% 14%;
    border-radius: 25px;
    font-weight: 600;
    padding: 2% 0%;
}

.contenido-normatividad .normatividad-caja {
    margin: 0% 14%;
}

.contenido-normatividad .normatividad-descripcion-uno i {
    font-size: 35px;
    padding: 3% 0% 0% 3%;
}

.contenido-normatividad .normatividad-descripcion-uno {
    background-color: var(--verde-claro);
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

.contenido-normatividad .normatividad-descripcion-dos {
    background-color: var(--verde-claro);
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    padding: 2% 0%;
    margin-bottom: 7%;
}

/* fin sistema formatos */

/* Sistema Estado Cuenta */

.table .thead-dark th {
    color: #fff;
    background-color: var(--verde-oscuro) !important;
    border-color: var(--verde-oscuro) !important;
}

.table .thead-dark-mesa th {
    color: #fff;
    background-color: var(--verde-claro) !important;
    border-color: var(--verde-claro) !important;
}

/* fin sistema Estado Cuenta */

/*Afiliaciones*/

.afiliaciones {
    font-size: 18px;
}

.afiliaciones label {
    color: var(--newblue);
    font-size: 18px;
}

.afiliaciones .form-control {
    background-color: #f2f2f2;
    border-radius: 20px;
    border: none;
}

.fondo-azul-claro {
    background-color: var(--newblue);
    color: #fff;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.color-verde {
    color: var(--newblue) !important;
    font-size: 18px;
}

#font-2 {
    font: 402 18px 'Better-Signature', Helvetica, sans-serif !important;
    color: #2b2b2b;
    font-size: 30px;
}

#font-2r {
    font: 402 35px 'Better-Signature', Helvetica, sans-serif !important;
    color: #2b2b2b;
    font-size: 30px;
}

#font-3 {
    font: 400 40px'Emanuela', Helvetica, sans-serif;
    color: #2b2b2b;
    font-size: 30px;

}

#font-3r {
    font: 400 60px 'Emanuela', Helvetica, sans-serif;
    color: #2b2b2b;
    font-size: 30px;

}

#font-4 {
    font: 40px 'Hamilton', cursive;
    color: #2b2b2b;
    font-size: 30px;

}

#font-4r {
    font: 60px 'Hamilton', cursive;
    color: #2b2b2b;
    font-size: 30px;

}

#font-5 {
    font: 30px 'Anastascia', cursive;
    color: #2b2b2b;
    font-size: 30px;

}

#font-5r {
    font: 40px 'Anastascia', cursive;
    color: #2b2b2b;
    font-size: 30px;

}

#font-6 {
    font: 60px 'Grateful', cursive;
    color: #2b2b2b;
    font-size: 30px;

}

#font-6r {
    font: 80px 'Grateful', cursive;
    color: #2b2b2b;
    font-size: 30px;
}

/*Fin Afiliaciones*/




/* responsive */
/* Responsive small screen */
@media screen and (max-width: 320px) and (min-width: 0px) {}

@media screen and (max-width: 470px) and (min-width: 320px) {
    .contenedor-general {
        margin-top: 52px !important;
    }

    .disenio4 {
        margin-bottom: 40px;
    }

    .disenio4 .descripcion {
        text-align: center;
    }

    .col-sm-6 .disenio5 {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 440px;
        padding: 0px 0px;
        display: flex;
        align-items: center;
    }

    .col-sm-6 .disenio5 .row {
        padding-top: 0px;
    }

    .footer-logo img {
        display: block;
        margin: auto;
    }

    .enlaces {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .titulo-footer {
        text-align: center;
        margin-top: 55px;
    }

    .fondo-gris .desc-footer {
        text-align: center;
    }

    .fondo-gris .desc-footer {
        padding: 0px 10px;
    }

    .fondo-gris .address-footer {
        display: flex;
        justify-content: center;
    }

    .slider-testimonios .slider-simple .bansimple-image img {
        display: block;
        margin: auto;
        filter: opacity(0.1);
    }

    .carousel-caption {
        bottom: 115px;
    }

    .botonera-resposive {
        position: fixed;
        background: var(--verde-oscuro) !important;
        color: #fff;
        width: 276px;
        height: 100%;
        overflow: auto;
        top: 0;
        z-index: 9999;
        right: 0;
        display: none;
        -webkit-box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
        box-shadow: 0 0 5px 0 rgb(0 0 0 / 50%);
    }

    #box-491 .descripcion {
        padding: 0px 25px;
    }

    #box-494 img {
        display: block;
        margin: auto;
    }

    .disenio1 .descripcion p {
        text-align: center;
    }

    .contactenos {
        background-size: cover;
    }

    .contactenos .contact-info p {
        text-align: center;
    }

    .botones-contacto {
        margin-bottom: 45px;
    }

    .div-redes-footer {
        justify-content: center !important;
        margin-top: 12px;
    }

    .pqr-app {
        position: fixed;
        ;
        right: 0;
        z-index: 999;
        width: 100px;

        margin-top: 0rem;
        width: 100% !important;
        height: 75px;
        bottom: 0;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        top: initial;
        left: initial;
        transform: translateY(0);
        transform: translateX(0);
    }

    .app {
        width: 60px;
        border-radius: 14px
    }

    .usuario {
        display: flex;
        margin-left: 43%;
        justify-content: center;
    }

    .menu-responsive .fa-bars {
        float: right;
        font-size: 30px;
        display: block;
        color: #0d6a37;
        margin-top: 16px;
    }

    .usuario .cap {
        border-radius: 0.5rem;
        background: #43A135;
        margin-left: -75px;
        white-space: nowrap;
        margin-right: 35px;
        margin-bottom: 18px;
        padding: 1px 9px;
        color: #ffffff;
        font-size: 12px;
        margin-top: 12px;
    }
}

@media screen and (max-width: 570px) and (min-width: 470px) {
    .contenedor-general {
        margin-top: 90.38px !important;
    }
}

@media screen and (max-width: 750px) and (min-width: 570px) {}


/* End Responsive small screen */


/* Responsive medium screen */
@media screen and (max-width: 920px) and (min-width: 750px) {}

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

/* End Responsive medium screen */


/* Responsive big screen */
@media screen and (max-width: 1500px) and (min-width: 1024px) {}

@media screen and (max-width: 2000px) and (min-width: 1500px) {}

@media screen and (max-width: 2500px) and (min-width: 3000px) {}

/* End Responsive big screen */

/* fin responsive */


.btn-vinculaciones:hover {
    background-color: #43A135;
    color: #fff;
}

#box-468 .disenio5 {}

/* Documentos */

a {
    text-decoration: none !important;
    color: inherit;
}

.docs-container {
    margin: auto;
    width: 100%;
    max-width: 900px;
}

.docs-container .docs-header .iconos {
    text-align: right;
    padding: 0px 15px 0px;
}

.docs-container .docs-header .iconos i {
    font-size: 15px;
    background: #fff;
    padding: 7px 8px;
    border-radius: 50px;
    /* margin-top: 10px; */

}

.docs-container .docs-header {
    height: 45px;
    border-radius: 20px 20px 0 0;
    background-color: #43A135;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 30px 30px;
}

.docs-container .docs-header h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 0;
}

.docs-container .items-docs-row {
    max-height: 500px;
    overflow-y: scroll;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;

}

.docs-container .items-docs-row::-webkit-scrollbar {
    width: 5px;
}

.docs-container .items-docs-row::-webkit-scrollbar-thumb {
    background: #43A135;
    border-radius: 50px;
}

.docs-container .items-docs-row .doc-item-theme {
    padding: 10px 20px;
    background-color: #43A135;
    border-radius: 50px;
    cursor: pointer;
}

.docs-container .items-docs-row .doc-item-theme h4 {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 300;
    margin-bottom: 0;
}

.docs-container .items-docs-row .doc-item-theme .img-docs {
    width: 25px;
}

.docs-container .items-docs-row .doc-item-file {
    padding: 5px 20px;
    background-color: #eff0f0;
    border-radius: 10px;
    cursor: pointer;
}

.docs-container .items-docs-row .doc-item-file h4 {
    font-size: 1.2rem;
    font-weight: 300;
    margin-bottom: 0;
    padding: 0.75rem;
}

.docs-container .items-docs-row .doc-item-head {
    padding: 8px 20px;
    background-color: #000;
    border-radius: 8px;
    cursor: pointer;
}

.docs-container .items-docs-row .doc-item-head .documento {
    position: relative;
}

.docs-container .items-docs-row .area {
    position: relative;
}

.docs-container .items-docs-row .adjuntos {
    position: relative;
}

.docs-container .items-docs-row .doc-item-body .documento::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 50px;
    background: #1C542A;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.docs-container .items-docs-row .doc-item-body .area::before {
    content: "";
    position: absolute;
    display: block;
    width: 1px;
    height: 50px;
    background: #1C542A;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.docs-container .items-docs-row .doc-item-head span {
    color: #fff;
}

.docs-container .items-docs-row .doc-item-body {
    background: transparent;
    border: 1px solid #e0e0e0;
    cursor: inherit;
}

.docs-container .items-docs-row .doc-item-body span {
    color: #6b8080;
    font-size: 0.8rem;
}

.docs-container .items-docs-row .doc-item-body h4 {
    color: #6b8080;
    font-size: 1.1rem;
}

seccion .docs-container .items-docs-row .doc-item-file .img-docs {
    width: 70px;
}

.docs-container .cont-docs {
    display: none;
}

.docs-container .doc {
    background-color: #fff;
}

.docs-container .doc {
    padding: 15px 20px;
}

.docs-container .doc:nth-child(2n) {
    background-color: #fff;
}

.docs-container .doc h5 {
    margin-bottom: 0;
    color: #43A135;
    font-size: 1rem;
    font-weight: 100;
}

/* fin documentos */