/* Titillium Web */
@font-face {
  font-family: 'Titillium';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/TitilliumWeb-Regular.ttf')format('truetype');
}
@font-face {
  font-family: 'Titillium Bold';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/TitilliumWeb-Bold.ttf')format('truetype');
}
@font-face {
  font-family: 'Titillium SemiBoldItalic';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/TitilliumWeb-SemiBoldItalic.ttf')format('truetype');
}

html,body {font-family: 'Titillium', Arial; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:link, a:visited, a:active {text-decoration:none;}

.type-none{list-style-type: none;}
.font14{font-size: 0.9rem;}
.block-ellipsis{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

/***************** Header  *****************/
.header-wrapper {min-height: 70px;width: 100%;z-index: 200;background-color:#ffffff;padding: 0.3rem 1rem;
-webkit-box-shadow: 0px 6px 5px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 6px 5px -6px rgba(0,0,0,0.75);
box-shadow: 0px 6px 5px -6px rgba(0,0,0,0.75);}
.navbar-toggler-icon{background-image: url("../img/icons/menu.svg"); background-size: 30px 30px; transition: 0.3s; height: 30px; width: 30px;}
.navbar-toggler-text{font-size: 18px; height: 30px; line-height: 30px;}
.logo-img img{width: 60px; height: 60px;}
.btn-search{background: none; border:none;}
.navbar-toggler:focus, .navbar-toggler-icon {outline: 0;}
button.navbar-toggler:focus > .navbar-toggler-icon {transform: scale(1.1);}
.navbar-toggler {position: relative;}
.navbar-toggler.active {z-index: 220;}
.navbar-toggler.active .navbar-toggler-icon {background-image: url("../img/icons/cerrar-menu.svg"); transition: 0.3s;}
.navbar .menu {position: fixed; z-index: 210; top: 0; margin-top: 70px; height: 100%; width: 33%; box-sizing: border-box; background-color: #fff;  box-shadow: 0px 3px 6px #00000029; left: -33%; transition: 0.3s;}
.navbar .navbar-toggler.active ~ .menu {left: 0; transition: 0.3s;}
.navbar .menu ul {padding: 0;  list-style-type: none; margin: 90px 70px 20px 86px;}
.navbar .menu ul li {position: relative;}
.navbar .menu ul li:before {position: absolute; top: 25px; content: ''; border-bottom: 2px solid #00533E; width: 0; transition: 0.3s; }
.navbar .menu ul li:hover:before {width: 50px; transition: 0.3s;}
.navbar .menu ul li a {display: block; letter-spacing: 2.2px;color: #2F2F2F;font-size: 22px;font-weight: bold; line-height: 50px;font-family: 'Titillium Bold', Arial; background-color: #fff; transition: 0.3s;}
.navbar .menu ul li a:hover {padding-left: 72px; transition: 0.3s; color: #00533E;}
.background-layer {position: relative; z-index: -1; top: 0; left: 0;height: 100%; width: 100%; background-color: #fff; opacity: 0;}
.navbar-toggler.active ~ .background-layer  {position: fixed;  z-index: 200;  opacity: 0.6;}
.search {position: relative;}
.search button.btn-search {float: right;padding-right: 2rem;}
.search button.btn-search:focus {outline: 0;}
.search button.btn-search:focus > i {font-size: 18px; transition: 0.3s;}
form.buscador_cab {position: absolute; z-index: -1; width: 100%; top: 0; left: 0; margin-top: 0; background: #fff; padding: 20px; box-sizing: border-box; -webkit-box-shadow: 0px 6px 5px -6px rgba(0,0,0,0.75); -moz-box-shadow: 0px 6px 5px -6px rgba(0,0,0,0.75); box-shadow: 0px 6px 5px -6px rgba(0,0,0,0.75); transition: margin 0.3s;}
form.buscador_cab.active {margin-top: 70px; transition: 0.3s; z-index: 20;}
ul.lang__list.dropdown__item { background: #fff; list-style: none; padding: 0; margin: 0; position: absolute; z-index: 20; width: 70px; box-shadow: 0px 3px 6px #00000029;}
.lang.dropdown {padding-left: 0; margin-top: 2px;}
.lang.dropdown button.dropdown__button ~ ul.lang__list.dropdown__item {opacity: 0; transition: 0.3s;}
.lang.dropdown button.dropdown__button.active ~ ul.lang__list.dropdown__item {opacity: 1; transition: 0.3s;}
.lang.dropdown a {color: #000; display: block;}
.lang.dropdown button.dropdown__button {position: relative; border: 0; background-color: #fff; width: 70px; height: 40px; margin: 0; padding: 0; box-sizing: border-box;}
.lang.dropdown button.dropdown__button span.text {position: absolute; left: 10px; top: 11px; text-transform: uppercase;}
.lang.dropdown button.dropdown__button span.language-icon {content:''; background: url("../img/icons/idioma.svg") right no-repeat; background-size: 20px 20px; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px;}
.lang.dropdown button.dropdown__button.active, .lang.dropdown button.dropdown__button:focus {border: 1px solid #2A2A2A; outline: 0;}
.lang.dropdown button.dropdown__button.active span.text, .lang.dropdown button.dropdown__button:focus span.text {left: 9px; top: 10px; }
.lang.dropdown button.dropdown__button.active span.language-icon, .lang.dropdown button.dropdown__button:focus span.language-icon {right: 9px; top: 8px;}
ul.lang__list.dropdown__item a, ul.lang__list.dropdown__item span {padding: 0 10px; text-transform: uppercase;}
ul.lang__list.dropdown__item span {display: block; background: #0d553f; color: #fff; font-weight: 700;}
ul.lang__list.dropdown__item a:hover {background-color: #5C6EB1; color: #fff;}
ul.lang__list.dropdown__item li {line-height: 33px;}
a#campusLink {position: relative; z-index: 2; padding: 10px;}
a#campusLink:hover {color: #fff; transition: 0.3s;}
a#campusLink:focus {box-shadow: unset; outline: 0;}
a#campusLink:after {position: absolute; z-index: 1; content: ''; left: 50%; top: 8px; width: 0%; height: calc; height: 90%; height: calc(90% - 8px); position: absolute; background-color: #5C6EB1; border-radius: 30px; transition: 0.3s; box-sizing: border-box; transition: 0.3 ease;}
a#campusLink:hover:after, a#campusLink:focus:after {left: 0; width: 100%; transition: 0.3 ease;}
a#campusLink p {position: relative; z-index: 2; min-width: 100px;margin: 0;}

.sidebar {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: -100vw;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  z-index: 9991;
  top: 0;
}

.sidebar.active {
  display: inherit;
  left: 0;
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
/**** readspeaker  *****************/
#readspeaker_button12{width: 150px !important;position: absolute;right: 30px; z-index: 10;}
/**********************************/

/**** Redes Sociales Fixed  *******/
main .rss{
position: fixed;
z-index: 300;
right: 0;
bottom: 7%;
background-color: #ffffff;
-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
}
main .rss .list-inline-item{margin:0.5rem;}
main .rss .link{color:#000000;}
.rss{display: flex;flex-direction: column;float: left;}
.rss .link i{font-size: 1.5em;}
/**********************************/
/**** Destacados  *******************/
.featured-list{padding: 0;}
.featured-list-item{height: 180px;
-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);
margin-bottom: 1rem;
padding: 1rem;}
.list-item--img{max-width: 60px;max-height: 60px;}
.list-item--text{color: #000000;text-align: center;}
/*******************************************/
/***************** footer *****************/
footer.contenedorpie {text-align: left !important;}
footer .list-item {list-style:none;}
.footer-wrapper--gray{background-color:#F1F1F1;}
.footer-wrapper--gray .list-link__title{font-family: 'Titillium Bold', Arial;font-size: 1.2rem;}
.footer-wrapper--gray ul{margin: 20px 0 0 0;padding-inline-start:0;}
.footer-wrapper--gray .list-item{margin-bottom: 0.8rem;font-size: 0.9rem;}
.footer-wrapper--gray .list-item a{color:#000000;}
.footer-wrapper--gray .list-item a:hover{text-decoration: underline;}
.footer-wrapper--black{background-color:#000000;color: white;font-size: 0.8rem; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative;}
.footer-wrapper--black ul.list-inline.rss {background-color: #2D2D2D; margin: 0; padding: 27px 0 0 60px; text-align: center; width: 10%;}
.footer-wrapper--black ul.list-inline.rss .fa-facebook-square:before {content: "\f39e";}
.footer-wrapper--black ul.list-inline.rss .fa-twitter-square:before {content: "\f099";}
.footer-wrapper--black ul.list-inline.rss .fa-youtube-square:before {content: "\f167";}
.footer-wrapper--black ul.list-inline.rss .fa-linkedin:before {content: "\f0e1";}
.footer-wrapper--black ul.list-inline.rss .fa-rss-square:before {content: "\f09e";}
.footer-wrapper--darkgray{background-color:#2D2D2D; width: 35%; padding-bottom: 60px;}
.footer-wrapper--back {padding: 21px 81px 99px 87px; width: 55%;}
.footer-wrapper--back h3 {letter-spacing: 1px; font-size: 20px; padding-bottom: 15px;}
.footer-wrapper--back h4, .footer-wrapper--back p {font-size: 14px;}
.footer-wrapper--back h4 {letter-spacing: 1px;}
.footer-wrapper--black ul.list-inline.rss .list-inline-item {padding: 12px;}
.footer-wrapper--black .footer-wrapper--darkgray ul.list-unstyled {padding: 27px 0 0 100px;;}
.footer-wrapper--black .footer-wrapper--darkgray a {color: #CCCCCC; font-size: 14px; line-height: 40px; letter-spacing: 0.7px;}
.footer-wrapper--black a{color:#ffffff;}
.contenedorpie #copyright {position: absolute; bottom: 20px; left: 0; padding-left: 100px; z-index: 10; color: #CCCCCC; font-size: 14px; width: 45%; box-sizing: border-box;}
/*******************************************/

/*******************************************/
/***************    HOME    ****************/
/*******************************************/
/*******************************************/
/**************** Carrusel  ****************/
.carousel{height: auto;padding: 0;}
#carousel-uned {background-color: #000000;}
.carousel .carousel-caption {display: none;}
.carousel .carousel-inner,.carousel .carousel-item-next,.carousel .carousel-item-prev,.carousel .carousel-item.active,.carousel figure {height: 100%;}
.carousel figure{background-color: #f9f9f9;}
.carousel img{width: 100%; max-width: none;}
.carousel .carousel-caption {z-index: 0;background-color: rgba(255,255,255,0.85);color:#000000;right: 0;width: 35%;left: auto;bottom: auto;top: 20%;text-align: left;padding: 1.2rem}
.carousel .carousel-caption h2{font-family: 'Titillium Bold',Arial;}
.carousel .carousel-caption h3{font-family: 'Titillium SemiBoldItalic',Arial;font-size: 1rem;margin-bottom: 2rem;}
.carousel-control-next, .carousel-control-prev{width: 5%;}
#carousel-uned .carousel-control-next, #carousel-uned .carousel-control-prev {opacity: 1;}
#carousel-uned .carousel-control-next:hover, #carousel-uned .carousel-control-prev:hover {opacity: 0.5;}
#carousel-uned .carousel-inner .carousel-item > a:focus img, #carousel-uned .carousel-inner .carousel-item > a:focus video {border: 4px solid #000;}
#carousel-uned .carousel-control-prev-icon {background: url("../img/icons/flecha-anterior.svg") no-repeat;}
#carousel-uned .carousel-control-next-icon {background: url("../img/icons/flecha-siguiente.svg") no-repeat;}
/* modificaciones para banner felicitación */
.carousel-item video#vd-cr {height: 360px; display: block; margin: auto;}
.carousel-item video#vd-cr ~ .carousel-caption,.carousel-item video#vd-cr.video-carousel-xs {display: none;}
/*****************************************/
/***************** Alerta *************/
/***************** Alerta *************/
.aviso-background {width: 100%;background-color: #F9F9F9;}
.aviso{-webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.2);background-color: #ffffff;margin-top: 2rem;margin-bottom: 2rem;}
.aviso-header{background-color:#90214A;padding: 10px;text-align: center;position: relative;}
.aviso_title{color:#ffffff;margin-bottom: 0;}
.aviso_image {height: 50px;position: absolute;right: 10px;top: 5px;}
.aviso-body{padding: 2rem;display: flex;justify-content: center;}
.aviso-body a {font-family: 'Titillium SemiBold',Arial;line-height: 17px;margin: 0 10px 0 0;padding: 9px 25px;background-color: #E6E6E6;border-radius: 30px;font-size: 1rem;color:#000000;display: inline-block;text-align: center;}
.aviso-body a:hover {background-color: #90214A;color:#ffffff;text-decoration: none;}

/*****************************************/
/***************** Noticias *************/
.news-list{background-color: #F9F9F9;padding: 4rem 0;}
.news-item{ width: 24%;}
.news-item a{overflow: hidden;max-height: 180px;}
.news-item a:hover {color: #000000;}
/* .news-item img{width:100%;} */
.news-item:hover img{filter: blur(8px);-webkit-filter: blur(8px);filter: brightness(0.2);-webkit-filter: brightness(0.2);}
.news-item img.news-item--image{width: 100%}
.news-item--text{padding: 1rem;background-color: #ffffff;height: 210px;position: relative;}
.news-item--text::before {position: absolute;bottom:25px;right: 0;content: '';border-bottom: 2px solid #90214A;width: 70%;}
.news-item--text h4{font-size: 1.1rem;color:#000000;margin-bottom: 2rem;height: 96px;line-height: 24px;-webkit-line-clamp: 4;}
.news-item:hover h4{text-decoration:underline;}
.news-item--text p{display:none;}
.news-item--text .fecha{color:#90214A;}
.news-item .d-flex{flex-direction:column;}
.box-buttons {margin-top: 30px;}
.box-buttons .button {font-family: 'Titillium Bold',Arial;line-height: 17px;margin: 0 10px 10px 0;padding: 9px 25px;background-color: #E6E6E6;border-radius: 30px;font-size: 1rem;color:#000000;}
.box-buttons .button:hover {background-color: #90214A;color:#ffffff;text-decoration: none;}
/*****************************************/
/*********** hover destacados **********/
.featured-list-item:hover{background-color:#5C6EB1}
.featured-list-item:hover .list-item--img{filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;}
.featured-list-item:hover .list-item--text{color:#ffffff;transition: all 0.3s;}
/*****************************************/


/*******************************************/
/***********    INTERIORES    **************/
/*******************************************/
/*************** Breadcrumb ****************/
.breadcrumb{background-color: initial;font-size: 0.8rem;padding: 1rem 0;}
.breadcrumb strong{margin-right:1rem;}
.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a{color: #90214A;text-decoration: underline;}
/*******************************************/
/************    Estudios    **************/
.pag_estudios .columnamenu .row {margin: 0px;}





/****************media queries********************/

/*Queries para Internet Explorer*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #noticias .card-group.noticiasfacultad .row {flex-basis: 100%;}
  #noticias .card.noticiasfacultad > a {display: block; max-height: 100%; min-height: 20px;}
}
@media (max-width: 991px)  and (-ms-high-contrast: none), (max-width: 991px)  and (-ms-high-contrast: active) {
  html {width: 100%;}
}
@media (max-width: 575px)  and (-ms-high-contrast: none), (max-width: 575px)  and (-ms-high-contrast: active) {
  #noticias .card-group.noticiasfacultad .row {flex-basis: auto;}
  #noticias .card.noticiasfacultad > a { display: none;}
}

@media (min-width: 1200px) {
  /*main*/
  .carousel{height: auto;}
  /* modificaciones para banner felicitación */
  .carousel-item video#vd-cr {height: 400px;}

}
@media (min-width: 1400px) {
  /*main*/
  .carousel{height: auto;}
  /* modificaciones para banner felicitación */
  .carousel-item video#vd-cr {height: 400px;}
}

@media (min-width: 1600px) {
  /*main*/
  .carousel{height: auto;}
    /* modificaciones para banner felicitación */
    .carousel-item video#vd-cr {height: 600px;}
}

@media (max-width: 1199px) {
  /*menu cabecera*/
  .lang.dropdown {padding-left: unset;}
   a#campusLink {padding: 6px 12px;}
  .search button.btn-search { position: relative; right: unset; top: unset;}
  .lang.dropdown button.dropdown__button.active span.language-icon, .lang.dropdown button.dropdown__button:focus span.language-icon {top: 9px;}
  /*main*/

  /*footer*/
  .footer-wrapper--black ul.list-inline.rss {width: 15%; padding-left: 0;}
  .footer-wrapper--darkgray {width: 30%;}
  .footer-wrapper--black .footer-wrapper--darkgray ul.list-unstyled {padding-left: 10px;}
  .contenedorpie #copyright {padding-left: 60px;}
}

@media (max-width: 991px) {
  /*menu cabecera*/
  .navbar .menu ul {margin: 40px 55px 20px 40px;}
  .navbar .menu {width: 40%; left: -40%;}
  .navbar .menu ul li:hover:before {width: 25px;}
  .navbar .menu ul li a:hover {padding-left: 38px;}
}


@media (max-width: 768px) {
  .carousel {height: auto;}
  /* modificaciones para banner felicitación */
  .carousel-item video#vd-cr {height: 32vh;}
  /*menu cabecera*/
  .navbar .menu {width: 90%; left: -90%;}
  .navbar .menu ul li a {font-size: 18px;}
  .navbar button.navbar-toggler > span.navbar-toggler-text, .lang.dropdown button.dropdown__button span.text {display: none;}
  .lang.dropdown {margin-top: 0;}
  .lang.dropdown button.dropdown__button {width: 40px;}
  .lang.dropdown button.dropdown__button span.language-icon {right: 9px; top: 11px;}
  .lang.dropdown button.dropdown__button.active span.language-icon, .lang.dropdown button.dropdown__button:focus span.language-icon { right: 8px; top: 10px;}
  /*noticias*/
  .news-list{padding: 2rem 0;}
  .news-item{ width: 45%;margin:1rem;}
  .news-item--image {width: 100%;}
  .news-item .d-flex{height: auto;}
  .news-item--text{padding-bottom: 3rem;height: 180px;}
  .news-item--text h4 {margin-bottom: 1rem;}

  /*footer*/
  .contenedorpie #copyright {padding: 0 30px;}
    .footer-wrapper--gray .list-link{text-align: center;margin-bottom: 2rem;}
  .footer-wrapper--darkgray {padding: 0 20px;}
  .footer-wrapper--darkgray .list-link{margin-top:2rem;}
  .footer-wrapper--black .footer-wrapper--darkgray ul.list-unstyled {padding: 0;}
  .footer-wrapper--back {padding: 40px;}
}

@media (max-width: 575px) {
  /*menu cabecera*/
  form.buscador_cab.active {margin-top: 90px;}
  .lang.dropdown {padding-left: 6px;}
  .lang.dropdown button.dropdown__button {margin-top: 1px;}
  a#campusLink p {min-width: unset;}
  .header-wrapper>.d-flex{flex-wrap:wrap;}
  .header-wrapper .campus{justify-content: center !important;margin-top: 0.5rem;}
  .header-wrapper .search{text-align: right;}
  .search button.btn-search {margin-right: 0;}
  /*main*/
  main.container .row{margin-left: 0;margin-right: 0;}
  #readspeaker_button12{right: 1px;top:0px;}
  /*carousel*/
  .carousel-item video#vd-cr.video-carousel-xl{display: none;}
  .carousel-item video#vd-cr.video-carousel-xs{display:block;}
  .carousel .carousel-caption{width: auto;padding: 0.8rem;}
  /*noticias*/
  .news-item{ width: 93%;margin:1rem;}
  /*aviso*/
  .aviso{margin-top: 0;}
  .aviso-body a {display:block;margin-bottom:10px;}
  .aviso_image{position: relative;top: auto;right: auto;}
  /*footer*/
  .footer-wrapper--black ul.list-inline.rss, .contenedorpie #copyright, .footer-wrapper--darkgray, .footer-wrapper--back {width: 100%;}
  .contenedorpie ul.list-inline.rss {display: inline-block;}
  footer .columnamenu img{margin-right: 0;}
  .footer-wrapper--black .footer-wrapper--darkgray ul.list-unstyled {text-align: center;}
  .footer-wrapper--back {text-align: center;}
  .contenedorpie #copyright {text-align: center;}
    /* modificaciones para banner felicitación */
  .carousel-item video#vd-cr {margin-left: 50% !important; transform: translateX(-50%);}
}

@media (max-width: 320px) {
  /*menu cabecera*/
  form.buscador_cab.active {margin-top: 82px;}
  .navbar button.navbar-toggler > span.navbar-toggler-icon {margin: 0 !important;}
  .navbar, .campus {padding: 0;}
}



/*Readspeaker*/
.rs_addtools .rsbtn_play .rsbtn_left .rsbtn_text span, .rsbtn .rsbtn_play .rsbtn_left .rsbtn_text span {
font-family: 'Titillium Bold',Arial;
}




/***********   Áreas de dirección   ********/

#areas-de-direccion {font-family: 'Titillium', Arial; box-sizing: border-box;}
main:not(.container):not(.container-fluid) .titulopagina h2 {text-align: center;}
main:not(.container):not(.container-fluid) .breadcrumb {padding-left: 30px;}#areas-de-direccion h1, #areas-de-direccion h2 {color: #00533E;}
#areas-de-direccion h1 {display: block;  text-align: center;  font-family: 'Titillium Bold', Arial;  font-size: 21px;  font-weight: 700;  padding: 30px;  margin-bottom: 0;}
#areas-de-direccion h2 {font-size: 20px; font-weight: 700;}
#areas-de-direccion .area:nth-child(odd) {background-color: #efefef;}
#areas-de-direccion .image-container {margin: auto; overflow: hidden; max-height: 250px;}
#areas-de-direccion .image-container:empty {background: #efefef url(../img/retrato-direccion-por-defecto.gif) no-repeat center; background-size: 50%;}
#areas-de-direccion img {width: 100%;}
#areas-de-direccion .text {padding: 20px 40px;}
#areas-de-direccion .text .cargo {color: #848484; font-size: 14px; font-style: italic; padding-bottom: 14px;}
#areas-de-direccion .text a ~ a {display: block; color: #848484; font-size: 14px; font-weight: 700; text-decoration: underline;}
/*aplica margenes a un único elemento aislado en la última fila*/
#areas-de-direccion .area:nth-child(3n+1):last-child {margin-left: 33.333333%;}
/*aplica margenes al penúltimo elemento a una última fila de 2 elementos*/
#areas-de-direccion .area:nth-child(3n+1):nth-last-child(2) {margin-left: 16.6666665%;}
/****Áreas de dirección pg. detalle ********/
main.detalle-direccion .titulo-movil {display: none;}
main.detalle-direccion .padding_right0 {padding-right: 15px;}
main.detalle-direccion.subdireccion {margin-top: 50px;}
main.detalle-direccion.subdireccion .row.desktop > div:first-child {margin-top: 60px;}
main.detalle-direccion h1 {font-family: 'Titillium', Arial; font-size: 30px; font-weight: 700; color: #00533E;}
main.detalle-direccion h1.name {color: #727723;}
main.detalle-direccion .img-center {max-height: 400px; overflow: hidden; margin: 0 -15px;}
main.detalle-direccion .img-center img {width: 100%}
main.detalle-direccion .pag_estudios .columnamenu.col-lg-3 img {margin-top: 0;}
main.detalle-direccion .sideMenu {padding: 0 25px 35px 25px; background-color: #00533E; height: max-content;}
main.detalle-direccion .sideMenu ul {list-style-type: none; padding-left: 0;}
main.detalle-direccion.subdireccion .sideMenu ul.menu-container {padding: 35px 25px;}
main.detalle-direccion.subdireccion .img-center {margin: 0 -25px;}
main.detalle-direccion .sideMenu .bloquetexto2 {background-color: initial; padding: 0; display: inline-block; width: 100%;}
main.detalle-direccion .sideMenu .bloquetexto2 .titulopagina {background-color: #fff; text-align: left; padding: 5px 15px; color: #00533E; width: 100%; font-size: 22px; font-weight: 600; font-family: 'Titillium', Arial; display: block; margin: 35px 0 20px 0; border: 0;  cursor: unset; }
main.detalle-direccion .sideMenu .bloquetexto2 .titulopagina:focus {outline: 0;}
main.detalle-direccion .sideMenu > a {position: relative; display: block; font-size: 17px; font-weight: 600; font-family: 'Titillium', Arial; color: #fff; padding: 5px 0px 5px 40px; text-decoration: none;}
main.detalle-direccion .sideMenu > a:hover, main.detalle-direccion .sideMenu > a:focus { text-decoration: underline;}
main.detalle-direccion .sideMenu > a:before {position: absolute; top: 9px; left: 18px; content: ''; background-color: #fff; height: 10px; width: 10px;}
main.detalle-direccion .sideMenu > a:focus:before {opacity: 0.8;}
main.detalle-direccion .sideMenu > a:after {content:"\f35d"; font-family: "Font Awesome 5 Free"; position: absolute; top: 10px; margin-left: 11px; font-size: 14px;}
main.detalle-direccion .sideMenu .bloquetexto2 ~ .bloquetexto2 ~ a:after {content: '';}
main.detalle-direccion .sideMenu > ul.rss {position: relative; z-index: 1; display: inline-block; text-align:center; width: 100%; margin: 20px auto;  background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
main.detalle-direccion .sideMenu > ul.rss li {width: 30px;}
main.detalle-direccion .sideMenu > ul.rss li a {padding: 0;}
main.detalle-direccion .sideMenu > ul.rss li a:before {height: 0; width: 0;}
main.detalle-direccion .sideMenu > ul.rss li a i {position: relative; top: 0; margin-left: unset; font-size: 25px; color: #fff;}
main.detalle-direccion .sideMenu > ul.rss li a:hover i, main.detalle-direccion .sideMenu > ul.rss li a:focus i  {transform: scale(1.3); transition: 0.3s;}
main.detalle-direccion .sideMenu > ul.rss li a:focus i {opacity: 0.8;}
main.detalle-direccion .card.bloquetexto  {padding: 40px 40px 0 40px; background-color: initial;}
main.detalle-direccion .pag_estudios_contenido .card-body {background-color: transparent;}
main.detalle-direccion .card.bloquetexto ~ .bloquetexto {padding-top: 0;}

main.detalle-direccion .text-background {display: block; position: absolute; z-index: -1; right: 0; background-color: #efefef;}

@media only screen and (max-width: 1400px) {
/***********   Áreas de dirección   ********/
#areas-de-direccion .image-container {max-height: 200px;}
}
@media only screen and (max-width: 1200px) {
  /***********   Áreas de dirección   ********/
  #areas-de-direccion .image-container {max-height: 150px;}

  }
@media only screen and (max-width: 991px) {
  main.detalle-direccion h1 {font-size: 28px;}
  main.detalle-direccion .sideMenu {padding: 20px;}
  main.detalle-direccion .sideMenu > a {padding-left: 22px;}
  main.detalle-direccion .sideMenu > a:before {left: 5px;}
  main.detalle-direccion.subdireccion .sideMenu {padding: 0 20px 20px 20px;}
  main.detalle-direccion .sideMenu .bloquetexto2 .titulopagina {font-size: 17px;}
  main.detalle-direccion.subdireccion .img-center {margin: 0 -20px;}
}
@media only screen and (max-width: 767px) {
  /***********   Áreas de dirección   ********/
  #areas-de-direccion .text {padding: 25px;}
  #areas-de-direccion .area:nth-child(3n+1):nth-last-child(2), #areas-de-direccion .area:nth-child(3n+1):last-child {margin-left: 0;}
  /****Áreas de dirección pg. detalle ********/
  main.detalle-direccion .row.desktop {display: none;}
  main.detalle-direccion .pag_institucional_movil {margin: 0 0 -30px 0!important;}
  main.detalle-direccion .card.bloquetexto {background-color: #efefef; margin: 0 15px; padding: 10px 25px;}
  main.detalle-direccion .titulo-movil {display: block; text-align: right; width: 100%; margin: 0 15px; padding: 15px 25px 0 25px; background-color: #efefef;}
  main.detalle-direccion .titulo-movil .titulopagina, .titulo-movil .subitulo {padding-bottom: 0;}
  main.detalle-direccion.subdireccion .pag_institucional_movil .main .bloquetexto:first-child .titulopagina, main.detalle-direccion.subdireccion .pag_institucional_movil .main .bloquetexto:first-child .subtitulo {text-align: right; padding-bottom: 0;}
  main.detalle-direccion.subdireccion .pag_institucional_movil .main .bloquetexto:first-child .titulopagina {padding-top: 15px;}
  main.detalle-direccion.subdireccion .card.bloquetexto {padding-top: 0;}
  main.detalle-direccion.subdireccion .img-center {width: 50%; margin: 8px 30px 22px -40px; float: left;  }
  main.detalle-direccion .sideMenu, main.detalle-direccion.subdireccion .sideMenu {padding: 0;}
  main.detalle-direccion .sideMenu .bloquetexto2 {margin: 0; background-color: initial; border: 0; position: relative; z-index: 100;}
  main.detalle-direccion .sideMenu .bloquetexto2 .titulopagina {border: 3px solid #00533E; cursor: pointer; font-size: 18px;  background-color: #fff; margin: 0; position: relative; text-align: left; padding-left: 30px; height: 40px; line-height: 26px;}
  main.detalle-direccion .sideMenu .bloquetexto2 .titulopagina:focus {border: 4px solid #000; outline: 0px;}
  main.detalle-direccion .sideMenu .bloquetexto2 .titulopagina:after {content:"\f0da"; font-family: "Font Awesome 5 Free"; position: absolute; right: 30px; font-size: 25px; top: 5px; color: #00533E; -ms-transform: rotate(0deg); transform: rotate(0deg); transition: 0.3s; cursor: pointer;}
  main.detalle-direccion .sideMenu .bloquetexto2.active .titulopagina:after {-ms-transform: rotate(90deg); transform: rotate(90deg); transition: 0.3s;}
  main.detalle-direccion .sideMenu > a {margin-left: 15%; max-height: 30px;}
  main.detalle-direccion .sideMenu > ul.rss {width: 100%;}
  main.detalle-direccion .sideMenu > ul.rss {margin-bottom: 0;}
  main.detalle-direccion .sideMenu .bloquetexto2.closed ~ a, main.detalle-direccion .sideMenu .bloquetexto2.closed ~ ul.rss,
  main.detalle-direccion .sideMenu .bloquetexto2.active ~ .bloquetexto2.closed ~ a, main.detalle-direccion .sideMenu .bloquetexto2.active ~ .bloquetexto2.closed ul.rss, main.detalle-direccion .sideMenu .bloquetexto2.active ~ .bloquetexto2.closed ~ ul.rss  {max-height: 0; opacity: 0; padding: 0; transition: 0.2s;}
  main.detalle-direccion .sideMenu .bloquetexto2.closed ~ a, main.detalle-direccion .sideMenu .bloquetexto2.active ~ a, main.detalle-direccion .sideMenu .bloquetexto2.active ~ .bloquetexto2.closed ~ a {padding-left: 40px;}
  main.detalle-direccion .sideMenu .bloquetexto2 ~ ul.rss, main.detalle-direccion .sideMenu .bloquetexto2.active ~ .bloquetexto2.closed ~  ul.rss {margin: 0 auto;}
  main.detalle-direccion .sideMenu .bloquetexto2.active ~ ul.rss {margin: 30px auto; bottom: 0;}
  main.detalle-direccion .sideMenu .bloquetexto2.active ~ a, main.detalle-direccion .sideMenu .bloquetexto2.active ~ ul.rss {max-height: 200px; opacity: 1; transition: 0.2s;}
  main.detalle-direccion .sideMenu .bloquetexto2.active ~ a {padding: 5px 0px 5px 40px; height: 30px;}
  main.detalle-direccion .sideMenu .bloquetexto2.closed + a,  main.detalle-direccion .sideMenu .bloquetexto2.active + a:last-child ~ .bloquetexto2 {margin-top: 0}
  main.detalle-direccion .sideMenu .bloquetexto2, main.detalle-direccion .sideMenu .bloquetexto2.closed ~ .bloquetexto2 {margin-top: 0;}
  main.detalle-direccion .sideMenu .bloquetexto2.active + a, main.detalle-direccion .sideMenu .bloquetexto2.active  ~ .bloquetexto2  {margin-top: 20px;}
  main.detalle-direccion .sideMenu .bloquetexto2.active + a:last-child {margin-bottom: 20px;}
  main.detalle-direccion .sideMenu ul li.social ul {margin-bottom: 0;}

  main.detalle-direccion.subdireccion  .sideMenu ul.menu-container {padding: 0;}
  main.detalle-direccion .text-background {display: none;}
}
@media only screen and (max-width: 480px) {
/***********   Áreas de dirección   ********/
  #areas-de-direccion .text {padding: 15px;}
  #areas-de-direccion h2 {font-size: 17px; line-height: 17px; margin-bottom: 0;}
  #areas-de-direccion h2 {font-size: 17px; line-height: 17px; margin-bottom: 4px;}
  #areas-de-direccion .text .cargo {padding-bottom: 4px;}
  #areas-de-direccion .text a {line-height: 19px;}
  /****Áreas de dirección pg. detalle ********/
}
@media only screen and (max-width: 320px) {
  /****Áreas de dirección pg. detalle ********/
  .pag_estudios_contenido .row > div.row .main {width: 100%;}
  main.detalle-direccion  .sideMenu button ~ ul {width: 220px;}
}
/*******************************************/
/*******************************************/

/*Queries para Internet Explorer*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  header.sticky-top {position: fixed;}
  .featured-list-item:hover{background-color: rgba(92, 110, 177, 0.4); transition: 0.3s;}
  .featured-list-item:hover .list-item--text {color: #5C6EB1; transition: 0.3s;}
  main.detalle-direccion .sideMenu > ul.rss {margin-top: 100px;}
}
@media (max-width: 767px)  and (-ms-high-contrast: none), (max-width: 767px)  and (-ms-high-contrast: active) {
  header.sticky-top {position: relative;}
}