.sin_margen {
    margin-right: 0px;
    margin-left: 0px;
}

.sin_padding {
    padding-left: 0px;
    padding-right: 0px;
}

.sin_flex {
    display: inherit;
}

.sin_padding_der {
    padding-right: 0px;
}

.sin_padding_izq {
    padding-left: 0px;
}

.margen_arriba_1 {
    margin-top: 1%;
}

.margen_arriba_2 {
    margin-top: 2%;
}

.margen_arriba_3 {
    margin-top: 3%;
}

.margen_arriba_4 {
    margin-top: 4%;
}

.margen_arriba_5 {
    margin-top: 5%;
}

.margen_abajo_1 {
    margin-bottom: 1%;
}

.margen_abajo_2 {
    margin-bottom: 2%;
}

.margen_abajo_3 {
    margin-bottom: 3%;
}

.margen_abajo_4 {
    margin-bottom: 4%;
}

.margen_abajo_5 {
    margin-bottom: 5%;
}

.padding_arriba_1 {
    padding-top: 1%;
}

.padding_arriba_2 {
    padding-top: 2%;
}

.padding_arriba_3 {
    padding-top: 3%;
}

.padding_arriba_4 {
    padding-top: 4%;
}

.padding_arriba_5 {
    padding-top: 5%;
}

.padding_abajo_1 {
    padding-bottom: 1%;
}

.padding_abajo_2 {
    padding-bottom: 2%;
}

.padding_abajo_3 {
    padding-bottom: 3%;
}

.padding_abajo_4 {
    padding-bottom: 4%;
}

.padding_abajo_5 {
    padding-bottom: 5%;
}

body {
    font-family: 'Open Sans', sans-serif;
}

/********************************** MENU *********************************************************/
.barra_nav {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: transparent !important;
    z-index: 999;
    padding-top: 25px;
    transition: .4s;
}

.barra_mov {
    background-color: #F9C871 !important;
    -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.09);
}

.barra_top a:hover {
    color: #FFF !important;
}

.barra_top .bot_gratis:hover {
    background-color: #FFF;
    color: #3B3F51 !important;
}

.barra_mov a:hover {
    color: #FFF !important;
}

.barra_mov .bot_gratis:hover {
    background-color: #FFF;
    border: 1px solid #3B3F51;
    color: #3B3F51 !important;
}

.barra_top .dropdown-item:hover {
    color: #16181b !important;
}

.barra_mov .dropdown-item:hover {
    color: #16181b !important;
}

.logo_menu {
    max-width: 173px;
}

.navbar-brand {
    display: contents;
}

.menu_nav li {
    margin-right: 15px;
}

.menu_nav li:last-child {
    margin-right: 0px;
}

.nav-link {
    color: #3B3F51 !important;
    font-weight: 600;
    font-size: 14px;
    transition: .3s;
}

.desplegable_resp {
    display: none;
}

.barra_nav_resp {
    position: fixed;
    left: -100%;
    transition: .5s;
}

.bot_menu_resp {
    display: none;
}

.bot_gratis {
    border: 1px solid #3B3F51;
    border-radius: 10px;
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-right: 10px;
}

/********************************** BANNER *********************************************************/

.bg_banner {
    background-color: rgba(247, 176, 52, 0.7);
    padding-top: 150px;
    background-attachment: fixed;
}

.tit_banner {
    color: #3B3F51;
    font-size: 43px;
    line-height: 1.2;
    margin-top: 8%;
    font-weight: 600;
}

.img_banner_desk {
    margin-left: -140px;
    width: 140%;
    max-width: 750px;
    margin-top: -60px;
}

.img_banner_resp {
    display: none;
}

.texto_banner {
    color: #3B3F51;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.bot_banner {
    background-color: #24BB72;
    color: #FFF;
    padding: 12px 25px;
    border-radius: 10px;
    margin-top: 15px;
    display: inline-block;
    position: relative;
    z-index: 899;
    transition: .3s;
    border: 1px solid transparent;
    font-weight: 600;
}

.bot_banner:hover {
    text-decoration: none;
    background-color: #FFF;
    border: 1px solid #3B3F51;
    color: #3B3F51 !important;
}

/******************************* SECCION ******************************************************/

.tit_portales {
    color: #8C8C8C;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    margin-top: 10px;
}

.img_portales {
    width: 120%;
    margin-top: 25px;
    max-width: 228px;
}

.margen_logos_uni {
    margin-top: 60px;
}

.bg_medio {
    background-color: #F4F4F4;
    margin-top: -120px;
    padding-bottom: 30px;
}

.tit_medio {
    text-align: center;
    font-size: 40px;
    color: #3B3F51;
    font-weight: 600;
    margin-top: 50px;
}

.cont_linea {
    text-align: center;
}

.linea_medio {
    /*max-width:250%;*/
    margin-left: -40px;
    margin-top: 50px;
    max-width: 162px;
    width: 250%;
}

.linea_medio_resp {
    display: none;
}

.ico_medio {
    max-width: 168px;
}

.tit_ico_medio {
    color: #3B3F51;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600;
}

.texto_ico_medio {
    color: #3B3F51;
    font-weight: 600;
}

.tit_seccion {
    color: #3B3F51;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 5%;
}

.texto_seccion {
    color: #3B3F51;
    margin-bottom: 30px;
    margin-left: 30px;
    text-indent: -30px;
}

.texto_verde {
    color: #24BB72;
    font-weight: 600;
}

.item_verde {
    margin-right: 10px;
}

.cuadro_amarillo {
    background-color: #F9C871;
    border-radius: 20px;
    margin-bottom: 8%;
}

.texto_bold {
    font-weight: 700;
}

.tit_seccion_cuadro_amarillo {
    color: #3B3F51;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 30px;
    margin-top: 10%;
}

.pj_elegi {
    position: relative;
    max-width: 540px;
    z-index: 50;
}

.bg_elegi {
    position: absolute;
    top: 0;
    left: 15px;
    max-width: 540px;
    z-index: 2;
}

.ciudad_elegi {
    position: absolute;
    top: 0;
    left: 15px;
    max-width: 540px;
    z-index: 8;
}

.figura_elegi {
    position: absolute;
    top: 0;
    left: 15px;
    max-width: 540px;
    z-index: 5;
}

.pj_elegi_resp {
    display: none;
}

.bg_elegi_resp {
    display: none;
}

.ciudad_elegi_resp {
    display: none;
}

.figura_elegi_resp {
    display: none;
}

.grafico_guia {
    position: absolute;
    top: -150px;
    left: -150px;
    max-width: 358px;
}

.img_guia {
    position: relative;
    max-width: 535px;
    z-index: 2;
}

.barras_guia {
    position: absolute;
    top: 0;
    left: 15px;
    max-width: 535px;
    z-index: 5;
}

.barras_guia_resp {
    display: none;
}

.img_guia_resp {
    display: none;
}

.estrella_guia {
    position: absolute;
    bottom: -30px;
    right: 45px;
    max-width: 95px;
    width: 100%
}


.texto_azul {
    color: #3598DC;
    font-weight: 600;
}

.cont_proceso {
    overflow: hidden;
}

.verde_proceso {
    position: relative;
    max-width: 702px;
    width: 130%;
    z-index: 3;
}

.naranja_proceso {
    position: absolute;
    top: 0;
    left: 15px;
    max-width: 702px;
    z-index: 5;
    width: 130%;
}

.grafico_proceso {
    position: absolute;
    top: 0;
    left: 15px;
    max-width: 702px;
    z-index: 1;
    width: 130%;
}

.verde_proceso_resp {
    display: none;
}

.naranja_proceso_resp {
    display: none;
}

.grafico_proceso_resp {
    display: none;
}

.img_proceso_resp {
    display: none;
}

.bg_contacto {
    position: relative;
    background-color: #F7B034;
    /* margin-top:150px;*/
    padding-top: 150px;
    overflow: hidden;
}

.barra_blanca {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 150px;
    background-color: #FFF;
    top: 0;
    left: 0;
}

.cont_img_contacto {}

.cuadro_form {
    background-color: #3B3F51;
    padding: 20px 40px;
    border-radius: 15px;
    margin-top: -100px;
    margin-bottom: 40px;
}

.input {
    margin-bottom: 25px;
    border-radius: 10px;
}

.tit_contacto {
    font-size: 32px;
    color: #FFF;
    margin-top: 3%;
    text-align: center;
    margin-bottom: 30px;
}

.bot_enviar {
    background-color: #24BB72;
    color: #FFF;
    padding: 11px 55px;
    border-radius: 10px;
    margin-top: 25px;
    display: inline-block;
    border: none;
    border: 1px solid transparent;
    transition: .3s;
    font-weight: 600;
}

.bot_enviar:hover {
    color: #24BB72;
    text-decoration: none;
    border: 1px solid #24BB72;
    background-color: #FFF;
}

.bot_enviando {
    background-color: rgb(124, 124, 124);
    color: #FFF;
    padding: 11px 55px;
    border-radius: 10px;
    margin-top: 25px;
    display: inline-block;
    border: none;
    border: 1px solid transparent;
    transition: .3s;
    font-weight: 600;
}

.bot_enviando:hover {
    color: rgb(124, 124, 124);
    text-decoration: none;
    border: 1px solid #24BB72;
    background-color: #FFF;
}

.img_contacto {
    width: 160%;
    margin-left: -70px;
    margin-top: 44px;
    max-width: 840px;
}

.img_contacto_resp {
    display: none;
}

.bg_footer {
    background-color: #F9C871;
    padding-top: 50px;
    padding-bottom: 40px;
}

.menu_footer a {
    color: #3B3F51;
    display: block;
    font-weight: 600;
    margin-bottom: 5px;
}

.logo_footer {
    margin-top: 8%;
    max-width: 255px;
}

.redes_footer {
    margin-bottom: 40px;
}

.redes_footer a {
    margin-right: 20px;
}

.redes_footer i {
    color: #3B3F51;
    font-size: 20px;
}

.frase_copy {
    color: #3B3F51;
}

.bot_politicas {
    color: #24BB72;
}

.bot_politicas:hover {
    color: #24BB72;
}

@media (max-width: 1590px) {

    .img_contacto {
        width: 150%;
        margin-left: -70px;
        margin-top: 69px;
        max-width: 840px;
    }

}

@media (max-width: 1500px) {

    .img_contacto {
        width: 150%;
        margin-left: -70px;
        margin-top: 69px;
        max-width: 840px;
    }

}

@media (max-width: 1400px) {

    .img_contacto {
        width: 140%;
        margin-left: -70px;
        margin-top: 119px;
        max-width: 840px;
    }

}

@media (max-width: 1199px) {

    .img_contacto {
        width: 150%;
        margin-left: -70px;
        margin-top: 169px;
        max-width: 840px;
    }

    .margen_logos_uni {
        margin-top: 40px;
    }

    .img_portales {
        margin-top: 10px;
    }

    .bg_medio {
        margin-top: -90px;
    }

    .grafico_guia {
        top: -90px;
    }

    .tit_contacto {
        font-size: 26px;
    }

}

@media (max-width: 1080px) {

    .img_contacto {
        width: 140%;
        margin-left: -70px;
        margin-top: 199px;
        max-width: 840px;
    }

}

@media (max-width: 991px) {

    .barra_nav {
        background-color: #F9C871 !important;
        padding-top: 10px;
        -webkit-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.09);
        box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.09);
    }

    .navbar-toggler {
        display: none;
    }

    .navbar-brand {
        margin: 0 auto;
    }

    .desplegable_resp {
        display: inline-block;
        list-style-type: none;
    }

    .desplegable_resp .dropdown-menu {
        min-width: 2rem;
    }

    .cont_menu_resp {
        margin-top: 20px;
    }

    .bot_gratis_resp {
        background-color: #3B3F51;
        color: #FFF !important;
        padding: 11px 45px !important;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 10px;
        display: inline-block;
        text-align: center;
    }

    .bot_gratis_resp:hover {
        color: #FFF;
        text-decoration: none;
    }

    .bot_cerrar {
        display: inline-block;
        margin-top: 10px;
    }

    .bot_cerrar i {
        font-size: 26px;
        color: #3B3F51;
    }

    .logo_menu_resp {
        display: inline-block;
        margin-top: -10px;
        margin-left: 10px;
        max-width: 173px;
    }

    .bot_menu_resp {
        display: inline-block;
        margin-top: 0px;
        margin-left: 5px;
        border-radius: 5px;
        padding: 5px 10px;
        padding-bottom: 3px;
    }

    .bot_menu_resp i {
        color: #3B3F51;
        font-size: 22px;
    }

    .menu {
        margin-top: 20px;
    }

    .menu li {
        list-style-type: none;
    }

    .menu a {
        color: #3B3F51;
        padding-left: 0;
        font-size: 18px;
        font-weight: 700;
    }

    .nav_activo {
        display: block;
        left: 0 !important;
        z-index: 999;
        background-color: rgba(252, 252, 252, 1);
        margin-left: 0;
        padding-left: 20px;
        width: 75%;
        height: 100%;
    }

    .img_contacto {
        width: 170%;
        margin-left: -50px;
        margin-top: 229px;
        max-width: 840px;
    }

    .bg_medio {
        margin-top: -70px;
    }

    .img_portales {
        margin-top: 20px;
    }

    .margen_logos_uni {
        margin-top: 35px;
    }

    .tit_portales {
        font-size: 14px;
        margin-top: 5px;
    }

    .tit_banner {
        font-size: 30px;
    }

    .tit_banner br {
        display: none;
    }

    .bot_banner {
        margin-top: 10px;
    }

    .cuadro_form {
        padding: 20px;
    }

    .input {
        margin-bottom: 15px;
    }

    .tit_seccion {
        font-size: 28px;
    }

    .tit_seccion_cuadro_amarillo {
        font-size: 24px;
        margin-bottom: 15px;
        margin-top: 7%;
    }

    .img_banner_desk {
        margin-top: 0;
        margin-left: -80px;
    }

    .bg_banner {
        padding-top: 120px;
        overflow: hidden;
    }

    .linea_medio {
        margin-left: -20px;
        width: 300%;
    }

    .tit_medio {
        font-size: 32px;
    }

    .grafico_guia {
        top: -50px;
    }

    .cuadro_amarillo {
        margin-top: 50px;
        margin-bottom: 15%;
    }

    .cuadro_amarillo .texto_seccion br {
        display: none;
    }

    .cuadro_amarillo .texto_seccion {
        font-size: 15px;
        line-height: 1.3;
    }

    .img_guia {
        width: 117%;
    }

}

@media (max-width: 900px) {

    .img_contacto {
        width: 160%;
        margin-left: -50px;
        margin-top: 260px;
        max-width: 840px;
    }

}

@media (max-width: 767px) {



    .bg_banner {
        padding-top: 100px;
        background-position: bottom right;
        overflow: hidden;
    }

    .tit_banner {
        font-size: 32px;
        margin-top: 5%;
        width: 70%;
    }

    .texto_banner {
        font-size: 20px;
        width: 60%;
    }

    .img_banner_desk {
        margin-left: 120px;
        margin-top: -180px;
        width: 120%;
    }

    /*.img_banner_resp { display:inline-block; margin-top:-120px; }*/
    .cont_img_banner {
        text-align: right
    }

    .img_portales {
        display: none;
    }

    .tit_portales {
        color: #8C8C8C;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.3;
        margin-top: 10px;
        text-align: center;
    }

    .tit_portales br {
        display: none;
    }

    .margen_logos_uni {
        margin-top: 20px;
        text-align: center;
    }

    .bg_medio {
        margin-top: 30px;
    }

    .tit_medio {
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .tit_ico_medio {
        text-align: left;
        font-size: 21px;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .texto_ico_medio {
        text-align: left;
        font-size: 15px;
    }

    .tit_seccion {
        font-size: 28px;
        text-align: center;
        width: 90%;
        margin: 10px auto;
    }

    .texto_seccion {
        text-align: center;
        width: 85%;
        margin: 30px auto;
        font-size: 18px;
        font-weight: 600;
    }

    .cont_linea {
        text-align: center;
    }

    .linea_medio {
        display: none;
    }

    .linea_medio_resp {
        display: block;
        margin-left: 80px;
        width: 3%;
        max-width: 15px;
    }

    .cont_img_elegi {
        overflow: hidden;
    }

    .img_elegi {
        max-width: 118%;
    }

    .figura_elegi {
        position: absolute;
        top: -10px;
        left: 15px;
        max-width: 540px;
        z-index: 5;
    }

    .img_guia {
        display: none;
    }

    .img_guia_resp {
        display: block;
        margin-top: -35px;
    }

    .barras_guia_resp {
        display: block;
        position: absolute;
        top: -105px;
        left: -35px;
        max-width: 535px;
        z-index: 5;
    }

    .barras_guia {
        display: none;
    }

    .grafico_guia {
        position: absolute;
        top: -40px;
        left: -170px;
    }

    .tit_seccion_cuadro_amarillo {
        font-size: 28px;
    }

    .estrella_guia {
        display: none;
    }

    /*.img_proceso { display:none; }
	.img_proceso_resp { display:block; }*/

    .img_contacto {
        display: none;
    }

    .img_contacto_resp {
        display: block;
        max-width: 100%;
        margin-left: 0;
        margin-top: -140px;
        margin-bottom: -44px;
    }

    .cuadro_form {
        margin-top: 0;
    }


    .texto_experiencia {
        margin: 0 auto;
        width: 85%;
        padding-bottom: 5%;
        font-size: 18px;
        text-align: center;
    }

    .img_experiencia {
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: -60px;
        max-width: 350px;
        display: block;
    }

    .bg_experiencia {
        margin-bottom: 80px;
        background-size: 150%;
    }

    .img_informacion {
        display: none;
    }

    .img_informacion_resp {
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom: -60px;
        max-width: 380px;
        display: block;
    }

    .bg_informacion {
        margin-bottom: 80px;
        background-size: 150%;
    }

    .texto_informacion {
        margin: 0 auto;
        width: 85%;
        padding-bottom: 5%;
        font-size: 18px;
        text-align: center;
    }

    .cont_proceso {
        overflow: hidden;
    }

    .verde_proceso {
        display: none;
    }

    .naranja_proceso {
        display: none;
    }

    .grafico_proceso {
        display: none;
    }

    .verde_proceso_resp {
        display: block;
        position: relative;
        max-width: 702px;
        width: 130%;
        z-index: 3;
        margin-top: 50px;
    }

    .naranja_proceso_resp {
        display: block;
        position: absolute;
        top: 50px;
        left: 15px;
        max-width: 702px;
        z-index: 5;
        width: 130%;
    }

    .grafico_proceso_resp {
        display: block;
        position: absolute;
        top: -265px;
        left: 15px;
        max-width: 702px;
        z-index: 1;
        width: 130%;
    }


    .tit_publica {
        font-size: 28px;
    }


    .cuadro_amarillo {
        margin-top: 20%;
        text-align: center;
    }

    .logo_campus {
        margin-top: 5%;
    }

    .texto_campus {
        margin: 0 auto;
        width: 90%;
        margin-top: 15px;
    }

    .img_ayuda {
        display: none;
    }

    .img_ayuda_resp {
        display: inline-block;
        margin-top: 10%;
    }

    .bot_ingresa {
        font-size: 18px;
    }

    /* .bg_contacto { text-align:center; background-image:url('../imagenes/img_contacto_resp.svg'); min-height:800px; } */

    .tit_gratis {
        font-size: 28px;
        margin-top: 38%;
    }

    .frase_dias {
        display: none;
    }

    .frase_dias_resp {
        margin: 0 auto;
        display: inline-block;
        color: #FFF;
        font-size: 18px;
        margin-bottom: 20px;
        margin-top: 40px;
        text-align: center;
        width: 80%;
    }

    .bot_comenzar {
        font-size: 20px;
    }

    .tit_contacto {
        font-size: 28px;
    }

    .form_contacto {
        text-align: center;
    }

    .menu_footer {
        display: none;
    }

    .logo_footer {
        display: none;
    }

    .bg_footer {
        text-align: center;
        padding-top: 35px;
        padding-bottom: 25px;
    }

    .redes_footer {
        margin-bottom: 20px;
    }

    .redes_footer i {
        font-size: 30px;
    }

    .bot_enviar {
        font-size: 20px;
    }

    .input {
        margin: 0 auto;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 90%;
        margin-bottom: 25px;
    }

    .textarea {
        margin: 0 auto;
        width: 90%;
    }

}

@media (max-width: 550px) {

    .img_contacto_resp {
        display: block;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: -42px;
    }

    .redes_footer a {
        margin-right: 15px;
        margin-left: 15px;
    }
}


@media (max-width: 500px) {

    .tit_banner {
        font-size: 26px;
    }

    .tit_banner br {
        display: none;
    }

    .texto_banner {
        font-size: 18px;
    }

    .img_banner_desk {
        margin-left: 80px;
    }

    .texto_ico_medio {
        font-size: 14px;
        line-height: 1.3;
    }

    .barras_guia_resp {
        top: -80px;
        left: -10px;
        max-width: 335px;
        z-index: 5;
    }

    .img_contacto_resp {
        display: block;
        max-width: 100%;
        margin-left: 0;
        margin-top: -140px;
        margin-bottom: -38px;
    }

    .grafico_proceso_resp {
        display: block;
        position: absolute;
        top: -225px;
        left: 15px;
        max-width: 702px;
        z-index: 1;
        width: 130%;
    }

    .cont_img_elegi {
        padding-top: 20px;
    }

    .pj_elegi_resp {
        display: block;
        position: relative;
        max-width: 540px;
        z-index: 50;
    }

    .bg_elegi_resp {
        display: block;
        position: absolute;
        top: 0;
        left: 15px;
        max-width: 540px;
        z-index: 2;
    }

    .ciudad_elegi_resp {
        display: block;
        position: absolute;
        top: 0;
        left: 15px;
        max-width: 540px;
        z-index: 8;
    }

    .figura_elegi_resp {
        display: block;
        position: absolute;
        top: -10px;
        left: 15px;
        max-width: 540px;
        z-index: 5;
    }

    .pj_elegi {
        display: none;
    }

    .bg_elegi {
        display: none;
    }

    .ciudad_elegi {
        display: none;
    }

    .figura_elegi {
        display: none;
    }


}

@media (max-width: 420px) {

    .linea_medio_resp {
        margin-left: 55px;
    }

    .texto_ico_medio {
        font-size: 13px;
        line-height: 1.3;
    }

    .img_contacto_resp {
        display: block;
        max-width: 100%;
        margin-left: 0;
        margin-top: -140px;
        margin-bottom: -28px;
    }

    .cuadro_form {
        padding: 20px 20px;
    }

    .input {
        margin-bottom: 15px;
    }

    .grafico_proceso_resp {
        display: block;
        position: absolute;
        top: -165px;
        left: 15px;
        max-width: 702px;
        z-index: 1;
        width: 130%;
    }

    .img_contacto_resp {
        margin-bottom: -33px;
    }
}

@media (max-width: 380px) {

    .img_contacto_resp {
        margin-bottom: -29px;
    }

}

@media (max-width: 330px) {

    .img_contacto_resp {
        margin-bottom: -25px;
    }
}