.gradient_page_bg {
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(20%, #ffffff), color-stop(100%, #d1d1d1));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 20%, #d1d1d1 100%);
}
.font_menu {
  font-family: 'Comfortaa-Regular', sans-serif;
}
.font_default {
  font-family: "san_francisco_displayregular", sans-serif;
}
.font_default_bold {
  font-family: "san_francisco_displayregular", sans-serif;
  font-weight: bold;
}
.foto {
  background-image: url(../../assets/images/spinner.gif);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 4px;
  /* shadow */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
}
.full_width {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
#content {
  max-width: 100%;
  overflow: hidden;
}
#content > .content_title > .abstract {
  color: #4f4f4f;
  padding-bottom: 2em;
}
#content > .content_body {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}
#content > .content_body ul li {
  list-style: disc;
  margin-left: 3em;
}
@media (max-width: 842px) {
  #content > .content_body ul li {
    margin-left: 1em;
  }
}
.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
#tabla_equipo tbody {
  display: flex;
  flex-wrap: wrap;
}
#tabla_equipo tr {
  margin-bottom: 2em;
  margin-left: 3em;
  width: 100%;
}
@media (max-width: 842px) {
  #tabla_equipo tr {
    display: grid;
    margin-bottom: 2em;
    background-color: #e1e1e1;
    padding: 1em;
    border-radius: 0.25em;
    margin-left: 0;
  }
}
#tabla_equipo tr > td {
  vertical-align: top;
}
@media (max-width: 842px) {
  #tabla_equipo tr > td {
    text-align: center;
    padding: 0.5em;
  }
}
#tabla_equipo tr > td img {
  background-image: url(../../assets/images/spinner.gif);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 4px;
  /* shadow */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
}
#tabla_equipo tr > td h4 {
  padding-bottom: 0.5em;
}
#tabla_equipo tr > td a {
  color: #96425d;
}
#tabla_equipo tr > td:last-of-type {
  padding-left: 1em;
  line-height: 2em;
}
@media (max-width: 842px) {
  #tabla_equipo tr > td:last-of-type {
    padding-left: initial;
  }
}
.tabla_generica tbody {
  display: flex;
  flex-wrap: wrap;
}
.tabla_generica tr {
  margin-bottom: 2em;
  width: 100%;
}
@media (max-width: 842px) {
  .tabla_generica tr {
    display: grid;
    margin-bottom: 2em;
  }
}
.tabla_generica tr > td {
  vertical-align: top;
}
@media (max-width: 842px) {
  .tabla_generica tr > td {
    padding: 0.5em;
    padding-left: 0;
    padding-right: 0;
  }
}
.tabla_generica tr > td p {
  padding-bottom: 0.5em;
}
.tabla_generica tr > td img {
  background-image: url(../../assets/images/spinner.gif);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 4px;
  /* shadow */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  width: 100%;
  height: auto;
}
.tabla_generica tr > td h4 {
  padding-bottom: 0.5em;
}
.tabla_generica tr > td a {
  color: #96425d;
}
.tabla_generica tr .td_image {
  width: 40%;
}
@media (max-width: 842px) {
  .tabla_generica tr .td_image {
    width: 100%;
  }
}
.tabla_generica tr > td:last-of-type {
  padding-left: 1em;
  line-height: 1.5em;
}
figure.table > table {
  width: 100%;
  clear: both;
  text-align: left;
  margin-bottom: 2rem;
}
figure.table > table tbody {
  display: flex;
  flex-wrap: wrap;
}
figure.table > table th h2 {
  line-height: 1.2em;
}
figure.table > table tr {
  width: 100%;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 842px) {
  figure.table > table tr {
    display: grid;
  }
}
figure.table > table tr > td {
  vertical-align: top;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
@media (max-width: 842px) {
  figure.table > table tr > td {
    padding: 0.5em;
    padding-left: 0;
    padding-right: 0;
  }
}
figure.table > table tr > td p {
  padding-bottom: 0.5em;
  list-style: disc;
  display: list-item;
  margin-left: 2em;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (max-width: 842px) {
  figure.table > table tr > td p {
    margin-left: 0;
  }
}
figure.table > table tr > td ul {
  display: table;
  padding-left: 2em;
}
figure.table > table tr > td h4 {
  padding-bottom: 0.5em;
}
figure.table > table tr > td a {
  color: #96425d;
}
figure.table > table tr .td_image {
  width: 40%;
}
@media (max-width: 842px) {
  figure.table > table tr .td_image {
    width: 100%;
  }
}
figure.table > table tr > td:last-of-type {
  padding-left: 1em;
  line-height: 1.5em;
}
.tabla_proyecto {
  width: 100%;
  clear: both;
}
.tabla_proyecto tbody {
  display: flex;
  flex-wrap: wrap;
}
.tabla_proyecto th {
  padding: 0;
  font-family: "san_francisco_displayregular", sans-serif;
  font-weight: bold;
  font-size: 2em;
  line-height: 1em;
}
.tabla_proyecto tr {
  width: 100%;
  margin: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
@media (max-width: 842px) {
  .tabla_proyecto tr {
    display: grid;
  }
}
.tabla_proyecto tr > td {
  vertical-align: top;
}
@media (max-width: 842px) {
  .tabla_proyecto tr > td {
    padding: 0.5em;
    padding-left: 0;
    padding-right: 0;
  }
}
.tabla_proyecto tr > td p {
  padding-bottom: 0.5em;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (max-width: 842px) {
  .tabla_proyecto tr > td p {
    margin-left: 0;
  }
}
.tabla_proyecto tr > td ul {
  display: table;
  padding-left: 2em;
}
.tabla_proyecto tr > td ul li {
  padding-bottom: 1em;
}
.tabla_proyecto tr > td h4 {
  padding-bottom: 0.5em;
}
.tabla_proyecto tr > td a {
  color: #96425d;
}
@media (max-width: 842px) {
  .tabla_proyecto tr > td .image_left {
    width: 100%;
    margin-left: unset;
    margin-right: unset;
    margin-bottom: 1rem;
  }
}
.image_left {
  float: left;
  margin-right: 2em;
  margin-bottom: 2em;
  width: 50%;
  background-image: url(../../assets/images/spinner.gif);
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 4px;
  /* shadow */
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5), inset 0 0 1px rgba(0, 0, 0, 0.2);
}
@media (max-width: 842px) {
  .image_left {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    box-shadow: none;
    border-radius: unset;
  }
}
.image_left.w25 {
  width: 25%;
}
/*# sourceMappingURL=generic.css.map */