@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  margin: 0;
  font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif; }

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

a {
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.ed-container, .menu, .sticky, .areas, #contactos, .descargas, .descargas .row, .descargas .content .item, .descargas .content .date, .page-footer, .page-footer .footer-info,
.page-footer .footer-img, .function, .function .article-content, .function .article-content .box, .mision, .mision .article-content, .noticia, .noticia .content, .noticias, .noticias .row, .noticias .row .card, .noticias .row .card .wrapper, .objetivos, .objetivos .article-content, .plan, .plan .content, .searches, .searches .box, .searches .box .enlace, .searches .box .enlace .subox, .comunicado, .comunicado .content, .page-header, .page-header .slider, .page-main, .page-main .description, .page-main .description .image, .page-main .description .content, .page-main .description .content .text, .page-main .autorithies, .page-main .autorithies .content, .page-main .autorithies .content .box-main, .page-main .autorithies .content .box, .page-main .events, .page-main .events .row, .page-main .events .row .card, .page-main .events .row .card .wrapper, .page-main .news, .page-main #noticias, .page-main #noticias .noticia-contenido,
.page-main #noticias .noticia-imagen, .page-main #noticias .noticia-principal, .page-main #noticias .noticia-secundaria {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }

.ed-item {
  width: 100%; }
  .ed-item.ed-container {
    padding-left: 0;
    padding-right: 0; }

.button {
  display: inline-block;
  line-height: 2.5em;
  padding: 0 1.5em;
  cursor: pointer;
  margin-bottom: 1em;
  border: none; }

.s-5,
.ed-item.s-5 {
  width: 5%; }

.s-10,
.ed-item.s-10 {
  width: 10%; }

.s-15,
.ed-item.s-15 {
  width: 15%; }

.s-20,
.ed-item.s-20 {
  width: 20%; }

.s-25,
.ed-item.s-25 {
  width: 25%; }

.s-30,
.ed-item.s-30 {
  width: 30%; }

.s-35,
.ed-item.s-35 {
  width: 35%; }

.s-40,
.ed-item.s-40 {
  width: 40%; }

.s-45,
.ed-item.s-45 {
  width: 45%; }

.s-50,
.ed-item.s-50 {
  width: 50%; }

.s-55,
.ed-item.s-55 {
  width: 55%; }

.s-60,
.ed-item.s-60 {
  width: 60%; }

.s-65,
.ed-item.s-65 {
  width: 65%; }

.s-70,
.ed-item.s-70 {
  width: 70%; }

.s-75,
.ed-item.s-75 {
  width: 75%; }

.s-80,
.ed-item.s-80 {
  width: 80%; }

.s-85,
.ed-item.s-85 {
  width: 85%; }

.s-90,
.ed-item.s-90 {
  width: 90%; }

.s-95,
.ed-item.s-95 {
  width: 95%; }

.s-100,
.ed-item.s-100 {
  width: 100%; }

.s-1-3,
.ed-item.s-1-3 {
  width: 33.33333%; }

.s-2-3,
.ed-item.s-2-3 {
  width: 66.66667%; }

.s-3-3,
.ed-item.s-3-3 {
  width: 100%; }

.s-1-6,
.ed-item.s-1-6 {
  width: 16.66667%; }

.s-2-6,
.ed-item.s-2-6 {
  width: 33.33333%; }

.s-3-6,
.ed-item.s-3-6 {
  width: 50%; }

.s-4-6,
.ed-item.s-4-6 {
  width: 66.66667%; }

.s-5-6,
.ed-item.s-5-6 {
  width: 83.33333%; }

.s-6-6,
.ed-item.s-6-6 {
  width: 100%; }

@media all and (min-width: 40em) {
  .m-5,
  .ed-item.m-5 {
    width: 5%; }
  .m-10,
  .ed-item.m-10 {
    width: 10%; }
  .m-15,
  .ed-item.m-15 {
    width: 15%; }
  .m-20,
  .ed-item.m-20 {
    width: 20%; }
  .m-25,
  .ed-item.m-25 {
    width: 25%; }
  .m-30,
  .ed-item.m-30 {
    width: 30%; }
  .m-35,
  .ed-item.m-35 {
    width: 35%; }
  .m-40,
  .ed-item.m-40 {
    width: 40%; }
  .m-45,
  .ed-item.m-45 {
    width: 45%; }
  .m-50,
  .ed-item.m-50 {
    width: 50%; }
  .m-55,
  .ed-item.m-55 {
    width: 55%; }
  .m-60,
  .ed-item.m-60 {
    width: 60%; }
  .m-65,
  .ed-item.m-65 {
    width: 65%; }
  .m-70,
  .ed-item.m-70 {
    width: 70%; }
  .m-75,
  .ed-item.m-75 {
    width: 75%; }
  .m-80,
  .ed-item.m-80 {
    width: 80%; }
  .m-85,
  .ed-item.m-85 {
    width: 85%; }
  .m-90,
  .ed-item.m-90 {
    width: 90%; }
  .m-95,
  .ed-item.m-95 {
    width: 95%; }
  .m-100,
  .ed-item.m-100 {
    width: 100%; }
  .m-1-3 .ed-item.m-1-3 {
    width: 33.33333%; }
  .m-2-3 .ed-item.m-2-3 {
    width: 66.66667%; }
  .m-3-3 .ed-item.m-3-3 {
    width: 100%; }
  .m-1-6 .ed-item.m-1-6 {
    width: 16.66667%; }
  .m-2-6 .ed-item.m-2-6 {
    width: 33.33333%; }
  .m-3-6 .ed-item.m-3-6 {
    width: 50%; }
  .m-4-6 .ed-item.m-4-6 {
    width: 66.66667%; }
  .m-5-6 .ed-item.m-5-6 {
    width: 83.33333%; }
  .m-6-6 .ed-item.m-6-6 {
    width: 100%; } }

@media all and (min-width: 64em) {
  .l-5,
  .ed-item.l-5 {
    width: 5%; }
  .l-10,
  .ed-item.l-10 {
    width: 10%; }
  .l-15,
  .ed-item.l-15 {
    width: 15%; }
  .l-20,
  .ed-item.l-20 {
    width: 20%; }
  .l-25,
  .ed-item.l-25 {
    width: 25%; }
  .l-30,
  .ed-item.l-30 {
    width: 30%; }
  .l-35,
  .ed-item.l-35 {
    width: 35%; }
  .l-40,
  .ed-item.l-40 {
    width: 40%; }
  .l-45,
  .ed-item.l-45 {
    width: 45%; }
  .l-50,
  .ed-item.l-50 {
    width: 50%; }
  .l-55,
  .ed-item.l-55 {
    width: 55%; }
  .l-60,
  .ed-item.l-60 {
    width: 60%; }
  .l-65,
  .ed-item.l-65 {
    width: 65%; }
  .l-70,
  .ed-item.l-70 {
    width: 70%; }
  .l-75,
  .ed-item.l-75 {
    width: 75%; }
  .l-80,
  .ed-item.l-80 {
    width: 80%; }
  .l-85,
  .ed-item.l-85 {
    width: 85%; }
  .l-90,
  .ed-item.l-90 {
    width: 90%; }
  .l-95,
  .ed-item.l-95 {
    width: 95%; }
  .l-100,
  .ed-item.l-100 {
    width: 100%; }
  .l-1-3 .ed-item.l-1-3 {
    width: 33.33333%; }
  .l-2-3 .ed-item.l-2-3 {
    width: 66.66667%; }
  .l-3-3 .ed-item.l-3-3 {
    width: 100%; }
  .l-1-6 .ed-item.l-1-6 {
    width: 16.66667%; }
  .l-2-6 .ed-item.l-2-6 {
    width: 33.33333%; }
  .l-3-6 .ed-item.l-3-6 {
    width: 50%; }
  .l-4-6 .ed-item.l-4-6 {
    width: 66.66667%; }
  .l-5-6 .ed-item.l-5-6 {
    width: 83.33333%; }
  .l-6-6 .ed-item.l-6-6 {
    width: 100%; } }

@media all and (min-width: 90em) {
  .xl-5,
  .ed-item.xl-5 {
    width: 5%; }
  .xl-10,
  .ed-item.xl-10 {
    width: 10%; }
  .xl-15,
  .ed-item.xl-15 {
    width: 15%; }
  .xl-20,
  .ed-item.xl-20 {
    width: 20%; }
  .xl-25,
  .ed-item.xl-25 {
    width: 25%; }
  .xl-30,
  .ed-item.xl-30 {
    width: 30%; }
  .xl-35,
  .ed-item.xl-35 {
    width: 35%; }
  .xl-40,
  .ed-item.xl-40 {
    width: 40%; }
  .xl-45,
  .ed-item.xl-45 {
    width: 45%; }
  .xl-50,
  .ed-item.xl-50 {
    width: 50%; }
  .xl-55,
  .ed-item.xl-55 {
    width: 55%; }
  .xl-60,
  .ed-item.xl-60 {
    width: 60%; }
  .xl-65,
  .ed-item.xl-65 {
    width: 65%; }
  .xl-70,
  .ed-item.xl-70 {
    width: 70%; }
  .xl-75,
  .ed-item.xl-75 {
    width: 75%; }
  .xl-80,
  .ed-item.xl-80 {
    width: 80%; }
  .xl-85,
  .ed-item.xl-85 {
    width: 85%; }
  .xl-90,
  .ed-item.xl-90 {
    width: 90%; }
  .xl-95,
  .ed-item.xl-95 {
    width: 95%; }
  .xl-100,
  .ed-item.xl-100 {
    width: 100%; }
  .xl-1-3 .ed-item.xl-1-3 {
    width: 33.33333%; }
  .xl-2-3 .ed-item.xl-2-3 {
    width: 66.66667%; }
  .xl-3-3 .ed-item.xl-3-3 {
    width: 100%; }
  .xl-1-6 .ed-item.xl-1-6 {
    width: 16.66667%; }
  .xl-2-6 .ed-item.xl-2-6 {
    width: 33.33333%; }
  .xl-3-6 .ed-item.xl-3-6 {
    width: 50%; }
  .xl-4-6 .ed-item.xl-4-6 {
    width: 66.66667%; }
  .xl-5-6 .ed-item.xl-5-6 {
    width: 83.33333%; }
  .xl-6-6 .ed-item.xl-6-6 {
    width: 100%; } }

.to-center {
  display: table;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.to-left {
  float: left;
  width: auto;
  margin-right: 1em; }

.to-right {
  float: right;
  width: auto;
  margin-left: 1em; }

.full {
  max-width: 100%; }

.circle {
  border-radius: 50%; }

.clearfix:before, .clearfix:after {
  content: "";
  width: 100%;
  display: table;
  clear: both; }

.no-padding.ed-container > .ed-item {
  padding-left: 0em;
  padding-right: 0em; }

.no-padding.ed-item {
  padding-left: 0em;
  padding-right: 0em; }

.padding {
  padding-left: 0.9375em;
  padding-right: 0.9375em; }

.padding-2 {
  padding-left: 1.875em;
  padding-right: 1.875em; }

.padding-3 {
  padding-left: 2.8125em;
  padding-right: 2.8125em; }

body.sticky-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh; }
  body.sticky-footer > footer {
    margin-top: auto; }

.main-justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.main-distribute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around; }

.main-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.main-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start; }

.main-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end; }

.cross-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.cross-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }

.cross-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end; }

.flex-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-column-reverse {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.abcenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.from-s {
  display: none; }

.to-s {
  display: none; }

@media screen and (max-width: 40em) {
  .from-m {
    display: none; } }

@media screen and (min-width: 40em) {
  .to-m {
    display: none; } }

@media screen and (max-width: 64em) {
  .from-l {
    display: none; } }

@media screen and (min-width: 64em) {
  .to-l {
    display: none; } }

@media screen and (max-width: 90em) {
  .from-xl {
    display: none; } }

@media screen and (min-width: 90em) {
  .to-xl {
    display: none; } }

.ed-video {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  .ed-video > iframe,
  .ed-video > video > .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.button {
  background: #ddd;
  color: #333; }
  .button:hover {
    background: #d0d0d0;
    text-decoration: none; }
  .button:active {
    -webkit-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97); }

.menu {
  position: relative;
  max-width: 100%;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
  position: fixed;
  z-index: 1; }
  @media screen and (max-width: 64em) {
    .menu {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (min-width: 64em) {
    .menu {
      height: 6em; } }
  .menu .menu-logo-left {
    width: 33.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute; }
    @media screen and (min-width: 64em) {
      .menu .menu-logo-left {
        width: 15%; } }
    @media screen and (max-width: 64em) {
      .menu .menu-logo-left {
        left: 45%;
        top: -2000%; } }
    .menu .menu-logo-left img {
      height: 9em;
      -webkit-transition: 0.2s ease height;
      -o-transition: 0.2s ease height;
      transition: 0.2s ease height; }
      @media screen and (max-width: 64em) {
        .menu .menu-logo-left img {
          top: -1; } }
      .menu .menu-logo-left img:hover {
        height: 11em; }
  .menu .menu-logo-right {
    width: 33.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (min-width: 64em) {
      .menu .menu-logo-right {
        width: 15%; } }
    .menu .menu-logo-right img {
      height: 2em;
      width: auto; }
      .menu .menu-logo-right img:hover {
        cursor: pointer; }
  .menu .menu-items {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }
    @media screen and (min-width: 40em) {
      .menu .menu-items {
        margin-left: 15%; } }
    @media screen and (min-width: 64em) {
      .menu .menu-items {
        width: 70%; } }
    @media screen and (max-width: 64em) {
      .menu .menu-items {
        display: none;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0.5em 0;
        position: fixed;
        top: 0%;
        background: #D21B19;
        min-height: 100vh; } }
  .menu .menu-lista,
  .menu ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
    .menu .menu-lista li,
    .menu ul li {
      position: relative; }
      .menu .menu-lista li .form-search,
      .menu ul li .form-search {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .menu .menu-lista li .form-search .searchBox,
        .menu ul li .form-search .searchBox {
          width: 12em; }
        .menu .menu-lista li .form-search .btn-search-box,
        .menu ul li .form-search .btn-search-box {
          background-color: #35cb5e;
          border: none;
          color: white;
          text-align: center;
          text-decoration: none;
          font-size: 0.8em;
          margin: 4px 2px;
          padding: 0.4em;
          float: right;
          cursor: pointer;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
      .menu .menu-lista li .btnSearchBox,
      .menu ul li .btnSearchBox {
        float: right; }
    .menu .menu-lista ul,
    .menu ul ul {
      position: absolute;
      display: none; }
    .menu .menu-lista a,
    .menu ul a {
      color: #fff;
      display: block;
      width: 100%;
      line-height: 2em;
      padding: 0 1em;
      text-decoration: none;
      font-size: 1em;
      background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
      background-image: -webkit-linear-gradient(currentColor, currentColor);
      background-image: -o-linear-gradient(currentColor, currentColor);
      background-image: linear-gradient(currentColor, currentColor);
      background-position: 0% 100%;
      background-repeat: no-repeat;
      background-size: 0% 2px;
      -webkit-transition: background-size 0.3s;
      -o-transition: background-size 0.3s;
      transition: background-size 0.3s; }
    .menu .menu-lista a:hover,
    .menu .menu-lista a:focus,
    .menu ul a:hover,
    .menu ul a:focus {
      background-size: 100% 2px;
      cursor: pointer; }
    @media screen and (min-width: 64em) {
      .menu .menu-lista,
      .menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .menu .menu-lista ul,
        .menu ul ul {
          position: absolute;
          top: 100%;
          min-width: 10em; }
          .menu .menu-lista ul a:hover,
          .menu ul ul a:hover {
            background: rgba(0, 0, 0, 0.5); }
          .menu .menu-lista ul ul,
          .menu ul ul ul {
            top: 0;
            left: 100%; }
        .menu .menu-lista li:hover > ul,
        .menu ul li:hover > ul {
          background: rgba(0, 0, 0, 0.2);
          display: block; } }
    @media screen and (max-width: 64em) {
      .menu .menu-lista,
      .menu ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .menu .menu-lista li,
        .menu ul li {
          padding: 0.5em 0;
          border-bottom: 1px solid #fff; }
          .menu .menu-lista li:last-child,
          .menu ul li:last-child {
            border-bottom: 0px; }
        .menu .menu-lista a,
        .menu ul a {
          color: #fff !important; }
        .menu .menu-lista ul,
        .menu ul ul {
          padding-left: 0.5em;
          position: relative;
          background: rgba(0, 0, 0, 0.3); }
          .menu .menu-lista ul a,
          .menu ul ul a {
            color: #fff; }
        .menu .menu-lista a:hover,
        .menu ul a:hover {
          background: rgba(0, 0, 0, 0.5); } }
  .menu .menu-act {
    padding: 0.5em 0 0 1em; }
    .menu .menu-act a {
      text-decoration: none; }
      .menu .menu-act a:hover {
        cursor: pointer; }
      .menu .menu-act a i {
        color: #fff; }
    @media screen and (min-width: 64em) {
      .menu .menu-act {
        display: none; } }
    @media screen and (max-width: 64em) {
      .menu .menu-act a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start; } }

.sticky {
  max-width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000000;
  opacity: 0.8;
  background-size: 100% 100%;
  z-index: 100; }
  .sticky a {
    color: #fff; }
  .sticky .menu-items {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start; }
    @media screen and (min-width: 64em) {
      .sticky .menu-items {
        width: 70%; } }
    @media screen and (max-width: 64em) {
      .sticky .menu-items {
        display: none; } }
  .sticky .menu-lista {
    min-height: 2em; }
    @media screen and (min-width: 64em) {
      .sticky .menu-lista ul li {
        background: rgba(0, 0, 0, 0.2); } }
    .sticky .menu-lista ul a {
      font-size: 0.9em; }
      .sticky .menu-lista ul a:hover {
        background: rgba(0, 0, 0, 0.6); }

.menu {
  position: relative;
  max-width: 100%;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
  position: fixed;
  z-index: 1; }
  @media screen and (max-width: 64em) {
    .menu {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media screen and (min-width: 64em) {
    .menu {
      height: 6em; } }
  .menu .menu-logo-left {
    width: 33.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute; }
    @media screen and (min-width: 64em) {
      .menu .menu-logo-left {
        width: 15%; } }
    @media screen and (max-width: 64em) {
      .menu .menu-logo-left {
        left: 45%;
        top: -2000%; } }
    .menu .menu-logo-left img {
      height: 9em;
      -webkit-transition: 0.2s ease height;
      -o-transition: 0.2s ease height;
      transition: 0.2s ease height; }
      @media screen and (max-width: 64em) {
        .menu .menu-logo-left img {
          top: -1; } }
      .menu .menu-logo-left img:hover {
        height: 11em; }
  .menu .menu-logo-right {
    width: 33.33333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (min-width: 64em) {
      .menu .menu-logo-right {
        width: 15%; } }
    .menu .menu-logo-right img {
      height: 2em;
      width: auto; }
      .menu .menu-logo-right img:hover {
        cursor: pointer; }
  .menu .menu-items {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }
    @media screen and (min-width: 40em) {
      .menu .menu-items {
        margin-left: 15%; } }
    @media screen and (min-width: 64em) {
      .menu .menu-items {
        width: 70%; } }
    @media screen and (max-width: 64em) {
      .menu .menu-items {
        display: none;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0.5em 0;
        position: fixed;
        top: 0%;
        background: #D21B19;
        min-height: 100vh; } }
  .menu .menu-lista,
  .menu ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none; }
    .menu .menu-lista li,
    .menu ul li {
      position: relative; }
      .menu .menu-lista li .form-search,
      .menu ul li .form-search {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .menu .menu-lista li .form-search .searchBox,
        .menu ul li .form-search .searchBox {
          width: 12em; }
        .menu .menu-lista li .form-search .btn-search-box,
        .menu ul li .form-search .btn-search-box {
          background-color: #35cb5e;
          border: none;
          color: white;
          text-align: center;
          text-decoration: none;
          font-size: 0.8em;
          margin: 4px 2px;
          padding: 0.4em;
          float: right;
          cursor: pointer;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
      .menu .menu-lista li .btnSearchBox,
      .menu ul li .btnSearchBox {
        float: right; }
    .menu .menu-lista ul,
    .menu ul ul {
      position: absolute;
      display: none; }
    .menu .menu-lista a,
    .menu ul a {
      color: #fff;
      display: block;
      width: 100%;
      line-height: 2em;
      padding: 0 1em;
      text-decoration: none;
      font-size: 1em;
      background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
      background-image: -webkit-linear-gradient(currentColor, currentColor);
      background-image: -o-linear-gradient(currentColor, currentColor);
      background-image: linear-gradient(currentColor, currentColor);
      background-position: 0% 100%;
      background-repeat: no-repeat;
      background-size: 0% 2px;
      -webkit-transition: background-size 0.3s;
      -o-transition: background-size 0.3s;
      transition: background-size 0.3s; }
    .menu .menu-lista a:hover,
    .menu .menu-lista a:focus,
    .menu ul a:hover,
    .menu ul a:focus {
      background-size: 100% 2px;
      cursor: pointer; }
    @media screen and (min-width: 64em) {
      .menu .menu-lista,
      .menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .menu .menu-lista ul,
        .menu ul ul {
          position: absolute;
          top: 100%;
          min-width: 10em; }
          .menu .menu-lista ul a:hover,
          .menu ul ul a:hover {
            background: rgba(0, 0, 0, 0.5); }
          .menu .menu-lista ul ul,
          .menu ul ul ul {
            top: 0;
            left: 100%; }
        .menu .menu-lista li:hover > ul,
        .menu ul li:hover > ul {
          background: rgba(0, 0, 0, 0.2);
          display: block; } }
    @media screen and (max-width: 64em) {
      .menu .menu-lista,
      .menu ul {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .menu .menu-lista li,
        .menu ul li {
          padding: 0.5em 0;
          border-bottom: 1px solid #fff; }
          .menu .menu-lista li:last-child,
          .menu ul li:last-child {
            border-bottom: 0px; }
        .menu .menu-lista a,
        .menu ul a {
          color: #fff !important; }
        .menu .menu-lista ul,
        .menu ul ul {
          padding-left: 0.5em;
          position: relative;
          background: rgba(0, 0, 0, 0.3); }
          .menu .menu-lista ul a,
          .menu ul ul a {
            color: #fff; }
        .menu .menu-lista a:hover,
        .menu ul a:hover {
          background: rgba(0, 0, 0, 0.5); } }
  .menu .menu-act {
    padding: 0.5em 0 0 1em; }
    .menu .menu-act a {
      text-decoration: none; }
      .menu .menu-act a:hover {
        cursor: pointer; }
      .menu .menu-act a i {
        color: #fff; }
    @media screen and (min-width: 64em) {
      .menu .menu-act {
        display: none; } }
    @media screen and (max-width: 64em) {
      .menu .menu-act a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start; } }

.sticky {
  max-width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000000;
  opacity: 0.8;
  background-size: 100% 100%;
  z-index: 100; }
  .sticky a {
    color: #fff; }
  .sticky .menu-items {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start; }
    @media screen and (min-width: 64em) {
      .sticky .menu-items {
        width: 70%; } }
    @media screen and (max-width: 64em) {
      .sticky .menu-items {
        display: none; } }
  .sticky .menu-lista {
    min-height: 2em; }
    @media screen and (min-width: 64em) {
      .sticky .menu-lista ul li {
        background: rgba(0, 0, 0, 0.2); } }
    .sticky .menu-lista ul a {
      font-size: 0.9em; }
      .sticky .menu-lista ul a:hover {
        background: rgba(0, 0, 0, 0.6); }

.areas {
  padding-top: 2em;
  max-width: 100%;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 5em;
  background-image: url("../img/fondos/fondo.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-size: 8% 28%; }
  @media screen and (max-width: 64em) {
    .areas .article-content {
      text-align: justify;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (max-width: 64em) and (min-width: 40em) {
    .areas .article-content {
      width: 10%; } }
  @media screen and (max-width: 64em) and (min-width: 64em) {
    .areas .article-content {
      width: 60%; } }
  .areas .title {
    width: 100%; }
    .areas .title div {
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 2.5em;
      font-weight: bold; }
  .areas .article-img {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media screen and (min-width: 64em) {
      .areas .article-img {
        width: 40%; } }
  .areas .article-content {
    text-align: justify;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start; }
    @media screen and (min-width: 64em) {
      .areas .article-content {
        width: 60%; } }
  .areas .image {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1.5em auto;
    position: relative;
    overflow: hidden;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
    height: 11em; }
    @media screen and (min-width: 64em) {
      .areas .image {
        width: 30%; } }
    .areas .image .date {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #DBCFC2;
      color: #ffffff;
      padding: 0.8em;
      z-index: 2; }
      .areas .image .date span {
        display: block;
        text-align: center; }
      .areas .image .date .day {
        font-weight: 700;
        font-size: 24px;
        text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18); }
    .areas .image:before, .areas .image:after {
      content: "";
      position: absolute;
      width: calc(100% - 30px);
      height: 4px;
      background: #fff;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
    .areas .image:before {
      left: -100%;
      top: 10px; }
    .areas .image:after {
      left: 100%;
      bottom: 10px; }
    .areas .image:hover:before, .areas .image:hover:after {
      left: 15px;
      -webkit-filter: brightness(0.7);
      filter: brightness(0.7); }
    .areas .image img {
      width: 60%; }
    .areas .image .txt {
      text-align: center;
      position: absolute;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
      transform: scale(1.5);
      opacity: 0;
      padding: 1em; }
      .areas .image .txt .title {
        color: #000000;
        padding: 3px 10px;
        font-size: 0.9em;
        font-weight: bold; }
      .areas .image .txt .description {
        color: #000000;
        padding: 3px 10px;
        font-size: 0.8em;
        text-align: justify;
        background-color: #DBCFC2; }
    .areas .image:hover .txt {
      background-color: #DBCFC2;
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      opacity: 1; }

#contactos {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-top: 2.5em;
  padding-left: 2em;
  padding-right: 2em;
  background-image: url("../img/fondos/fondo.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-size: 8% 28%; }
  #contactos .title {
    width: 100%; }
    #contactos .title h2 {
      text-transform: uppercase;
      color: #4d4d4d;
      font-size: 2.5em; }
  #contactos .article-img,
  #contactos .article-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%; }
    @media screen and (min-width: 64em) {
      #contactos .article-img,
      #contactos .article-content {
        width: 50%; } }
  #contactos .article-img {
    padding: 0; }
    @media screen and (min-width: 64em) {
      #contactos .article-img {
        padding: 0 2em; } }
  #contactos .article-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0; }
    @media screen and (min-width: 64em) {
      #contactos .article-content {
        padding: 0 2em; } }
    #contactos .article-content .footer-img-red img {
      height: 3em;
      margin: 1em; }

.descargas {
  max-width: 100%;
  width: 100%;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 5em;
  /* Content */
  /* The "show" class is added to the filtered elements */
  /* Style the buttons */
  /* Add a grey background color on mouse-over */
  /* Add a dark background color to the active button */ }
  .descargas .title {
    width: 100%; }
    .descargas .title div {
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 2.5em;
      font-weight: bold;
      padding-bottom: 1.5em; }
  .descargas .row {
    max-width: 100%;
    width: 100%; }
  .descargas .row,
  .descargas .row > .column {
    padding: 8px; }
  .descargas .column {
    max-width: 100%;
    width: 100%;
    display: none;
    /* Hide columns by default */ }
    @media screen and (min-width: 64em) {
      .descargas .column {
        width: 20%; } }
    .descargas .column a {
      color: black; }
  .descargas .row:after {
    content: "";
    display: table;
    clear: both; }
  .descargas .content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: white;
    padding: 10px;
    -webkit-box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65); }
    .descargas .content .item {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0em;
      padding-right: 0em;
      text-align: justify;
      padding-bottom: 0.5em; }
      .descargas .content .item .logo {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        padding-left: 0em;
        padding-right: 0em;
        height: 10vh; }
      .descargas .content .item .logo:hover {
        -webkit-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 1;
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(0, 0, 0, 0.4))); }
    .descargas .content .text {
      display: block;
      display: -webkit-box;
      height: 2.52em;
      font-size: 0.9em;
      line-height: 1.4;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
    .descargas .content .date {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      padding-left: 0em;
      padding-right: 0em;
      font-size: 0.8em;
      font-weight: bold; }
  .descargas .show {
    display: block; }
  .descargas .btn {
    border: none;
    outline: none;
    padding: 12px 16px;
    background-color: white;
    cursor: pointer; }
  .descargas .btn:hover {
    background-color: #ddd; }
  .descargas .btn.active {
    background-color: #666;
    color: white; }

.page-footer {
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 100%;
  max-width: 100%;
  padding: 1em;
  background-color: #2c2927; }
  .page-footer .footer-info,
  .page-footer .footer-img {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }
  .page-footer .footer-info {
    width: 100%; }
    .page-footer .footer-info p {
      text-align: center;
      width: 100%;
      margin: 0;
      padding: 0;
      color: #ffffff; }
      .page-footer .footer-info p a {
        text-decoration: none;
        color: #ffffff; }
  .page-footer .footer-img {
    width: 100%;
    padding: 1em; }
    .page-footer .footer-img .footer-img-red {
      width: 10%;
      text-align: center;
      padding: 0;
      margin: 0; }
      .page-footer .footer-img .footer-img-red img {
        width: 50%;
        border-radius: 50%;
        padding: 2px;
        width: 4em;
        height: 4em;
        -webkit-box-shadow: 0px 10px 15px -5px #dbcfc2 inset;
        box-shadow: 0px 10px 15px -5px #dbcfc2 inset; }

.function {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  background-image: url("../img/fondos/fondo.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-size: 8% 10%; }
  .function .title {
    width: 100%; }
    .function .title div {
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 2.5em;
      font-weight: bold; }
  .function .article-img {
    width: 100%;
    text-align: center; }
  .function .article-content {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 3em;
    padding-left: 3em;
    padding-right: 3em;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    top: 0;
    text-align: justify;
    text-justify: inter-word; }
    .function .article-content .box {
      width: 100%;
      max-width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .function .article-content .box .subox {
        width: 100%;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1em; }
        @media screen and (min-width: 64em) {
          .function .article-content .box .subox {
            width: 20%; } }
        .function .article-content .box .subox img {
          -o-object-fit: scale-down;
          object-fit: scale-down;
          height: 12em; }
        .function .article-content .box .subox:hover {
          -webkit-transform: scale(1.3);
          -ms-transform: scale(1.3);
          transform: scale(1.3);
          -webkit-transition: transform 1s ease-in-out; }
  .function .article-img img {
    height: 25em;
    -webkit-box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65); }

.mision {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  background-image: url("../img/fondos/fondo.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-size: 8% 28%; }
  .mision .title {
    width: 100%; }
    .mision .title div {
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 2.5em;
      font-weight: bold; }
  .mision .article-img {
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 64em) {
      .mision .article-img {
        width: 40%; } }
  .mision .article-content {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-left: 3em;
    padding-left: 3em;
    padding-right: 3em;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    top: 0;
    text-align: justify;
    text-justify: inter-word; }
    @media screen and (min-width: 64em) {
      .mision .article-content {
        width: 50%; } }
  .mision .article-img img {
    height: 25em;
    -webkit-box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65); }

.noticia {
  max-width: 100%;
  width: 100%;
  padding-top: 7em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 5em; }
  .noticia .title {
    width: 100%; }
    .noticia .title h2 {
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 2.5em; }
  .noticia .options {
    width: 100%;
    text-align: center;
    padding-top: 3em; }
    @media screen and (min-width: 64em) {
      .noticia .options {
        width: 40%; } }
    .noticia .options .image {
      width: 100%;
      height: 25em;
      -webkit-box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
      box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
      -o-object-fit: cover;
      object-fit: cover; }
      @media screen and (min-width: 64em) {
        .noticia .options .image {
          width: 90%; } }
    .noticia .options .link {
      width: 100%; }
  .noticia .content {
    width: 100%;
    max-width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: justify;
    text-justify: inter-word; }
    @media screen and (min-width: 64em) {
      .noticia .content {
        width: 60%; } }

.noticias {
  max-width: 100%;
  width: 100%;
  padding-top: 0.5em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 5em;
  background-image: url("../img/fondos/fondo.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-size: 8% 28%; }
  .noticias .title {
    width: 100%; }
    .noticias .title h2 {
      text-transform: uppercase;
      color: #4d4d4d;
      font-size: 2.5em; }
  .noticias_pagination {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    padding-left: 0em;
    padding-right: 0em; }
    .noticias_pagination .pagination {
      width: 80%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-size: 2em;
      font-weight: bold; }
      .noticias_pagination .pagination li {
        list-style: none;
        padding: 0.25em; }
  .noticias .bannner {
    width: 100%;
    max-width: 100%;
    padding-left: 0em;
    padding-right: 0em;
    padding-top: 6em; }
    .noticias .bannner img {
      width: 100%;
      max-width: 100%;
      height: auto; }
  .noticias .row {
    max-width: 100%;
    width: 100%; }
    .noticias .row .card {
      max-width: 100%;
      width: 100%;
      padding: 0.5em; }
      @media screen and (min-width: 64em) {
        .noticias .row .card {
          width: 25%; } }
      .noticias .row .card .wrapper {
        max-width: 100%;
        width: 100%;
        height: 15em;
        background-color: #fff;
        position: relative;
        overflow: hidden;
        -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
        box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2); }
        .noticias .row .card .wrapper:hover .data {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
        .noticias .row .card .wrapper:hover .data-new {
          -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
          transform: translateY(0); }
      .noticias .row .card .data {
        max-width: 100%;
        width: 100%;
        position: absolute;
        bottom: 0;
        -webkit-transform: translateY(calc(70px + 1em));
        -ms-transform: translateY(calc(70px + 1em));
        transform: translateY(calc(70px + 1em));
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        z-index: 3; }
        .noticias .row .card .data .content {
          padding: 1em;
          position: relative;
          text-align: justify; }
          .noticias .row .card .data .content a {
            color: #4d4d4d; }
          .noticias .row .card .data .content .title-new {
            font-size: 0.9em;
            padding-bottom: 0.5em;
            font-weight: bold; }
        .noticias .row .card .data .text {
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
          display: -webkit-box;
          line-height: 20px;
          /* fallback */
          max-height: 63px;
          /* fallback */
          -webkit-line-clamp: 3;
          /* number of lines to show */
          -webkit-box-orient: vertical; }
      .noticias .row .card .data-new {
        position: absolute;
        bottom: 0;
        width: 100%;
        -webkit-transform: translateY(calc(118px + 1.8em));
        -ms-transform: translateY(calc(118px + 1.8em));
        transform: translateY(calc(118px + 1.8em));
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        z-index: 3; }
        .noticias .row .card .data-new .content {
          padding: 1em;
          position: relative;
          text-align: justify; }
          .noticias .row .card .data-new .content a {
            color: #4d4d4d; }
          .noticias .row .card .data-new .content .title-new {
            font-size: 0.9em;
            padding-bottom: 0.5em;
            font-weight: bold;
            text-align: justify; }
        @media screen and (max-width: 64em) {
          .noticias .row .card .data-new {
            -webkit-transform: translateY(calc(80px + 1em));
            -ms-transform: translateY(calc(80px + 1em));
            transform: translateY(calc(80px + 1em)); } }
      .noticias .row .card .title {
        margin-top: 10px; }
      .noticias .row .card .text {
        height: 70px;
        margin: 0; }
      .noticias .row .card input[type='checkbox'] {
        display: none; }
      .noticias .row .card input[type='checkbox']:checked + .menu-content {
        -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
        transform: translateY(-60px); }
  .noticias .example-1 {
    min-height: 20em; }
    .noticias .example-1 a {
      width: 100%; }
    .noticias .example-1 .wrapper .logo {
      position: absolute;
      z-index: 1; }
    .noticias .example-1 .date {
      position: absolute;
      top: 0;
      left: 0;
      background-color: #dbcfc2;
      color: #fff;
      padding: 0.8em;
      z-index: 2; }
      .noticias .example-1 .date span {
        display: block;
        text-align: center; }
      .noticias .example-1 .date .day {
        font-weight: 700;
        font-size: 24px;
        text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18); }
      .noticias .example-1 .date .month {
        text-transform: uppercase; }
      .noticias .example-1 .date .month,
      .noticias .example-1 .date .year {
        font-size: 12px; }
    .noticias .example-1 .content {
      background-color: #fff;
      -webkit-box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
      box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3); }
    .noticias .example-1 .title a {
      color: gray; }
    .noticias .example-1 .menu-button {
      position: absolute;
      z-index: 999;
      top: 16px;
      right: 16px;
      width: 25px;
      text-align: center;
      cursor: pointer; }
      .noticias .example-1 .menu-button span {
        width: 5px;
        height: 5px;
        background-color: gray;
        color: gray;
        position: relative;
        display: inline-block;
        border-radius: 50%; }
        .noticias .example-1 .menu-button span::after, .noticias .example-1 .menu-button span::before {
          content: '';
          display: block;
          width: 5px;
          height: 5px;
          background-color: currentColor;
          position: absolute;
          border-radius: 50%; }
        .noticias .example-1 .menu-button span::before {
          left: -10px; }
        .noticias .example-1 .menu-button span::after {
          right: -10px; }
    .noticias .example-1 .menu-content {
      text-align: center;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      z-index: -1;
      -webkit-transition: -webkit-transform 0.3s;
      transition: -webkit-transform 0.3s;
      -o-transition: transform 0.3s;
      transition: transform 0.3s;
      transition: transform 0.3s, -webkit-transform 0.3s;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0); }
      .noticias .example-1 .menu-content li {
        width: 33.333333%;
        float: left;
        background-color: #dbcfc2;
        height: 60px;
        position: relative; }
      .noticias .example-1 .menu-content a {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 10px; }
      .noticias .example-1 .menu-content span {
        top: -10px; }
  .noticias .example-2 .wrapper {
    min-height: 20em; }
    .noticias .example-2 .wrapper .logo {
      min-height: 20em;
      position: absolute;
      z-index: 1;
      -webkit-filter: brightness(0.7);
      filter: brightness(0.7); }
    .noticias .example-2 .wrapper:hover .menu-content span {
      -webkit-transform: translate(-50%, -10px);
      -ms-transform: translate(-50%, -10px);
      transform: translate(-50%, -10px);
      opacity: 1; }
  .noticias .example-2 .header {
    color: #fff;
    padding: 1em; }
    .noticias .example-2 .header::before, .noticias .example-2 .header::after {
      content: '';
      display: table; }
    .noticias .example-2 .header::after {
      clear: both; }
    .noticias .example-2 .header .date {
      float: left;
      font-size: 12px; }
  .noticias .example-2 .menu-content {
    float: right; }
    .noticias .example-2 .menu-content li {
      margin: 0 5px;
      position: relative; }
    .noticias .example-2 .menu-content span {
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      opacity: 0; }
  .noticias .example-2 .data {
    color: #ffffff;
    -webkit-transform: translateY(calc(70px + 4em));
    -ms-transform: translateY(calc(70px + 4em));
    transform: translateY(calc(70px + 4em)); }
    @media screen and (max-width: 90em) {
      .noticias .example-2 .data {
        color: #000; } }
  .noticias .example-2 .data-new {
    color: #ffffff;
    -webkit-transform: translateY(calc(70px + 4em));
    -ms-transform: translateY(calc(70px + 4em));
    transform: translateY(calc(70px + 4em)); }
  .noticias .example-2 .title a {
    color: #fff; }
    @media screen and (max-width: 90em) {
      .noticias .example-2 .title a {
        color: gray; } }
  .noticias .example-2 .title-new a {
    color: #fff; }
  .noticias .example-2 .button {
    display: block;
    width: 100px;
    margin: 2em auto 1em;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    position: relative;
    font-weight: 700; }
    .noticias .example-2 .button::after {
      content: '\2192';
      opacity: 0;
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .noticias .example-2 .button:hover::after {
      -webkit-transform: translate(5px, -50%);
      -ms-transform: translate(5px, -50%);
      transform: translate(5px, -50%);
      opacity: 1; }

.objetivos {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  background-image: url("../img/fondos/fondo.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-size: 8% 28%; }
  .objetivos .title {
    width: 100%; }
    .objetivos .title div {
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 2.5em;
      font-weight: bold; }
  .objetivos .article-img {
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 64em) {
      .objetivos .article-img {
        width: 40%; } }
  .objetivos .article-content {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding-left: 3em;
    padding-left: 3em;
    padding-right: 3em;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    top: 0;
    text-align: justify;
    text-justify: inter-word; }
    @media screen and (min-width: 64em) {
      .objetivos .article-content {
        width: 50%; } }
  .objetivos .article-img img {
    height: 25em;
    -webkit-box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
    box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65); }

.plan {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding-top: 2em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
  background-image: url("../img/fondos/fondo.jpg");
  background-repeat: repeat;
  background-size: auto;
  background-size: 7% 4%; }
  .plan .title {
    width: 100%; }
    .plan .title div {
      width: 100%;
      margin-bottom: 1.5em;
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 2.5em;
      font-weight: bold; }
  .plan .content {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    text-align: justify;
    text-justify: inter-word; }
    .plan .content .table-plan {
      width: 100%;
      max-width: 100%;
      border-collapse: collapse; }
      .plan .content .table-plan tr {
        border-bottom: 1px solid #ccc; }
        .plan .content .table-plan tr td {
          padding: 0.5em; }
      .plan .content .table-plan .headers th {
        background-color: #4D4D4D;
        height: 5em;
        text-align: center;
        color: #ffffff; }
    .plan .content .table-plan th:hover {
      background-color: #D0D0D1; }
    .plan .content .table-plan tr:nth-child(even) {
      background-color: #f2f2f2; }
    .plan .content .table-plan tr:hover {
      background-color: #ddd; }

.searches {
  padding-top: 9em;
  max-width: 100%;
  width: 100%;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 5em;
  background-repeat: repeat;
  background-size: auto;
  background-size: 8% 28%; }
  @media screen and (max-width: 64em) {
    .searches .article-content {
      text-align: justify;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  @media screen and (max-width: 64em) and (min-width: 40em) {
    .searches .article-content {
      width: 10%; } }
  @media screen and (max-width: 64em) and (min-width: 64em) {
    .searches .article-content {
      width: 60%; } }
  .searches .title {
    width: 100%; }
    .searches .title div {
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 2.5em;
      font-weight: bold; }
  .searches .box {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .searches .box .enlace {
      width: 100%;
      -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2);
      box-shadow: 0 19px 38px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2);
      margin: 1em;
      color: black; }
      .searches .box .enlace .index {
        width: 100%;
        padding-left: 2em;
        background-color: #dbcfc2; }
      .searches .box .enlace .subox {
        width: 100%;
        max-width: 100%;
        padding-left: 2em; }
        .searches .box .enlace .subox .title {
          width: 100%;
          font-weight: bold; }
        .searches .box .enlace .subox .text {
          width: 100%; }

.comunicado {
  max-width: 100%;
  width: 100%;
  padding-top: 7em;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 5em; }
  .comunicado .title {
    width: 100%; }
    .comunicado .title h2 {
      text-transform: uppercase;
      color: #4D4D4D;
      font-size: 2.5em; }
  .comunicado .options {
    width: 100%;
    text-align: center;
    padding-top: 3em; }
    .comunicado .options .image {
      width: 100%;
      height: 25em;
      -o-object-fit: scale-down;
      object-fit: scale-down; }
      @media screen and (min-width: 64em) {
        .comunicado .options .image {
          width: 50%; } }
    .comunicado .options .link {
      width: 100%; }
  .comunicado .content {
    width: 100%;
    max-width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: justify;
    text-justify: inter-word; }
    @media screen and (min-width: 64em) {
      .comunicado .content {
        width: 60%; } }

.page {
  position: relative;
  background: #F2F2F2;
  scroll-behavior: smooth;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100vh; }

.page-header {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .page-header .title {
    width: 100%;
    position: absolute; }
    .page-header .title h1 {
      text-transform: uppercase; }
    .page-header .title h1,
    .page-header .title h2 {
      font-size: 2em;
      text-align: center;
      width: 100%;
      margin: 0;
      padding: 0;
      color: #fff; }
    @media screen and (max-width: 64em) {
      .page-header .title h1,
      .page-header .title h2 {
        padding-top: 2em;
        font-size: 1em; } }
    .page-header .title .logo__content {
      text-align: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .page-header .title .logo__content .logo {
        height: 14em; }
      .page-header .title .logo__content .logo:hover {
        -webkit-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 1;
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(0, 0, 0, 0.4))); }
  .page-header .slider {
    width: 100%;
    max-width: 100%;
    padding-left: 0em;
    padding-right: 0em;
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8); }
    .page-header .slider .mySlides {
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
      max-width: 100%;
      height: 100vh; }
      .page-header .slider .mySlides .mySlides2 {
        height: 100vh; }

.page-main {
  width: 100%;
  max-width: 100%;
  padding-left: 0em;
  padding-right: 0em; }
  .page-main .banner {
    width: 100%;
    max-width: 100%;
    padding-left: 0em;
    padding-right: 0em; }
    .page-main .banner img {
      width: 100%;
      max-width: 100%;
      margin-top: 6em;
      height: auto; }
      @media screen and (max-width: 64em) {
        .page-main .banner img {
          margin-top: 2.5em; } }
  .page-main .description {
    padding-bottom: 2em;
    width: 100%;
    max-width: 100%;
    padding-top: 1em;
    padding-bottom: 6em;
    background-image: url("../img/fondos/fondo.jpg");
    background-repeat: repeat;
    background-size: auto;
    background-size: 8% 28%; }
    .page-main .description .image {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 2em; }
      @media screen and (min-width: 40em) {
        .page-main .description .image {
          width: 50%; } }
      .page-main .description .image img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
        box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65); }
    .page-main .description .content {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-left: 0em;
      padding-right: 0em; }
      @media screen and (min-width: 40em) {
        .page-main .description .content {
          width: 50%; } }
      @media screen and (max-width: 64em) {
        .page-main .description .content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; } }
      .page-main .description .content .text {
        width: 100%;
        max-width: 100%;
        padding-left: 1em;
        padding-right: 1em;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0;
        top: 0;
        text-align: justify;
        text-justify: inter-word; }
        .page-main .description .content .text .title {
          margin: 0;
          top: 0; }
          .page-main .description .content .text .title h2 {
            text-transform: uppercase;
            color: #4d4d4d;
            font-size: 2em; }
        .page-main .description .content .text .words_description {
          width: 100%;
          padding-left: 0em;
          padding-right: 0em;
          margin: 0;
          top: 0; }
        .page-main .description .content .text .words {
          width: 100%;
          padding-left: 0em;
          padding-right: 0em;
          display: none; }
        .page-main .description .content .text .toggle {
          cursor: pointer;
          background-color: transparent;
          border: none; }
          .page-main .description .content .text .toggle h2 {
            text-transform: uppercase;
            color: #4d4d4d;
            font-size: 2.5em; }
        .page-main .description .content .text .toggle:focus {
          outline: none; }
        .page-main .description .content .text .toggle:focus + div.words {
          display: block; }
  .page-main .anim {
    opacity: 0; }

@-webkit-keyframes anim1 {
  from {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 1; } }

@keyframes anim1 {
  from {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0; }
  to {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 1; } }
  .page-main .autorithy-img,
  .page-main .autorithy-name,
  .page-main .autorithy-position {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .page-main .autorithy-position {
    font-size: 0.9em;
    font-weight: bold; }
  .page-main .autorithy-img {
    padding-bottom: 1em; }
    .page-main .autorithy-img a span,
    .page-main .autorithy-img a img {
      -o-object-fit: cover;
      object-fit: cover;
      width: 8em;
      height: 8em;
      border-radius: 50%;
      -webkit-box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
      box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65); }
    .page-main .autorithy-img a span {
      color: #fff;
      position: absolute;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-transition: all 0.5s ease-in;
      -o-transition: all 0.5s ease-in;
      transition: all 0.5s ease-in; }
      .page-main .autorithy-img a span i {
        display: none; }
      .page-main .autorithy-img a span:hover {
        background: rgba(0, 0, 0, 0.3); }
      .page-main .autorithy-img a span:hover > i {
        display: block; }
  .page-main .autorithies {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 1em;
    background-color: #dbcfc2;
    padding-bottom: 8em; }
    .page-main .autorithies .title {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      margin-left: 1em; }
      .page-main .autorithies .title h2 {
        text-transform: uppercase;
        color: #4d4d4d;
        font-size: 2.5em; }
    .page-main .autorithies .content {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .page-main .autorithies .content .box-main {
        max-width: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        padding: 1em; }
        @media screen and (min-width: 40em) {
          .page-main .autorithies .content .box-main {
            width: 20%; } }
        @media screen and (max-width: 40em) {
          .page-main .autorithies .content .box-main {
            width: 100%; } }
      .page-main .autorithies .content .box {
        max-width: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
        padding: 1em; }
        @media screen and (min-width: 40em) {
          .page-main .autorithies .content .box {
            width: 20%; } }
        @media screen and (max-width: 40em) {
          .page-main .autorithies .content .box {
            width: 100%; } }
  .page-main .events {
    max-width: 100%;
    width: 100%;
    padding-top: 2.5em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 5em;
    background-image: url("../img/fondos/fondo.jpg");
    background-repeat: repeat;
    background-size: auto;
    background-size: 8% 28%; }
    .page-main .events .title {
      width: 100%; }
      .page-main .events .title h2 {
        text-transform: uppercase;
        color: #4d4d4d;
        font-size: 2.5em; }
    .page-main .events .row {
      max-width: 100%;
      width: 100%; }
      .page-main .events .row .card {
        max-width: 100%;
        width: 100%;
        padding: 0.5em; }
        @media screen and (min-width: 64em) {
          .page-main .events .row .card {
            width: 20%; } }
        .page-main .events .row .card .wrapper {
          max-width: 100%;
          width: 100%;
          height: 13em;
          background-color: #fff;
          position: relative;
          overflow: hidden;
          -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2); }
          .page-main .events .row .card .wrapper:hover .data {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0); }
          .page-main .events .row .card .wrapper:hover .data-new {
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0); }
        .page-main .events .row .card .data {
          max-width: 100%;
          width: 100%;
          position: absolute;
          bottom: 0;
          -webkit-transform: translateY(calc(70px + 1em));
          -ms-transform: translateY(calc(70px + 1em));
          transform: translateY(calc(70px + 1em));
          -webkit-transition: -webkit-transform 0.3s;
          transition: -webkit-transform 0.3s;
          -o-transition: transform 0.3s;
          transition: transform 0.3s;
          transition: transform 0.3s, -webkit-transform 0.3s;
          z-index: 3; }
          .page-main .events .row .card .data .content {
            padding: 1.5em;
            position: relative;
            text-align: justify; }
            .page-main .events .row .card .data .content a {
              color: #4d4d4d; }
            .page-main .events .row .card .data .content .title-new {
              font-size: 0.9em;
              padding-bottom: 0.5em;
              font-weight: bold;
              overflow: hidden;
              -o-text-overflow: ellipsis;
              text-overflow: ellipsis;
              display: -webkit-box;
              line-height: 15px;
              /* fallback */
              max-height: 30px;
              /* fallback */
              -webkit-line-clamp: 2;
              /* number of lines to show */
              -webkit-box-orient: vertical; }
          .page-main .events .row .card .data .text {
            padding-top: 0.5em;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            display: -webkit-box;
            line-height: 20px;
            /* fallback */
            max-height: 65px;
            /* fallback */
            -webkit-line-clamp: 3;
            /* number of lines to show */
            -webkit-box-orient: vertical; }
        .page-main .events .row .card .data-new {
          position: absolute;
          bottom: 0;
          width: 100%;
          -webkit-transform: translateY(calc(118px + 1.8em));
          -ms-transform: translateY(calc(118px + 1.8em));
          transform: translateY(calc(118px + 1.8em));
          -webkit-transition: -webkit-transform 0.3s;
          transition: -webkit-transform 0.3s;
          -o-transition: transform 0.3s;
          transition: transform 0.3s;
          transition: transform 0.3s, -webkit-transform 0.3s;
          z-index: 3; }
          .page-main .events .row .card .data-new .content {
            padding: 1em;
            position: relative;
            text-align: justify; }
            .page-main .events .row .card .data-new .content a {
              color: #4d4d4d; }
            .page-main .events .row .card .data-new .content .title-new {
              font-size: 0.9em;
              padding-bottom: 0.5em;
              font-weight: bold;
              text-align: justify; }
          @media screen and (max-width: 64em) {
            .page-main .events .row .card .data-new {
              -webkit-transform: translateY(calc(80px + 1em));
              -ms-transform: translateY(calc(80px + 1em));
              transform: translateY(calc(80px + 1em)); } }
        .page-main .events .row .card .title {
          margin-top: 10px; }
        .page-main .events .row .card .text {
          height: 70px;
          margin: 0; }
        .page-main .events .row .card input[type='checkbox'] {
          display: none; }
        .page-main .events .row .card input[type='checkbox']:checked + .menu-content {
          -webkit-transform: translateY(-60px);
          -ms-transform: translateY(-60px);
          transform: translateY(-60px); }
    .page-main .events .example-1 {
      min-height: 20em; }
      .page-main .events .example-1 .wrapper .logo {
        position: absolute;
        z-index: 1; }
      .page-main .events .example-1 .date {
        position: absolute;
        top: 0;
        left: 0;
        background-color: #dbcfc2;
        color: #fff;
        padding: 0.8em;
        z-index: 2; }
        .page-main .events .example-1 .date span {
          display: block;
          text-align: center; }
        .page-main .events .example-1 .date .day {
          font-weight: 700;
          font-size: 24px;
          text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18); }
        .page-main .events .example-1 .date .month {
          text-transform: uppercase; }
        .page-main .events .example-1 .date .month,
        .page-main .events .example-1 .date .year {
          font-size: 12px; }
      .page-main .events .example-1 .content {
        background-color: #fff;
        -webkit-box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
        box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3); }
      .page-main .events .example-1 .title a {
        color: gray; }
      .page-main .events .example-1 .menu-button {
        position: absolute;
        z-index: 999;
        top: 16px;
        right: 16px;
        width: 25px;
        text-align: center;
        cursor: pointer; }
        .page-main .events .example-1 .menu-button span {
          width: 5px;
          height: 5px;
          background-color: gray;
          color: gray;
          position: relative;
          display: inline-block;
          border-radius: 50%; }
          .page-main .events .example-1 .menu-button span::after, .page-main .events .example-1 .menu-button span::before {
            content: '';
            display: block;
            width: 5px;
            height: 5px;
            background-color: currentColor;
            position: absolute;
            border-radius: 50%; }
          .page-main .events .example-1 .menu-button span::before {
            left: -10px; }
          .page-main .events .example-1 .menu-button span::after {
            right: -10px; }
      .page-main .events .example-1 .menu-content {
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: -1;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0); }
        .page-main .events .example-1 .menu-content li {
          width: 33.333333%;
          float: left;
          background-color: #dbcfc2;
          height: 60px;
          position: relative; }
        .page-main .events .example-1 .menu-content a {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          font-size: 10px; }
        .page-main .events .example-1 .menu-content span {
          top: -10px; }
  .page-main #imagen {
    width: 100%;
    height: 60vh;
    background-image: url("../img/fondos/main.jpg");
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat; }
  .page-main .news {
    max-width: 100%;
    width: 100%;
    padding-top: 2.5em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 5em;
    background-color: #dbcfc2; }
    .page-main .news .title {
      width: 100%; }
      .page-main .news .title h2 {
        text-transform: uppercase;
        color: #4d4d4d;
        font-size: 2.5em; }
    .page-main .news .box {
      background-color: #fff;
      -webkit-box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65);
      box-shadow: 0px 10px 15px -5px rgba(0, 0, 0, 0.65); }
      .page-main .news .box .mhn-inner img {
        height: 12em;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover; }
      .page-main .news .box .mhn-inner img:hover {
        -webkit-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 1;
        -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.7, transparent), to(rgba(0, 0, 0, 0.4))); }
      .page-main .news .box .mhn-inner .text {
        padding: 1em; }
        .page-main .news .box .mhn-inner .text p {
          display: block;
          display: -webkit-box;
          height: 2em;
          font-size: 1em;
          line-height: 1;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          -o-text-overflow: ellipsis;
          text-overflow: ellipsis; }
  .page-main #noticias {
    padding-top: 10em;
    max-width: 100%;
    width: 100%;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 5em; }
    .page-main #noticias .noticia-contenido,
    .page-main #noticias .noticia-imagen {
      text-align: justify; }
    .page-main #noticias .noticia-contenido {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; }
      @media screen and (min-width: 64em) {
        .page-main #noticias .noticia-contenido {
          width: 60%; } }
      .page-main #noticias .noticia-contenido p {
        width: 100%; }
      .page-main #noticias .noticia-contenido .footer-img-red img {
        height: 3em;
        margin: 1em; }
    .page-main #noticias .noticia-imagen {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; }
      @media screen and (min-width: 64em) {
        .page-main #noticias .noticia-imagen {
          width: 40%; } }
    .page-main #noticias .noticia {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      background: #000;
      text-align: center; }
      .page-main #noticias .noticia .noticia-titulo {
        text-align: center; }
      .page-main #noticias .noticia .noticia-contenido {
        text-align: justify; }
      .page-main #noticias .noticia .noticia-titulo,
      .page-main #noticias .noticia .noticia-contenido {
        color: #fff;
        font-size: 0.9em; }
      .page-main #noticias .noticia img {
        height: 5em; }
      .page-main #noticias .noticia a {
        display: none;
        background: rgba(0, 0, 0, 0.4);
        position: absolute;
        color: #fff; }
      .page-main #noticias .noticia:hover > a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer; }
    .page-main #noticias .noticia-principal {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      width: 100%; }
      @media screen and (min-width: 64em) {
        .page-main #noticias .noticia-principal {
          width: 50%; } }
      .page-main #noticias .noticia-principal .noticia {
        height: 25em;
        width: 31.25em; }
        .page-main #noticias .noticia-principal .noticia .noticia-contenido {
          width: 31.25em; }
        .page-main #noticias .noticia-principal .noticia img {
          height: 12.5em; }
        .page-main #noticias .noticia-principal .noticia a {
          height: 25em;
          width: 31.25em; }
    .page-main #noticias .noticia-secundaria {
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      display: flex;
      flex-wrap: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; }
      @media screen and (min-width: 64em) {
        .page-main #noticias .noticia-secundaria {
          width: 50%; } }
      .page-main #noticias .noticia-secundaria .noticia {
        height: 12.5em;
        width: 12.5em;
        margin: 1em 1em; }
        .page-main #noticias .noticia-secundaria .noticia a {
          height: 12.5em;
          width: 12.5em; }