
/***********   Áreas de dirección   ********/
.pag-areasDireccion{margin-bottom: 2rem;}
#areas-de-direccion {font-family: 'Titillium', Arial; box-sizing: border-box;}
#areas-de-direccion>.row{margin:0;}
main:not(.container):not(.container-fluid) .titulopagina h2 {text-align: left;color: var(--third);}
main:not(.container):not(.container-fluid) .breadcrumb {padding-left: 30px;}#areas-de-direccion h1, #areas-de-direccion h2 {color: #90214A;}
#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: 200px;}
#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 30px 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;}
#areas-de-direccion .text a{line-height : 20px;}
/*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: 0.8rem; line-height: 17px; margin-bottom: 4px;}
  #areas-de-direccion .text .cargo {padding-bottom: 4px;}
  #areas-de-direccion .text a {line-height: 12px;}
  #areas-de-direccion .text a ~ a{font-size: 0.6rem;}

}
@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;}
}

/**********************************************/
/***********   CV Rector/Vicerector   *********/
.menu-cv {padding-top:0.5rem;color:#ffffff;}
.menu-cv--backgound { background-color: #90214A;padding-bottom: 1rem}
.menu-cv .bloquetexto2{margin:0;padding:0;text-align: center;}
.menu-cv a{display: block;color:#ffffff;margin: 1rem 0 1rem 1rem;}
.menu-cv a:hover {padding-left: 1rem;transition: 0.3s;}
.menu-cv a.link{color:#000000;margin:0;}
.menu-cv a.link:hover{transition: none;padding:0;}
.menu-cv .titulopagina {background-color: #ffffff;color:#90214A;width:100%;padding-bottom: 0.5rem;}
.content-cv{margin-top: 1rem;}
.content-cv .titulopagina{font-size: 1.5rem;text-align: center;}
.content-cv .subtitulo{font-size: 1.3rem;}
.content-cv .textocontenido a{color:#90214A;}
/**********************************************/
/*****************   Rector  *****************/
.pag-rector .menu-cv{order:1;}
.pag-rector .content-cv{order:2;}
.pag-rector .imageComponent{overflow: hidden;max-height: 24rem;margin-left: -15px;margin-right: -15px; margin-bottom: 3rem;}
.pag-rector .imageComponent img{width: 100%;}
.pag-rector .menu-cv {margin:-5rem 0 0 0;}
.pag-rector .menu-cv .rss{position:relative;display:block;float:none;background-color:#90214a;box-shadow:none;text-align:center;}
.pag-rector .menu-cv .rss a.link{color:white;}
.pag-rector .menu-cv .rss a.link:hover{transform: scale(1.5);}

@media only screen and (max-width: 768px) {
    .pag-rector .imageComponent{margin-bottom: 0;}
}
/**********************************************/
/***************   Vicerector  ***************/
.pag-vice .mov-display{display: none;}

@media only screen and (max-width: 991px) {
   .pag-areasDireccion .titulopagina{text-align: center;}
   .pag-vice .menu-cv .imageComponent{height: 20rem;overflow: hidden;float: left;}
}

@media only screen and (max-width: 480px) {
  .content-cv .subtitulo{text-align: center;}
  .content-cv .card-body{padding: 2rem;}
  .menu-cv a{margin: 1rem 0 1rem 2rem;}
  /*****************   Rector  *****************/
  .pag-rector .content-cv{order:1;}
  .pag-rector .menu-cv{order:2;}
  .pag-rector .menu-cv {margin:0;}
/*****************   Rector  *****************/
 .pag-vice .pc-display{display: none;}
 .pag-vice .mov-display{display:block;}

}
