.ad-left,
.ad-right {
  display: inline-block;
  float: none;
  text-align: center;
  vertical-align: top;
}

.ad-left + .ad-right {
  margin-left: 10px;
}

.ads,
.ad-skyscraper-left,
.ad-skyscraper-right {
  overflow: visible;
}

.ads-skyscraper-container {
  padding-left: 0;
  padding-top: 0;
}

.interstitial {
  background: #fff;
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 50000;
}

.interstitial-open {
  height: 100%;
  overflow: hidden;
}

.interstitial-visible {
  display: block;
}

.interstitial-wrapper {
  margin: 0 auto;
  max-width: 95%;
}

.interstitial-content {
  width: 100%;
}

.interstitial-content .oat:before {
  content: "";
}

.interstitial-content .oat > *:not(script) {
  margin: 0 !important
}

.interstitial-header {
  clear: both;
  display: table;
  padding: 8px 0;
  text-align: left;
  width: 100%;
}

.interstitial-close-button {
  cursor: pointer;
  float: right;
}

.interstitial-close-button:hover {
  text-decoration: underline;
}

.oat {
  clear: both;
  display: none;
  overflow: hidden;
  position: relative;
  text-align: center;
  visibility: hidden;
}

.oat:before {
  color: #838383;
  content: attr(data-mark);
  display: block;
  font-size: 10px;
  line-height: 15px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.oat > *:not(script) {
  display: block;
}

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

.oat-container {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
}

.oat-content {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.oat-left > *,
.oat-right > * {
  padding-top: 0;
  margin-left: 0;
}

.oat-visible {
  display: block;
  visibility: visible;
}

.oat-bottom > * {
  margin-bottom: 15px;
}

.oat-left > * {
  margin-left: 15px !important;
}

.oat-right > * {
  margin-right: 15px !important;
}

.oat-top > * {
  margin-top: 15px !important;
}

.oat-bottom:before {
  position: absolute;
  margin-bottom: 0;
  bottom: 0;
}

.oat-left:before {
  left: 0;
  margin-left: -35px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  transform: rotate(-90deg);
}

.oat-right:before {
  right: 0;
  margin-left: auto;
  margin-right: -35px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  transform: rotate(90deg);
}

.recaptcha {
  width: 304px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .oat.hidden-phone {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .oat.hidden-tablet {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .oat.hidden-desktop {
    display: none !important;
  }
}

.cookies-overlay button {
  background: none;
  border: none;
  margin: 0;
  padding: 5px;
  float: right;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bolder;
  font-style: normal;
}

.cookies-overlay p {
  width: 85%;
}

.cookies-overlay a {
  color: #fff;
  text-decoration: underline;
}

@media (max-width: 479px) {
  .cookies-overlay p {
    margin: 0;
    float: none;
    width: 100%;
    padding: 5px;
    font-size: .8em;
    line-height: 1.3em;
  }

  .interstitial-header-title {
    display: none;
  }

  .interstitial-header {
    text-align: center;
  }

  .interstitial-close-button {
    float: none;
  }
}

.qc-cmp-button {
  background-color: #007bff !important;
  border-color: #007bff !important;
}
.qc-cmp-ui-content {
  overflow-y: initial !important;
}
.qc-cmp-consent-content,
.qc-cmp-purposes-page-content {
  text-align: left;
  max-width: 1024px;
  margin: 0 auto;
}
.qc-cmp-ui-container {
  overflow-y: auto !important;
}
.qc-cmp-ui-showing {
  overflow: auto !important;
}
.qc-cmp-toggle-status {
  color: #333 !important;
}
.qc-cmp-button:hover {
  background-color: #7faff7 !important;
  border-color: #7faff7 !important;
}
.qc-cmp-back {
  position: initial !important;
}
.qc-cmp-back:before {
  content: "\f104" !important;
  font-family: "Fontawesome";
  right: 0 !important;
  background: none !important;
  transform: none !important;
}
.qc-cmp-toggle {
  background-color: #007bff !important;
  border: 1px solid #007bff !important;
}
.qc-cmp-toggle-off {
  background-color: #ccc !important;
  border-color: #ccc !important;
}
.qc-cmp-toggle-switch {
  height: 14px !important;
  width: 14px !important;
}
.qc-cmp-alt-action,
.qc-cmp-link {
  color: #007bff !important;
}
.qc-cmp-button {
  color: #fff !important;
}
.qc-cmp-ui {
  background-color: #f5f5f5 !important;
  overflow-y: initial !important;
}
.qc-cmp-ui,
.qc-cmp-ui .qc-cmp-main-messaging,
.qc-cmp-ui .qc-cmp-messaging,
.qc-cmp-ui .qc-cmp-beta-messaging,
.qc-cmp-ui .qc-cmp-title,
.qc-cmp-ui .qc-cmp-sub-title,
.qc-cmp-ui .qc-cmp-purpose-info,
.qc-cmp-ui .qc-cmp-table,
.qc-cmp-ui .qc-cmp-table-header,
.qc-cmp-ui .qc-cmp-vendor-list,
.qc-cmp-ui .qc-cmp-vendor-list-title {
  color: #333 !important;
}
.qc-cmp-publisher-purposes-table .qc-cmp-table-header,
.qc-cmp-vendors-purposes-table .qc-cmp-table-header {
  background-color: #fafafa !important;
}
.qc-cmp-publisher-purposes-table .qc-cmp-table-row,
.qc-cmp-vendors-purposes-table .qc-cmp-table-row {
  background-color: #ffffff !important;
}
.qc-cmp-alt-action,
.qc-cmp-button,
.qc-cmp-main-messaging,
.qc-cmp-messaging,
.qc-cmp-sub-title,
.qc-cmp-link,
.qc-cmp-privacy-settings-title,
.qc-cmp-vendor-list-title,
.qc-cmp-purpose-list,
.qc-cmp-tab,
.qc-cmp-title,
.qc-cmp-vendor-list,
.qc-cmp-bold-messaging,
.qc-cmp-table-header {
  font-family: Helvetica,Arial,sans-serif !important;
}
@media (max-width: 479px) {
  .qc-cmp-alt-action {
    font-size: 12px !important;
  }
  .qc-cmp-toggle {
    height: 16px !important;
    width: 34px !important;
  }
}


      /**************************
    Generic colors for site
    ***************************/
    .site-color,
    .text-site-color,
    .site-color > a,
    a.site-color {
      color: #09347f!important;
    }
    .bg-site-color {
      background-color: #09347f!important;
    }
    .border-site-color,
    .btn-primary {
      border-color:#09347f!important;
    }
    .datepicker thead tr:first-child th:hover,
    .datepicker tfoot tr th:hover,
    .datepicker table tr td.active {
      background-color:#09347f!important;
      background-image:none;
    }
    .datepicker table tr td.active:hover,
    .datepicker table tr td.active:hover:hover,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled:hover:hover,
    .datepicker table tr td.active:active,
    .datepicker table tr td.active:hover:active,
    .datepicker table tr td.active.disabled:active,
    .datepicker table tr td.active.disabled:hover:active,
    .datepicker table tr td.active.active,
    .datepicker tableba tr td.active.active:hover,
    .datepicker table tr td.active.disabled.active,
    .datepicker table tr td.active.disabled.active:hover,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover,
    .datepicker table tr td.active.disabled.disabled,
    .datepicker table tr td.active.disabled.disabled:hover,
    .datepicker table tr td.active[disabled],
    .datepicker table tr td.active[disabled]:hover,
    .datepicker table tr td.active.disabled[disabled],
    .dropdown-item:active,
    .datepicker table tr td.active.disabled[disabled]:hover {
      background-color:#09347f!important; background-image:none;
    }
    .inner-content .body a,
    .inner-content .content-body a,
    .inner-content .content-body h3,
    .inner-content .content-body blockquote:before,
    .inner-content .content-body blockquote:after,
    .horizontal-scrollable-tabs .horizontal-tabs .nav-tabs-horizontal > li.active a,
    .menu-sidebar .navbar .nav-link.dropdown-toggle[aria-expanded="true"]:after,
    .pagination li.active a,
    .comment-sharing .btn-link,
    .letter-list .onm-new.onm-new-letter .article-data .date-container:before {
      color: #09347f;
    }
    .widget-header,
    .onm-new.onm-new-big_content-wide .article-data .section,
    .onm-new.onm-new-opinion,
    .onm-related-content:before {
      border-color: #09347f;
    }
    .onm-related-content {
      border-top-color: #09347f;
    }
    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span,
    .datepicker table tr td span.active.active,
    .datepicker table tr td span.active.disabled,
    .datepicker table tr td span.active.disabled.active,
    .datepicker table tr td span.active.disabled.disabled,
    .datepicker table tr td span.active.disabled:active,
    .datepicker table tr td span.active.disabled:hover,
    .datepicker table tr td span.active.disabled:hover.active,
    .datepicker table tr td span.active.disabled:hover.disabled,
    .datepicker table tr td span.active.disabled:hover:active,
    .datepicker table tr td span.active.disabled:hover:hover,
    .datepicker table tr td span.active.disabled:hover[disabled],
    .datepicker table tr td span.active.disabled[disabled],
    .datepicker table tr td span.active:active,
    .datepicker table tr td span.active:hover,
    .datepicker table tr td span.active:hover.active,
    .datepicker table tr td span.active:hover.disabled,
    .datepicker table tr td span.active:hover:active,
    .datepicker table tr td span.active:hover:hover,
    .datepicker table tr td span.active:hover[disabled],
    .datepicker table tr td span.active[disabled] {
      background-color: #09347f;
    }
    .reading-progress::-webkit-progress-value {
      background-color: #09347f;
    }
    .reading-progress::-moz-progress-bar {
      background-color: #09347f;
    }
  

    .second-color,
  .text-second-color,
  .second-color > a,
  a.second-color {
    color: #000000!important;
  }
  .bg-second-color {
    background-color: #000000!important;
  }
  .border-second-color {
    border-color: #000000!important;
  }


      /*********************
    CSS for categories
    **********************/
                  /* Rules for category noticias-lectores */
        .text-noticias-lectores,
        a.text-noticias-lectores,
        .text-noticias-lectores a,
        .color-noticias-lectores,
        .noticias-lectores-color {
          color: 09347f!important;
        }

        .bg-noticias-lectores {
          background-color:09347f!important;
        }
        .border-noticias-lectores {
          border-color:09347f!important;
        }

        .bg-noticias-lectores .nav-link,
        .bg-noticias-lectores .a {
          color: #fff
        }
        .reading-progress.noticias-lectores::-webkit-progress-value {
          background-color: 09347f;
        }
        .reading-progress.noticias-lectores::-moz-progress-bar {
          background-color: 09347f;
        }
                        /* Rules for category area-metropolitana */
        .text-area-metropolitana,
        a.text-area-metropolitana,
        .text-area-metropolitana a,
        .color-area-metropolitana,
        .area-metropolitana-color {
          color: 003790!important;
        }

        .bg-area-metropolitana {
          background-color:003790!important;
        }
        .border-area-metropolitana {
          border-color:003790!important;
        }

        .bg-area-metropolitana .nav-link,
        .bg-area-metropolitana .a {
          color: #fff
        }
        .reading-progress.area-metropolitana::-webkit-progress-value {
          background-color: 003790;
        }
        .reading-progress.area-metropolitana::-moz-progress-bar {
          background-color: 003790;
        }
                        /* Rules for category escaparate */
        .text-escaparate,
        a.text-escaparate,
        .text-escaparate a,
        .color-escaparate,
        .escaparate-color {
          color: 09347f!important;
        }

        .bg-escaparate {
          background-color:09347f!important;
        }
        .border-escaparate {
          border-color:09347f!important;
        }

        .bg-escaparate .nav-link,
        .bg-escaparate .a {
          color: #fff
        }
        .reading-progress.escaparate::-webkit-progress-value {
          background-color: 09347f;
        }
        .reading-progress.escaparate::-moz-progress-bar {
          background-color: 09347f;
        }
                        /* Rules for category tendencias */
        .text-tendencias,
        a.text-tendencias,
        .text-tendencias a,
        .color-tendencias,
        .tendencias-color {
          color: 09347f!important;
        }

        .bg-tendencias {
          background-color:09347f!important;
        }
        .border-tendencias {
          border-color:09347f!important;
        }

        .bg-tendencias .nav-link,
        .bg-tendencias .a {
          color: #fff
        }
        .reading-progress.tendencias::-webkit-progress-value {
          background-color: 09347f;
        }
        .reading-progress.tendencias::-moz-progress-bar {
          background-color: 09347f;
        }
                        /* Rules for category agenda */
        .text-agenda,
        a.text-agenda,
        .text-agenda a,
        .color-agenda,
        .agenda-color {
          color: 09347f!important;
        }

        .bg-agenda {
          background-color:09347f!important;
        }
        .border-agenda {
          border-color:09347f!important;
        }

        .bg-agenda .nav-link,
        .bg-agenda .a {
          color: #fff
        }
        .reading-progress.agenda::-webkit-progress-value {
          background-color: 09347f;
        }
        .reading-progress.agenda::-moz-progress-bar {
          background-color: 09347f;
        }
                        /* Rules for category humor */
        .text-humor,
        a.text-humor,
        .text-humor a,
        .color-humor,
        .humor-color {
          color: 09347f!important;
        }

        .bg-humor {
          background-color:09347f!important;
        }
        .border-humor {
          border-color:09347f!important;
        }

        .bg-humor .nav-link,
        .bg-humor .a {
          color: #fff
        }
        .reading-progress.humor::-webkit-progress-value {
          background-color: 09347f;
        }
        .reading-progress.humor::-moz-progress-bar {
          background-color: 09347f;
        }
                        /* Rules for category especiales */
        .text-especiales,
        a.text-especiales,
        .text-especiales a,
        .color-especiales,
        .especiales-color {
          color: 09347f!important;
        }

        .bg-especiales {
          background-color:09347f!important;
        }
        .border-especiales {
          border-color:09347f!important;
        }

        .bg-especiales .nav-link,
        .bg-especiales .a {
          color: #fff
        }
        .reading-progress.especiales::-webkit-progress-value {
          background-color: 09347f;
        }
        .reading-progress.especiales::-moz-progress-bar {
          background-color: 09347f;
        }
                        /* Rules for category islas-cies */
        .text-islas-cies,
        a.text-islas-cies,
        .text-islas-cies a,
        .color-islas-cies,
        .islas-cies-color {
          color: 0a97b3!important;
        }

        .bg-islas-cies {
          background-color:0a97b3!important;
        }
        .border-islas-cies {
          border-color:0a97b3!important;
        }

        .bg-islas-cies .nav-link,
        .bg-islas-cies .a {
          color: #fff
        }
        .reading-progress.islas-cies::-webkit-progress-value {
          background-color: 0a97b3;
        }
        .reading-progress.islas-cies::-moz-progress-bar {
          background-color: 0a97b3;
        }