/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centercontainer uva-accordion {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

#centercontainer uva-accordion button {
  flex-wrap: wrap;
  white-space: normal;
  word-wrap: break-word;
}

#centercontainer uva-accordion section {
  flex-wrap: wrap;
  white-space: normal;
  word-wrap: break-word;
  flex-direction: column;
}

#centercontainer uva-accordion section p {
  flex: 1 1 100%;
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer uva-accordion section p > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer uva-accordion section p > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer uva-accordion section p > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer uva-accordion section p > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer uva-accordion section p > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer uva-accordion section p a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer uva-accordion section p a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer uva-accordion section p a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer uva-accordion section p a[href^="http"] {
  word-break: break-word;
}

#centercontainer uva-accordion section p a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer uva-accordion section p a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer uva-accordion section p a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer uva-accordion section p a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer uva-accordion section p a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer uva-accordion section p a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer uva-accordion section p a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer uva-accordion section p a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer uva-accordion section p a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

.element-accordion {
  display: flex;
  flex-direction: column;
}

.element-accordion #titles {
  user-select: none;
  display: flex;
  flex-direction: column;
}

.element-accordion #titles slot {
  flex: 0 1 50%;
}

.element-accordion #titles slot::slotted(*) {
  font: 400 16px/22px 'Roboto';
  background-color: #005D8C;
  color: white;
  white-space: normal;
  border-radius: 4px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 16px 8px;
  margin: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: none;
  /* if the user users a <button> */
}

.element-accordion #titles slot::slotted([aria-expanded="true"]) {
  font-weight: 600;
  background-color: #005D8C;
  color: white;
  box-shadow: none;
}

.element-accordion #titles slot::slotted([aria-expanded="true"]):after {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f062";
  margin-left: 5px;
}

.element-accordion #titles slot::slotted([aria-expanded="false"]) {
  font-weight: 600;
  background-color: #005D8C;
  color: white;
  box-shadow: none;
}

.element-accordion #titles slot::slotted([aria-expanded="false"]):after {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f063";
  margin-left: 5px;
}

.element-accordion #titles slot::slotted(:focus) {
  z-index: 1;
  /* make sure focus ring doesn't get buried */
}

.element-accordion #panels {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  background: white;
  border-radius: 3px;
  overflow: auto;
  flex: 1 1 100%;
}

.element-accordion #panels #panelsSlot::slotted([hidden="true"]) {
  display: none;
}

.element-accordion #panels #panelsSlot::slotted([hidden="false"]) {
  display: flex;
  padding: 16px;
}

.element-accordion #panels #panelsSlot > p {
  flex: 1 1 100%;
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.element-accordion #panels #panelsSlot > p > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.element-accordion #panels #panelsSlot > p > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

.element-accordion #panels #panelsSlot > p > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

.element-accordion #panels #panelsSlot > p > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

.element-accordion #panels #panelsSlot > p > a:has(img):before {
  content: "ENLACE IMAGEN";
}

.element-accordion #panels #panelsSlot > p a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

.element-accordion #panels #panelsSlot > p a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.element-accordion #panels #panelsSlot > p a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

.element-accordion #panels #panelsSlot > p a[href^="http"] {
  word-break: break-word;
}

.element-accordion #panels #panelsSlot > p a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

.element-accordion #panels #panelsSlot > p a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

.element-accordion #panels #panelsSlot > p a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

.element-accordion #panels #panelsSlot > p a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

.element-accordion #panels #panelsSlot > p a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

.element-accordion #panels #panelsSlot > p a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

.element-accordion #panels #panelsSlot > p a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

.element-accordion #panels #panelsSlot > p a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

.element-accordion #panels #panelsSlot > p a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

.element-accordion #panels #panelsSlot > table {
  flex: 1 1 100%;
}

.element-accordion #panels #panelsSlot > table > tr:nth-of-type(2n) {
  background-color: #f0f0f0;
}

.element-accordion #panels #panelsSlot > table > tbody > tr {
  display: table-row;
  flex-direction: row;
}

.element-accordion #panels #panelsSlot > table > tbody > tr > td {
  flex: 1 1 auto;
  display: table-cell;
  text-align: center;
}

.element-accordion #panels #panelsSlot > table > tbody > tr > td:first-child {
  font-size: 1em;
  text-align: left;
}

.element-accordion #panels #panelsSlot > table > tbody > tr > td:before {
  content: attr(data-th);
  display: block;
  text-align: center;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centercontainer .botones {
  color: #333;
  font-family: "Lato";
  font-size: 1.1em;
  text-align: center;
  background-color: #005d8c;
  white-space: normal;
  border-radius: 4px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 6px 12px;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer .botones:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

#centercontainer .botones > a {
  text-decoration: none;
  color: white;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer .botones > a:visited {
  text-decoration: none;
  color: white;
}

#centercontainer .botones > a:hover {
  text-decoration: underline;
  color: white;
}

#centercontainer .botones > a:active {
  text-decoration: none;
  color: white;
}

#rightcontainer .botones {
  color: white;
  font-family: "Lato";
  font-size: 1.1em;
  text-align: center;
  background-color: #005d8c;
  white-space: normal;
  border-radius: 4px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 6px 12px;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#rightcontainer .botones:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

#rightcontainer .botones > a {
  text-decoration: none;
  color: white;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#rightcontainer .botones > a:visited {
  text-decoration: none;
  color: white;
}

#rightcontainer .botones > a:hover {
  text-decoration: underline;
  color: white;
}

#rightcontainer .botones > a:active {
  text-decoration: none;
  color: white;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centerallcontainer > #buscadorcontainer {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  #centerallcontainer > #buscadorcontainer {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #centerallcontainer > #buscadorcontainer {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #centerallcontainer > #buscadorcontainer {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #centerallcontainer > #buscadorcontainer {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  #centerallcontainer > #buscadorcontainer {
    max-width: 540px;
  }
}

#centerallcontainer > #buscadorcontainer > .buscador {
  flex: 1 1 100%;
}

#centerallcontainer > #buscadorcontainer > .buscador > form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  border: 1px solid #eee;
  padding: 10px;
  margin-bottom: 15px;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .texto {
  flex: 1 1 auto;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .texto input {
  font-size: 1.5em;
  color: #666;
  border: 1px solid #005d8c;
  padding: 10px 15px;
  margin-right: 0;
  display: inline-block;
  /* width: 930px; */
  width: calc(100% - 40px);
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .imagen_lupa {
  flex: 1 1 auto;
  min-height: 30px;
  max-width: 50px;
  margin-left: -1px;
  background-color: #005d8c;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .imagen_lupa input {
  width: 100%;
  color: #999;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .clear {
  flex-basis: 100%;
  height: 0;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .extras_buscador {
  font: small-caps 14px Arial;
  border-bottom: 1px solid #d6d6d6;
  flex: 1 1 100%;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .extras_buscador > ul {
  margin: 10px auto;
  display: flex;
  flex-direction: row;
  list-style: none;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .extras_buscador > ul > li {
  flex: 1 1 auto;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .extras_buscador > ul > li.item {
  margin-right: 20px;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .extras_buscador > ul > li > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .extras_buscador > ul > li > a:visited {
  text-decoration: none;
  color: black;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .extras_buscador > ul > li > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#centerallcontainer > #buscadorcontainer > .buscador > form > .extras_buscador > ul > li > a:active {
  text-decoration: none;
  color: black;
}

#centerallcontainer > #buscadorcontainer > .buscador > .resultados > .item_busqueda > .titulo_resultado {
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centerallcontainer > #buscadorcontainer > .buscador > .resultados > .item_busqueda > .titulo_resultado > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centerallcontainer > #buscadorcontainer > .buscador > .resultados > .item_busqueda > .titulo_resultado > a:visited {
  text-decoration: none;
  color: black;
}

#centerallcontainer > #buscadorcontainer > .buscador > .resultados > .item_busqueda > .titulo_resultado > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#centerallcontainer > #buscadorcontainer > .buscador > .resultados > .item_busqueda > .titulo_resultado > a:active {
  text-decoration: none;
  color: black;
}

#centerallcontainer > #buscadorcontainer > .buscador > .busqueda_paginacion {
  flex: 1 1 100%;
}

#centerallcontainer > #buscadorcontainer > .buscador > .busqueda_paginacion > ul {
  display: flex;
  flex-direction: row;
}

#centerallcontainer > #buscadorcontainer > .buscador > .busqueda_paginacion > ul > li {
  flex: 0 1 auto;
  list-style: none;
  font: 10px Arial;
  padding: 2px 5px;
  margin: 2px;
  border: 1px solid #005d8c;
  display: block;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
  /*
            &.current {
              @include a();
            }
    */
}

#centerallcontainer > #buscadorcontainer > .buscador > .busqueda_paginacion > ul > li > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centerallcontainer > #buscadorcontainer > .buscador > .busqueda_paginacion > ul > li > a:visited {
  text-decoration: none;
  color: black;
}

#centerallcontainer > #buscadorcontainer > .buscador > .busqueda_paginacion > ul > li > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#centerallcontainer > #buscadorcontainer > .buscador > .busqueda_paginacion > ul > li > a:active {
  text-decoration: none;
  color: black;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
uva-calendario-dia {
  min-width: 52px;
  min-height: 45x;
  width: 50px;
  height: 45px;
  text-transform: capitalize;
  text-align: center;
}

.calendario-fecha {
  position: relative;
}

.calendario-fecha > .calendario-dia {
  background-color: white;
  border: 4px solid white;
  display: block;
  min-width: 40px;
  min-height: 30px;
  padding: 2px;
  margin: 2px;
  text-transform: capitalize;
  text-align: center;
}

.calendario-fecha > .calendario-dia.domingo {
  color: #04B4FC;
}

.calendario-fecha > .calendario-dia.festivo-palencia {
  background-color: #93198f;
  color: white;
}

.calendario-fecha > .calendario-dia.festivo-segovia {
  background-color: #ff9000;
  color: white;
}

.calendario-fecha > .calendario-dia.festivo-soria {
  background-color: #add000;
  color: white;
}

.calendario-fecha > .calendario-dia.festivo-valladolid {
  background-color: #5534ae;
  color: white;
}

.calendario-fecha > .calendario-dia.festivo-tipo-bocyl {
  background-color: red;
  color: white;
}

.calendario-fecha > .calendario-dia.festivo-tipo-nolaboral {
  background: repeating-linear-gradient(135deg, grey, grey 0.25em, white 0, white 0.75em);
}

.calendario-fecha > .calendario-dia.festivo-tipo-palencia {
  background: repeating-linear-gradient(135deg, #93198f, #93198f 0.25em, white 0, white 0.75em);
}

.calendario-fecha > .calendario-dia.festivo-tipo-segovia {
  background: repeating-linear-gradient(135deg, #ff9000, #ff9000 0.25em, white 0, white 0.75em);
}

.calendario-fecha > .calendario-dia.festivo-tipo-soria {
  background: repeating-linear-gradient(135deg, #add000, #add000 0.25em, white 0, white 0.75em);
}

.calendario-fecha > .calendario-dia.festivo-tipo-valladolid {
  background: repeating-linear-gradient(135deg, #5534ae, #5534ae 0.25em, white 0, white 0.75em);
}

.calendario-fecha > .calendario-dia.festivo-tipo-vacaciones {
  background: repeating-linear-gradient(0deg, grey, grey 5px, white 5px, white 10px);
}

.calendario-fecha > .calendario-dia.festivo-tipo-ahorro {
  background: repeating-linear-gradient(90deg, grey, grey 5px, white 5px, white 10px);
}

.calendario-fecha > .calendario-dia.festivo-tipo-local {
  border: 4px solid grey;
}

.calendario-fecha > .calendario-dia.horario-reducido {
  border-bottom: 4px solid grey;
}

.calendario-fecha > .calendario-dia.festivo-tipo-centro {
  background-image: radial-gradient(circle at center center, white 15px, black 2px, white 5px, black 2px, white, white);
}

.calendario-fecha > .calendario-dia.festivo-campus-palencia {
  border: 4px solid #93198f;
}

.calendario-fecha > .calendario-dia.festivo-campus-segovia {
  border: 4px solid #ff9000;
}

.calendario-fecha > .calendario-dia.festivo-campus-soria {
  border: 4px solid #add000;
}

.calendario-fecha > .calendario-dia.festivo-campus-valladolid {
  border: 4px solid #5534ae;
}

.calendario-fecha > .calendario-dia.horario-reducido-palencia {
  border-bottom: 4px solid #93198f;
}

.calendario-fecha > .calendario-dia.horario-reducido-segovia {
  border-bottom: 4px solid #ff9000;
}

.calendario-fecha > .calendario-dia.horario-reducido-soria {
  border-bottom: 4px solid #add000;
}

.calendario-fecha > .calendario-dia.horario-reducido-valladolid {
  border-bottom: 4px solid #5534ae;
}

.calendario-fecha > .calendario-dia:hover + .calendario-dia-descripcion {
  display: block;
}

.calendario-fecha > .calendario-dia-descripcion {
  display: none;
  position: absolute;
  top: 50;
  left: 0;
  z-index: 1;
  border: 1px solid black;
  background-color: white;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.calendario-leyenda {
  margin-top: 2rem;
}

.calendario-leyenda > .calendario-leyenda-titulo {
  font-family: Verdana-Bold;
  font-size: 2rem;
  color: #48608C;
  text-align: left;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.calendario-leyenda > .calendario-leyenda-lista {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.calendario-leyenda > .calendario-leyenda-lista > .calendario-fecha {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  text-transform: capitalize;
  text-align: left;
  color: #1C3C70;
}

.calendario-leyenda > .calendario-leyenda-lista > .calendario-fecha > span {
  width: 30px;
  height: 30px;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.calendario-mes {
  display: inline-block;
  vertical-align: top;
}

.calendario-mes > .calendario-mes-title {
  text-transform: capitalize;
  text-align: center;
  font-family: Montserrat;
  font-size: 1.5rem;
  font-weight: 400rem;
}

.calendario-mes > .calendario-mes-semana {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.calendario-mes > .calendario-mes-semana > span {
  min-width: 52px;
  min-height: 45x;
  width: 50px;
  height: 45px;
  text-transform: capitalize;
  text-align: center;
}

.calendario-mes > .calendario-mes-semana > span:first-child {
  text-align: right;
  min-width: 30px;
  min-height: 40px;
  width: 30px;
  height: 40px;
  color: grey;
}

.calendario-mes > .calendario-mes-semana > span:last-child {
  text-align: right;
  min-width: 30px;
  min-height: 40px;
  width: 30px;
  height: 40px;
  color: #04B4FC;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.calendario-semana {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.calendario-semana > .calendario-semana-title {
  text-align: right;
  min-width: 30px;
  min-height: 40px;
  width: 30px;
  height: 40px;
  color: grey;
}

.calendario-semana > span {
  min-width: 52px;
  min-height: 45x;
  width: 50px;
  height: 45px;
  text-transform: capitalize;
  text-align: center;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.calendario-titulo {
  font-family: Verdana-Bold;
  font-size: 4rem;
  color: #1A3B70;
  text-align: center;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.calendario-descripcion {
  font-family: Verdana-Bold;
  font-size: 3.5rem;
  color: #48608C;
  text-align: center;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.calendario-pie {
  font-family: Verdana-Bold;
  font-size: 3.5rem;
  color: #48608C;
  text-align: center;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centercontainer > .contacts.container {
  padding-right: 0px;
  padding-left: 0px;
}

#centercontainer > .contacts > .contact_title {
  display: block;
  text-align: left;
  line-height: 1.42857143;
  color: rgba(12, 12, 12, 0.9);
  opacity: 1;
  margin-bottom: 10px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#centercontainer > .contacts > .contact_title > h2 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 48px;
}

#centercontainer > .contacts > .contacts_row > .contact {
  padding: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element {
  display: flex;
  flex-direction: column;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .image {
  overflow: hidden;
  display: inline-block;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .image > img {
  width: 100%;
  height: auto;
  transition: all .2s ease;
  vertical-align: middle;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .image > img:hover {
  transform: scale(1.1);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_name {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_position {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.1em;
  margin-bottom: 10px;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_link a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_document a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_address {
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_phone a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_mobile a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_fax a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 1.1em;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_element > .contact_email a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_description {
  flex: 1 0 50%;
  padding-left: 10px;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 1.1em;
}

#centercontainer > .contacts > .contacts_row > .contact > .contact_description > p:first-child {
  margin-block-start: 0em;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.oferta {
  width: 100%;
  margin-bottom: 10px;
}

.oferta uva-oferta {
  width: 1140px;
}

.uva-convocatoria-titulo {
  background-color: white;
  margin-top: 10px;
  margin-left: -15px;
  margin-right: -15px;
  max-width: 1140px;
  /*
  .col {
    @include titulo();
  }
  */
  display: flex;
  /*
  &.bloque_raya {
    border-bottom: 1px solid $linea-grisoscuro;
    font-family: "Montserrat", sans-serif;
  }
  .title {
    float: left;
    h1 {
      position: relative;
      bottom: -7px;
      font-size: 1.9em;
      font-weight: 500;
      padding-right: 20px;
      padding-bottom: 7px;
      text-transform: uppercase;
      margin-right: 15px;
      font-family: "Montserrat", sans-serif;
      color:  $texto-grisoscuro_90;
      line-height: 1em;
      margin-bottom: 0.1em;
      margin-top: 0.1em;
    }
  }
  .information {
    @media screen and (max-width: $break-small) {
      bottom: 0px;
    }
    @media screen and (min-width: $break-small) {
      bottom: -8px;
    }
    
    position: relative;
    font-family: "Lato", sans-serif;
    color: $texto-grisoscuro;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid $linea-grisoscuro;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -1px;
    transition: all 0.5s;
    &:hover {
      display: inline-block;
      background-color: $fondo-azulclaro;
      a {
        .masinformacion {
          .flecha {
            transform: translateX(2em);
          }
        }
      }
    }
    .flecha {
      transition: all 0.5s;
    }
    a {
      color: $texto-grisoscuro;
      text-decoration: none;
    }
  }
  */
  margin-bottom: 15px;
}

.uva-convocatoria-titulo .title {
  padding-left: 15px;
  flex: 1 0 20%;
  border-bottom: 1px solid #121212;
}

.uva-convocatoria-titulo .title h1 {
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  padding-bottom: 7px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

.uva-convocatoria-titulo .information {
  margin-left: 30px;
  flex: 0 1 80%;
  border-bottom: 1px solid #121212;
}

.uva-convocatoria-titulo .information a {
  color: #121212;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.3em;
  padding: 5px 20px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  border-right: 1px solid #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  transition: all 0.5s;
  position: relative;
}

@media screen and (max-width: 540px) {
  .uva-convocatoria-titulo .information a {
    bottom: 0px;
  }
}

@media screen and (min-width: 540px) {
  .uva-convocatoria-titulo .information a {
    bottom: -8px;
  }
}

.uva-convocatoria-titulo .information a .flecha {
  transition: all 0.5s;
}

.uva-convocatoria-titulo .information a:hover {
  display: inline-block;
  background-color: #5af0ff;
}

.uva-convocatoria-titulo .information a:hover .masinformacion .flecha i {
  transform: translateX(0.5em);
}

.uva-convocatorias {
  background-color: white;
  display: flex;
  flex-direction: column;
}

.uva-convocatorias .col {
  background-color: white;
  margin-left: -15px;
  margin-right: -15px;
  max-width: 1140px;
  /*
  .col {
    @include titulo();
  }
  */
  display: flex;
  /*
  &.bloque_raya {
    border-bottom: 1px solid $linea-grisoscuro;
    font-family: "Montserrat", sans-serif;
  }
  .title {
    float: left;
    h1 {
      position: relative;
      bottom: -7px;
      font-size: 1.9em;
      font-weight: 500;
      padding-right: 20px;
      padding-bottom: 7px;
      text-transform: uppercase;
      margin-right: 15px;
      font-family: "Montserrat", sans-serif;
      color:  $texto-grisoscuro_90;
      line-height: 1em;
      margin-bottom: 0.1em;
      margin-top: 0.1em;
    }
  }
  .information {
    @media screen and (max-width: $break-small) {
      bottom: 0px;
    }
    @media screen and (min-width: $break-small) {
      bottom: -8px;
    }
    
    position: relative;
    font-family: "Lato", sans-serif;
    color: $texto-grisoscuro;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid $linea-grisoscuro;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -1px;
    transition: all 0.5s;
    &:hover {
      display: inline-block;
      background-color: $fondo-azulclaro;
      a {
        .masinformacion {
          .flecha {
            transform: translateX(2em);
          }
        }
      }
    }
    .flecha {
      transition: all 0.5s;
    }
    a {
      color: $texto-grisoscuro;
      text-decoration: none;
    }
  }
  */
}

.uva-convocatorias .col .title {
  padding-left: 15px;
  flex: 1 0 20%;
  border-bottom: 1px solid #121212;
}

.uva-convocatorias .col .title h1 {
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  padding-bottom: 7px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

.uva-convocatorias .col .information {
  margin-left: 30px;
  flex: 0 1 80%;
  border-bottom: 1px solid #121212;
}

.uva-convocatorias .col .information a {
  color: #121212;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.3em;
  padding: 5px 20px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  border-right: 1px solid #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  transition: all 0.5s;
  position: relative;
}

@media screen and (max-width: 540px) {
  .uva-convocatorias .col .information a {
    bottom: 0px;
  }
}

@media screen and (min-width: 540px) {
  .uva-convocatorias .col .information a {
    bottom: -8px;
  }
}

.uva-convocatorias .col .information a .flecha {
  transition: all 0.5s;
}

.uva-convocatorias .col .information a:hover {
  display: inline-block;
  background-color: #5af0ff;
}

.uva-convocatorias .col .information a:hover .masinformacion .flecha i {
  transform: translateX(0.5em);
}

.uva-convocatorias > uva-convocatorias-header {
  flex: 1 0 100%;
  border-top: 1px solid #e8ecf0;
  padding-top: 1px;
  margin-top: 1px;
}

.uva-convocatorias > div#convocatorias_content {
  flex: 0 0 100%;
  border: 1px solid #dfe3e9;
  display: flex;
}

.uva-convocatorias > div#convocatorias_content uva-convocatorias-menu {
  flex: 0 1 auto;
  min-width: 255px;
  color: red;
}

.uva-convocatorias > div#convocatorias_content > div#convocatorias_contenido {
  flex: 1 1 100%;
}

.uva-convocatorias > div#convocatorias_content > div#convocatorias_contenido img {
  float: right;
}

@media screen and (max-width: 540px) {
  .uva-convocatorias > div#convocatorias_content > div#convocatorias_contenido img {
    display: none;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .uva-convocatorias > div#convocatorias_content > div#convocatorias_contenido img {
    display: none;
  }
}

.uva-convocatorias-filtro {
  /*
  display: flex;
  flex-direction: row;
  direction: rtl;

  //justify-content: flex-end;
  .uva-convocatoria-filtro {
    display: flex;
    flex-direction: row;
    direction: ltr;
  }
  */
}

.uva-convocatoria {
  display: block;
  border-bottom: 1px solid rgba(55, 55, 55, 0.8);
  padding-left: 0.25em;
  padding-right: 0.25em;
  padding-top: 0.25em;
  padding-bottom: 0.75em;
}

.uva-convocatoria > .uva-convocatoria-link {
  font-size: 1.3rem;
  line-height: 1.5em;
  margin-left: 1em;
  text-decoration: none;
  color: rgba(55, 55, 55, 0.8);
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.uva-convocatoria > .uva-convocatoria-link > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.uva-convocatoria > .uva-convocatoria-link > a:visited {
  text-decoration: none;
  color: black;
}

.uva-convocatoria > .uva-convocatoria-link > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.uva-convocatoria > .uva-convocatoria-link > a:active {
  text-decoration: none;
  color: black;
}

.uva-convocatoria > .uva-convocatoria-link:hover {
  text-decoration: underline;
  color: rgba(55, 55, 55, 0.8);
}

.uva-convocatoria > .uva-convocatoria-link:visited {
  text-decoration: none;
  color: rgba(55, 55, 55, 0.8);
}

.uva-convocatoria > .uva-convocatoria-link:active {
  text-decoration: none;
  color: rgba(55, 55, 55, 0.8);
}

.uva-convocatoria > .fecha {
  display: inline-block;
  font-size: .85em;
  background: #f1f1f1;
  padding: 2px 5px;
  /* Fechas */
}

.uva-convocatoria > .fecha.abierto {
  background-color: #65b22b !important;
  color: #fff !important;
}

.uva-convocatoria > .fecha.cerrado {
  background-color: #ff0027 !important;
  color: #eceaed !important;
}

.uva-convocatoria > .fecha.proceso {
  background-color: #ffa704 !important;
  color: #fff !important;
}

.uva-convocatoria > .fecha.breve {
  background-color: #ffa704 !important;
  color: #fff !important;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.description .col {
  font-family: "Lato",sans-serif;
  font-weight: 300;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 20px;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centercontainer .destacado {
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-top: 50px;
  margin-top: 20px;
  width: 240px;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ec275d;
}

#centercontainer .destacado > .destacado_text > .destacado_text {
  color: #424242;
  font: 18px Helvetica, Arial;
  margin-bottom: 10px;
  padding-right: 5px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer .destacado.left {
  margin-left: 0px;
  margin-right: auto;
  text-align: left;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centercontainer > .documento {
  margin: 0 0 10px;
  display: inline;
  font-family: "Lato";
  font-size: 1.1em;
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .documento > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .documento > a:visited {
  text-decoration: none;
  color: black;
}

#centercontainer > .documento > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#centercontainer > .documento > a:active {
  text-decoration: none;
  color: black;
}

#centercontainer > .documento > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .documento a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .documento a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .documento a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .documento a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .documento a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .documento a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .documento a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .documento a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .documento a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .documento a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .documento a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .documento a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .documento a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#rightcontainer > .documento {
  margin: 0 0 10px;
  display: inline;
  font-family: "Lato";
  font-size: 1.1em;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#rightcontainer > .documento > a {
  text-decoration: none;
  color: #186775;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#rightcontainer > .documento > a:visited {
  text-decoration: none;
  color: #186775;
}

#rightcontainer > .documento > a:hover {
  text-decoration: underline;
  color: #218c9f;
}

#rightcontainer > .documento > a:active {
  text-decoration: none;
  color: #186775;
}

/*
.documento {
    .col {
        a {
            text-decoration: none;
            color: $texto-grisoscuro;
            &:before {
                text-rendering: auto;
                -webkit-font-smoothing: antialiased;
                font-family: 'Font Awesome\ 5 Free';
                display: inline-block;
                font-weight: 900; 
                padding-right: 1em;
                vertical-align: middle;
                font-size: 2em;
            }
            &.pdf {
                &:before {
                    content: "\f1c1";
                }
            }
            &.word {
                &:before {
                    content: "\f1c2";
                }
            }
            &.image {
                &:before {
                    content: "\f1c5";
                }
            }
            &:before {
                content: "\f15b";
                //word f1c2
                //pdf f1c1
            }
            span {
                font-family:  "Lato",sans-serif;
                font-weight: 400;
                text-align: left;
                color: $texto-grisoscuro_80;
                opacity: 0.8;
                min-height: 35px;
            }
        }
    }
}
*/

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centercontainer > .enlace {
  margin: 0 0 10px;
  display: inline;
  font-family: "Lato";
  font-size: 1.1em;
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .enlace > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .enlace > a:visited {
  text-decoration: none;
  color: black;
}

#centercontainer > .enlace > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#centercontainer > .enlace > a:active {
  text-decoration: none;
  color: black;
}

#centercontainer > .enlace > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .enlace a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .enlace a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .enlace a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .enlace a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .enlace a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .enlace a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .enlace a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .enlace a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .enlace a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .enlace a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .enlace a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .enlace a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .enlace a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#rightcontainer > .enlace {
  margin: 0 0 10px;
  display: inline;
  font-family: "Lato";
  font-size: 1.1em;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#rightcontainer > .enlace > a {
  text-decoration: none;
  color: #186775;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#rightcontainer > .enlace > a:visited {
  text-decoration: none;
  color: #186775;
}

#rightcontainer > .enlace > a:hover {
  text-decoration: underline;
  color: #218c9f;
}

#rightcontainer > .enlace > a:active {
  text-decoration: none;
  color: #186775;
}

/*
.enlace {
    .col {
        a {
            text-decoration: none;
            &:active {
                text-decoration: none;
            }
            &:link {
                text-decoration: none;
            }
            &:visited {
                text-decoration: none;
            }
            &:hover {
                text-decoration: none;
            }
            

            p {
                font-family:  "Lato",sans-serif;
                font-weight: 300;
                font-size: 1.33em;
                line-height: 2em;
                text-align: left;
                color: $texto-grisoscuro_80;
                opacity: 1;
                border-bottom: 2px solid white;
                &:before {
                    text-rendering: auto;
                    -webkit-font-smoothing: antialiased;
                    font-family: 'Font Awesome\ 5 Free';
                    display: inline-block;
                    font-weight: 900; 
                    padding-right: 1em;
                    vertical-align: middle;
                    font-size: 2em;
                }
                &:before {
                    content: "\f35d";
                }
                &:hover {
                    text-decoration: none;
                    border-bottom: 2px solid $linea-azulclaro;
                }
            }
        }
        
        
    }
    
}
*/

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.entradilla .col p {
  font-family: "Lato",sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 2em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.estudio .row .col .titulo {
  padding-left: 15px;
  margin-bottom: 1em;
  border-bottom: 1px solid #121212;
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-top: 0.1em;
}

.estudio .row.estudio-contacto [class*="col-"] {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px;
}

.estudio .row.estudio-contacto [class*="col-"] h4 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
}

.estudio .row.estudio-contacto [class*="col-"] p {
  font-family: "Lato", sans-serif;
  font-weight: 300;
}

.estudio .row.estudio-contacto [class*="col-"] .banner {
  margin-top: 0px;
  padding: 10px;
  font-size: 1.2em;
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-cajas .col h4 {
  text-transform: uppercase;
  padding-left: 10px;
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-cajas .col p {
  padding: 10px;
  text-align: center;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  font-size: 1.3em;
  border: thin solid black;
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-cajas .col p.valladolid {
  background-color: #5534ae;
  color: white;
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-cajas .col p.segovia {
  background-color: #ff9000;
  color: rgba(12, 12, 12, 0.8);
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-cajas .col p.palencia {
  background-color: #93198f;
  color: white;
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-cajas .col p.soria {
  background-color: #add000;
  color: rgba(12, 12, 12, 0.8);
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-datos .col h4 {
  text-transform: uppercase;
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-datos .col p {
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-datos .col p > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-datos .col p > a:visited {
  text-decoration: none;
  color: black;
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-datos .col p > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.estudio .row.estudio-contacto [class*="col-"] .estudio-contacto-datos .col p > a:active {
  text-decoration: none;
  color: black;
}

.estudio .row [class*="col-"] {
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.estudio .row [class*="col-"] .nav {
  border: 1px solid #dfe3e9;
}

.estudio .row [class*="col-"] .nav .nav-link {
  display: block;
  background-color: white;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #121212;
  font-size: 1.25em;
  border-bottom: 1px solid #e8ecf0;
}

.estudio .row [class*="col-"] .nav .nav-link.active {
  border-bottom: 3px solid #5af0ff;
  box-shadow: 0 1px 0 #888;
}

.estudio .row [class*="col-"] .nav .nav-link:hover {
  cursor: pointer;
  border-bottom: 3px solid #5af0ff;
  box-shadow: 0 1px 0 #888;
}

.estudio .row [class*="col-"] h3 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #121212;
  font-size: 1.75em;
}

.estudio .row [class*="col-"] p {
  color: #121212;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.estudio .row [class*="col-"] p > a {
  text-decoration: none;
  color: #5af0ff;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.estudio .row [class*="col-"] p > a:visited {
  text-decoration: none;
  color: #5af0ff;
}

.estudio .row [class*="col-"] p > a:hover {
  text-decoration: underline;
  color: #8df5ff;
}

.estudio .row [class*="col-"] p > a:active {
  text-decoration: none;
  color: #5af0ff;
}

.estudio .row [class*="col-"] > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.estudio .row [class*="col-"] > a:visited {
  text-decoration: none;
  color: black;
}

.estudio .row [class*="col-"] > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.estudio .row [class*="col-"] > a:active {
  text-decoration: none;
  color: black;
}

.estudio .row .banner {
  margin-top: 10px;
  background-color: #5af0ff;
  padding: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Lato", sans-serif;
  font-size: 2.25em;
  font-weight: 700;
  color: #121212;
  text-transform: uppercase;
  display: block;
  align-self: center;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.estudio .row .banner > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.estudio .row .banner > a:visited {
  text-decoration: none;
  color: black;
}

.estudio .row .banner > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.estudio .row .banner > a:active {
  text-decoration: none;
  color: black;
}

.estudio .row .banner a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

.estudio .row .banner a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

.estudio .row .banner a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

.estudio .row .banner a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.eventos-slideshow {
  margin-bottom: 10px;
}

.eventos-slideshow .col {
  margin-left: -15px;
  margin-right: -15px;
  max-width: 1140px;
  /*
  .col {
    @include titulo();
  }
  */
  display: flex;
  /*
  &.bloque_raya {
    border-bottom: 1px solid $linea-grisoscuro;
    font-family: "Montserrat", sans-serif;
  }
  .title {
    float: left;
    h1 {
      position: relative;
      bottom: -7px;
      font-size: 1.9em;
      font-weight: 500;
      padding-right: 20px;
      padding-bottom: 7px;
      text-transform: uppercase;
      margin-right: 15px;
      font-family: "Montserrat", sans-serif;
      color:  $texto-grisoscuro_90;
      line-height: 1em;
      margin-bottom: 0.1em;
      margin-top: 0.1em;
    }
  }
  .information {
    @media screen and (max-width: $break-small) {
      bottom: 0px;
    }
    @media screen and (min-width: $break-small) {
      bottom: -8px;
    }
    
    position: relative;
    font-family: "Lato", sans-serif;
    color: $texto-grisoscuro;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid $linea-grisoscuro;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -1px;
    transition: all 0.5s;
    &:hover {
      display: inline-block;
      background-color: $fondo-azulclaro;
      a {
        .masinformacion {
          .flecha {
            transform: translateX(2em);
          }
        }
      }
    }
    .flecha {
      transition: all 0.5s;
    }
    a {
      color: $texto-grisoscuro;
      text-decoration: none;
    }
  }
  */
}

.eventos-slideshow .col .title {
  padding-left: 15px;
  flex: 1 0 20%;
  border-bottom: 1px solid #121212;
}

.eventos-slideshow .col .title h1 {
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  padding-bottom: 7px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

.eventos-slideshow .col .information {
  margin-left: 30px;
  flex: 0 1 80%;
  border-bottom: 1px solid #121212;
}

.eventos-slideshow .col .information a {
  color: #121212;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.3em;
  padding: 5px 20px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  border-right: 1px solid #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  transition: all 0.5s;
  position: relative;
}

@media screen and (max-width: 540px) {
  .eventos-slideshow .col .information a {
    bottom: 0px;
  }
}

@media screen and (min-width: 540px) {
  .eventos-slideshow .col .information a {
    bottom: -8px;
  }
}

.eventos-slideshow .col .information a .flecha {
  transition: all 0.5s;
}

.eventos-slideshow .col .information a:hover {
  display: inline-block;
  background-color: #5af0ff;
}

.eventos-slideshow .col .information a:hover .masinformacion .flecha i {
  transform: translateX(0.5em);
}

.eventos-slideshow-contenido {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0.5em;
}

.eventos-slideshow-contenido uva-evento-texto {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  margin-bottom: 0.5em;
  align-self: flex-start;
  transition: all 0.3s;
}

@media screen and (max-width: 540px) {
  .eventos-slideshow-contenido uva-evento-texto {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .eventos-slideshow-contenido uva-evento-texto {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 960px) {
  .eventos-slideshow-contenido uva-evento-texto {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 0.5em;
  }
}

.eventos {
  margin-bottom: 10px;
}

.eventos-titulo {
  margin-left: -15px;
  margin-right: -15px;
  max-width: 1140px;
  /*
  .col {
    @include titulo();
  }
  */
  display: flex;
  /*
  &.bloque_raya {
    border-bottom: 1px solid $linea-grisoscuro;
    font-family: "Montserrat", sans-serif;
  }
  .title {
    float: left;
    h1 {
      position: relative;
      bottom: -7px;
      font-size: 1.9em;
      font-weight: 500;
      padding-right: 20px;
      padding-bottom: 7px;
      text-transform: uppercase;
      margin-right: 15px;
      font-family: "Montserrat", sans-serif;
      color:  $texto-grisoscuro_90;
      line-height: 1em;
      margin-bottom: 0.1em;
      margin-top: 0.1em;
    }
  }
  .information {
    @media screen and (max-width: $break-small) {
      bottom: 0px;
    }
    @media screen and (min-width: $break-small) {
      bottom: -8px;
    }
    
    position: relative;
    font-family: "Lato", sans-serif;
    color: $texto-grisoscuro;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid $linea-grisoscuro;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -1px;
    transition: all 0.5s;
    &:hover {
      display: inline-block;
      background-color: $fondo-azulclaro;
      a {
        .masinformacion {
          .flecha {
            transform: translateX(2em);
          }
        }
      }
    }
    .flecha {
      transition: all 0.5s;
    }
    a {
      color: $texto-grisoscuro;
      text-decoration: none;
    }
  }
  */
}

.eventos-titulo .title {
  padding-left: 15px;
  flex: 1 0 20%;
  border-bottom: 1px solid #121212;
}

.eventos-titulo .title h1 {
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  padding-bottom: 7px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

.eventos-titulo .information {
  margin-left: 30px;
  flex: 0 1 80%;
  border-bottom: 1px solid #121212;
}

.eventos-titulo .information a {
  color: #121212;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.3em;
  padding: 5px 20px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  border-right: 1px solid #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  transition: all 0.5s;
  position: relative;
}

@media screen and (max-width: 540px) {
  .eventos-titulo .information a {
    bottom: 0px;
  }
}

@media screen and (min-width: 540px) {
  .eventos-titulo .information a {
    bottom: -8px;
  }
}

.eventos-titulo .information a .flecha {
  transition: all 0.5s;
}

.eventos-titulo .information a:hover {
  display: inline-block;
  background-color: #5af0ff;
}

.eventos-titulo .information a:hover .masinformacion .flecha i {
  transform: translateX(0.5em);
}

.eventos-contenido {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0.5em;
}

.eventos-contenido uva-evento-texto {
  flex: 0 0 20%;
  max-width: 20%;
  margin-bottom: 0.5em;
  align-self: flex-start;
  transition: all 0.3s;
}

.eventos-contenido uva-evento-texto:nth-child(4n-2) {
  padding-left: 5px;
  padding-right: 5px;
}

.eventos-contenido uva-evento-texto:nth-child(4n-1) {
  padding-right: 5px;
}

@media screen and (max-width: 540px) {
  .eventos-contenido uva-evento-texto {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .eventos-contenido uva-evento-texto {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 960px) {
  .eventos-contenido uva-evento-texto {
    flex: 1 0 24%;
    max-width: 25%;
    margin-bottom: 0.5em;
  }
}

.evento-texto {
  padding: 0.5em;
  height: 150px;
  border-radius: 4px;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
  background-color: #0e3675;
}

.evento-texto > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.evento-texto > a:visited {
  text-decoration: none;
  color: black;
}

.evento-texto > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.evento-texto > a:active {
  text-decoration: none;
  color: black;
}

.evento-texto.va {
  background-color: #5534ae;
}

.evento-texto.pa {
  background-color: #93198f;
}

.evento-texto.so {
  background-color: #add000;
}

.evento-texto.so a h1 {
  color: rgba(12, 12, 12, 0.8);
}

.evento-texto.so a h1:hover {
  cursor: pointer;
}

.evento-texto.so a p {
  color: rgba(12, 12, 12, 0.8);
}

.evento-texto.so a p:hover {
  cursor: pointer;
}

.evento-texto.sg {
  background-color: #ff9000;
}

.evento-texto.sg a h1 {
  color: rgba(12, 12, 12, 0.8);
}

.evento-texto.sg a h1:hover {
  cursor: pointer;
}

.evento-texto.sg a p {
  color: rgba(12, 12, 12, 0.8);
}

.evento-texto.sg a p:hover {
  cursor: pointer;
}

.evento-texto a:hover {
  text-decoration: none;
}

.evento-texto h1 {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  margin: 0 0.5em;
  color: white;
}

.evento-texto h1:hover {
  cursor: pointer;
}

.evento-texto h1 small {
  font-size: 0.4em;
}

@media screen and (max-width: 540px) {
  .evento-texto h1 {
    font-size: 2em;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .evento-texto h1 {
    font-size: 2.3em;
  }
}

@media screen and (min-width: 960px) and (max-width: 1200px) {
  .evento-texto h1 {
    font-size: 2.5em;
  }
}

@media screen and (min-width: 1200px) {
  .evento-texto h1 {
    font-size: 3.2em;
  }
}

.evento-texto p {
  font-family: "Montserrat", sans-serif;
  color: white;
  margin: 0 0.5em;
  font-size: 1em;
}

.evento-texto p:hover {
  cursor: pointer;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.fecha .col p {
  font-family: "Lato",sans-serif;
  font-weight: 300;
  font-size: 1.33em;
  line-height: 2em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
}

.fecha .col p:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome\ 5 Free';
  display: inline-block;
  font-weight: 900;
  padding-right: 1em;
  vertical-align: middle;
  font-size: 2em;
}

.fecha .col p:before {
  content: "\f783";
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.flexible {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  background-color: white;
  margin-bottom: 10px;
}

.flexible > .flexible-titulo {
  margin-left: -15px;
  margin-right: -15px;
  max-width: 1140px;
  /*
  .col {
    @include titulo();
  }
  */
  display: flex;
  /*
  &.bloque_raya {
    border-bottom: 1px solid $linea-grisoscuro;
    font-family: "Montserrat", sans-serif;
  }
  .title {
    float: left;
    h1 {
      position: relative;
      bottom: -7px;
      font-size: 1.9em;
      font-weight: 500;
      padding-right: 20px;
      padding-bottom: 7px;
      text-transform: uppercase;
      margin-right: 15px;
      font-family: "Montserrat", sans-serif;
      color:  $texto-grisoscuro_90;
      line-height: 1em;
      margin-bottom: 0.1em;
      margin-top: 0.1em;
    }
  }
  .information {
    @media screen and (max-width: $break-small) {
      bottom: 0px;
    }
    @media screen and (min-width: $break-small) {
      bottom: -8px;
    }
    
    position: relative;
    font-family: "Lato", sans-serif;
    color: $texto-grisoscuro;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid $linea-grisoscuro;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -1px;
    transition: all 0.5s;
    &:hover {
      display: inline-block;
      background-color: $fondo-azulclaro;
      a {
        .masinformacion {
          .flecha {
            transform: translateX(2em);
          }
        }
      }
    }
    .flecha {
      transition: all 0.5s;
    }
    a {
      color: $texto-grisoscuro;
      text-decoration: none;
    }
  }
  */
  margin-bottom: 10px;
}

.flexible > .flexible-titulo .title {
  padding-left: 15px;
  flex: 1 0 20%;
  border-bottom: 1px solid #121212;
}

.flexible > .flexible-titulo .title h1 {
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  padding-bottom: 7px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

.flexible > .flexible-titulo .information {
  margin-left: 30px;
  flex: 0 1 80%;
  border-bottom: 1px solid #121212;
}

.flexible > .flexible-titulo .information a {
  color: #121212;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.3em;
  padding: 5px 20px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  border-right: 1px solid #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  transition: all 0.5s;
  position: relative;
}

@media screen and (max-width: 540px) {
  .flexible > .flexible-titulo .information a {
    bottom: 0px;
  }
}

@media screen and (min-width: 540px) {
  .flexible > .flexible-titulo .information a {
    bottom: -8px;
  }
}

.flexible > .flexible-titulo .information a .flecha {
  transition: all 0.5s;
}

.flexible > .flexible-titulo .information a:hover {
  display: inline-block;
  background-color: #5af0ff;
}

.flexible > .flexible-titulo .information a:hover .masinformacion .flecha i {
  transform: translateX(0.5em);
}

.flexible > .flexible-contenido {
  display: flex;
  flex-direction: row;
  margin-left: -15px;
  margin-right: -15px;
  flex-wrap: nowrap;
}

@media screen and (max-width: 540px) {
  .flexible > .flexible-contenido {
    flex-direction: column;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .flexible > .flexible-contenido {
    flex-direction: column;
  }
}

@media screen and (min-width: 960px) {
  .flexible > .flexible-contenido {
    flex-direction: row;
  }
}

.flexible > .flexible-contenido > .card {
  flex: 1 1 auto;
  margin-left: 10px;
  margin-right: 10px;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.15em;
  text-transform: uppercase;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  border: 0px solid white;
}

.flexible > .flexible-contenido > .card:hover {
  border-color: #5af0ff;
}

.flexible > .flexible-contenido > .card > a {
  color: rgba(12, 12, 12, 0.9);
}

.flexible > .flexible-contenido > .card > a:hover {
  color: rgba(12, 12, 12, 0.7);
  text-decoration: none;
  background: #5af0ff;
}

.flexible > .flexible-contenido > .card > a > img {
  max-width: 100%;
  height: auto;
}

.flexible > .flexible-contenido > .card > a > img:hover {
  color: rgba(12, 12, 12, 0.7);
  text-decoration: none;
}

.flexible > .flexible-contenido > .card > h1 .card-title {
  text-transform: uppercase;
  font-size: 20px;
  margin-top: -1px;
  margin-bottom: 5px;
  padding-top: 20px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.flexible > .flexible-contenido > .card > .card-body {
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flexible > .flexible-contenido > .card > .card-body:hover {
  color: rgba(12, 12, 12, 0.7);
  text-decoration: none;
}

.flexible > .flexible-contenido > .card > .card-body > a {
  color: rgba(12, 12, 12, 0.9);
  box-shadow: inset 0 -5px 0 #5af0ff;
  padding-bottom: 2px;
  text-decoration: none;
  transition: .2s ease-in-out 0s;
}

.flexible > .flexible-contenido > .card > .card-body > a:hover {
  color: rgba(12, 12, 12, 0.7);
  text-decoration: none;
  background: #5af0ff;
}

.flexible > .flexible-contenido > .card > .card-body > a > img {
  max-width: 100%;
  height: auto;
}

.flexible > .flexible-contenido > .card > .card-body > a > img:hover {
  color: rgba(12, 12, 12, 0.7);
  text-decoration: none;
}

.flexible > .flexible-contenido > .card .card-date {
  font-size: 12px;
  text-align: right;
  line-height: 1;
}

.flexible > .container > .row > .col > a > img {
  max-width: 100%;
  height: auto;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
footer .mapa {
  border-top: 1px solid #121212;
  border-bottom: 1px solid #121212;
  background-color: #c5c5c5;
}

footer .mapa .gmap {
  margin: 0;
  padding: 0;
}

footer .mapa .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  footer .mapa .container {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  footer .mapa .container {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  footer .mapa .container {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  footer .mapa .container {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  footer .mapa .container {
    max-width: 540px;
  }
}

footer .footer {
  color: white;
  background-color: #0b1f4c;
}

footer .footer .footer-content {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  footer .footer .footer-content {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  footer .footer .footer-content {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  footer .footer .footer-content {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  footer .footer .footer-content {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  footer .footer .footer-content {
    max-width: 540px;
  }
}

footer .footer .footer-content .enlaces {
  background-color: #0b1f4c;
  color: #f8f8f8;
}

footer .footer .footer-content .enlaces .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media (min-width: 960px) and (max-width: 1199px) {
  footer .footer .footer-content .enlaces .row [class*=col-]:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
  }
  footer .footer .footer-content .enlaces .row [class*=col-]:nth-child(5) {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1200px) {
  footer .footer .footer-content .enlaces .row [class*=col-]:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
  }
  footer .footer .footer-content .enlaces .row [class*=col-]:nth-child(5) {
    padding-left: 15px;
    padding-right: 15px;
  }
}

footer .footer .footer-content .enlaces a {
  font-size: 1.5em;
  color: white;
}

footer .footer .footer-content .enlaces h1 {
  font-family: "Lato", sans-serif;
  border-top: 1px dotted #5af0ff;
  border-bottom: 1px dotted #5af0ff;
  margin-top: 20px;
  padding: 5px 0px;
  font-size: 1.67em;
}

footer .footer .footer-content .enlaces ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 11px;
}

footer .footer .footer-content .enlaces ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1.5em;
  margin-top: 5px;
  margin-bottom: 5px;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

footer .footer .footer-content .enlaces ul li > a {
  text-decoration: none;
  color: white;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

footer .footer .footer-content .enlaces ul li > a:visited {
  text-decoration: none;
  color: white;
}

footer .footer .footer-content .enlaces ul li > a:hover {
  text-decoration: underline;
  color: white;
}

footer .footer .footer-content .enlaces ul li > a:active {
  text-decoration: none;
  color: white;
}

footer .footer .footer-content .enlaces .pie_enlaces {
  padding: 70px 0px;
}

footer .footer .footer-content .enlaces .pie_enlaces .lema {
  text-align: left;
  line-height: 1;
  font-size: 36px;
}

footer .footer .footer-content .enlaces .pie_enlaces form input[type="text"] {
  color: inherit;
  font: inherit;
  width: 100%;
  border: 1px solid #121212;
  padding: 0.3em;
}

footer .footer .footer-content .enlaces .pie_enlaces form button {
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  padding-left: 1em;
  padding-right: 1em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
  border-radius: 3px;
  border: 1px solid black;
  margin-top: 2px;
  font-weight: 600;
}

footer .footer .footer-content .enlaces .pie_enlaces form button:hover {
  color: white;
  background-color: black;
}

footer .footer .footer-content .enlaces form {
  border: none;
  margin: inherit;
  padding: inherit;
}

footer .politica {
  background-color: #001032;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

footer .politica h1,
footer .politica p,
footer .politica ul,
footer .politica li,
footer .politica a {
  color: #fff;
}

footer .politica h1 {
  font-size: 12px;
  margin-top: 5px;
}

footer .politica p {
  font-size: 10px;
}

footer .politica .enlaces h1 {
  margin-bottom: 15px;
}

footer .politica .sociaicon:hover i {
  color: #5af0ff !important;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.contacto {
  flex: 1 0 100%;
  border-radius: 4px;
  background-color: #fddf73;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  width: 100%;
}

.contacto > p {
  width: 100%;
}

.uva-contacto {
  border-radius: 4px;
  background-color: #fddf73;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  padding-left: 15px;
}

.uva-contacto > h1 {
  font-family: "Lato", sans-serif;
  /*font-weight: 400;*/
  /*font-size: 1.5em;*/
  color: rgba(12, 12, 12, 0.8);
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 0.8em;
}

.uva-contacto > p {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.15em;
  line-height: 1.4em;
  margin-top: .5em;
  margin-bottom: .5em;
  color: rgba(55, 55, 55, 0.8);
}

.uva-contacto > form > .form-row {
  display: flex;
  flex-direction: row;
}

.uva-contacto > form > .form-row > [class*=col-] {
  flex: 1 1 auto;
  margin-bottom: .5rem !important;
}

.uva-contacto > form > .form-row > [class*=col-] > input {
  display: block;
  width: 80%;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.uva-contacto > form > .form-row > [class*=col-] > button {
  display: inline-block;
  border: 1px solid #000;
  color: #212529;
  background-color: #fff;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  height: calc(1.5em + .75rem + 2px);
  margin-left: 10px;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin: 0em;
  text-transform: uppercase;
}

.uva-contacto > form > .form-row > [class*=col-] > button.contacto {
  background-color: white;
  border: 1px solid black;
  color: black;
}

.uva-contacto > form > .form-row > [class*=col-] > button.contacto:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.OpenCmsUVaWebform {
  flex: 1 0 100%;
  border-radius: 4px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
}

.OpenCmsUVaWebform > form > header {
  font-family: 'Lato';
  font-weight: 700;
  font-size: 1.2em;
}

.OpenCmsUVaWebform > form > footer {
  font-family: 'Lato';
  font-weight: 700;
  font-size: 1em;
}

.OpenCmsUVaWebform > form > footer > input[type="submit"] {
  display: inline-block;
  border: 1px solid #000;
  color: white;
  background-color: #186775 !important;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  height: calc(1.5em + .75rem + 2px);
  margin-left: 10px;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin: 0em;
  text-transform: uppercase;
}

.OpenCmsUVaWebform > form > fieldset {
  display: flex;
  flex-direction: column;
}

.OpenCmsUVaWebform > form > fieldset > section {
  flex: 1 1 auto;
  margin-bottom: .5rem !important;
  display: flex;
  flex-direction: row;
}

.OpenCmsUVaWebform > form > fieldset > section > label.label {
  font-family: 'Lato';
  font-weight: 500;
  font-size: 1.2em;
  flex: 0 0 auto;
  padding-right: 10px;
}

.OpenCmsUVaWebform > form > fieldset > section > label.input {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.OpenCmsUVaWebform > form > fieldset > section > label.input > input {
  flex: 1 1 auto;
  height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.OpenCmsUVaWebform > form > fieldset > section > label.input > img {
  flex: 0 1 auto;
  max-width: 100%;
  height: auto;
}

.OpenCmsUVaWebform > form > fieldset > section > label.textarea {
  flex: 1 1 auto;
  display: flex;
}

.OpenCmsUVaWebform > form > fieldset > section > label.textarea > textarea {
  flex: 1 1 auto;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
@media (max-width: 539px) {
  .hidden-sm {
    display: none;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .hidden-xs {
    display: none;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .hidden-md {
    display: none;
  }
}

@media (min-width: 1200px) {
  .hidden-lg {
    display: none;
  }
}

@media (max-width: 539px) {
  .show-sm {
    display: block;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .show-xs {
    display: block;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .show-md {
    display: block;
  }
}

@media (min-width: 1200px) {
  .show-lg {
    display: block;
  }
}

@media (max-width: 539px) {
  .cell-4 {
    flex: 1 1 100%;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .cell-4 {
    flex: 1 1 100%;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .cell-4 {
    flex: 1 1 25%;
  }
}

@media (min-width: 1200px) {
  .cell-4 {
    flex: 1 1 25%;
  }
}

.clear {
  float: none;
  clear: both;
  border-style: none;
}

.subtitulo h2 {
  font-family: 'Lato';
  font-size: 1.2em;
  font-weight: 700;
  color: rgba(12, 12, 12, 0.9);
  margin-top: 5px;
  text-shadow: none;
}

.imagen img {
  max-width: 100%;
  height: auto;
}

.enlace {
  color: #333;
  font-family: "Lato";
  font-size: 1.1em;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.enlace > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.enlace > a:visited {
  text-decoration: none;
  color: black;
}

.enlace > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.enlace > a:active {
  text-decoration: none;
  color: black;
}

.informacion_cargada_por {
  color: #4b4b4d;
  padding: 5px;
  /* margin-left: 180px; */
  margin-top: 5px;
  font-family: 'Lato';
  font-size: 1.2em;
  font-weight: 500;
  background-color: #e9f6fe;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.informacion_cargada_por > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.informacion_cargada_por > a:visited {
  text-decoration: none;
  color: black;
}

.informacion_cargada_por > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.informacion_cargada_por > a:active {
  text-decoration: none;
  color: black;
}

#rightcontainer {
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#rightcontainer h1 {
  margin-bottom: 3px;
  padding: 10px 15px;
  color: #fff;
  font: 14px Arial;
  text-transform: uppercase;
  background-color: #005D8C;
}

#rightcontainer > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#rightcontainer > a:visited {
  text-decoration: none;
  color: black;
}

#rightcontainer > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#rightcontainer > a:active {
  text-decoration: none;
  color: black;
}

#rightcontainer a:visited {
  color: #005D8C;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
body {
  margin: 0;
}

uva-header {
  background-color: #0b1f4c;
}

#header {
  background-color: #0b1f4c;
}

.cabecera_uva {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  font-size: 1.1em;
  background-color: #0b1f4c;
  /* $fondo-azuloscuro; */
  color: white;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1200px) {
  .cabecera_uva {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cabecera_uva {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cabecera_uva {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .cabecera_uva {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  .cabecera_uva {
    max-width: 540px;
  }
}

@media screen and (min-width: 1200px) {
  .cabecera_uva {
    height: 52px;
  }
}

.cabecera_uva a {
  color: white;
  font-size: 1.33em;
  flex: 0 0 5%;
  align-self: center;
  margin-right: 10px;
}

.cabecera_uva a:hover {
  color: white;
  text-decoration: none;
}

.cabecera_uva .title_uva {
  flex: 0 1 20%;
  align-self: center;
  min-height: 20px;
  min-width: 300px;
  width: 100%;
  color: white;
}

.cabecera_uva div {
  flex: 0 0 auto;
  align-self: center;
  margin-left: auto;
  display: flex;
  flex-wrap: none;
}

@media (max-width: 960px) {
  .cabecera_uva div {
    flex-wrap: wrap;
  }
}

.cabecera_uva div span {
  flex: 0 0 auto;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

@media (max-width: 960px) {
  .cabecera_uva div span {
    flex: 0 0 100%;
  }
}

.cabecera_uva div span > a {
  text-decoration: none;
  color: white;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.cabecera_uva div span > a:visited {
  text-decoration: none;
  color: white;
}

.cabecera_uva div span > a:hover {
  text-decoration: underline;
  color: white;
}

.cabecera_uva div span > a:active {
  text-decoration: none;
  color: white;
}

.cabecera_uva div span a {
  display: flex;
  flex-wrap: wrap;
}

.cabecera_uva div span a span {
  flex: 0 0 auto;
  align-self: center;
  padding-right: 10px;
}

.cabecera_uva div span a i {
  flex: 0 0 auto;
  align-self: center;
}

.cabecera_uva .separador_left {
  border-left: 1px solid #d2d2d2;
}

.cabecera_uva .separador_left a {
  color: white;
  font-size: 1.33em;
}

.cabecera_uva .separador_left a:hover {
  color: white;
  text-decoration: none;
}

.cabecera_uva .separador_right {
  border-right: 1px solid #d2d2d2;
  padding-right: 5px;
}

.cabecera_uva img {
  vertical-align: middle;
  border-style: none;
}

.cabecera_uva span {
  margin-left: 0.3em;
}

.cabecera_uva span a {
  color: white;
  font-size: 1.33em;
}

.cabecera_uva span a:hover {
  color: white;
  text-decoration: none;
}

.cabecera_logo {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .cabecera_logo {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cabecera_logo {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cabecera_logo {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .cabecera_logo {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  .cabecera_logo {
    max-width: 540px;
  }
}

.cabecera_logo .row {
  display: flex;
}

.cabecera_logo .row div:first-child {
  flex: 1 1 30%;
}

.cabecera_logo .row div:last-child {
  flex: 1 1 70%;
}

.cabecera_uva_logo {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  background-color: white;
  min-height: 180px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (min-width: 1200px) {
  .cabecera_uva_logo {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cabecera_uva_logo {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cabecera_uva_logo {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .cabecera_uva_logo {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  .cabecera_uva_logo {
    max-width: 540px;
  }
}

@media screen and (max-width: 960px) {
  .cabecera_uva_logo {
    min-height: 100px;
  }
}

.cabecera_uva_logo img {
  flex: 0 1 60%;
  margin-right: 10px;
  width: 100%;
  height: auto;
}

.cabecera_uva_logo img:first-child {
  margin-top: 38px;
  margin-bottom: 40px;
  max-width: 179px;
  flex: 0 0 20%;
  height: 100%;
}

@media screen and (max-width: 960px) {
  .cabecera_uva_logo img:first-child {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .cabecera_uva_logo img {
    flex: 0 1 auto;
  }
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centercontainer > .imagen {
  display: flex;
  flex-direction: column;
}

#centercontainer > .imagen.container {
  padding-right: 0px;
  padding-left: 0px;
}

#centercontainer > .imagen > .row > .col {
  padding-right: 0px;
  padding-left: 0px;
}

#centercontainer > .imagen > .row > .col > img {
  width: 100%;
  height: auto;
}

#centercontainer > .imagen > .imagen_title {
  display: block;
  text-align: left;
  line-height: 1.42857143;
  color: rgba(12, 12, 12, 0.9);
  opacity: 1;
  margin-bottom: 10px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#centercontainer > .imagen > .imagen_title > h2 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 48px;
}

#centercontainer > .imagen > .imagen_contenido > img {
  max-width: 100%;
  width: 100%;
  height: auto;
}

#centercontainer > .imagen > .imagen_contenido.left {
  direction: ltr;
  justify-content: flex-start;
}

#centercontainer > .imagen > .imagen_contenido.right {
  direction: rtl;
  justify-content: flex-end;
}

#centercontainer > .imagen > .imagen_contenido.center {
  justify-content: center;
  align-items: center;
}

#centerandrightcontainer > .imagen > img {
  max-width: 100%;
  height: auto;
}

#centerandrightcontainer > .imagen.imgalrededor_izq {
  display: inline-block;
  margin-top: 0px;
  padding-right: 15px;
}

#centerandrightcontainer > .imagen.pull-left {
  flex: 0 0 auto;
}

#centerandrightcontainer > .imagenes {
  flex: 1 0 20%;
  display: flex;
  flex-direction: column;
}

#centerandrightcontainer > .imagenes > img {
  max-width: 100%;
  height: auto;
}

#centerandrightcontainer > .imagenes > a > img {
  max-width: 100%;
  height: auto;
}

#centerandrightcontainer > .imagenes > p {
  color: black;
  font-size: 1em;
  font-family: 'Lato';
  text-align: left;
  margin-left: 5px;
  margin-top: 0px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centerandrightcontainer > .imagenes.imgalrededor_izq {
  display: inline-block;
  margin-top: 0px;
  padding-right: 15px;
}

#centerandrightcontainer > .imagenes.pull-left {
  flex: 0 0 auto;
}

#centerandrightfreecontainer > .imagen > img {
  max-width: 100%;
  height: auto;
}

#centerandrightfreecontainer > .imagen.imgalrededor_izq {
  display: inline-block;
  margin-top: 0px;
  padding-right: 15px;
}

#centerandrightfreecontainer > .imagen.pull-left {
  flex: 0 0 auto;
}

#rightcontainer .imagen > .imagen > a > img {
  max-width: 100%;
  height: auto;
}

#rightcontainer .imagen > .imagen > img {
  max-width: 100%;
  height: auto;
}

#rightcontainer .imagen > .imagen.imgalrededor_izq {
  display: inline-block;
  margin-top: 0px;
  padding-right: 15px;
}

#rightcontainer .imagen > .imagen.pull-left {
  flex: 0 0 auto;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.itemsrow {
  display: flex;
  flex-direction: column;
}

.itemsrow > .title {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.33em;
}

.itemsrow > .items {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.itemsrow > .items > .item {
  flex: 1 1 20%;
  display: flex;
  flex-direction: column;
  border: 1px;
  text-align: center;
  background-color: #0b1f4c;
  max-height: 182px;
  min-height: 88px;
  cursor: pointer;
  color: white;
  padding: 10px;
  margin: 5px;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.itemsrow > .items > .item:hover {
  background-color: #050d1f;
  transition: all .4s ease 0s;
}

.itemsrow > .items > .item.amarillo {
  background-color: #ffcf42;
  color: black;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.itemsrow > .items > .item.amarillo:hover {
  background-color: #ffc20f;
  transition: all .4s ease 0s;
}

.itemsrow > .items > .item.amarillo > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.itemsrow > .items > .item.amarillo > a:visited {
  text-decoration: none;
  color: black;
}

.itemsrow > .items > .item.amarillo > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.itemsrow > .items > .item.amarillo > a:active {
  text-decoration: none;
  color: black;
}

.itemsrow > .items > .item.azul {
  background-color: #186775;
  color: white;
}

.itemsrow > .items > .item.azul:hover {
  background-color: #0f424b;
  transition: all .4s ease 0s;
}

.itemsrow > .items > .item.rojo {
  background-color: #ab1738;
  color: white;
}

.itemsrow > .items > .item.rojo:hover {
  background-color: #7e1129;
  transition: all .4s ease 0s;
}

.itemsrow > .items > .item.verde {
  background-color: #add000;
  color: black;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.itemsrow > .items > .item.verde:hover {
  background-color: #839d00;
  transition: all .4s ease 0s;
}

.itemsrow > .items > .item.verde > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.itemsrow > .items > .item.verde > a:visited {
  text-decoration: none;
  color: black;
}

.itemsrow > .items > .item.verde > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.itemsrow > .items > .item.verde > a:active {
  text-decoration: none;
  color: black;
}

.itemsrow > .items > .item > span {
  display: table-cell;
  vertical-align: middle;
  font-weight: 400;
  font-size: 1.75em;
}

.itemsrow > .items > .item > a {
  text-decoration: none;
  color: white;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.itemsrow > .items > .item > a:visited {
  text-decoration: none;
  color: white;
}

.itemsrow > .items > .item > a:hover {
  text-decoration: underline;
  color: white;
}

.itemsrow > .items > .item > a:active {
  text-decoration: none;
  color: white;
}

.itemsrow > .items > .item > a {
  display: table-cell;
  vertical-align: middle;
  font-weight: 400;
  font-size: 1.75em;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.ladillo .col p {
  font-family: "Lato",sans-serif;
  font-weight: 300;
  font-size: 1.33em;
  line-height: 2em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.lista {
  margin-bottom: 20px;
}

.lista > .lista_cabecera_edicion {
  background: lightgray;
  height: 25px;
  padding: 5px 25px;
  text-transform: uppercase;
}

.lista > .box-Texto > .titulo_pag {
  border-bottom: 1px solid #a5aeb4 !important;
  background-image: none;
  color: #005078;
  font: bold 14px Arial;
  background-color: #eaf6fd;
  padding-right: 4px;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 5px;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.lugar .col p {
  font-family: "Lato",sans-serif;
  font-weight: 300;
  font-size: 1.33em;
  line-height: 2em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
}

.lugar .col p:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome\ 5 Free';
  display: inline-block;
  font-weight: 900;
  padding-right: 1em;
  vertical-align: middle;
  font-size: 2em;
}

.lugar .col p:before {
  content: "\f3c5";
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centerallcontainer > #contenedor_mapa > .row > ul > li {
  list-style: none;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media screen and (max-width: 540px) {
  #centerallcontainer > #contenedor_mapa > .row > ul > li > ul {
    flex-direction: column;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  #centerallcontainer > #contenedor_mapa > .row > ul > li > ul {
    flex-direction: column;
  }
}

@media screen and (min-width: 960px) {
  #centerallcontainer > #contenedor_mapa > .row > ul > li > ul {
    flex-direction: row;
  }
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li {
  flex: 1 1 50%;
  list-style: none;
  font-family: 'Montserrat';
  font-size: 2em;
  font-weight: 900;
  color: #186775;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

@media screen and (max-width: 540px) {
  #centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li {
    flex: 1 1 auto;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  #centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li {
    flex: 1 1 auto;
  }
}

@media screen and (min-width: 960px) {
  #centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li {
    flex: 1 1 50%;
  }
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > a {
  text-decoration: none;
  color: #186775;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > a:visited {
  text-decoration: none;
  color: #186775;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > a:hover {
  text-decoration: underline;
  color: #218c9f;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > a:active {
  text-decoration: none;
  color: #186775;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li {
  flex: 1 1 auto;
  list-style: none;
  font-family: 'Montserrat';
  font-size: 0.9em;
  font-weight: 800;
  color: #1c7a8a;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > a {
  text-decoration: none;
  color: #1c7a8a;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > a:visited {
  text-decoration: none;
  color: #1c7a8a;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > a:hover {
  text-decoration: underline;
  color: #259fb4;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > a:active {
  text-decoration: none;
  color: #1c7a8a;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li {
  flex: 1 1 auto;
  list-style: none;
  font-family: 'Montserrat';
  font-size: 0.9em;
  font-weight: 700;
  color: #218c9f;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > a {
  text-decoration: none;
  color: #218c9f;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > a:visited {
  text-decoration: none;
  color: #218c9f;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > a:hover {
  text-decoration: underline;
  color: #29b2ca;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > a:active {
  text-decoration: none;
  color: #218c9f;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li {
  flex: 1 1 auto;
  list-style: none;
  font-family: 'Montserrat';
  font-size: 0.9em;
  font-weight: 600;
  color: #259fb4;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  text-decoration: none;
  color: #259fb4;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > a:visited {
  text-decoration: none;
  color: #259fb4;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover {
  text-decoration: underline;
  color: #37bed6;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > a:active {
  text-decoration: none;
  color: #259fb4;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {
  flex: 1 1 auto;
  list-style: none;
  font-family: 'Montserrat';
  font-size: 0.9em;
  font-weight: 500;
  color: #29b2ca;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  text-decoration: none;
  color: #29b2ca;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:visited {
  text-decoration: none;
  color: #29b2ca;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover {
  text-decoration: underline;
  color: #4cc5da;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:active {
  text-decoration: none;
  color: #29b2ca;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li {
  flex: 1 1 auto;
  list-style: none;
  font-family: 'Montserrat';
  font-size: 0.9em;
  font-weight: 400;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:visited {
  text-decoration: none;
  color: black;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#centerallcontainer > #contenedor_mapa > .row > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a:active {
  text-decoration: none;
  color: black;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.migas {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .migas {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .migas {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .migas {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .migas {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  .migas {
    max-width: 540px;
  }
}

.migas > .row > [class*=col-] > ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.migas > .row > [class*=col-] > ul > li {
  list-style-type: none;
  flex: 0 1 auto;
  padding-right: 0.25em;
  font-size: 1.25em;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.migas > .row > [class*=col-] > ul > li > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.migas > .row > [class*=col-] > ul > li > a:visited {
  text-decoration: none;
  color: black;
}

.migas > .row > [class*=col-] > ul > li > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.migas > .row > [class*=col-] > ul > li > a:active {
  text-decoration: none;
  color: black;
}

.migas > .row > [class*=col-] > ul > li:before {
  content: "/";
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.sidenav {
  padding-right: 5px;
  width: 100%;
}

.sidenav .navbar-toggler {
  font-size: 2.5em;
  font-weight: 700;
}

@media (min-width: 960px) {
  .sidenav .navbar-toggler {
    display: none;
  }
}

@media (max-width: 959px) {
  .sidenav .navbar-toggler {
    display: block;
    margin-bottom: 15px;
  }
}

.sidenav ul {
  padding: 0;
  list-style-type: none;
}

.sidenav ul li {
  margin-bottom: 8px;
  font-family: Lato;
}

.sidenav ul li > a {
  color: #005D8C;
  text-decoration: none;
}

.sidenav ul li > a:hover {
  background-color: #005D8C;
  color: white;
}

.sidenav ul li > span {
  display: block;
  color: #005D8C;
}

.sidenav ul li > span:hover {
  background-color: #005D8C;
  color: white;
}

.sidenav ul li.final > :not(ul) > a {
  color: white;
  background-color: #005D8C;
  text-decoration: none;
}

.sidenav ul li.final > :not(ul) > a:hover {
  background-color: #005D8C;
  color: white;
}

.sidenav ul li.final > :not(ul) > span {
  color: white;
  background-color: #005D8C;
}

.sidenav ul li.final > a {
  color: white;
  background-color: #005D8C;
  text-decoration: none;
}

.sidenav ul li.final > a:hover {
  background-color: white;
  color: #005D8C;
}

.sidenav ul li.final > span {
  color: white;
  background-color: #005D8C;
}

.sidenav ul.nivel1 > li {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  text-transform: uppercase;
}

.sidenav ul.nivel1 > li > span {
  text-transform: uppercase;
}

.sidenav ul.nivel3 {
  margin-top: 4px;
  padding-left: 0.25em;
  border-left: 2px solid #2d96c2;
}

.sidenav ul.nivel3 > li {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
}

.sidenav ul.nivel3 > li > span {
  text-transform: uppercase;
}

.sidenav ul.nivel4 {
  margin-top: 4px;
  padding-left: 0.25em;
  text-align: right;
}

.sidenav ul.nivel5 {
  margin-top: 4px;
  padding-left: 0.25em;
  text-align: right;
}

.sidenav ul.nivel5 > li > a:hover {
  border-right: 2px solid #2d96c2;
  margin-right: 2px;
  color: #005D8C;
  background-color: white;
}

.navigation-menu {
  display: flex;
  flex-direction: column;
}

.navigation-element-content {
  text-transform: uppercase;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.navegacion {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .navegacion {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .navegacion {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .navegacion {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .navegacion {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  .navegacion {
    max-width: 540px;
  }
}

.navegacion #navegacion_principal .nav_principal {
  display: block;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #186775;
  margin-bottom: 10px;
}

.navegacion #navegacion_principal .nav_principal [class*=col-] ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.navegacion #navegacion_principal .nav_principal [class*=col-] ul li {
  flex: 1 0 auto;
  list-style-type: none;
  padding: 0.25em;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
  font-weight: 400;
  font-size: 1.5em;
  font: 'Montserrat';
}

.navegacion #navegacion_principal .nav_principal [class*=col-] ul li > a {
  text-decoration: none;
  color: #186775;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.navegacion #navegacion_principal .nav_principal [class*=col-] ul li > a:visited {
  text-decoration: none;
  color: #186775;
}

.navegacion #navegacion_principal .nav_principal [class*=col-] ul li > a:hover {
  text-decoration: underline;
  color: #218c9f;
}

.navegacion #navegacion_principal .nav_principal [class*=col-] ul li > a:active {
  text-decoration: none;
  color: #186775;
}

@media screen and (max-width: 540px) {
  .navegacion .row .col uva-navegacion-horizontal {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (min-width: 540px) {
  .navegacion .row .col uva-navegacion-horizontal {
    display: flex;
    flex-direction: row;
  }
}

@media screen and (max-width: 540px) {
  .navegacion .row .col uva-navegacion-lateral {
    display: flex;
  }
}

@media screen and (min-width: 540px) {
  .navegacion .row .col uva-navegacion-lateral {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  uva-navegacion {
    display: none;
  }
}

@media screen and (min-width: 540px) {
  uva-navegacion {
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 960px) {
  uva-navegacion-menu {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 960px) {
  uva-navegacion-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 960px) {
  uva-navegacion-elemento-imagen {
    flex: 1 1 100%;
  }
}

@media screen and (min-width: 960px) {
  uva-navegacion-elemento-imagen {
    padding-left: 5px;
    padding-right: 5px;
    flex: 0 1 25%;
  }
}

uva-navegacion-elemento-grupo {
  flex: 0 1 25%;
}

uva-navegacion-elemento {
  flex: 0 1 25%;
}

@media screen and (max-width: 540px) {
  uva-navegacion-elemento {
    flex: 1 1 100%;
  }
}

@media screen and (min-width: 540px) {
  uva-navegacion-elemento {
    flex: 0 1 25%;
  }
}

.navigation-menu {
  background-color: #e8ecf0;
}

.navigation-menu.level0 {
  min-width: 100px;
  border-top: 4px solid #5af0ff;
  border-bottom: 2px solid #5af0ff;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navigation-element-content {
  background-color: transparent;
}

.navigation-element-content.level0 {
  min-width: 100px;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5rem;
  padding-top: 0.5em;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.4em;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  border-bottom: 2px solid transparent;
}

.navigation-element-content.level0:hover {
  border-bottom: 2px solid #5af0ff;
}

.navigation-element-content.level0.active {
  background-color: black;
  color: white;
  cursor: pointer;
}

.navigation-element-content.level1 {
  margin-bottom: 0.5rem;
  margin-left: 0.5em;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.2em;
  text-align: left;
}

.navigation-element-content.level1:hover {
  background-color: #5af0ff;
}

.navigation-element-content.level2 {
  margin-bottom: 0.5rem;
  margin-left: 1em;
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.1em;
  text-align: left;
}

.navigation-element-content.level2:hover {
  background-color: #5af0ff;
}

.navigation-element-content.level3 {
  margin-bottom: 0.5rem;
  margin-left: 1.5em;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  font-weight: 350;
  line-height: 0.9em;
  text-align: left;
}

.navigation-element-content.level3:hover {
  background-color: #5af0ff;
}

.navigation-element-image {
  max-width: 100%;
  height: auto;
}

/*
uva-navegacion-horizontal {
  @media screen and (max-width: $break-small) {
    display: none;
  }
  @media screen and (min-width: $break-small) {
    display: flex;
    flex-direction: column;
  }
}

uva-navegacion-menu {
  @media screen and (max-width: $break-small) {
    display: none;
  }
  @media screen and (min-width: $break-small) {
    //clear: both;
  }
  &.navigation-menu {
    flex: 1 1 auto;
    //clear: both;
    //display: block;
  }
}




uva-navegacion-vertical {
  &:host {
    all: initial;
    padding: 0;
    margin: 0;
    display: flex-column;
    border: none;
    text-transform: uppercase;
  }

  &::shadow {
    uva-navegacion-menu {
      border: 2px solid red;
    }
  }
}

uva-navegacion-menu {
  &:host {
    // Heredamos del padre 
    display: inherit;
  }
}

.navigation-menu-root {
  display: block;
  background-color: white;

  &.horizontal {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: top;

    font-size: 1.4em !important;
    font-family: "Montserrat", "Lato", sans-serif;
    font-weight: 400;
    line-height: 1.4em;
  }
}

.navigation-menu {
  &.horizontal {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    //justify-content: space-around;
    align-items: top;
    position: absolute;
    //width: 76em;
    display: flex;
    flex-wrap: wrap;
    left: 0;
    z-index: 300;
    margin: 0;

    height: auto;
    //padding: 2em .833333em 3em;

    background-color: $fondo-azultransparente;
    line-height: 2em;

    border-top: 4px solid $linea-azulclaro;
    border-bottom: 2px solid $linea-azulclaro;
  }
  &.vertical {
  }
}

.navigation-menu-element {
  &.horizontal {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: top;

    //font-size: 1.4em !important;
    font-family: "Montserrat", "Lato", sans-serif;
    font-weight: 400;
    //line-height: 1.4em;

    div {
      &:hover {
        border-bottom: 2px solid $linea-azulclaro;
      }
      &:active {
        border-bottom: 2px solid $linea-azulclaro;
      }
      #title {
        text-transform: uppercase;
      }
    }
  }
}
.navigation-element {
  min-width: 100px;
  flex: 1 1 25%;
}
.navigation-menu-element-title {
  &.horizontal {
    &.level-0 {
      text-transform: uppercase;
      font-family: "Montserrat", "Lato", sans-serif;
      font-weight: 500;
      &:hover {
        border-bottom: 2px solid $linea-azulclaro;
      }
    }
    &.level-1 {
      font-family: "Montserrat", "Lato", sans-serif;
      font-weight: 500;
      text-align: left;
      color: $texto-grisoscuro;
      opacity: 0.8;

      &:before {
        content: "| ";
      }
      &:after {
        content: " |";
      }

      &:hover {
        background-color: $fondo-azulclaro;
        opacity: 1;
      }
    }
  }
  &.vertical {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    text-align: left;
    color: $texto-grisoscuro_80;
    opacity: 0.8;
    min-height: 35px;
    border-bottom: 2px solid $linea-grisclaro;
    &.active {
      color: $texto-grisoscuro;
      opacity: 1;
      &.more {
        &:after {
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          font-family: "Font Awesome\ 5 Free";
          display: inline-block;
          font-weight: 900;
          padding-left: 6px;
          vertical-align: middle;
        }
        &:after {
          //content: "\f0d8";
          content: "\f0d8";
        }
      }
    }
    &:hover {
      background-color: $fondo-azulclaro;
      opacity: 1;
      color: $texto-grisoscuro;
    }
    &.more {
      &:after {
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome\ 5 Free";
        display: inline-block;
        font-weight: 900;
        padding-left: 6px;
        vertical-align: middle;
      }
      &:after {
        //content: "\f0d8";
        content: "\f0d7";
      }
    }
    &.level-2 {
      min-height: 40px;
    }
    &.level-3 {
      min-height: 40px;
    }
  }
}
*/

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.boxbody > .elementos_lista > .elemento_elementos_lista > .elemento_noticia {
  margin-bottom: 10px;
  border-bottom: 1px solid black;
}

.boxbody > .elementos_lista > .elemento_elementos_lista > .elemento_noticia > .elemento_noticia_origen {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  background-color: white;
  border: 1px solid black;
  filter: alpha(opacity=90);
  padding: 10px;
}

.boxbody > .elementos_lista > .elemento_elementos_lista > .elemento_noticia > .elemento_noticia_titulo {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 1.3em;
}

.boxbody > .elementos_lista > .elemento_elementos_lista > .elemento_noticia > .elemento_noticia_fecha {
  text-align: right;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 1.1em;
}

.boxbody > .elementos_lista > .elemento_elementos_lista > .elemento_noticia > .elemento_noticia_texto {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 1.1em;
}

.boxbody > .elementos_lista > .elemento_elementos_lista > .elemento_noticia > .elemento_noticia_enlace {
  text-align: right;
  background-color: #005d8c;
  white-space: normal;
  border-radius: 4px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.boxbody > .elementos_lista > .elemento_elementos_lista > .elemento_noticia > .elemento_noticia_enlace > a {
  text-decoration: none;
  color: white;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.boxbody > .elementos_lista > .elemento_elementos_lista > .elemento_noticia > .elemento_noticia_enlace > a:visited {
  text-decoration: none;
  color: white;
}

.boxbody > .elementos_lista > .elemento_elementos_lista > .elemento_noticia > .elemento_noticia_enlace > a:hover {
  text-decoration: underline;
  color: white;
}

.boxbody > .elementos_lista > .elemento_elementos_lista > .elemento_noticia > .elemento_noticia_enlace > a:active {
  text-decoration: none;
  color: white;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.noticias {
  margin-bottom: 10px;
}

.noticias-titulo {
  margin-left: -15px;
  margin-right: -15px;
  max-width: 1140px;
  /*
  .col {
    @include titulo();
  }
  */
  display: flex;
  /*
  &.bloque_raya {
    border-bottom: 1px solid $linea-grisoscuro;
    font-family: "Montserrat", sans-serif;
  }
  .title {
    float: left;
    h1 {
      position: relative;
      bottom: -7px;
      font-size: 1.9em;
      font-weight: 500;
      padding-right: 20px;
      padding-bottom: 7px;
      text-transform: uppercase;
      margin-right: 15px;
      font-family: "Montserrat", sans-serif;
      color:  $texto-grisoscuro_90;
      line-height: 1em;
      margin-bottom: 0.1em;
      margin-top: 0.1em;
    }
  }
  .information {
    @media screen and (max-width: $break-small) {
      bottom: 0px;
    }
    @media screen and (min-width: $break-small) {
      bottom: -8px;
    }
    
    position: relative;
    font-family: "Lato", sans-serif;
    color: $texto-grisoscuro;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid $linea-grisoscuro;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -1px;
    transition: all 0.5s;
    &:hover {
      display: inline-block;
      background-color: $fondo-azulclaro;
      a {
        .masinformacion {
          .flecha {
            transform: translateX(2em);
          }
        }
      }
    }
    .flecha {
      transition: all 0.5s;
    }
    a {
      color: $texto-grisoscuro;
      text-decoration: none;
    }
  }
  */
}

.noticias-titulo .title {
  padding-left: 15px;
  flex: 1 0 20%;
  border-bottom: 1px solid #121212;
}

.noticias-titulo .title h1 {
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  padding-bottom: 7px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

.noticias-titulo .information {
  margin-left: 30px;
  flex: 0 1 80%;
  border-bottom: 1px solid #121212;
}

.noticias-titulo .information a {
  color: #121212;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.3em;
  padding: 5px 20px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  border-right: 1px solid #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  transition: all 0.5s;
  position: relative;
}

@media screen and (max-width: 540px) {
  .noticias-titulo .information a {
    bottom: 0px;
  }
}

@media screen and (min-width: 540px) {
  .noticias-titulo .information a {
    bottom: -8px;
  }
}

.noticias-titulo .information a .flecha {
  transition: all 0.5s;
}

.noticias-titulo .information a:hover {
  display: inline-block;
  background-color: #5af0ff;
}

.noticias-titulo .information a:hover .masinformacion .flecha i {
  transform: translateX(0.5em);
}

.noticias-contenido {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.noticias-contenido uva-noticia-solotexto {
  flex: 0 0 30%;
  max-width: 30%;
  min-height: 150px;
  background-color: #f5f5f5;
  position: relative;
  overflow: hidden;
  margin-top: 14px;
  padding-top: 10px;
}

@media screen and (max-width: 540px) {
  .noticias-contenido uva-noticia-solotexto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .noticias-contenido uva-noticia-solotexto {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .noticias-contenido uva-noticia-solotexto {
    flex: 0 0 33%;
    max-width: 33%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.noticias-contenido uva-noticia-conimagen {
  flex: 0 0 32%;
  position: relative;
  overflow: hidden;
}

.noticias-contenido uva-noticia-conimagen:nth-child(2) {
  padding-left: 10px;
  padding-right: 10px;
}

.noticias-contenido uva-noticia-conimagen:nth-child(5) {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 540px) {
  .noticias-contenido uva-noticia-conimagen {
    flex: 0 0 100%;
    max-width: 100%;
    overflow: hidden;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .noticias-contenido uva-noticia-conimagen {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.noticia-texto {
  min-height: 150px;
}

.noticia-texto a:hover {
  text-decoration: none;
}

.noticia-texto h1 {
  font-family: "Lato", sans-serif;
  font-size: 1.5em;
  color: rgba(12, 12, 12, 0.9);
  margin: 0 0.5em;
}

.noticia-texto h1:hover {
  color: rgba(12, 12, 12, 0.8);
  cursor: pointer;
}

.noticia-imagen:hover {
  text-decoration: none;
  cursor: pointer;
}

.noticia-imagen:hover #photo {
  filter: grayscale(0.8);
}

.noticia-imagen:hover h1.desktop {
  color: rgba(12, 12, 12, 0.8);
  visibility: visible;
  transform: translateY(-410px);
  transition: all 0.8s;
}

.noticia-imagen h1 {
  font-family: "Lato", sans-serif;
  transition: all 0.8s;
}

.noticia-imagen h1.mobile {
  font-size: 1.2em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
}

.noticia-imagen h1.desktop {
  font-family: "Lato", sans-serif;
  font-size: 1.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  margin-top: 0.5em;
  padding: 0.3em;
  color: white;
  background-color: white;
  visibility: hidden;
  position: relative;
  top: 420px;
}

.noticia-imagen #photo {
  height: 100%;
  min-height: 200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.noticiashistorico .col {
  margin-left: -15px;
  margin-right: -15px;
  max-width: 1140px;
  /*
  .col {
    @include titulo();
  }
  */
  display: flex;
  /*
  &.bloque_raya {
    border-bottom: 1px solid $linea-grisoscuro;
    font-family: "Montserrat", sans-serif;
  }
  .title {
    float: left;
    h1 {
      position: relative;
      bottom: -7px;
      font-size: 1.9em;
      font-weight: 500;
      padding-right: 20px;
      padding-bottom: 7px;
      text-transform: uppercase;
      margin-right: 15px;
      font-family: "Montserrat", sans-serif;
      color:  $texto-grisoscuro_90;
      line-height: 1em;
      margin-bottom: 0.1em;
      margin-top: 0.1em;
    }
  }
  .information {
    @media screen and (max-width: $break-small) {
      bottom: 0px;
    }
    @media screen and (min-width: $break-small) {
      bottom: -8px;
    }
    
    position: relative;
    font-family: "Lato", sans-serif;
    color: $texto-grisoscuro;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid $linea-grisoscuro;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -1px;
    transition: all 0.5s;
    &:hover {
      display: inline-block;
      background-color: $fondo-azulclaro;
      a {
        .masinformacion {
          .flecha {
            transform: translateX(2em);
          }
        }
      }
    }
    .flecha {
      transition: all 0.5s;
    }
    a {
      color: $texto-grisoscuro;
      text-decoration: none;
    }
  }
  */
}

.noticiashistorico .col .title {
  padding-left: 15px;
  flex: 1 0 20%;
  border-bottom: 1px solid #121212;
}

.noticiashistorico .col .title h1 {
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  padding-bottom: 7px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

.noticiashistorico .col .information {
  margin-left: 30px;
  flex: 0 1 80%;
  border-bottom: 1px solid #121212;
}

.noticiashistorico .col .information a {
  color: #121212;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.3em;
  padding: 5px 20px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  border-right: 1px solid #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  transition: all 0.5s;
  position: relative;
}

@media screen and (max-width: 540px) {
  .noticiashistorico .col .information a {
    bottom: 0px;
  }
}

@media screen and (min-width: 540px) {
  .noticiashistorico .col .information a {
    bottom: -8px;
  }
}

.noticiashistorico .col .information a .flecha {
  transition: all 0.5s;
}

.noticiashistorico .col .information a:hover {
  display: inline-block;
  background-color: #5af0ff;
}

.noticiashistorico .col .information a:hover .masinformacion .flecha i {
  transform: translateX(0.5em);
}

.noticiashistorico-contenido {
  color: #121212;
}

@media screen and (max-width: 540px) {
  .noticiashistorico-contenido .col {
    display: block;
  }
}

@media screen and (min-width: 540px) {
  .noticiashistorico-contenido .col {
    display: flex;
    flex-flow: row wrap;
    flex-wrap: wrap;
  }
}

uva-noticias-historico-years {
  flex: 0 0 25%;
  max-width: 25%;
}

uva-noticias-historico-months {
  flex: 0 0 35%;
  max-width: 35%;
}

uva-noticias-historico-types {
  flex: 0 0 40%;
  max-width: 40%;
}

.noticiashistorico-menu {
  color: #121212;
  flex: 0 0 25%;
  max-width: 25%;
}

.noticiashistorico-menu div {
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap;
}

.noticiashistorico-menu .title {
  font-family: "Lato", sans-serif;
  font-size: 0.8em;
  padding-bottom: 2px;
  margin-bottom: 5px;
}

.noticiahistorico-menuelement {
  color: #121212;
  margin-bottom: 0.5em;
  align-self: flex-start;
  transition: all 0.3s;
}

@media screen and (max-width: 540px) {
  .noticiahistorico-menuelement.btn {
    border: 2px solid #121212;
    background-color: white;
    white-space: nowrap;
    overflow: hidden;
  }
  .noticiahistorico-menuelement.btn:hover {
    cursor: pointer;
    background-color: #5af0ff;
    color: rgba(12, 12, 12, 0.8);
  }
}

@media screen and (min-width: 540px) {
  .noticiahistorico-menuelement.btn {
    border: 2px solid #121212;
    background-color: white;
    font-family: "Lato", sans-serif;
    font-size: 1.25em;
    padding-bottom: 2px;
    margin-bottom: 5px;
  }
  .noticiahistorico-menuelement.btn:hover {
    cursor: pointer;
    background-color: #5af0ff;
    color: rgba(12, 12, 12, 0.8);
  }
}

.noticiahistorico {
  border-collapse: collapse;
  border-spacing: 0;
  padding: 10px;
  margin-bottom: 10px;
  text-align: left;
  vertical-align: top;
  width: 100%;
  background-color: #5af0ff;
  border-bottom: 2px solid #121212;
}

.noticiahistorico .date {
  margin: 0;
  margin-bottom: 10px;
  align-content: right;
  color: #121212;
  font-family: "Lato", Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1em;
  margin: 0;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
  text-align: right;
}

.noticiahistorico .title {
  margin: 0;
  margin-bottom: 10px;
  align-content: right;
  color: #121212;
  font-family: "Lato", Helvetica, sans-serif;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.3em;
  margin: 0;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
  text-align: left;
  text-decoration: none;
}

.noticiahistorico .texto {
  margin: 0;
  margin-bottom: 10px;
  align-content: right;
  color: #121212;
  font-family: "Lato", Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 300;
  line-height: 1.3;
  margin: 0;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0;
  text-align: left;
}

.noticiahistorico-imagen h1 {
  margin: 0;
  color: #003a75;
  font-family: Raleway, Helvetica, sans-serif;
  font-size: 0.7em;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: left;
  text-decoration: none;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.oferta {
  width: 100%;
  margin-bottom: 10px;
}

.oferta uva-oferta {
  width: 1140px;
}

.uva-oferta-titulo {
  background-color: white;
  margin-top: 10px;
  margin-left: -15px;
  margin-right: -15px;
  max-width: 1140px;
  /*
  .col {
    @include titulo();
  }
  */
  display: flex;
  /*
  &.bloque_raya {
    border-bottom: 1px solid $linea-grisoscuro;
    font-family: "Montserrat", sans-serif;
  }
  .title {
    float: left;
    h1 {
      position: relative;
      bottom: -7px;
      font-size: 1.9em;
      font-weight: 500;
      padding-right: 20px;
      padding-bottom: 7px;
      text-transform: uppercase;
      margin-right: 15px;
      font-family: "Montserrat", sans-serif;
      color:  $texto-grisoscuro_90;
      line-height: 1em;
      margin-bottom: 0.1em;
      margin-top: 0.1em;
    }
  }
  .information {
    @media screen and (max-width: $break-small) {
      bottom: 0px;
    }
    @media screen and (min-width: $break-small) {
      bottom: -8px;
    }
    
    position: relative;
    font-family: "Lato", sans-serif;
    color: $texto-grisoscuro;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid $linea-grisoscuro;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -1px;
    transition: all 0.5s;
    &:hover {
      display: inline-block;
      background-color: $fondo-azulclaro;
      a {
        .masinformacion {
          .flecha {
            transform: translateX(2em);
          }
        }
      }
    }
    .flecha {
      transition: all 0.5s;
    }
    a {
      color: $texto-grisoscuro;
      text-decoration: none;
    }
  }
  */
  margin-bottom: 15px;
}

.uva-oferta-titulo .title {
  padding-left: 15px;
  flex: 1 0 20%;
  border-bottom: 1px solid #121212;
}

.uva-oferta-titulo .title h1 {
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  padding-bottom: 7px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

.uva-oferta-titulo .information {
  margin-left: 30px;
  flex: 0 1 80%;
  border-bottom: 1px solid #121212;
}

.uva-oferta-titulo .information a {
  color: #121212;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.3em;
  padding: 5px 20px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  border-right: 1px solid #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  transition: all 0.5s;
  position: relative;
}

@media screen and (max-width: 540px) {
  .uva-oferta-titulo .information a {
    bottom: 0px;
  }
}

@media screen and (min-width: 540px) {
  .uva-oferta-titulo .information a {
    bottom: -8px;
  }
}

.uva-oferta-titulo .information a .flecha {
  transition: all 0.5s;
}

.uva-oferta-titulo .information a:hover {
  display: inline-block;
  background-color: #5af0ff;
}

.uva-oferta-titulo .information a:hover .masinformacion .flecha i {
  transform: translateX(0.5em);
}

.uva-oferta-banners {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

@media screen and (max-width: 540px) {
  .uva-oferta-banners {
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .uva-oferta-banners {
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 960px) {
  .uva-oferta-banners {
    flex-wrap: nowrap;
  }
}

.uva-oferta-banners .uva-oferta-banner-grados {
  flex: 0 0 50%;
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
  vertical-align: middle;
  align-self: center;
}

@media screen and (max-width: 540px) {
  .uva-oferta-banners .uva-oferta-banner-grados {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .uva-oferta-banners .uva-oferta-banner-grados {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .uva-oferta-banners .uva-oferta-banner-grados {
    flex: 1 1 50%;
  }
}

.uva-oferta-banners .uva-oferta-banner-masters {
  flex: 0 0 50%;
  margin-left: 15px;
  margin-right: 15px;
  text-align: center;
  vertical-align: middle;
  align-self: center;
}

@media screen and (max-width: 540px) {
  .uva-oferta-banners .uva-oferta-banner-masters {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .uva-oferta-banners .uva-oferta-banner-masters {
    flex: 1 1 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .uva-oferta-banners .uva-oferta-banner-masters {
    flex: 1 1 50%;
  }
}

.uva-oferta-automatricula {
  margin-top: 10px;
  background-color: #5af0ff;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 540px) {
  .uva-oferta-automatricula {
    flex-direction: column;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .uva-oferta-automatricula {
    flex-direction: column;
  }
}

@media screen and (min-width: 960px) {
  .uva-oferta-automatricula {
    flex-direction: row;
  }
}

.uva-oferta-automatricula span {
  font-family: "Lato", sans-serif;
  font-size: 2.25em;
  font-weight: 700;
  color: #121212;
  text-transform: uppercase;
  display: block;
  align-self: center;
}

.uva-oferta-automatricula a {
  margin-left: 10px;
  width: 124px;
  height: 40px;
  color: #121212;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1em;
  background-color: white;
  border: #121212 1px solid;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  align-self: center;
  justify-content: center;
}

.uva-oferta-automatricula a:hover {
  text-decoration: none;
}

.uva-oferta-automatricula a:visited {
  text-decoration: none;
}

.uva-oferta-automatricula a:active {
  text-decoration: none;
}

.uva-oferta {
  background-color: white;
  display: flex;
  flex-direction: column;
}

.uva-oferta .col {
  background-color: white;
  margin-left: -15px;
  margin-right: -15px;
  max-width: 1140px;
  /*
  .col {
    @include titulo();
  }
  */
  display: flex;
  /*
  &.bloque_raya {
    border-bottom: 1px solid $linea-grisoscuro;
    font-family: "Montserrat", sans-serif;
  }
  .title {
    float: left;
    h1 {
      position: relative;
      bottom: -7px;
      font-size: 1.9em;
      font-weight: 500;
      padding-right: 20px;
      padding-bottom: 7px;
      text-transform: uppercase;
      margin-right: 15px;
      font-family: "Montserrat", sans-serif;
      color:  $texto-grisoscuro_90;
      line-height: 1em;
      margin-bottom: 0.1em;
      margin-top: 0.1em;
    }
  }
  .information {
    @media screen and (max-width: $break-small) {
      bottom: 0px;
    }
    @media screen and (min-width: $break-small) {
      bottom: -8px;
    }
    
    position: relative;
    font-family: "Lato", sans-serif;
    color: $texto-grisoscuro;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid $linea-grisoscuro;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -1px;
    transition: all 0.5s;
    &:hover {
      display: inline-block;
      background-color: $fondo-azulclaro;
      a {
        .masinformacion {
          .flecha {
            transform: translateX(2em);
          }
        }
      }
    }
    .flecha {
      transition: all 0.5s;
    }
    a {
      color: $texto-grisoscuro;
      text-decoration: none;
    }
  }
  */
}

.uva-oferta .col .title {
  padding-left: 15px;
  flex: 1 0 20%;
  border-bottom: 1px solid #121212;
}

.uva-oferta .col .title h1 {
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  padding-bottom: 7px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

.uva-oferta .col .information {
  margin-left: 30px;
  flex: 0 1 80%;
  border-bottom: 1px solid #121212;
}

.uva-oferta .col .information a {
  color: #121212;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.3em;
  padding: 5px 20px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  border-right: 1px solid #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  transition: all 0.5s;
  position: relative;
}

@media screen and (max-width: 540px) {
  .uva-oferta .col .information a {
    bottom: 0px;
  }
}

@media screen and (min-width: 540px) {
  .uva-oferta .col .information a {
    bottom: -8px;
  }
}

.uva-oferta .col .information a .flecha {
  transition: all 0.5s;
}

.uva-oferta .col .information a:hover {
  display: inline-block;
  background-color: #5af0ff;
}

.uva-oferta .col .information a:hover .masinformacion .flecha i {
  transform: translateX(0.5em);
}

.uva-oferta uva-oferta-header {
  flex: 1 0 100%;
  border-top: 1px solid #e8ecf0;
  padding-top: 1px;
  margin-top: 1px;
}

.uva-oferta div#estudios_content {
  flex: 0 0 100%;
  border: 1px solid #dfe3e9;
  display: flex;
}

.uva-oferta div#estudios_content uva-oferta-menu {
  flex: 0 1 auto;
  min-width: 255px;
  color: red;
}

.uva-oferta div#estudios_content div#estudios_contenido {
  flex: 1 1 100%;
}

.uva-oferta div#estudios_content div#estudios_contenido img {
  float: right;
}

@media screen and (max-width: 540px) {
  .uva-oferta div#estudios_content div#estudios_contenido img {
    display: none;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .uva-oferta div#estudios_content div#estudios_contenido img {
    display: none;
  }
}

.uva-estudios-filtro {
  display: flex;
  flex-direction: row;
  direction: rtl;
}

.uva-estudios-filtro .uva-oferta-filtro {
  display: flex;
  flex-direction: row;
  direction: ltr;
}

.uva-oferta-menu {
  display: block;
  background-color: white;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  color: #121212;
  font-size: 1.25em;
  border-bottom: 2px solid white;
  padding: .5rem 1rem;
}

.uva-oferta-menu.nav-link {
  border-bottom: 1px solid #e8ecf0;
}

.uva-oferta-menu.nav-link.active {
  border-bottom: 3px solid #5af0ff;
  box-shadow: 0 1px 0 #888;
}

.uva-oferta-menu.nav-link:hover {
  cursor: pointer;
  border-bottom: 3px solid #5af0ff;
  box-shadow: 0 1px 0 #888;
}

.uva-oferta-menu.title {
  font-weight: 500;
  text-align: center !important;
  display: block;
  font-size: 1.5em;
  padding: 0;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.uva-oferta-menu .btn {
  display: inline-block;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  border-top: 1px solid rgba(12, 12, 12, 0.6);
  border-left: 1px solid rgba(12, 12, 12, 0.6);
  border-right: 1px solid rgba(12, 12, 12, 0.6);
  border-bottom: 1px solid rgba(12, 12, 12, 0.6);
  padding-bottom: 2px;
  margin-bottom: 5px;
}

.uva-oferta-menu .btn.active {
  background-color: rgba(90, 240, 255, 0.6);
}

.uva-oferta-menu .btn:hover {
  background-color: rgba(90, 240, 255, 0.6);
}

.uva-oferta-campus {
  padding-top: 14px;
  min-height: 64px;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1;
  margin-left: 30px;
  color: rgba(55, 55, 55, 0.8);
  padding-left: 10px;
  border-bottom: 1px solid #e8ecf0;
}

.uva-oferta-campus:hover {
  text-decoration: underline;
  cursor: pointer;
}

.uva-oferta-estudio {
  display: block;
}

.uva-oferta-estudio .uva-oferta-estudio-link {
  font-size: 1.3rem;
  line-height: 1.5em;
  margin-left: 1em;
  text-decoration: none;
  color: rgba(55, 55, 55, 0.8);
}

.uva-oferta-estudio .uva-oferta-estudio-link:hover {
  text-decoration: underline;
  color: rgba(55, 55, 55, 0.8);
}

.uva-oferta-estudio .uva-oferta-estudio-link:visited {
  text-decoration: none;
  color: rgba(55, 55, 55, 0.8);
}

.uva-oferta-estudio .uva-oferta-estudio-link:active {
  text-decoration: none;
  color: rgba(55, 55, 55, 0.8);
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.cuerpo-final {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .cuerpo-final {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cuerpo-final {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cuerpo-final {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .cuerpo-final {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  .cuerpo-final {
    max-width: 540px;
  }
}

.cuerpo-final > .row {
  display: flex;
  flex-direction: row;
}

@media (max-width: 539px) {
  .cuerpo-final > .row {
    flex-direction: column;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .cuerpo-final > .row {
    flex-direction: column;
  }
}

.cuerpo-final > .row > #navegacion_lateral {
  /*
      flex: 0 0 30%;

      @media (max-width: $break-small - 1) {
        flex: 1 1 100%;
      }

      @media (min-width: $break-small) and (max-width: $break-medium - 1) {
        flex: 1 1 100%;
      }

      @media (min-width: $break-medium) and (max-width: $break-extralarge - 1) {
        flex: 0 0 30%;
      }

      @media (min-width: $break-extralarge) {
        flex: 0 0 30%;
      }
*/
}

.cuerpo-final > .row > .col-md-9 {
  display: flex;
  flex-direction: column;
}

@media (max-width: 539px) {
  .cuerpo-final > .row > .col-md-9 {
    flex: 1 1 100%;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .cuerpo-final > .row > .col-md-9 {
    flex: 1 1 100%;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .cuerpo-final > .row > .col-md-9 {
    flex: 0 1 70%;
  }
}

@media (min-width: 1200px) {
  .cuerpo-final > .row > .col-md-9 {
    flex: 0 1 70%;
  }
}

.cuerpo-final > .row > .col-md-9 > article > .row {
  display: flex;
  flex-direction: row;
}

@media (max-width: 539px) {
  .cuerpo-final > .row > .col-md-9 > article > .row {
    flex-direction: column;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .cuerpo-final > .row > .col-md-9 > article > .row {
    flex-direction: column;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .cuerpo-final > .row > .col-md-9 > article > .row {
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .cuerpo-final > .row > .col-md-9 > article > .row {
    flex-direction: row;
  }
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centroyderecha {
  flex: 0 1 100%;
  margin-left: 5px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centroyderecha > .titulo_pag_generico > h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 2.2em;
  padding-left: 5px;
  margin-bottom: 2px;
  color: #005D8C;
  word-wrap: break-word;
  text-transform: uppercase;
  margin-block-start: 0;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centroyderecha > #centercontainer {
  display: flex;
  flex-direction: column;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro {
  flex: 0 1 70%;
  margin-left: 5px;
  margin-right: 5px;
}

@media (max-width: 539px) {
  .cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro {
    flex: 1 1 100%;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro {
    flex: 1 1 100%;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro {
    flex: 0 1 70%;
  }
}

@media (min-width: 1200px) {
  .cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro {
    flex: 0 1 70%;
  }
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > .titulo_pag_generico > h1 {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 2em;
  padding-left: 5px;
  margin-bottom: 2px;
  color: #005D8C;
  word-wrap: break-word;
  text-transform: uppercase;
  margin-block-start: 0;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer {
  display: flex;
  flex-direction: column;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace > a:visited {
  text-decoration: none;
  color: black;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace > a:active {
  text-decoration: none;
  color: black;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace > a:has(img):before {
  content: "ENLACE IMAGEN";
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href^="http"] {
  word-break: break-word;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_centro > #centercontainer .enlace a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_derecha {
  flex: 0 0 20%;
}

@media (max-width: 539px) {
  .cuerpo-final > .row > .col-md-9 > article > .row > .columna_derecha {
    flex: 1 1 100%;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .cuerpo-final > .row > .col-md-9 > article > .row > .columna_derecha {
    flex: 1 1 100%;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .cuerpo-final > .row > .col-md-9 > article > .row > .columna_derecha {
    flex: 0 1 20%;
  }
}

@media (min-width: 1200px) {
  .cuerpo-final > .row > .col-md-9 > article > .row > .columna_derecha {
    flex: 0 1 20%;
  }
}

.cuerpo-final > .row > .col-md-9 > article > .row > .columna_derecha #rightcontainer {
  display: flex;
  flex-direction: column;
}

.cuerpo-final > .row > #section > #centerandrightcontainer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.cuerpo-final > .row > #section > #centerandrightcontainer > .imagenes {
  flex: 0 1 auto;
  width: 118px;
  height: 140px;
  margin-left: 7px;
  margin-bottom: 7px;
  text-align: left;
}

.cuerpo-final > .row > #section > #centerandrightcontainer > .imagenes > p {
  color: black;
  font-size: 1em;
  font-family: 'Lato';
  text-align: left;
  margin-left: 5px;
  margin-top: 0px;
  word-wrap: break-word;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#contenedor_superior {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  #contenedor_superior {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #contenedor_superior {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #contenedor_superior {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #contenedor_superior {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  #contenedor_superior {
    max-width: 540px;
  }
}

#centercontainer {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1200px) {
  #centercontainer {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #centercontainer {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #centercontainer {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #centercontainer {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  #centercontainer {
    max-width: 540px;
  }
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.cuerpo-secundaria {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .cuerpo-secundaria {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .cuerpo-secundaria {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cuerpo-secundaria {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .cuerpo-secundaria {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  .cuerpo-secundaria {
    max-width: 540px;
  }
}

.cuerpo-secundaria > .row {
  display: flex;
  flex-direction: row;
}

@media (max-width: 539px) {
  .cuerpo-secundaria > .row {
    flex-direction: column;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .cuerpo-secundaria > .row {
    flex-direction: column;
  }
}

.cuerpo-secundaria > .row > #navegacion_lateral {
  flex: 0 0 30%;
}

@media (max-width: 539px) {
  .cuerpo-secundaria > .row > #navegacion_lateral {
    flex: 1 1 100%;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .cuerpo-secundaria > .row > #navegacion_lateral {
    flex: 1 1 100%;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .cuerpo-secundaria > .row > #navegacion_lateral {
    flex: 0 0 30%;
  }
}

@media (min-width: 1200px) {
  .cuerpo-secundaria > .row > #navegacion_lateral {
    flex: 0 0 30%;
  }
}

.cuerpo-secundaria > .row > .col-md-9 {
  flex: 0 1 70%;
}

@media (max-width: 539px) {
  .cuerpo-secundaria > .row > .col-md-9 {
    flex: 1 1 100%;
  }
}

@media (min-width: 540px) and (max-width: 959px) {
  .cuerpo-secundaria > .row > .col-md-9 {
    flex: 1 1 100%;
  }
}

@media (min-width: 960px) and (max-width: 1199px) {
  .cuerpo-secundaria > .row > .col-md-9 {
    flex: 0 1 70%;
  }
}

@media (min-width: 1200px) {
  .cuerpo-secundaria > .row > .col-md-9 {
    flex: 0 1 70%;
  }
}

.cuerpo-secundaria > .row > .col-md-9 > #section > #centerandrightcontainer {
  display: flex;
  flex-wrap: wrap;
}

.cuerpo-secundaria > .row > .col-md-9 > #section > #centerandrightfreecontainer {
  display: flex;
  flex-wrap: wrap;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#contenedor_superior .parrafo_in {
  margin: 0 0 10px;
  display: inline;
  font-family: "Lato";
  font-size: 1.1em;
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#contenedor_superior .parrafo_in > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#contenedor_superior .parrafo_in > a:visited {
  text-decoration: none;
  color: black;
}

#contenedor_superior .parrafo_in > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#contenedor_superior .parrafo_in > a:active {
  text-decoration: none;
  color: black;
}

#contenedor_superior .parrafo_in > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#contenedor_superior .parrafo_in a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#contenedor_superior .parrafo_in a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#contenedor_superior .parrafo_in a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#contenedor_superior .parrafo_in a[href^="http"] {
  word-break: break-word;
}

#contenedor_superior .parrafo_in a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#contenedor_superior .parrafo_in a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#contenedor_superior .parrafo_in a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#contenedor_superior .parrafo_in a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#contenedor_superior .parrafo_in a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#contenedor_superior .parrafo_in a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#contenedor_superior .parrafo_in a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#contenedor_superior .parrafo_in a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#contenedor_superior .parrafo_in a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .parrafo_in {
  margin: 0 0 10px;
  display: inline;
  font-family: "Lato";
  font-size: 1.1em;
}

#centercontainer > .parrafo_in > h1 {
  text-align: left !important;
}

#centercontainer > .parrafo_in > h2 {
  text-align: left !important;
}

#centercontainer > .parrafo_in > h3 {
  text-align: left !important;
}

#centercontainer > .parrafo_in > h4 {
  text-align: left !important;
}

#centercontainer > .parrafo_in > h5 {
  text-align: left !important;
}

#centercontainer > .parrafo_in > h6 {
  text-align: left !important;
}

#centercontainer > .parrafo_in > p {
  margin: 0 0 10px;
  text-align: left !important;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .parrafo_in > p > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .parrafo_in > p > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > p > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .parrafo_in > p > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > p > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .parrafo_in > p a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .parrafo_in > p a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .parrafo_in > p a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p > strong {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .parrafo_in > p > strong > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .parrafo_in > p > strong > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > p > strong > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .parrafo_in > p > strong > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > p > strong > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .parrafo_in > p > strong a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > strong a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .parrafo_in > p > strong a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > strong a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .parrafo_in > p > strong a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > strong a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > strong a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > strong a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > strong a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > strong a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p > strong a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p > strong a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p > strong a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p > span {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .parrafo_in > p > span > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .parrafo_in > p > span > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > p > span > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .parrafo_in > p > span > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > p > span > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .parrafo_in > p > span a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > span a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .parrafo_in > p > span a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > span a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .parrafo_in > p > span a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > span a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > span a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > span a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > span a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > p > span a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p > span a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p > span a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > p > span a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > span {
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .parrafo_in > span > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .parrafo_in > span > a:visited {
  text-decoration: none;
  color: black;
}

#centercontainer > .parrafo_in > span > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#centercontainer > .parrafo_in > span > a:active {
  text-decoration: none;
  color: black;
}

#centercontainer > .parrafo_in > pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  color: #333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .parrafo_in > pre > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .parrafo_in > pre > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > pre > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .parrafo_in > pre > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > pre > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .parrafo_in > pre a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > pre a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .parrafo_in > pre a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > pre a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .parrafo_in > pre a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > pre a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > pre a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > pre a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > pre a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > pre a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > pre a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > pre a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > pre a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > ul > li {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .parrafo_in > ul > li > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .parrafo_in > ul > li > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > ul > li > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .parrafo_in > ul > li > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > ul > li > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .parrafo_in > ul > li a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ul > li a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .parrafo_in > ul > li a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ul > li a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .parrafo_in > ul > li a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ul > li a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ul > li a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ul > li a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ul > li a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ul > li a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > ul > li a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > ul > li a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > ul > li a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > ol > li {
  /*
    a[href^="/"] {
      text-decoration: none !important;
      color: $color !important;
      word-break: break-word;

      &::before {
        font-family: "Font Awesome 5 Free";
        font-size: 1em;
        font-weight: 900;
        content: "\f35d";
        margin-right: 5px;
      }

    }
*/
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#centercontainer > .parrafo_in > ol > li > a {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#centercontainer > .parrafo_in > ol > li > a:visited {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > ol > li > a:hover {
  text-decoration: underline;
  color: rgba(38, 38, 38, 0.9);
}

#centercontainer > .parrafo_in > ol > li > a:active {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.9);
}

#centercontainer > .parrafo_in > ol > li > a:has(img):before {
  content: "ENLACE IMAGEN";
}

#centercontainer > .parrafo_in > ol > li a[href^="tel:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f095";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ol > li a[href^="mailto:"] {
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#centercontainer > .parrafo_in > ol > li a[href^="mailto:"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1fa";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ol > li a[href^="http"] {
  word-break: break-word;
}

#centercontainer > .parrafo_in > ol > li a[href^="http"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ol > li a[href$=".pdf"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c1";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ol > li a[href$=".doc"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ol > li a[href$=".docx"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f1c2";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ol > li a[href$=".html"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f35d";
  margin-right: 5px;
}

#centercontainer > .parrafo_in > ol > li a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > ol > li a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > ol > li a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > ol > li a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

#centercontainer > .parrafo_in > table {
  width: 100%;
}

#centercontainer > .parrafo_in > table tr:nth-of-type(2n) {
  background-color: #f0f0f0;
}

#centercontainer > .parrafo_in > table > tbody > tr {
  display: table-row;
  flex-direction: row;
}

#centercontainer > .parrafo_in > table > tbody > tr > td {
  flex: 1 1 auto;
  display: table-cell;
  text-align: center;
}

#centercontainer > .parrafo_in > table > tbody > tr > td:first-child {
  font-size: 1em;
  text-align: left;
}

#centercontainer > .parrafo_in > table > tbody > tr > td:before {
  content: attr(data-th);
  display: block;
  text-align: center;
}

#rightcontainer > .parrafo_in {
  margin: 0 0 10px;
  display: inline;
  font-family: "Lato";
  font-size: 1.1em;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#rightcontainer > .parrafo_in > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#rightcontainer > .parrafo_in > a:visited {
  text-decoration: none;
  color: black;
}

#rightcontainer > .parrafo_in > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

#rightcontainer > .parrafo_in > a:active {
  text-decoration: none;
  color: black;
}

#rightcontainer > .parrafo_in > p {
  margin: 0 0 10px;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#rightcontainer > .parrafo_in > p > a {
  text-decoration: none;
  color: #186775;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#rightcontainer > .parrafo_in > p > a:visited {
  text-decoration: none;
  color: #186775;
}

#rightcontainer > .parrafo_in > p > a:hover {
  text-decoration: underline;
  color: #218c9f;
}

#rightcontainer > .parrafo_in > p > a:active {
  text-decoration: none;
  color: #186775;
}

#rightcontainer > .parrafo_in > span {
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

#rightcontainer > .parrafo_in > span > a {
  text-decoration: none;
  color: #186775;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

#rightcontainer > .parrafo_in > span > a:visited {
  text-decoration: none;
  color: #186775;
}

#rightcontainer > .parrafo_in > span > a:hover {
  text-decoration: underline;
  color: #218c9f;
}

#rightcontainer > .parrafo_in > span > a:active {
  text-decoration: none;
  color: #186775;
}

/*
.parrafo {
    .col {
        p {
            font-family:  "Lato",sans-serif;
            font-weight: 300;
            font-size: 1.33em;
            line-height: 2em;
            text-align: left;
            color: $texto-grisoscuro_80;
            opacity: 1;
        }
    }
    
}
*/

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.plazo .col p {
  font-family: "Lato",sans-serif;
  font-weight: 300;
  font-size: 1.33em;
  line-height: 2em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
}

.plazo .col p:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome\ 5 Free';
  display: inline-block;
  font-weight: 900;
  padding-right: 1em;
  vertical-align: middle;
  font-size: 2em;
}

.plazo .col p:before {
  content: "\f784";
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
uva-reconocimientoactividades-resultado {
  margin-top: 10px;
}

.reconocimientoactividades_cabecera {
  font: 14px Arial;
  background-color: #e4eaf8;
  color: #666;
  padding-left: 4px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 1.3em;
}

.reconocimientoactividades_cabecera th {
  padding: 5px;
}

.reconocimientoactividades_cabecera td {
  padding: 5px;
}

.reconocimientoactividades_resultados {
  margin-top: 10px;
}

.reconocimientoactividades_resultado {
  font: 1em Arial;
  text-align: left;
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.reconocimientoactividades_resultado td:not(:first-child) {
  text-align: center;
}

.reconocimientoactividades_sinresultados {
  margin-top: 10px;
  font: 1em Arial;
  text-align: left;
  padding: 8px;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.recuadro .col p {
  font-family: "Lato",sans-serif;
  font-weight: 300;
  font-size: 1.33em;
  line-height: 2em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  border: 2px solid #121212;
  padding: 1em;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.redsocial {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.8) !important;
  float: left;
  margin-right: 10px;
  display: flex;
  flex-flow: row wrap;
  flex-wrap: wrap;
}

.redsocial .title {
  font-family: "Lato",sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 1.3em;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 35px;
}

.redsocial .description {
  font-family: "Lato",sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 1em;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 35px;
}

.redsocial uva-titulo {
  flex: 0 0 100%;
}

.redsocial uva-descripcion {
  flex: 0 0 100%;
}

.redsocial:active {
  text-decoration: none;
}

.redsocial:link {
  text-decoration: none;
}

.redsocial:visited {
  text-decoration: none;
}

.redsocial:hover {
  text-decoration: none;
}

.redsocial:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: 'Font Awesome\ 5 Free';
  display: inline-block;
  font-weight: 900;
  padding-right: 1em;
  vertical-align: middle;
  font-size: 2em;
}

.redsocial.web:before {
  content: "\f099";
}

.redsocial.twitter:before {
  content: "\f099";
}

.redsocial.facebook:before {
  content: "\f099";
}

.redsocial.linkedin:before {
  content: "\f099";
}

.redsocial.youtube:before {
  content: "\f099";
}

.redsocial.googleplus:before {
  content: "\f099";
}

.redsocial.instagram:before {
  content: "\f099";
}

.redsocial.flickr:before {
  content: "\f099";
}

.redsocial-grupo {
  text-decoration: none;
  color: rgba(12, 12, 12, 0.8) !important;
}

.redsocial-grupo .col h3 {
  font-family: "Lato",sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 1.3em;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 35px;
}

.redsocial-grupo .col .description {
  font-family: "Lato",sans-serif;
  font-weight: 300;
  text-align: left;
  font-size: 1em;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 35px;
}

.redsocial-grupo .col uva-redsocial {
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.redsocial-grupo .col uva-redsocial > a {
  text-decoration: none;
  color: black;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.redsocial-grupo .col uva-redsocial > a:visited {
  text-decoration: none;
  color: black;
}

.redsocial-grupo .col uva-redsocial > a:hover {
  text-decoration: underline;
  color: #1a1a1a;
}

.redsocial-grupo .col uva-redsocial > a:active {
  text-decoration: none;
  color: black;
}

.redsocial-grupo .col uva-redsocial a[href^="https://www.facebook.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f09a";
  padding-right: 3px;
}

.redsocial-grupo .col uva-redsocial a[href^="https://twitter.com"]::before {
  font-family: "Font Awesome 5 Brands";
  font-size: 1em;
  font-weight: 900;
  content: "\f099";
  padding-right: 3px;
}

.redsocial-grupo .col uva-redsocial a[href^="https://youtube.com"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f167";
  padding-right: 3px;
}

.redsocial-grupo .col uva-redsocial a[href^="https://owa.ucs.uva.es"]::before {
  font-family: "Font Awesome 5 Free";
  font-size: 1em;
  font-weight: 900;
  content: "\f073";
  padding-right: 3px;
}

.uva-redsocial {
  min-width: 10px;
  min-height: 10px;
  font-size: 3em;
  color: black;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centerandrightfreecontainer .elemento-slideshow {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 2px;
  margin-bottom: 10px;
  flex: 1 1 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1200px) {
  #centerandrightfreecontainer .elemento-slideshow {
    max-width: 1140px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  #centerandrightfreecontainer .elemento-slideshow {
    max-width: 960px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #centerandrightfreecontainer .elemento-slideshow {
    max-width: 720px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  #centerandrightfreecontainer .elemento-slideshow {
    max-width: 540px;
  }
}

@media (max-width: 575px) {
  #centerandrightfreecontainer .elemento-slideshow {
    max-width: 540px;
  }
}

.slideshow {
  overflow: hidden;
  text-align: center;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}

@media screen and (max-width: 1199px) {
  .slideshow :host {
    height: 380px;
  }
}

@media screen and (max-width: 999px) {
  .slideshow :host {
    height: 300px;
  }
}

@media screen and (max-width: 769px) {
  .slideshow :host {
    height: 200px;
  }
}

@media screen and (max-width: 400px) {
  .slideshow :host {
    height: 180px;
  }
}

#slide-elements, #dots {
  justify-content: center;
  align-items: center;
  margin-top: 0.5em;
}

#dots {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.carousel > .carousel-oinner > .item > img {
  max-width: 100%;
  height: auto;
}

.carousel > .carousel-oinner > .item > a > img {
  max-width: 100%;
  height: auto;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centercontainer > .subtitulo {
  flex: 1 1 100%;
}

#centercontainer > .subtitulo > h3 {
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  text-align: left;
  line-height: 1.42857143;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 20px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#rightcontainer > .subtitulo {
  flex: 1 1 100%;
}

#rightcontainer > .subtitulo > h3 {
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  text-align: left;
  line-height: 1.42857143;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 20px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centercontainer > uva-tab {
  flex: 1 1 100%;
  margin-bottom: 20px;
}

#centerandrightcontainer > uva-tab {
  flex: 1 1 100%;
  margin-bottom: 20px;
}

.grupotabs div ul.nav-tabs {
  color: white;
  border-bottom: 1px solid #dddddd;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.grupotabs div ul.nav-tabs li {
  list-style-type: none;
  display: block;
}

.grupotabs div ul.nav-tabs li a {
  color: #005d8c;
  position: relative;
  display: block;
  padding: 10px 15px;
}

.grupotabs div ul.nav-tabs li a:hover {
  color: white !important;
  background-color: #005d8c;
  border: none !important;
  margin: 0;
}

.grupotabs div ul.nav-tabs li.active a {
  color: white !important;
  background-color: #005d8c;
  border: none !important;
  margin: 0;
}

.grupotabs div div.tab-content div.tab-pane div.tab-pane .lista .box-lista .boxbody {
  border-top: 2px solid #5292c5 !important;
  border-bottom: 2px solid #5292c5 !important;
}

.grupotabs div div.tab-content div.tab-pane.active {
  display: block;
}

.elementos_lista .elemento_elementos_lista {
  padding: 2px 0;
  border-bottom: 1px dotted #eee;
}

.elementos_lista .elemento_elementos_lista div div p {
  font-size: 1.2em;
  font-family: Montserrat;
  color: #005078;
  margin: 0;
  margin-right: 4px;
  margin-top: 2px;
  margin-left: 4px;
  /*
  /2.docencia/2.01.grados/2.01.03.admisiongrados/.content/parrafos/parrafos-00008.xml [es]
&:has( > img) {
    color: red;
    &::before {
      content: "ENLACE CON IMG"
    }
  }

  &:has( > strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }

  &:has(strong) {
    color: green;
    &::before {
      content: "ENLACE CON STRONG 1"
    }
  }



  &:not(:has( > img)) {
    &::before {
      content: "ENLACE SIN IMG"
    }
    @if (not ($decorated)) {}
    @else {
        //@include a_decorated($color);   
    }
  }
 */
}

.elementos_lista .elemento_elementos_lista div div p > a {
  text-decoration: none;
  color: #005d8c;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}

.elementos_lista .elemento_elementos_lista div div p > a:visited {
  text-decoration: none;
  color: #005d8c;
}

.elementos_lista .elemento_elementos_lista div div p > a:hover {
  text-decoration: underline;
  color: #007fbf;
}

.elementos_lista .elemento_elementos_lista div div p > a:active {
  text-decoration: none;
  color: #005d8c;
}

.elementos_lista .elemento_elementos_lista div div p .fecha {
  display: inline-block;
  font-size: .85em;
  background: #f1f1f1;
  color: #005078;
  padding: 2px 5px;
}

.elementos_lista .elemento_elementos_lista div div p .fecha.abierto {
  background-color: #65b22b;
  color: black;
}

.elementos_lista .elemento_elementos_lista div div p .fecha.breve {
  background-color: #ffa704;
  color: black;
}

.elementos_lista .elemento_elementos_lista div div p .fecha.proceso {
  background-color: #ffa704;
  color: black;
}

.elementos_lista .elemento_elementos_lista div div p .fecha.cerrado {
  background-color: #ff0027;
  color: black;
}

.element-tab > #tabs {
  display: inline-flex;
  user-select: none;
}

.element-tab > #tabs > slot {
  display: inline-flex;
}

.element-tab > #tabs > slot::slotted(*) {
  font: 400 16px/22px 'Roboto';
  background-color: white;
  color: #005D8C;
  white-space: normal;
  border-radius: 4px;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 16px 8px;
  margin: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border: none;
  /* if the user users a <button> */
}

.element-tab > #tabs > slot::slotted([aria-selected="true"]) {
  font-weight: 600;
  background-color: #005D8C;
  color: white;
  box-shadow: none;
}

.element-tab > #tabs > slot::slotted(:focus) {
  z-index: 1;
  /* make sure focus ring doesn't get buried */
}

.element-tab > #panels {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  background: white;
  border-radius: 3px;
  padding: 16px;
  overflow: visible;
}

.element-tab > #panels > #panelsSlot::slotted([aria-hidden="true"]) {
  display: none;
}

/* Safari does not support #id prefixes on ::slotted
   See https://bugs.webkit.org/show_bug.cgi?id=160538 */
#tabs #tabs ::slotted([aria-selected="true"]) {
  font-weight: 600;
  background: white;
  box-shadow: none;
}

#tabs #panels ::slotted([aria-hidden="true"]) {
  display: none;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.tipo .col p {
  font-family: "Lato",sans-serif;
  font-weight: 300;
  font-size: 1.33em;
  line-height: 2em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centercontainer > .titulo > h2 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 3em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 48px;
}

#centercontainer > .titulo_pag {
  margin-top: 5px;
  margin-bottom: 10px;
}

#centercontainer > .titulo_pag.Azul {
  color: #4780ad;
  background-color: #eaf6fd;
  text-transform: uppercase;
  padding: 5px;
}

#centercontainer > .titulo_pag.Raya {
  color: #4780ad;
  padding-bottom: 3px;
  padding-left: 5px;
  background: url(/resources/uva/img/linea_titulo.jpg) repeat-x 0 100%;
  text-transform: uppercase;
}

#centercontainer > .titulo_pag > h2 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

#centerandrightfreecontainer > .titulo_pag {
  flex: 1 1 100%;
  margin-top: 2px;
  margin-bottom: 2px;
  padding-left: 1em;
  padding-right: 1em;
}

#centerandrightfreecontainer > .titulo_pag.Azul {
  color: #4780ad;
  background-color: #eaf6fd;
  text-transform: uppercase;
}

#centerandrightfreecontainer > .titulo_pag.Raya {
  color: #4780ad;
  padding-bottom: 3px;
  padding-left: 5px;
  background: url(/resources/uva/img/linea_titulo.jpg) repeat-x 0 100%;
  text-transform: uppercase;
}

#centerandrightfreecontainer > .titulo_pag > h2 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 48px;
}

#rightcontainer > .titulo_pag {
  flex: 1 1 100%;
  color: #4780ad;
  background-color: #eaf6fd;
  text-transform: uppercase;
  padding: 5px;
  margin-bottom: 10px;
}

#rightcontainer > .titulo_pag > h2 {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 1.5em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
.twitter .col {
  margin-left: -15px;
  margin-right: -15px;
  max-width: 1140px;
  /*
  .col {
    @include titulo();
  }
  */
  display: flex;
  /*
  &.bloque_raya {
    border-bottom: 1px solid $linea-grisoscuro;
    font-family: "Montserrat", sans-serif;
  }
  .title {
    float: left;
    h1 {
      position: relative;
      bottom: -7px;
      font-size: 1.9em;
      font-weight: 500;
      padding-right: 20px;
      padding-bottom: 7px;
      text-transform: uppercase;
      margin-right: 15px;
      font-family: "Montserrat", sans-serif;
      color:  $texto-grisoscuro_90;
      line-height: 1em;
      margin-bottom: 0.1em;
      margin-top: 0.1em;
    }
  }
  .information {
    @media screen and (max-width: $break-small) {
      bottom: 0px;
    }
    @media screen and (min-width: $break-small) {
      bottom: -8px;
    }
    
    position: relative;
    font-family: "Lato", sans-serif;
    color: $texto-grisoscuro;
    font-size: 1em;
    padding: 5px 20px;
    border: 1px solid $linea-grisoscuro;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: -1px;
    transition: all 0.5s;
    &:hover {
      display: inline-block;
      background-color: $fondo-azulclaro;
      a {
        .masinformacion {
          .flecha {
            transform: translateX(2em);
          }
        }
      }
    }
    .flecha {
      transition: all 0.5s;
    }
    a {
      color: $texto-grisoscuro;
      text-decoration: none;
    }
  }
  */
}

.twitter .col .title {
  padding-left: 15px;
  flex: 1 0 20%;
  border-bottom: 1px solid #121212;
}

.twitter .col .title h1 {
  position: relative;
  bottom: -7px;
  font-size: 1.9em;
  font-weight: 500;
  padding-right: 20px;
  padding-bottom: 7px;
  text-transform: uppercase;
  margin-right: 15px;
  font-family: "Montserrat", sans-serif;
  color: rgba(12, 12, 12, 0.9);
  line-height: 1em;
  margin-bottom: 0.1em;
  margin-top: 0.1em;
}

.twitter .col .information {
  margin-left: 30px;
  flex: 0 1 80%;
  border-bottom: 1px solid #121212;
}

.twitter .col .information a {
  color: #121212;
  text-decoration: none;
  font-family: "Lato", sans-serif;
  color: #121212;
  font-size: 1.3em;
  padding: 5px 20px;
  border-top: 1px solid #121212;
  border-left: 1px solid #121212;
  border-right: 1px solid #121212;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0;
  transition: all 0.5s;
  position: relative;
}

@media screen and (max-width: 540px) {
  .twitter .col .information a {
    bottom: 0px;
  }
}

@media screen and (min-width: 540px) {
  .twitter .col .information a {
    bottom: -8px;
  }
}

.twitter .col .information a .flecha {
  transition: all 0.5s;
}

.twitter .col .information a:hover {
  display: inline-block;
  background-color: #5af0ff;
}

.twitter .col .information a:hover .masinformacion .flecha i {
  transform: translateX(0.5em);
}

.twitter-contenido {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.5em;
  align-self: flex-start;
}

.twitter-contenido uva-twitter-tweet {
  flex: 0 0 25%;
  max-width: 25%;
  margin-bottom: 0.5em;
  align-self: flex-start;
  transition: all 0.3s;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 540px) {
  .twitter-contenido uva-twitter-tweet {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 540px) and (max-width: 960px) {
  .twitter-contenido uva-twitter-tweet {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
  }
}

@media screen and (min-width: 960px) {
  .twitter-contenido uva-twitter-tweet {
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: 0.5em;
  }
}

.uva-tweet h1 {
  font-family: "Lato", sans-serif;
  color: #121212;
  text-align: left;
  font-size: 1.5em;
}

.uva-tweet h1:hover {
  color: rgba(12, 12, 12, 0.9);
}

.uva-tweet p {
  font-family: "Lato", sans-serif;
  color: #121212;
  text-align: left;
  font-size: 1em;
}

.uva-tweet p:hover {
  color: rgba(12, 12, 12, 0.8);
}

.uva-tweet:link, .uva-tweet:visited, .uva-tweet:hover, .uva-tweet:active {
  color: black;
  text-decoration: none;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
#centerandrightfreecontainer .video {
  margin-top: 2px;
  margin-bottom: 2px;
  flex: 1 1 100%;
}

#centerandrightfreecontainer .video h2 {
  font-family: "Lato",sans-serif;
  font-weight: 700;
  font-size: 2em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 48px;
}

.video .col h3 {
  font-family: "Lato",sans-serif;
  font-weight: 400;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: left;
  color: rgba(12, 12, 12, 0.8);
  opacity: 1;
  min-height: 48px;
}

/*
@import url("https://fonts.googleapis.com/css?family=Alegreya:300, 400, 500|Arvo:300, 400, 500|IM+Fell+English+SC:300, 400, 500|Lato:300, 400, 500|Libre+Franklin:300, 400, 500|Montserrat:300, 400, 500|Open+Sans:300, 400, 500|Raleway:300, 400, 500");
@import url("https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css");
//@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/solid.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/regular.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/brands.css");
@import url("https://use.fontawesome.com/releases/v5.8.1/css/fontawesome.css");
*/
@import url("/resources/uva50/css/solid.css");
@import url("/resources/uva50/css/regular.css");
@import url("/resources/uva50/css//brands.css");
@import url("/resources/uva50/css/fontawesome.css");
uva-listadeespera {
  width: 100%;
}

.element-listadeespera > .panels > .row.show {
  display: flex;
}

.element-listadeespera > .panels > .row.hide {
  display: none;
}