@font-face {
    font-family: "Helvetica Neue";
    src: url("./fonts/Helvetica//HelveticaNeueLTStd-Lt.otf");
}
html,body {
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue';
    font-size: 12pt;
}
/***********/
.top_bar {
    width: 100%;
    height: 40px;
    margin: 0;
    background-color: #333F48;
    color: white;
}
.top_bar a {
    color: white;
    text-decoration: none;
}
.top_bar a:hover {
    color: red;
}
.top_bar .destacados {
    display: inline-block;
}
.top_bar .contactar {
    display: inline-block;
}
.top .enlaces {
    min-height: 70px;
}
ul.social_network {
    display: inline-block;
}
ul.social_network li {
    list-style: none;
    display: inline-block;
    margin-right: 0.3em;
}
.header .logo {
    float: left;
    padding-left: 2em;
    width: auto;
}
.header .logo img {
    height: 35px;
    width: auto;
    max-width: 100%;
}
.top_bar_main {
    height: 50px;
}
.header .links {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}
.header .links li {
    margin-right: 2em;
    display: inline-block;
}
.header .links li a {
    font-size: 80%;
    color: #333F48;
    text-decoration: none;
}
.header .links li a:hover {
    color: red;
}
.header .links li.redondeado {
    border: 1px solid gray;
    padding: 0.4em 1em;
    border-radius: 2em;
}
.header .links li.icono-buscar {
    padding: 0.4em 0.7em;
    border-radius: 10em;
    background-color: red;
    color: white;
    cursor: pointer;
}
.header .links li.icono-buscar:hover {
    color: black;
}
.header .buttons {
    width: inherit;
    margin-top: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .buttons li {
    cursor: pointer;
    padding: 10px 10px;
    width: 100px;
    margin-left: 10px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #333F48;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.header .buttons_menu {
    border: none !important;
    padding: 0 !important;
    width: fit-content !important;
}
.line {
    clear: both;
    width: 100%;
    border-bottom: 1px solid #DA291C;
}
.btnBuscar2 i {
    cursor: pointer;
}
/****/
.principal {
    clear: both;
}
.blanco, .blanco a {
    color: white;
    text-decoration: none;
}
.blanco a:hover {
    color: #EE1D00;
    text-decoration: none;
}
/****/
.portal-menu ul {
    list-style: none;
    z-index: 1;
}
.portal-menu ul.desktop li {
    display: inline-block;
    float:left;
    margin-right: 0.3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    max-width: 15%;
}
.portal-menu ul.desktop li a {
    color: #EE1D00;
    display: table-cell;
    font-weight: normal;
    height: 4em;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    width: 11em;
}
.portal-menu ul.desktop li a:hover {
    background: rgb(170,170,170);
    background: linear-gradient(180deg, rgba(170,170,170,1) 0%, rgba(250,250,250,1) 100%);
}
.portal-menu ul.desktop.nivel-1 ul.nivel-2 {
    display: none;
    position: absolute;
    width: 11em;
    padding-left: 0;
    background-color: rgba(255,255,255 ,1);
}
.portal-menu ul.desktop.nivel-1 ul li {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #ddd;
}
.portal-menu ul.desktop.nivel-1 ul li a {
    text-align: left;
    padding-left: 0.3em;
    padding-right: 0.3em;
}
.portal-menu ul.desktop.nivel-1 ul.nivel-2 ul.nivel-3 {
    display: none;
    position: absolute;
    width: 11em;
    margin-left: 170px;
    margin-top: -60px;
    padding-left: 0;
    background-color: rgba(255,255,255 ,1);
}
.portal-menu .icono-menu-movil {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    color: white;
    padding: 2em;
    cursor: pointer;
}
.portal-menu .icono-menu-movil:hover {
    color: red;
}
.portal-menu ul.icono-menu-movil {
    position: absolute;
    top: 4.8em;
    right: 0;
    background-color: #333F48;
    width: 50%
}
.portal-menu ul.icono-menu-movil li {
    display: block;
    width: 100%;
    max-width: 100%;
}
.portal-menu ul.icono-menu-movil li a {
    color: white;
    width: 100%;
    background: none;
    height: 2em;
}
.portal-menu ul.icono-menu-movil li a:hover {
    color: red;
    background: none;
}
.portal-menu ul.icono-menu-movil ul {
    display: block;
    position: inherit;
    padding-left: 3em;
    width: 100%;
}
.portal-menu ul.icono-menu-movil ul li {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    border-top: none;
}
/****/
.carrusel .ficha {
    position: relative;
    overflow: hidden;
}
.carrusel .ficha .texto {
    color: white;
    background: rgb(255,0,0);
    background: linear-gradient(180deg, rgba(255,0,0,1) 0%, rgba(150,0,0,1) 100%);
    padding: 1em;
}
.carrusel .ficha .texto .curso {
    text-align: right;
    font-size: 220%;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 1em;
}
.carrusel .ficha .texto .otro {
    text-align: right;
    font-size: 120%;
    line-height: 120%;
}
.carrusel .solicita-informacion {
    width: 90%;
    height: 2em;
    color: white;
    font-size: 150%;
    font-weight: bold;
    background: rgb(255,0,0);
    background: linear-gradient(180deg, rgba(150,0,0,1) 0%, rgba(255,0,0,1) 100%);
    position: absolute;
    bottom: 1.5em;
}
.carrusel .row, .carrusel .imagen, .carrusel .texto {
    min-height: 14em;
}
.carrusel .navegador {
    position: absolute;
    bottom: 0.2em;
    right: 1em;
    color: white;
}
.carrusel .navegador i {
    cursor: pointer;
}
.carrusel .navegador i.sel {
    color: #333F48;
}
/****/
footer {
    font-size: 80%;
}
footer .bottom_bar_nav {
    color: #EE1D00;
}
footer .bottom_bar_nav_img {
    border-bottom: 1px solid #EE1D00;
}
footer .slider {
    width: 80%;
    overflow: hidden;
}
footer .slider ul {
    display: flex;
    padding: 0;
    margin: 0;
    width: 700%;
    animation: cambio 20s infinite linear;
}
footer .slider li {
    width: 100%;
    list-style: none;
    cursor: pointer;
}
footer .slider li img {
    width: 100%;
}
footer .hr {
    height: 4px;
    background-color: #EE1D00;
    width: 25%;
}
footer .h3 {
    font-size: 120%;
    color: #EE1D00;
}
footer ul.column_nav li {
    list-style: none;
}
footer ul.column_nav li a {
    color: #333F48;
    text-decoration: none;
}
footer ul.column_nav li a:hover {
    color: #EE1D00;
    text-decoration: none;
}
footer ul.column_nav.redes a {
    color: #EE1D00;
}
footer ul.column_nav.redes a:hover {
    color: #333F48;
}
footer ul.column_nav.redes li {
    display: inline-block;
    border-left: 1px solid #EE1D00;
    padding-left: 0.8em;
    padding-right: 0.8em;
}
footer .logo-icex img {
    height: 40px;
    width: auto;
    max-width: 100%;
}
footer .bottom_bar {
    background-color: #333F48;
    color: white;
}
footer .bottom_bar ul li {
    display: inline-block;
    text-decoration: none;
    border-left: 1px solid white;
    padding-left: 0.8em;
    padding-right: 0.8em;
}
footer .bottom_bar ul li a {
    color: white;
    text-decoration: none;
}
footer .bottom_bar ul li a:hover {
    color: #EE1D00;
    text-decoration: none;
}
/***/
.actualidad {
    border: 1px solid #cdcdcd;
}
.actualidad .titular,
.libreria .titular2,
.bolsa-trabajo .titular
{
    color: white;
    background-color: #6a6a6a;
    font-size: 130%;
    height: 2em;
}
.actualidad.mini .titular {
    background-color: #EE1D00;
}
.actualidad .titular div {
    height: 1em;
}
.actualidad .titular > a {
    font-size: 85%;
    color: white;
    text-decoration: underline;
    background-color: rgba(0,0,0,.2);
    padding: 0.3em;
}
.actualidad .titular a:hover {
    color: #EE1D00;
    text-decoration: underline;
}
.actualidad .card {
    width: 50%;
    height: 240px;
    overflow: hidden;
}
.actualidad.libreria .card {
    width: 25%;
    height: auto;
    min-height: 170px;
    overflow: hidden;
}
.actualidad.mini .card {
    width: 100%;
    height: auto;
}
.actualidad .card .linea, .linea {
    padding-top: 1em;
    border-bottom: 1px solid #cdcdcd;
}
.actualidad .card .fecha {
    color: #EE1D00;
}
.actualidad.mini .card .fecha {
    color: #212529;
}
.actualidad .card .titulo a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}
.actualidad.mini .card .titulo a {
    color: #EE1D00;
}
.actualidad .card .titulo a:hover {
    color: #EE1D00;
}
.actualidad.mini .enlaceMas a {
    color: #EE1D00;
    text-decoration: underline;
}
.actualidad.mini .enlaceMas a:hover {
    color: black;
}
.actualidad.claustro-profesores .card {
    height: auto;
}
.claustro-profesores a.profe {
    color: #EE1D00;
    text-decoration: none;
}
.claustro-profesores a.profe:hover {
    color: black;
}
.claustro-profesores.profesor table {
    width: 100%;
}
.claustro-profesores.profesor table td {
    padding: 1em;
}

/***/
.calendario {
    border: 1px solid #cdcdcd;
}
.calendario .titular,
.libreria .titular
{
    color: white;
    background-color: #EE1D00;
    font-size: 130%;
    height: 2em;
}
.calendario .titular div {
    height: 1em;
}
.calendario .titular a {
    font-size: 85%;
    color: white;
    text-decoration: underline;
    background-color: rgba(0,0,0,.2);
    padding: 0.3em;
}
.calendario .titular a:hover {
    color: #EE1D00;
    text-decoration: underline;
}
.calendario .titulo {
    font-weight: bold;
}
.calendario .contenido {
    background-image: url( '../img/bg-modulo-calendario.png' );
}
.calendario .mes {
    border: 1px solid #e43117;
    border-radius: 2px;
    color: rgb(213,43,30);
    font-size: 150%;
    font-weight: lighter;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 50px;
}
/***/
.enlaces-interes .contenido img {
}
.enlaces-interes .contenido {
    height: 300px;
    padding: 1em;
    padding-top: 4em;
    background: url( '../img/bg-sombra-oferta.png' ) center 50px no-repeat;
    position: relative;
}
.enlaces-interes .contenido .titulo {
    position: absolute;
    top: 1em;
    left: 0;
    width: 100%;
    text-align: center;
}
.enlaces-interes .contenido .titulo a {
    color: #EE1D00;
    text-decoration: none;
}
.enlaces-interes .contenido .titulo a:hover {
    color: black;
    text-decoration: none;
}
.enlaces-interes .slick-center {
    -webkit-transform: scale(1.35);
    -moz-transform: scale(1.35);
    transform: scale(1.35);
}
.enlaces-interes .slider-content div.original {
    margin-right: 1em;
}
.enlaces-interes .slick-list { 
  padding:45px 60px !important;
  margin-left:30px !important;
}
/****/
.redes .titular a {
    text-decoration: none;
    color: white;
}
.redes .titular a:hover {
    text-decoration: none;
}
.redes .contenido {
    max-height: 280px;
    overflow: auto;
}
.redes .contenido .entrada {
    padding: 0.5em;
    border-bottom: 1px solid gray;
}
/*************/
.libreria .contenido {
    background-image: none;
}
.libreria .libreria-anio {
    color: #EE1D00;
}
.libreria .libreria-titulo a {
    color: #EE1D00;
    font-weight: bold;
    text-decoration: underline;
}
.libreria .libreria-titulo a:hover {
    color: black;
}
/*************/
.mediateca {
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,1) 0%, rgba(150,0,0,1) 100%);
}
.mediateca .titular {
    font-size: 200%;
    font-weight: bold;
    color: white;
}
.mediateca .mas-videos {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
    height: 1.7em;
    color: white;
    font-size: 150%;
    font-weight: bold;
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(150,0,0,1) 0%, rgba(255,0,0,1) 100%);
    bottom: 2em;
}
.mediateca .enlace {
    color: white;
    font-weight: bold;
    border-bottom: 1px solid white;
}
.mediateca-detalle .ver {
    width: auto;
    padding-left: 1em;
    padding-right: 1em;
    height: 1.7em;
    color: white;
    font-size: 150%;
    font-weight: bold;
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(150,0,0,1) 0%, rgba(255,0,0,1) 100%);
    bottom: 2em;
}
/**********/
.articulo img.banner {
    width: 100%;
}
.articulo h1.titulo {
    font-size: 200%;
    font-weight: bold;
    border-bottom: 1px solid #EE1D00;
}
.articulo h1.titulo i {
    color: #9c3526;
}
.articulo > a {
    color: #EE1D00;
    text-decoration: none;
}
.articulo > a:hover {
    color: black;
    text-decoration: none;
}
.articulo h3 {
    font-size: 120%;
}
/***********/
.migas .breadcrumb {
    background-color: transparent;
    font-size: 80%;
}
.migas .breadcrumb a {
    color: #6c757d;
    text-decoration: none;
}
.migas .breadcrumb a:hover {
    color: red;
}
.migas .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: '>';
}
/********/
.page-link {
    color: #EE1D00;
}
a.page-link {
    text-decoration: none;
}
.page-item.active .page-link {
    background-color: #EE1D00;
    border-color: #EE1D00;
}
/********/
.buscador.profesores .contenido, .buscador.bolsa-trabajo .contenido {
    background-image: none;
}
/*******/
.form-control.gris {
    background-color: #ddd;
}
/*********/
.actualidad.libreria {
    border: none;
}
.libreria.detalle h1 {
    font-weight: bo;ld
}
.libreria .card img {
    width: inherit;
}
.libreria .card .autor {
    color: black;
}
.libreria .card a {
    text-decoration: none;
}
.libreria .card a:hover {
    text-decoration: underline;
}
.libreria.detalle .contenido a,
.libreria.detalle .ficha a,
.noticia a
{
    color: #EE1D00;
    text-decoration: none;
}
.libreria.detalle .contenido a:hover,
.libreria.detalle .ficha a:hover,
.noticia a:hover
{
    color: #EE1D00;
    text-decoration: underline;
}
/********/
.noticia h2 {
    color: #EE1D00;
    font-weight: bold;
}
/*********/
.tooltip.agenda {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
/*********/
.bolsa-trabajo .mas-info:hover {
    color: red;
}
.bolsa-trabajo .contenido {
    display: none;
}


/***************************/
@keyframes cambio {
    0% {margin-left: 100%;}
    5% {margin-left: 0%;}
    12% {margin-left: 0%;}
    19% {margin-left: -100%;}
    26% {margin-left: -100%;}
    33% {margin-left: -200%;}
    40% {margin-left: -200%;}
    47% {margin-left: -300%;}
    56% {margin-left: -300%;}
    62% {margin-left: -400%;}
    69% {margin-left: -400%;}
    76% {margin-left: -500%;}
    82% {margin-left: -500%;}
    88% {margin-left: -600%;}
    95% {margin-left: -600%;}
    100% {margin-left: -700%;}
}

/***************************/
@media (max-width: 768px) {
    html, body {
        font-size: 90%;
    }
    .top_bar {
        height: 50px;
        position: relative;
    }
    .top_bar .contactar {
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    .header .logo {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
    .header .links {
        text-align: center;
    }
    .carrusel .row, .carrusel .imagen, .carrusel .texto {
        height: 20em;
    }
    .carrusel .solicita-informacion {
        width: 90%;
        height: 3em;
        font-size: 100%;
        font-weight: bold;
    }
    .carrusel .ficha .texto .curso {
        font-size: 180%;
    }
}
@media (max-width: 576px) {
    html, body {
        font-size: 80%;
    }
    .actualidad .card {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 300px) {
    footer .bottom_bar ul {
        margin-top: 2em;
        padding-left: 0;
    }
    footer .bottom_bar ul li {
        display: block;
        border-left: none;
        padding-left: 0;
        padding-right: 0;
    }
}