a:hover {
    color: #ffffff;
    text-decoration: none !important;
}

a {
    color: #676566;
    text-decoration: none !important;
    background-color: transparent;
}


.centradoo{
    margin-top:20px !important;
}

.f_calendario{
    position: relative;
    width: 100%;
    min-height: 1116px;
    background-image: url(../images/f_calendario.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}


.icon-calendario01 {
    position: relative;
    float: left;
    width: 50px;
    min-height: 50px;
    background-image: url(../images/icon_person.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
    margin-right: 10px;
}

.icon-calendario02 {
    position: relative;
    float: left;
    width: 50px;
    min-height: 50px;
    background-image: url(../images/icon_time.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
    margin-right: 10px;
}

.icon-calendario03 {
    position: relative;
    float: left;
    width: 50px;
    min-height: 50px;
    background-image: url(../images/icon_location.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
    margin-right: 10px;
}

.icon-calendario04 {
    position: relative;
    float: left;
    width: 50px;
    min-height: 50px;
    background-image: url(../images/icon_calendar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
    margin-right: 10px;
}

.icon-calendario05 {
    position: relative;
    float: left;
    width: 50px;
    min-height: 50px;
    background-image: url(../images/icon_diploma.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: -5px;
    margin-right: 10px;
}


.container-curso {
    position: relative;
    width: 100%;
    min-height: 50px;
    height: auto;
    overflow: hidden;
    background-color: #214089;
    border-radius: 15px;
    padding: 10px;
    /* padding-top: 25px; */
}

.contenedor_curso_gris {

    background-color: #f5f5f5;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-size: 20px;
    line-height: 1;
    text-align: justify;
    padding: 10px;
    min-height: 50px;
    height: auto;
    overflow: hidden;
    width: 100%;
    position: relative;
    float: left;
    margin-top: 20px;
    /*  margin-bottom: 25px;*/
    border-radius: 8px;
    border-width: 1px;
    border-color: #949494;
    border-style: solid;

}

.container-curso h4 {
    color: #ffffff;
    font-family: 'neue_haas_grotesk_text_pr75Bd';
    font-size: 22px;
    line-height: 1;
    text-align: justify;
}


.avisooo a {
    color: #ffffff !important;
    text-decoration: none !important;
    background-color: transparent;
}

.norange{
    color: #214089 !important;
}

.powerby a {
    display: block;
    float: right;
    color: #ffffff;
    text-decoration: none;
    font-family: 'nunitomedium';
    font-size: 15px;
}

.powerby a :hover{

    color: #ffffff;

}

.header_calendario {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/headers_calendario.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255, 255, 255, 0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}



.marco_02 {
    position: relative;
    width: 100%;
    min-height: 485px;
    background-image: url(../images/marco_2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.marco_01 {
    position: relative;
    width: 100%;
    min-height: 1116px;
    background-image: url(../images/marco_01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.towi-01 {
    position: relative;
    width: 100%;
    min-height: 1000px;
    background-image: url(../images/porque-panda-3.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}


.towi-02 {
    position: relative;
    width: 100%;
    min-height: 485px;
    background-image: url(../images/towi_2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.btn-towi {
    background-color: #000;
    border-color: #000;
    display: block;
    width: 250px;
    height: 60px;
    border-radius: 50px;
    padding: 17px;
    margin: 0 auto;
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 16px;
    float: right;
    margin-top: -39px;
    margin-right: 24%;
    /* margin-top: 10px; */
    margin-bottom: 35px;
}

.btn-towi:hover, .btn-mas-productos:active, .btn-mas-productos:focus, .btn-mas-productoso:not(:disabled):not(.disabled).active, .btn-mas-productos:not(:disabled):not(.disabled):active, .show > .btn-mas-productos.dropdown-toggle{
    background-color: #fe5401;
    border-color: #fe5401 ;
}


.btn-whatsapp {
    display: block;
    width: 50px;
    height: 50px;
    color: #fff;
    position: fixed;
    right: 0px;
    bottom: 130px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    z-index: 5000;
}


.slogan2 {
    font-family: 'din_next_lt_proMdCn';
    font-size: 38px;
    line-height: 1;
    color: #f26543;
    text-decoration: none !important;
    text-align: center;
}

.slogan2:hover {
    text-decoration: none !important;
}

.slogan {
    font-family: 'din_next_lt_proMdCn';
    font-size: 30px;
    line-height: 1;
    color: #f26543;
    text-decoration: none !important;
}

.slogan:hover {
    text-decoration: none !important;
}


.ocultar_escritorio {
    display: block !important;
}

.ocultar_mobile {
    display: none !important;
}

.sostenibilidad_grande {
    position: relative;
    width: 100%;
    min-height: 900px;
    background-image: url(../images/sostenibilidad_grande.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 80px 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
}

.sostenibilidad_01 {
    position: relative;
    width: 100%;
    min-height: 500px;
    background-image: url(../images/sostenibilidad_ambiental.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    /* margin: 10px 20px; */
    border-radius: 15px;
    margin-bottom: 40px;
}

.sostenibilidad_02 {
    position: relative;
    width: 100%;
    min-height: 300px;
    background-image: url(../images/sostenibilidad_capacitacion.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*margin: 10px 20px;*/
    border-radius: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
}


.header_solucion2 {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_extra2.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_soluciones2 {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_nosotros.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}


.header_soluciones {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_soluciones.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}

.header_sostenibilidad {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_sostenubilidad.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}


.header_contactook {
    width: 100%;
    position: relative;
    height: 341px;
    background-image: url(../images/header_contacto.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 45px;
    color: rgba(255,255,255,0.55);
    font-size: 37px;
    font-family: 'neue_haas_grotesk_text_pr65Md';
    padding-top: 200px;
    margin-bottom: 5px;
}

.sol_int_01 {
    position: relative;
    background-image: url(../images/solucion_int_01.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
    border-radius: 15px 15px 0px 0px;
    /*border-color: #f3f3f4;
    border-style: solid;
    border-width: 1px;*/
}

.sol_int_02 {
    position: relative;
    background-image: url(../images/solucion_int_02.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
    /*border-radius: 15px 15px 0px 0px;
    border-color: #f3f3f4;
    border-style: solid;
    border-width: 1px;*/
}

.sol_int_03 {
    position: relative;
    background-image: url(../images/solucion_int_03.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
   /* border-radius: 15px 15px 0px 0px;
    border-color: #f3f3f4;
    border-style: solid;
    border-width: 1px;*/
}


.sol_int_corta {
    position: relative;
    background-image: url(../images/sol_corta.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
   /* border-radius: 15px 15px 0px 0px;
    border-color: #f3f3f4;
    border-style: solid;
    border-width: 1px;*/
}

.sol_int_md {
    position: relative;
    background-image: url(../images/440-BM4.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
   /* border-radius: 15px 15px 0px 0px;
    border-color: #f3f3f4;
    border-style: solid;
    border-width: 1px;*/
}

.sol_int_larga {
    position: relative;
    background-image: url(../images/sol_larga.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    height: auto;
    min-height: 350px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-right: 0px;
   /* border-radius: 15px 15px 0px 0px;
    border-color: #f3f3f4;
    border-style: solid;
    border-width: 1px;*/
}


.pleca_roja {
    position: relative;
        line-height: 1;
    width: 100%;
    height: auto;
    background-color: #214089;
    color: #ffffff;
    min-height: 60px;
    overflow: hidden;
    margin-bottom: 40px;
    margin-right: 0px;
    border-radius: 15px 15px 15px 15px;
    padding: 10px;
    text-align: center;
    font-family: 'din_next_lt_proMdCn';
    font-size: 40px;

}


.centradoo{
    text-align: center !important;
}

.contenedor_gris{
    background-color: #f3f3f4;
    padding: 15px;
    height: auto;
    min-height: 124px;
    overflow: hidden;
}

.contenedor_gris2 {
    background-color: #f3f3f4;
    padding: 15px;
    height: auto;
    min-height: 60px;
    overflow: hidden;
}

.box_dos {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 0px;
    /* background: #000; */
    /* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */
    transition: .5s;
    /* margin-bottom: 11px; */
}

.textoo_general{
    font-family: 'neue_haas_grotesk_text55roman';
    font-size: 20px;
    line-height: 1.2;
    color: #1e3659;
}

.titulo_general{
    font-family: 'neue_haas_grotesk_text_pr65Md';
    font-size: 24px;
    line-height: 1;
    color: #1e3659;

}


.titulo_big_naranja {
    font-family: 'din_next_lt_proMdCn';
    color: #f26543;
    font-size: 60px;
    line-height: 1;
    text-align: center;
}



@media (max-width: 1200px) {
    /*    .contenedor_gris {
    
            min-height: 305px;
        }*/
}



@media (max-width: 768px) {


    .baner-footer {
  
        min-height: 233px !important;
    }


    .bg-porque {
        width: 100%;

    }


    .ocultar_mobile {
        display: block !important;
    }


    .ocultar_escritorio {
        display: none !important;
    }



    .contenedor_gris {

        min-height: 90px;
    }


    .sol_int_01 {
        background-size: contain;
        min-height: 350px;
    }

    .sol_int_02 {
        background-size: contain;
        min-height: 350px;
    }

    .sol_int_03{
        background-size: contain;
        min-height: 350px;
    }

    .sol_int_corta{
        background-size: contain;
        min-height: 350px;
    }
    .sol_int_larga{
        background-size: contain;
        min-height: 350px;
    }


    .box_dos {

        height: 350px;

    }

}
@media (max-width: 320px) {

    .sol_int_03 {
        min-height: 300px;

    }

    .sol_int_02 {
        min-height: 300px;

    }

    .sol_int_01 {
        min-height: 300px;

    }

    .box_dos {

        height: 300px;

    }

}