.small,
small {
    font-size: 69%;
}

/*** header ***/


.landing .header_full_image .container .texto-banner {
    text-align: left;
    color: #fff;
    margin-top: 220px;
    padding: 0 120px;
}

.landing .header_full_image .container .texto-banner h1 {
    font-family: 'Avenir-Medium';
    font-size: 40px;
}

.landing .header_full_image .container .texto-banner h1 span {
    font-family: 'ek_muktasemibold';
    color: #5882F8;
}


/*** Icono ***/

.UPB-shield:before {
    content: "\e837";
}

.UPB-derecho2:before {
    content: "\e916";
}

.UPB-portfolio:before {
    content: "\e828";
}

.UPB-computerai:before {
    content: "\e93c";
}

/*** Entradilla ***/

.CR022 h2 {
    font-family: 'ViceCitySans';
    margin: 30px 0 20px;
}

.LandingLeft .CR022.contenidoDatos {
    padding: 5px 0 10px;
    width: 100%;
    background: #F5F5F5;
    display: contents;
}

.contenidoBody.landing .contenidoDatos {
    background: #F5F5F5;
    padding: 30px 0;
    margin: 0;
}

.contenidoBody.landing .contenidoDatos .zonaDatos p {
    margin: 22px 0;
}

.pie_inferior {
    background-color: #1D1D1B;
}

/*** Formulario ***/

.landing .formulario {
    z-index: 3;
    margin-top: -58px;
}

.landing .contenidoDatos .num {
    overflow: initial;
}

.CR022 .form-inscripciones form .formulario {
    margin: 0 0 30px 0;
    padding: 15px;
    background: #fff!important;
    -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, .14);
    -moz-box-shadow: 0 10px 50px rgba(0, 0, 0, .14);
    box-shadow: 0 10px 50px rgba(0, 0, 0, .14)
}

.CR022 .form-inscripciones form .formulario h2 {
    font-family: 'ek_muktasemibold';
    font-size: 20px;
    text-align: center;
    margin: 15px 0
}

.CR022 .form-inscripciones form .formulario .group {
    position: relative;
    margin: 6px 0
}

.CR022 .form-inscripciones form .formulario .group input,
.CR022 .form-inscripciones form .formulario .group textarea {
    font-size: 16px;
    padding: 6px 6px 6px 0;
    display: block;
    width: 100%;
    background: 0;
    border: 0;
    border-bottom: 1px solid #d9d9d9;
    font-family: ek_muktaextralight
}

.CR022 .form-inscripciones form .formulario .group input:focus,
.CR022 .form-inscripciones form .formulario .group textarea:focus {
    outline: 0
}

.CR022 .form-inscripciones form .formulario .group .bar {
    position: relative;
    display: block
}

.CR022 .form-inscripciones form .formulario .group .bar:after,
.CR022 .form-inscripciones form .formulario .group .bar:before {
    content: '';
    height: 2px;
    width: 0;
    bottom: 0;
    position: absolute;
    background: #faca00;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.CR022 .form-inscripciones form .formulario .group .bar:before {
    left: 50%
}

.CR022 .form-inscripciones form .formulario .group .bar:after {
    right: 50%
}

.CR022 .form-inscripciones form .formulario .group select {
    font-size: 16px;
    padding: 0;
    display: block;
    background: 0;
    border: 0;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 100
}

.CR022 .form-inscripciones form .formulario .group select:focus {
    outline: 0!important
}

.CR022 .form-inscripciones form .formulario .group label {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    pointer-events: none;
    top: 15px;
    transition: .2s ease all;
    -moz-transition: .2s ease all;
    -webkit-transition: .2s ease all
}

.CR022 .form-inscripciones form .formulario .group input:focus ~ label,
.CR022 .form-inscripciones form .formulario .group input:valid ~ label {
    top: -12px;
    padding-left: 5px;
    font-size: 14px;
    color: #000
}

.CR022 .form-inscripciones form .formulario .group input:focus ~ .bar:after,
.CR022 .form-inscripciones form .formulario .group input:focus ~ .bar:before {
    width: 50%
}

.CR022 .form-inscripciones form .formulario .form-required::before {
    content: '*';
    color: #ff013d!important;
    font-weight: bolder;
    position: absolute;
    left: 6px;
    font-size: 18px;
    top: 4px
}

.CR022 .form-inscripciones form .formulario .form-required.politica .form-required::before,
.CR022 .form-inscripciones form .formulario .panel.panel-default.form-required::before {
    content: '*';
    color: #ff6606!important;
    font-weight: bolder;
    float: left;
    font-size: 18px;
    position: relative;
    margin-left: -15px
}

.CR022 .form-inscripciones form .formulario legend {
    line-height: inherit;
    border-bottom: 0;
    font-family: ek_muktaregular!important;
    font-size: 16px;
    margin: 12px 0
}

.CR022 .form-inscripciones form .formulario .checkbox-inline {
    margin: 0 15px 10px 0
}

.CR022 .form-inscripciones form .formulario #accordion-ev {
    margin-bottom: 0
}

.CR022 .form-inscripciones form .formulario #accordion-ev .panel.panel-default {
    border: 0;
    background: 0;
    box-shadow: none
}

.CR022 .form-inscripciones form .formulario #accordion-ev .panel.panel-default .panel-title::after {
    content: "\e904";
    display: inline-block;
    box-sizing: border-box;
    color: #838c98;
    font-size: 16px;
    background: 0;
    pointer-events: none;
    bottom: 1px;
    right: 16px;
    cursor: pointer;
    min-width: 25px;
    height: auto;
    max-height: 33px;
    font-family: icomoon;
    padding-top: 0;
    float: right
}

.CR022 .form-inscripciones form .formulario #accordion-ev .panel.panel-default .panel-heading {
    font-size: 16px;
    padding: 8px 0;
    display: block;
    background: 0;
    border: 0;
    border-bottom: 1px solid #d9d9d9
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #faca00
    }

    to {
        width: 0;
        background: 0 0
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #faca00
    }

    to {
        width: 0;
        background: 0 0
    }
}

@keyframes inputHighlighter {
    from {
        background: #faca00
    }

    to {
        width: 0;
        background: 0 0
    }
}

.CR022 .form-inscripciones form .formulario .form-required.politica .sidebar-box {
    max-height: 77px
}

.CR022 .form-inscripciones form .formulario .form-required.politica {
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 16px;
    padding: 10px 6px 6px 16px;
    display: block;
    width: 100%;
    background: 0;
    border: 0;
    text-align: left;
    font-family: ek_muktaextralight
}

.CR022 .form-inscripciones form .formulario .form-required.politica .disabled {
    justify-content: left!important
}

.CR022 .form-inscripciones form .formulario .form-required.politica input[type=radio] {
    margin: 0!important
}

.CR022 .form-inscripciones form .formulario .form-required.politica p {
    font-size: 14px;
    margin-top: 15px
}

.CR022 .form-inscripciones form .formulario .form-required.politica a {
    color: #000;
    text-decoration: underline
}

.CR022 .form-inscripciones form .formulario .form-required.politica a:hover {
    color: #ed1c24!important
}

.CR022 .form-inscripciones form .formulario .form-required.politica a.politica-ev {
    color: #5882f8!important;
    font-size: 16px;
    padding-left: 5px
}

.CR022 .form-inscripciones form .formulario .form-required .error-required,
.CR022 .form-inscripciones form .formulario .info.error-required {
    color: #ff6606!important;
    font-weight: bolder;
    font-size: 14px
}

.CR022 .form-inscripciones form .formulario .fila,
.CR022 .form-inscripciones form .formulario .robot,
.CR022 .form-inscripciones form .formulario .robot .caja {
    padding: 0
}

.CR022 .form-inscripciones form .formulario .robot #recaptcha {
    transform: scale(.9)
}

.LandingRight .CR022 .form-inscripciones form .formulario .robot .enlace {
    padding-left: 50px;
    padding-right: 5px
}

.LandingRight .CR022 .form-inscripciones form .formulario .robot .enlace button {
    padding: 15px 5px!important
}

.CR022 .form-inscripciones form .formulario .robot .enlace {
    padding-left: 5px
}

.CR022 .UPB-contigo .form-inscripciones form .formulario .robot .enlace {
    padding-left: 30px
}

.CR022 .UPB-contigo .form-inscripciones form .formulario .robot .enlace button {
    padding: 15px!important
}

.CR022 .form-inscripciones form .formulario .robot .enlace button {
    background: #ff013d;
    color: #000;
    width: 100%;
    padding: 15px 45px!important;
    margin: 11px 0;
    font-family: 'ek_muktasemibold';
    -webkit-transition-duration: .4s;
    transition-duration: .4s
}

.CR022 .form-inscripciones form .formulario button.close:hover {
    background: 0 0!important
}

.CR022 .form-inscripciones form .formulario button:hover {
    opacity: 1;
    background: #fab900!important
}

.boton,
button {
    font-size: .8rem;
    display: inline-block;
    cursor: pointer;
    border: none;
}

/*** Enlace rojo ***/

a.link-parrafo {
    font-family: 'Avenir-Medium';
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    color: #220C33;
    font-weight: 200;
text-decoration: underline;
}

a.link-parrafo:hover {
    color: #220C33;
}

/*** CR022 dos columnas ***/

.CR022.UPB_DatosInfo5 .numeros,
.CR022.UPB_Imagenes2Cols .cajaImgP.item {
    margin: 0 0 20px;
    overflow: initial;
}

.bloqueInformacion .cajaImgP img {
    width: 100%;
}

.CR022.sistemaB .cajaImgP img {
    height: 200px;
}

.CR022.sistemaB .cajaImgP .cuadro {
    min-height: 300px;
}

.cuadro {
    background: #f6f6f6;
    padding: 20px 24px;
}

/*** Listado por qué estudiar en la UPB ***/

.bloqColor,
.CR022.listado {
    padding: 0;
}

.bloqColor li {
    display: inline-block;
    width: 20%;
    margin-left: -5px!important;
    vertical-align: top;
    margin-bottom: 0!important;
    padding: 0 5px 0 0;
    text-align: center;
}

.bloqColor li::before {
    content: none!important;
}

.bloqColor li .caja span {
    font-size: 55px;
    line-height: 92px!important;
    background: #AD3DFF;
    color: #fff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    text-align: center;
    width: 110px;
    height: 110px;
    margin: 0 auto;
    display: block;
}

.bloqColor li .caja span:before {
    display: block;
    line-height: 110px;
}

.bloqColor li h3,
.bloqColor li strong {
    font-size: .85rem;
    display: block;
    padding-top: 15px;
}


/*** Separador ***/

.separadorLinea {
    border-bottom: 2px solid #bababa;
    margin-top: 0;
    margin-bottom: 30px;
}

/*** Listados ***/

ol {
    counter-reset: section;
    list-style-type: none;
    margin: 0;
}

ol li {
    position: relative;
    margin: 0 0 10px -10px;
}

ol li:before {
    counter-increment: section;
    content: counters(section, ".") ".";
    font-family: roboto_slabregular;
    color: #000000;
    position: absolute;
    --size: 26px;
    left: calc(-1 * var(--size) - 5px);
    line-height: var(--size);
    top: 0
}

.contenidoBody.landing .CR022 ul {
    list-style-type: none;
    padding-inline-start: 22px;
}

.contenidoBody .CR022 ul li::before {
    text-indent: -24px;
}

/*** Destacado ***/

.avisoAmarillo .icono {
    background: #5882f8;
    border: 4px solid #5882F8;
    height: 60px!important;
    width: 60px!important;
}

.CR022.UPB_DestacadoAmarillo .avisoAmarillo .grupo {
    border: 3px solid #5882F8;
    background: #fff;
}

.avisoAmarillo .icono span {
    font-size: 35px;
    width: 53px!important;
    height: 53px!important;
    line-height: 52px;
}

@media (min-width: 768px) {
    .bloqueInformacion .item {
        display: inline-block!important;
    }
}

@media (max-width: 480px) {
    .CR022 h2 {
        margin-top: 0;
    }
    .CR022 .contenidoDatos .dato:first-child {
        margin-bottom: 15px;
    }
    .CR022.sistemaB .cajaImgP .cuadro {
        min-height: auto;
    }
    .entradillaBody,
    .tituloBody {
        margin: 5% 0;
    }
    .CR022.listado .entradillaBody,
    .CR022.listado .entradillaBody .col-xs-12 {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    .CR022.listado ul li {
        width: 50%!important;
    }
    .CR022.listado .bloqColor {
        padding-inline-start: 0;
    }
}