@charset "UTF-8";
/*------------------------------------*\
    #MAIN
\*------------------------------------*/

@font-face {
  font-family: "IbercajaBold";
  src:  url("fonts/Ibercaja-Bold.eot") format("eot"),
      url("fonts/Ibercaja-Bold.woff2") format("woff2"),
      url("fonts/Ibercaja-Bold.woff") format("woff"),
      url("fonts/Ibercaja-Bold.ttf") format("truetype"),
      url("fonts/Ibercaja-Bold.svg") format("svg");
  font-style: normal;
  font-weight: 700;
}
/*------------------------------------*\
  #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

.c-actividad {
  width: 100%;
  margin-bottom: 40px;
  /* Aplicado como clase de body, muestra u oculta contenidos */ }
  .c-actividad, .c-actividad * {
    box-sizing: border-box; }
  .c-actividad h3 {
    font-size: 14px;
    font-weight: bold;
    font-family: "IbercajaBold";
    text-transform: uppercase;
    line-height: 20px; }
  .c-actividad a.boton {
    line-height: 50px;
    width: 100%;
    max-width: 300px;
    text-align: center; }
  .c-actividad__descripcion {
    margin-bottom: 20px; }
    .c-actividad__descripcion p {
      line-height: 20px; }
    .c-actividad__descripcion img {
      display: none; }
    @media (min-width: 1000px) {
      .c-actividad__descripcion {
        width: calc( 100% * 300 / 940 );
        float: left; }
        .c-actividad__descripcion img {
          display: initial; } }
    .c-actividad__descripcion--post-600, .c-actividad__descripcion--post-1081 {
      width: 100%; }
  .c-actividad__image {
    display: none;
    width: calc( 100% * 620 / 940 );
    height: auto;
    float: right;
    margin-bottom: 20px; }
    .c-actividad__image a {
      display: block;
      width: 100%; }
    .c-actividad__image img {
      /* override */
      width: 100%;
      height: auto; }
      #contenido .c-actividad__image img {
        padding-left: 0; }
    @media (min-width: 1000px) {
      .c-actividad__image {
        display: block; } }
  .c-actividad__wrap {
    clear: both; }
    @media (min-width: 1000px) {
      .c-actividad__wrap {
        text-align: justify;
        text-justify: distribute-all-lines;
        font-size: 0;
        list-style: none;
        padding-left: 0; }
        .c-actividad__wrap li {
          padding-left: 0;
          /* remove bullet */ }
          .c-actividad__wrap li + .c-actividad__wrap li {
            margin: 0; }
          .c-actividad__wrap li::before {
            display: none; }
        .c-actividad__wrap > * {
          text-align: left;
          font-size: 1rem;
          vertical-align: top;
          display: inline-block;
          margin-top: 0; }
        .c-actividad__wrap::after {
          content: '';
          display: inline-block;
          width: 100%; } }
  .c-actividad__info {
    max-width: 500px;
    line-height: 40px;
    margin-bottom: 20px; }
    .c-actividad__info h3 {
      margin-bottom: 20px; }
    @media (min-width: 1000px) {
      .c-actividad__info {
        width: calc( 100% * 300 / 940 );
        min-height: 180px;
        border-right: 1px dotted #C7C9C6;
        padding-right: 10px; }
        .c-actividad__info:last-child {
          border-right: none; } }
  .c-actividad__finalizada {
    margin-bottom: 30px; }
  .c-actividad__menu, .c-actividad__menu * {
    box-sizing: border-box; }
  @media all and (min-width: 1000px) {
    .c-actividad__menu {
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      border: 1px solid #c9c9c9;
      background-color: #ffffff;
      padding: 20px 0 0 15px;
      position: relative;
      margin-bottom: 50px;
            /*
			&::after {
				content : "";
				position : absolute;
				display : block;
				bottom : 0;
				left : 0;
				width : 100%;
				height : 80px;
				background : linear-gradient( to bottom, rgba(255,0,0,0), rgba(255,255,255,1) );
			}
			*/ }
      #ficha .c-actividad__menu.fltlft {
        width: calc( 100% * 220 / 945 ); } }
  .c-actividad__menu__title {
    margin-bottom: 30px; }
  .c-actividad__menu__temas {
    width: 100%;
    max-width: 400px;
    margin-left: -10px;
    padding-left: 10px;
    padding-top: 10px;
    position: relative;
    /*
    &::after {
    	position : absolute;
    	top : 0;
    	left : 10px;
    	content : "";
    	display : block;
    	width : 1px;
    	height : 100%;
    	border-left : 1px solid #c9c9c9;
    	z-index : 10;
    }
    */ }
    .c-actividad__menu__temas > li {
      padding-bottom: 40px;
      width: 100%;
      z-index: 20;
      position: relative; }
    @media all and (min-width: 1000px) {
      .c-actividad__menu__temas {
        height: 450px;
        overflow: scroll; } }
  .c-actividad__media {
    display: none;
    width: 100%; }
    @media all and (min-width: 1000px) {
      .c-actividad__media {
        display: block;
        width: calc( 100% * 705 / 945 );
        float: right; }
        #ficha .c-actividad__media.fltrt {
          /* override */
          float: right;
          width: calc( 100% * 705 / 945 ); } }
    .c-actividad__media__title {
      margin-bottom: 20px;
      font-family: "IbercajaBold";
      font-weight: bold;
      text-transform: uppercase; }
      .c-actividad__media__title h1 {
        font-size: 14px;
        line-height: 20px; }
      .c-actividad__media__title a {
        font-size: 11px; }
      .c-actividad__media__title__pdf.c-btn, .c-actividad__media__title__pdf.c-btn--arrow, .c-actividad__media__title__pdf.c-btn--next, .c-actividad__media__title__pdf.c-btn--invert, .c-actividad__media__title__pdf.c-btn--prev {
        clear: both;
        margin-top: 20px;
        display: block; }
    .c-actividad__media__content {
      border: 1px solid grey;
      position: relative;
      height: auto;
      min-height: 120px;
      margin-bottom: 10px;
      overflow: hidden; }
      @media all and (max-width: 1000px) {
        .c-actividad__media--pdf .c-actividad__media__content {
          display: none; } }
      @media all and (min-width: 1000px) {
        .c-actividad__media__content {
          width: 705px;
          height: 405px; }
          .c-actividad__media--pdf .c-actividad__media__content {
            height: 80vh;
            max-height: 800px; } }
      .c-actividad__media__content__description {
        display: none;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: initial;
        background-color: rgba(255, 255, 255, 0.95);
        padding: 80px;
        vertical-align: middle;
        z-index: 50;
        /* mobile, no video, portrait, pide girar */
        /* desktop, no video, lo muestra */
        /* desktop, video, oculta descripción */ }
        .c-actividad__media__content__description h2 {
          margin-bottom: 30px; }
        .c-actividad__media__content__description button {
          margin-top: 30px;
          padding: 0 40px; }
        @media all and (max-width: 1000px) and (orientation: portrait) {
          .c-actividad__media__content__description {
            display: none; } }
        @media all and (max-width: 1000px) and (orientation: portrait) {
          .c-actividad__media__content__description {
            display: block;
            padding: 20px; }
            .c-actividad__media__content__description h2, .c-actividad__media__content__description p, .c-actividad__media__content__description button {
              display: none; }
            .c-actividad__media__content__description::after {
              content: "Pon el móvil en horizontal para ver el contenido";
              font-weight: bold;
              font-size: 1.33rem;
              color: grey; } }
        @media all and (min-width: 1000px) {
          .c-actividad__media__content__description {
            display: block; }
            .c-actividad__media__content__description h2, .c-actividad__media__content__description p, .c-actividad__media__content__description button {
              display: block; } }
        .c-actividad__media--video .c-actividad__media__content__description, .c-actividad__media--pdf .c-actividad__media__content__description {
          display: none !important; }
      .c-actividad__media__content__iframe-wrap {
        position: relative;
        width: 100%;
        height: 100%; }
        @media all and (max-width: 1000px) and (orientation: portrait) {
          .c-actividad__media__content__iframe-wrap {
            width: 100%; } }
        @media all and (max-width: 800px) and (orientation: landscape) {
          .c-actividad__media__content__iframe-wrap {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            z-index: 200;
            background-color: white; } }
      .c-actividad__media__content__iframe {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: 0;
        /* iphone 6 */
        /* iphone 5 */
        /* iphone 5 */ }
        @media all and (max-width: 1000px) and (orientation: landscape) {
          .c-actividad__media__content__iframe {
            width: 700px;
            height: 400px;
            transform-origin: 0 0; } }
        @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
          .c-actividad__media__content__iframe {
            transform: scale(0.94); } }
        @media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: landscape) {
          .c-actividad__media__content__iframe {
            transform: scale(0.9); } }
        @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
          .c-actividad__media__content__iframe {
            transform: scale(0.75); } }
    .c-actividad__media__link-fullscreen {
      display: inline;
      float: left; }
      .c-actividad__media__link-fullscreen i {
        width: 18px;
        height: 18px;
        font-size: 18px; }
    .c-actividad__media__share {
      clear: both;
      float: left;
      margin-top: 30px; }
      @media all and (min-width: 1000px) {
        .c-actividad__media__share {
          float: right;
          margin-top: 0;
          clear: none; } }
  .c-actividad--resumen .c-actividad {
    display: block; }
  .c-actividad--resumen .c-actividad__menu-media {
    display: none; }
  .c-actividad--menu .c-actividad {
    display: none; }
  .c-actividad--menu .c-actividad__menu {
    display: block; }
  @media all and (max-width: 1000px) {
    .c-actividad--menu .c-actividad__media {
      display: none; }
    .c-actividad--menu .c-actividades__otras-actividades {
      display: none; } }
  .c-actividad--media .c-actividad {
    display: none; }
  @media all and (max-width: 1000px) {
    .c-actividad--media .c-actividad__media {
      display: block; }
    .c-actividad--media .c-actividad__menu {
      display: none; } }

.c-text--finalizada {
  color: #e52726;
  font-weight: bold; }

.c-list--links, .c-list--links--line, .c-list--links--2col, .c-block--2col > ul, .c-block > ul, .c-block--line__wrap > ul, .c-block--line > ul {
  list-style: none;
  margin-top: 20px; }
  .c-list--links li, .c-list--links--line li, .c-list--links--2col li, .c-block--2col > ul li, .c-block > ul li, .c-block--line__wrap > ul li, .c-block--line > ul li {
    display: table;
    width: 100%;
    min-height: 50px;
    border-bottom: 1px dotted #c9c9c9; }
    .c-list--links li:first-child, .c-list--links--line li:first-child, .c-list--links--2col li:first-child, .c-block--2col > ul li:first-child, .c-block > ul li:first-child, .c-block--line__wrap > ul li:first-child, .c-block--line > ul li:first-child {
      margin-top: 20px;
      border-top: 1px dotted #c9c9c9; }
  .c-list--links a, .c-list--links--line a, .c-list--links--2col a, .c-block--2col > ul a, .c-block > ul a, .c-block--line__wrap > ul a, .c-block--line > ul a {
    display: table-cell;
    vertical-align: middle; }
  .c-list--links--line {
    border-left: 1px solid #c9c9c9;
    padding-left: 15px; }
  .c-list--links--2col, .c-block--2col > ul {
    border-left: 0;
    padding-left: 0; }
    @media all and (min-width: 1000px) {
      .c-list--links--2col, .c-block--2col > ul {
        columns: 2;
        column-gap: 20px; }
        .c-list--links--2col li, .c-block--2col > ul li {
          height: 50px; }
        .c-list--links--2col li + li:last-child::after, .c-block--2col > ul li + li:last-child::after {
          content: "";
          width: 47%;
          position: absolute;
          bottom: 20px;
          left: 20px;
          columns: 2;
          border-top: 1px dotted #cacaca; } }

.c-block, .c-block--line__wrap, .c-block--2col {
  box-sizing: border-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #c9c9c9;
  background-color: white;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 30px; }
  .c-block > ul, .c-block--line__wrap > ul, .c-block--2col > ul {
    margin-left: 15px; }
  @media all and (min-width: 1000px) {
    .c-block, .c-block--line__wrap, .c-block--2col {
      padding-top: 20px;
      padding-right: 50px; }
      .c-block > ul, .c-block--line__wrap > ul, .c-block--2col > ul {
        margin-left: 50px;
        margin-right: 30px; } }
  .c-block--line {
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #c9c9c9;
    background-color: white;
    padding: 20px; }
    .c-block--line::after {
      content: "";
      position: absolute;
      display: block;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 80px;
      background: linear-gradient(to top, rgba(255, 0, 0, 0), white); }
    .c-block--line__wrap {
      border-top: 0;
      border-right: 0;
      border-bottom: 0;
      box-shadow: none;
      padding-top: 10px;
      padding-right: 0;
      height: 400px;
      overflow-y: auto; }
  @media all and (min-width: 1000px) {
    .c-block--2col > ul {
      margin-left: 50px; } }

.c-btn, .c-btn--arrow, .c-btn--next, .c-btn--invert, .c-btn--prev {
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  border-radius: 3px;
  border: 0;
  background-color: #4891dc;
  color: white;
  appearance: none;
  line-height: 50px;
  font-family: "IbercajaBold";
  text-transform: uppercase;
  font-size: 11px;
  text-align: center; }
  @media all and (min-width: 1000px) {
    .c-btn, .c-btn--arrow, .c-btn--next, .c-btn--invert, .c-btn--prev {
      font-size: 13px; } }
  .c-btn:link, .c-btn--arrow:link, .c-btn--next:link, .c-btn--invert:link, .c-btn--prev:link, .c-btn:visited, .c-btn--arrow:visited, .c-btn--next:visited, .c-btn--invert:visited, .c-btn--prev:visited, .c-btn:hover, .c-btn--arrow:hover, .c-btn--next:hover, .c-btn--invert:hover, .c-btn--prev:hover {
    color: white; }
  .c-btn:hover, .c-btn--arrow:hover, .c-btn--next:hover, .c-btn--invert:hover, .c-btn--prev:hover {
    background-color: #0062ae;
    color: white; }
  .c-btn--arrow::after, .c-btn--next::after {
    content: "\f105";
    font-family: "FontAwesome";
    color: white;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 400; }
  .c-btn--invert {
    background-color: transparent;
    color: #4891dc;
    border: 1px solid #4891dc; }
    .c-btn--invert:link, .c-btn--invert:visited {
      color: #4891dc; }
    .c-btn--invert:hover {
      color: white; }
    .c-btn--invert::after {
      content: "\f105";
      font-family: "FontAwesome";
      color: #4891dc;
      margin-left: 10px;
      font-size: 13px;
      font-weight: 400; }
    .c-btn--invert:hover::after {
      color: white; }
  .c-btn--round {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    color: #0062ae;
    line-height: 30px;
    border: 1px solid #0062ae;
    border-radius: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px; }
    .c-btn--round:hover {
      background-color: #0062ae;
      color: white; }
  .c-btn--prev::before {
    content: "\f104";
    font-family: "FontAwesome";
    color: white;
    margin-right: 10px;
    font-size: 13px;
    font-weight: 400; }

.c-columns {
  list-style: none;
  padding-left: 0;
  box-sizing: border-box;
  display: block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px; }
  .c-columns li {
    padding-left: 0;
    /* remove bullet */ }
    .c-columns li + .c-columns li {
      margin: 0; }
    .c-columns li::before {
      display: none; }
  @media (min-width: 1000px) {
    .c-columns {
      columns: 2;
      column-gap: 20px;
      position: relative; } }
  .c-columns > * {
    display: table;
    width: 100%;
    height: 70px;
    border-top: 1px dotted #cacaca;
    overflow: hidden;
    break-inside: avoid-column; }
    .c-columns > *:last-child {
      border-bottom: 1px dotted #cacaca; }
    @media (min-width: 1000px) {
      .c-columns > *:first-child + *::after {
        content: "";
        width: 47%;
        position: absolute;
        bottom: 0;
        left: 20px;
        columns: 2;
        border-top: 1px dotted #cacaca; } }
    .c-columns > * a {
      display: table-cell;
      vertical-align: middle; }

/*
<div class="filacuerpo">
        <div class="c-error404">
          <img src="../images2017/alert.png" alt="">
          <em>
            ERROR
            <strong>404</strong>
          </em>
          <p>Página no encontrada</p>
        </div>
      </div>
      */
.c-error404 {
  text-align: center;
  margin-bottom: 30px; }
  .c-error404 img {
    display: block;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto; }
  .c-error404 em {
    display: block;
    margin-bottom: 10px;
    font-style: normal;
    color: #0062ae;
    font-family: "IbercajaBold";
    font-size: 30px;
    line-height: 30px; }
    .c-error404 em strong {
      display: block;
      font-size: 90px;
      line-height: 90px; }

.c-check {
  vertical-align: middle;
  line-height: 20px; }
  @media all and (min-width: 1000px) {
    .c-check {
      font-size: 10px; } }
  .c-check input[type=checkbox] {
    display: inline;
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    appearance: none;
    border: 1px solid #0062ae;
    background-color: white;
    margin-right: 10px; }
    .c-check input[type=checkbox]:checked {
      position: relative; }
      .c-check input[type=checkbox]:checked::before {
        position: absolute;
        top: 4px;
        left: 3px;
        transform: rotate(-45deg);
        content: "";
        display: block;
        width: 12px;
        height: 7px;
        line-height: 0;
        border-left: 3px solid #0062ae;
        border-bottom: 3px solid #0062ae; }
        @media all and (min-width: 1000px) {
          .c-check input[type=checkbox]:checked::before {
            width: 10px;
            height: 5px; } }

.c-form__have-account {
  padding: 20px; }
  .c-form__have-account h3,
  .c-form__have-account h2 {
    margin-bottom: 20px; }
  .c-form__have-account a {
    display: block;
    max-width: 300px; }
  @media all and (min-width: 1000px) {
    .c-form__have-account {
      padding: 0 80px 80px; } }

.c-input, .c-input--search {
  display: block;
  min-width: 280px;
  height: 40px;
  line-height: 40px;
  border-radius: 2px 3px 3px 2px;
  border: 1px solid #c9c9c9;
  appearance: none;
  font-family: "Verdana";
  text-indent: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  color: black; }
  .c-input::placeholder, .c-input--search::placeholder {
    color: #888888; }
  .c-input--search {
    background: white url("../images2017/lupa-icn.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center right 10px; }

@media all and (min-width: 1025px) {
  .c-header__ham {
    display: none; } }

.c-h2 {
  font-family: "IbercajaBold"; }
  .c-h2--cintillo, .c-block > h2, .c-block--line__wrap > h2, .c-block--2col > h2, .c-block > h3, .c-block--line__wrap > h3, .c-block--2col > h3, .c-block > h4, .c-block--line__wrap > h4, .c-block--2col > h4, .c-h2--cintillo--1col {
    position: relative;
    box-sizing: border-box;
    display: block;
    width: calc( 100% + 5px );
    margin-left: -5px;
    margin-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    font-family: "IbercajaBold";
    font-size: 15px;
    line-height: 25px;
    color: white;
    background-color: #898989;
    text-transform: uppercase; }
    .c-h2--cintillo::after, .c-block > h2::after, .c-block--line__wrap > h2::after, .c-block--2col > h2::after, .c-block > h3::after, .c-block--line__wrap > h3::after, .c-block--2col > h3::after, .c-block > h4::after, .c-block--line__wrap > h4::after, .c-block--2col > h4::after, .c-h2--cintillo--1col::after {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 0;
      height: 0;
      border-top: 5px solid #535353;
      border-left: 5px solid transparent; }
    @media all and (min-width: 1000px) {
      .c-h2--cintillo, .c-block > h2, .c-block--line__wrap > h2, .c-block--2col > h2, .c-block > h3, .c-block--line__wrap > h3, .c-block--2col > h3, .c-block > h4, .c-block--line__wrap > h4, .c-block--2col > h4, .c-h2--cintillo--1col {
        display: inline-block;
        width: initial;
        padding-left: 50px;
        padding-right: 50px; } }
    .c-h2--cintillo--1col {
      width: calc( 100% + 5px );
      padding-left: 10px;
      padding-right: 10px;
      margin-left: -5px; }

.c-h3 {
  font-size: 23px;
  font-family: IbercajaBold;
  text-transform: uppercase; }
  @media all and (max-width: 1023px) {
    .c-h3 {
      font-size: 20px; } }
  .c-h3--blue {
    @extends .c-h3;
    color: #0062ae; }
  .c-h3--black {
    @extends .c-h3;
    color: black; }

.c-h4, .c-actividad__menu__title, .c-search__suggest h2 {
  font-size: 11px;
  font-weight: 700;
  font-family: "IbercajaBold";
  line-height: 15px;
  text-transform: uppercase; }
  @media all and (min-width: 1000px) {
    .c-h4, .c-actividad__menu__title, .c-search__suggest h2 {
      font-size: 13px; } }

.c-login {
  width: 100%;
  max-width: 400px;
  margin-top: 40px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border: 1px solid #c9c9c9;
  background-color: #e5eff7; }
  .c-login, .c-login * {
    box-sizing: border-box; }
  @media all and (min-width: 1000px) {
    .c-login {
      float: right;
      font-size: 14px; }
      .c-login:after {
        content: "";
        display: table;
        clear: both; } }
  .c-login__nav {
    height: 50px;
    margin-bottom: 30px; }
    .c-login__nav > div {
      display: inline-block;
      float: left;
      width: calc( 50% + 1px );
      height: 50px;
      padding-top: 10px;
      padding-right: calc( 100% * 10 / 140 );
      padding-left: calc( 100% * 10 / 140 );
      background-color: #4891dc;
      border-bottom: 1px solid #c9c9c9;
      color: white;
      font-family: "IbercajaBold";
      text-transform: uppercase;
      text-align: center;
      cursor: pointer; }
      .c-login__nav > div:first-child {
        margin-left: -1px; }
      .c-login__nav > div:first-child + div {
        margin-right: -1px; }
      .c-login__nav > div.is-active {
        transition: color .5s ease;
        height: 55px;
        margin-top: -5px;
        padding-top: 14px;
        color: black;
        background-color: #e5eff7;
        border-left: 1px solid #c9c9c9;
        border-right: 1px solid #c9c9c9;
        border-top: 1px solid #c9c9c9;
        border-bottom: none; }
      .c-login__nav > div:not(.is-active):hover {
        background-color: #0062ae;
        color: white; }
  .c-login__section {
    opacity: 0;
    z-index: -1;
    height: 0;
    overflow: hidden; }
    .c-login__section.is-active {
      opacity: 1;
      z-index: 100;
      height: auto;
      transition: opacity .6s ease; }
    .c-login__section form {
      padding: 20px;
      margin-bottom: 20px; }
    .c-login__section h2 {
      margin-bottom: 20px;
      font-family: "IbercajaBold";
      text-transform: uppercase;
      font-size: 20px;
      color: #0062ae; }
    .concurso.concurso .c-login__section h3 {
      font-size: 11px;
      padding: 0; }
      @media all and (min-width: 1000px) {
        .concurso.concurso .c-login__section h3 {
          font-size: 14px; } }
    .c-login__section label {
      display: block;
      margin-bottom: 10px; }
    .c-login__section input {
      display: block;
      width: 100%;
      margin-bottom: 20px;
      line-height: 40px;
      border: 1px solid #c9c9c9;
      text-indent: 10px; }
    .c-login__section .c-btn, .c-login__section .c-btn--arrow, .c-login__section .c-btn--next, .c-login__section .c-btn--invert, .c-login__section .c-btn--prev {
      width: 100%;
      margin-top: 20px;
      margin-bottom: 20px; }
    .c-login__section__register {
      padding: 20px;
      border-top: 1px solid #c9c9c9; }

.c-msg, .c-msg--error {
  box-sizing: border-box;
  display: block;
  height: auto;
  padding-top: 60px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-left: 30px;
  text-align: center; }
  body .content.content .c-msg p, body .content.content .c-msg--error p {
    font-size: 15px;
    line-height: 20px; }
  .c-msg a, .c-msg--error a {
    display: block;
    margin-top: 20px;
    font-size: 12px;
    line-height: 15px; }
  @media all and (min-width: 1000px) {
    .c-msg, .c-msg--error {
      min-height: 80px;
      padding-top: 20px;
      padding-left: 90px;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      text-align: left; }
      body .content.content .c-msg p, body .content.content .c-msg--error p {
        font-size: 16px; }
      .c-msg a, .c-msg--error a {
        margin-top: 5px;
        font-size: 14px; } }
  .c-msg--error {
    border: 1px solid #e52726;
    background: #fbf7d7 url("../images2017/alert.png") no-repeat center 20px;
    background-size: 30px 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
    @media all and (min-width: 1000px) {
      .c-msg--error {
        border: 1px solid #e52726;
        background-size: 40px 40px;
        background-position: 30px center; } }

.c-modulo__nav {
  border: 1px solid red;
  width: calc( 100% * 305px / 945px ); }
  .c-modulo__nav, .c-modulo__nav * {
    box-sizing: border-box; }

.c-modulo__media {
  border: 1px solid red;
  width: calc( 100% * 620px / 945px ); }
  .c-modulo__media, .c-modulo__media * {
    box-sizing: border-box; }

.c-search__results {
  margin-top: 20px; }
.c-search__nav {
  height: 50px;
  margin-top: 20px; }
  .c-search__nav .c-btn--prev,
  .c-search__nav .c-btn--next {
    width: 130px; }
  .c-search__nav .c-btn--prev {
    float: left; }
  .c-search__nav .c-btn--next {
    float: right; }
.c-search__again {
  margin-top: 50px; }
  .c-search__again h2 {
    margin-bottom: 20px; }
.c-search__suggest {
  margin-top: 40px; }
  .c-search__suggest ul {
    margin-top: 15px;
    margin-left: 15px; }
  .c-search__suggest li {
    margin-bottom: 10px; }

.c-share h3 {
  font-size: 14px;
  font-weight: bold;
  font-family: "IbercajaBold";
  text-transform: uppercase;
  line-height: 20px; }
.c-share__wrap {
  list-style: none;
  margin-top: 10px;
  /* override */ }
  #contenido .c-share__wrap {
    padding-left: 0; }
  .c-share__wrap li {
    display: inline-block;
    float: left;
    width: 55px;
    line-height: 50px;
    margin-right: 20px;
    vertical-align: middle; }
  .c-share__wrap a {
    display: block;
    width: 55px;
    height: 50px;
    border: 1px solid #0062ae;
    border-radius: 2px; }
    .c-share__wrap a:hover {
      border-color: #e52726; }
    .c-share__wrap a img {
      width: 55px;
      height: 50px;
      /* override */ }
      #contenido .c-share__wrap a img {
        padding-left: 0; }

/*------------------------------------*\
    #DISPLAY
\*------------------------------------*/
/**
 * General helper classes for controlling display
 *
 * These are the basic classes you might need to apply to typical HTML content.
 * If you find yourself needing something like `table`, `table-cell`, `flex`,
 * etc., then you probably need a more complex object and shouldn't be using
 * utility classes in the first place.
 */
.u-display-none {
  display: none !important; }

.u-display-block {
  display: block !important; }

.u-display-inline {
  display: inline !important; }

.u-display-inline-block {
  display: inline-block !important; }

/**
 * Completely hide content from view and from screenreaders.
 */
.u-hide {
  display: none !important; }

/**
 * Hide content from view, but leave it accessible to screenreaders.
 *
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.u-hide-visually {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important; }

@media all and (max-width: 1000px) {
  .u-hide-mobile {
    display: none !important; } }

@media all and (min-width: 1000px) and (max-width: 1024px) {
  .u-hide-tablet {
    display: none !important; } }

@media all and (min-width: 1025px) {
  .u-hide-desktop {
    display: none !important; } }

@media all and (max-width: 1024px) {
  .u-only-desktop {
    display: none !important; } }

@media all and (min-width: 1000px) {
  .u-only-mobile {
    display: none !important; } }

/*------------------------------------*\
    #GRID
\*------------------------------------*/
/*------------------------------------*\
    #TYPOGRAPHY
\*------------------------------------*/
/**
 * Adjustments.
 *
 * ‘Can you just make that text a little bigger?’
 *
 * Sure! Use these utilities to adjust the size of a span of text by a little
 * bit more, or a little bit less, e.g.:
 *
     <p class="u-text++">A little bit bigger.</p>
 *
 */
.u-text\+\+ {
  font-size: larger  !important; }

.u-text-- {
  font-size: smaller !important; }

/**
 * Alignments.
 */
.u-text-right {
  text-align: right !important; }

.u-text-left {
  text-align: left     !important; }

.u-text-center {
  text-align: center  !important; }

.u-text-justify {
  text-align: justify  !important; }

/**
 * Truncation.
 *
 * Cause long spans of text to truncate after running out of horizontal space.
 */
.u-text-truncate {
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important; }

/*------------------------------------*\
    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes take a fraction-like format (e.g. `.u-2/3`).
 *
 * Use these in your markup, e.g.:
 *
 * <div class="u-7/12">
 *
 */
.u-1\/1 {
  width: 100% !important; }

.u-1\/2 {
  width: 50% !important; }

.u-2\/2 {
  width: 100% !important; }

.u-1\/3 {
  width: 33.3333333333% !important; }

.u-2\/3 {
  width: 66.6666666667% !important; }

.u-3\/3 {
  width: 100% !important; }

.u-1\/4 {
  width: 25% !important; }

.u-2\/4 {
  width: 50% !important; }

.u-3\/4 {
  width: 75% !important; }

.u-4\/4 {
  width: 100% !important; }

.u-1\/5 {
  width: 20% !important; }

.u-2\/5 {
  width: 40% !important; }

.u-3\/5 {
  width: 60% !important; }

.u-4\/5 {
  width: 80% !important; }

.u-5\/5 {
  width: 100% !important; }

@media screen and (min-width: 720px) {
  .u-1\/1\@sm {
    width: 100% !important; }

  .u-1\/2\@sm {
    width: 50% !important; }

  .u-2\/2\@sm {
    width: 100% !important; }

  .u-1\/3\@sm {
    width: 33.3333333333% !important; }

  .u-2\/3\@sm {
    width: 66.6666666667% !important; }

  .u-3\/3\@sm {
    width: 100% !important; }

  .u-1\/4\@sm {
    width: 25% !important; }

  .u-2\/4\@sm {
    width: 50% !important; }

  .u-3\/4\@sm {
    width: 75% !important; }

  .u-4\/4\@sm {
    width: 100% !important; }

  .u-1\/5\@sm {
    width: 20% !important; }

  .u-2\/5\@sm {
    width: 40% !important; }

  .u-3\/5\@sm {
    width: 60% !important; }

  .u-4\/5\@sm {
    width: 80% !important; }

  .u-5\/5\@sm {
    width: 100% !important; } }
@media screen and (min-width: 1024px) {
  .u-1\/1\@md {
    width: 100% !important; }

  .u-1\/2\@md {
    width: 50% !important; }

  .u-2\/2\@md {
    width: 100% !important; }

  .u-1\/3\@md {
    width: 33.3333333333% !important; }

  .u-2\/3\@md {
    width: 66.6666666667% !important; }

  .u-3\/3\@md {
    width: 100% !important; }

  .u-1\/4\@md {
    width: 25% !important; }

  .u-2\/4\@md {
    width: 50% !important; }

  .u-3\/4\@md {
    width: 75% !important; }

  .u-4\/4\@md {
    width: 100% !important; }

  .u-1\/5\@md {
    width: 20% !important; }

  .u-2\/5\@md {
    width: 40% !important; }

  .u-3\/5\@md {
    width: 60% !important; }

  .u-4\/5\@md {
    width: 80% !important; }

  .u-5\/5\@md {
    width: 100% !important; } }
@media screen and (min-width: 1280px) {
  .u-1\/1\@lg {
    width: 100% !important; }

  .u-1\/2\@lg {
    width: 50% !important; }

  .u-2\/2\@lg {
    width: 100% !important; }

  .u-1\/3\@lg {
    width: 33.3333333333% !important; }

  .u-2\/3\@lg {
    width: 66.6666666667% !important; }

  .u-3\/3\@lg {
    width: 100% !important; }

  .u-1\/4\@lg {
    width: 25% !important; }

  .u-2\/4\@lg {
    width: 50% !important; }

  .u-3\/4\@lg {
    width: 75% !important; }

  .u-4\/4\@lg {
    width: 100% !important; }

  .u-1\/5\@lg {
    width: 20% !important; }

  .u-2\/5\@lg {
    width: 40% !important; }

  .u-3\/5\@lg {
    width: 60% !important; }

  .u-4\/5\@lg {
    width: 80% !important; }

  .u-5\/5\@lg {
    width: 100% !important; } }
@media screen and (min-width: 1440px) {
  .u-1\/1\@xl {
    width: 100% !important; }

  .u-1\/2\@xl {
    width: 50% !important; }

  .u-2\/2\@xl {
    width: 100% !important; }

  .u-1\/3\@xl {
    width: 33.3333333333% !important; }

  .u-2\/3\@xl {
    width: 66.6666666667% !important; }

  .u-3\/3\@xl {
    width: 100% !important; }

  .u-1\/4\@xl {
    width: 25% !important; }

  .u-2\/4\@xl {
    width: 50% !important; }

  .u-3\/4\@xl {
    width: 75% !important; }

  .u-4\/4\@xl {
    width: 100% !important; }

  .u-1\/5\@xl {
    width: 20% !important; }

  .u-2\/5\@xl {
    width: 40% !important; }

  .u-3\/5\@xl {
    width: 60% !important; }

  .u-4\/5\@xl {
    width: 80% !important; }

  .u-5\/5\@xl {
    width: 100% !important; } }
/* Enlaces */
a:hover,
a:focus,
a:active {
  font-weight: normal !important; }

/* Cintillo */
.detalle .bloqueazul .cintillo .titulo.titulo {
  font-size: 11px; }

/* Botones */
.bloque300 .boton.boton {
  padding-left: 10px;
  padding-right: 10px; }

/* Buscador */
.nota.nota {
  height: 60px; }

.c-header__search {
  display: block;
  float: right;
  width: 300px;
  height: 35px;
  line-height: 35px;
  margin-top: 10px;
  margin-right: 0;
  border-radius: 2px 3px 3px 2px;
  border: 1px solid #c9c9c9;
  appearance: none;
  font-family: "Verdana";
  text-indent: 10px;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  color: black;
  background: white url("../images2017/lupa-icn.png");
  background-repeat: no-repeat;
  background-size: 19px 19px;
  background-position: center right 10px; }
  .c-header__search::placeholder {
    color: #888888; }

/* Títulos */
.content h1 {
  font-size: 13px;
  line-height: 30px; }
  .c-home .content h1 {
    margin-top: 5px;
    margin-bottom: 0; }
  .content h1.textoazul {
    font-size: 20px; }
    @media all and (min-width: 1000px) {
      .content h1.textoazul {
        margin-top: 40px; }
        .c-home .content h1.textoazul {
          margin-top: 5px;
          margin-bottom: 0; } }
  .content h1.fltlft {
    display: inline-block; }
  .content h1 span {
    margin-top: 5px;
    display: block;
    font-size: 20px; }
  @media all and (min-width: 1000px) {
    .content h1 {
      font-size: 15px; }
      .content h1.textoazul {
        font-size: 30px; }
      .content h1 i.angtitulo {
        font-size: 20px; }
      .content h1 span {
        margin-top: 10px;
        display: block;
        font-size: 30px; } }

i.angtitulo.angtitulo {
  display: none; }

/* Content */
body .content.content p,
body .content.content li {
  font-size: 12px;
  line-height: 15px; }

.content .detalle .fltlft {
  margin-bottom: 40px; }

.dosbloques .fltrt .esquinaroja.esquinaroja {
  padding-top: 40px; }

/* footer */
.footer {
  clear: both; }

/* Form */
input::placeholder {
  text-indent: 10px;
  color: #aaa; }

#bregistro {
  height: 50px; }

/* Concurso */
.concurso.concurso img {
  margin-top: 20px;
  margin-bottom: 20px; }
body .concurso.concurso ol {
  counter-reset: item;
  list-style-position: inside;
  padding-left: 0; }
  body .concurso.concurso ol li {
    display: block;
    margin-top: 10px; }
    body .concurso.concurso ol li:before {
      content: counter(item) ". ";
      counter-increment: item;
      font-weight: bold; }

/* Registro */
.filaformulario.filaformulario h2 {
  font-family: "IbercajaBold";
  font-size: 11px;
  text-transform: uppercase;
  margin-top: 40px;
  margin-bottom: 20px; }

.campo.campo .mensaje {
  display: none !important; }

/* Replaced with Placeholder */
.filaformulario input[type=checkbox] {
  visibility: initial !important; }

/* Actividad */
body #ficha {
  border-left: none; }

#ficha ul li.apartado.apartado {
  width: initial; }

#ficha ul li.titulo.titulo a {
  color: #0062ae; }

#ficha ul.c-list--links, #ficha ul.c-list--links--line, #ficha ul.c-list--links--2col, #ficha .c-block--2col > ul, #ficha .c-block > ul, #ficha .c-block--line__wrap > ul, #ficha .c-block--line > ul {
  display: initial; }

#ficha ul li.titulo.titulo {
  width: calc( 100% - 10px ); }

@media all and (max-width: 1000px) {
  /* Overrides */
  *, *:before, *:after {
    box-sizing: inherit; }

  img {
    max-width: 100% !important; }

  html .fltlft.fltlft,
  html .fltrt.fltrt {
    float: none;
    padding-left: 0;
    padding-right: 0; }

  html body .fltlft.fltlft,
  html body .fltrt.fltrt,
  .grupotop.grupotop,
  .grupologo.grupologo,
  .grupofinal.grupofinal,
  .gruponota_cerrado.gruponota_cerrado,
  .grupomenuprincipal.grupomenuprincipal,
  .grupomenuprincipal ul.fltrt.fltrt,
  .cuerpo.cuerpo,
  .logotipos.logotipos,
  .bloque.bloque,
  .bloquepeque.bloquepeque,
  .bloque1.bloque1,
  .bloque300.bloque300,
  .bloque300.bloque300 h1,
  .unbloque.unbloque,
  .unbloquesin.unbloquesin,
  .dosbloques.dosbloques,
  .dosbloques .fila.fila,
  .unbloque.unbloque p,
  .unbloquesin.unbloquesin p,
  .unbloquesin .esquinaroja.esquinaroja,
  ul.menuinferior.menuinferior,
  .grupofinal .texto.texto,
  .descripcion.descripcion {
    width: initial; }

  .content .detalle .fltlft {
    width: initial !important; }

  .unbloque.unbloque,
  .unbloquesin.unbloquesin {
    height: auto; }

  .filacuerpoSM.filacuerpoSM,
  .filacuerpo.filacuerpo,
  .bloque300 .esquinaproja.esquinaproja {
    padding: 0; }

  .unbloque .esquinaroja img {
    width: 100%;
    max-width: 100%;
    height: auto !important; }

  .boton.boton {
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding-right: none;
    padding-left: none; } }
  @media all and (max-width: 1000px) and (min-width: 480px) and (max-width: 768px) {
    .boton.boton {
      width: initial;
      min-width: 190px;
      padding-right: 30px;
      padding-left: 30px; } }

@media all and (max-width: 1000px) {
  .esquinaroja.esquinaroja, .esquinaazul.esquinaazul,
  .esquinaproja.esquinaproja, .esquinapazul.esquinapazul,
  .dosbloques .fila.fila {
    background: none; }

  .bloque300.bloque300.bloque300 > .fila > img {
    display: none; }

  .bloque300.bloque300.bloque300 > .fila.foto > img {
    display: block; }

  .bloquepeque .cintillo.cintillo {
    width: auto; }

  .ul_forcontenido.ul_forcontenido {
    width: 100%; }
    .ul_forcontenido.ul_forcontenido li,
    .ul_forcontenido.ul_forcontenido li .cintillo,
    .ul_forcontenido.ul_forcontenido li ul.sub-menu,
    .ul_forcontenido.ul_forcontenido li ul.sub-menu li {
      width: initial; }

  #ficha ul li.titulo.titulo a {
    color: #0062ae; }

  #ficha ul li.titulo.titulo,
  #ficha ul li.apartado.apartado div,
  #ficha ul li.apartado.apartado,
  #ficha .fltlft.fltlft {
    width: initial; }

  #ficha ul li.titulo.titulo {
    width: calc( 100% - 10px ); }

  body #ficha {
    border-left: 0; }

  ul.ul_forconcursos.ul_forconcursos li,
  ul.ul_forconcursosa.ul_forconcursosa li,
  ul.ul_forconcursos.ul_forconcursos li ul.sub-menu li,
  ul.ul_forconcursos.ul_forconcursos,
  ul.ul_forconcursosa.ul_forconcursosa,
  ul.ul_forconcursos.ul_forconcursos li .cintillo,
  ul.ul_forconcursosa.ul_forconcursosa li .cintillo {
    width: initial; }

  ul.ul_forconcursos.ul_forconcursos li,
  ul.ul_forconcursosa.ul_forconcursosa li {
    padding-right: 20px; }

  body h1 {
    font-size: 20px; }

  .content_cerrado.content_cerrado {
    margin-top: 40px;
    margin-bottom: -50px;
    padding-bottom: 100px; }
    .c-home .content_cerrado.content_cerrado {
      margin-top: -45px; }

  .nota_cerrado.nota_cerrado,
  .menuprincipal.menuprincipal,
  .menuinferior.menuinferior {
    display: none; }

  .bloque1.bloque1.bloque1,
  .bloque300.bloque300.bloque300,
  .unbloque.unbloque,
  .dosbloques.dosbloques,
  .unbloquesin.unbloquesin {
    position: relative;
    width: calc( 100% * 280 / 320 );
    height: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    display: flex;
    flex-flow: column;
    font-size: 10px; }
    .bloque1.bloque1.bloque1:after,
    .bloque300.bloque300.bloque300:after,
    .unbloque.unbloque:after,
    .dosbloques.dosbloques:after,
    .unbloquesin.unbloquesin:after {
      content: "";
      display: table;
      clear: both; }
    .bloque1.bloque1.bloque1::before, .bloque1.bloque1.bloque1::after,
    .bloque300.bloque300.bloque300::before,
    .bloque300.bloque300.bloque300::after,
    .unbloque.unbloque::before,
    .unbloque.unbloque::after,
    .dosbloques.dosbloques::before,
    .dosbloques.dosbloques::after,
    .unbloquesin.unbloquesin::before,
    .unbloquesin.unbloquesin::after {
      box-sizing: border-box;
      content: "";
      position: absolute;
      display: block;
      width: 0;
      height: 0; }
    .bloque1.bloque1.bloque1::before,
    .bloque300.bloque300.bloque300::before,
    .unbloque.unbloque::before,
    .dosbloques.dosbloques::before,
    .unbloquesin.unbloquesin::before {
      top: 0;
      right: 0;
      /*border-top : 20px solid $s-color-red;
      border-left : 20px solid transparent;*/ }
    .bloque1.bloque1.bloque1::after,
    .bloque300.bloque300.bloque300::after,
    .unbloque.unbloque::after,
    .dosbloques.dosbloques::after,
    .unbloquesin.unbloquesin::after {
      bottom: 0;
      left: 0;
      /*border-bottom : 20px solid $s-color-blue;
      border-right : 20px solid transparent;*/ }
    .bloque1.bloque1.bloque1 h3,
    .bloque300.bloque300.bloque300 h3,
    .unbloque.unbloque h3,
    .dosbloques.dosbloques h3,
    .unbloquesin.unbloquesin h3 {
      font-family: "IbercajaBold";
      font-size: 11px !important;
      /* overrides inline! */
      margin-bottom: 5px; }
      .bloque1.bloque1.bloque1 h3:first-child,
      .bloque300.bloque300.bloque300 h3:first-child,
      .unbloque.unbloque h3:first-child,
      .dosbloques.dosbloques h3:first-child,
      .unbloquesin.unbloquesin h3:first-child {
        margin-bottom: 10px; }
    .bloque1.bloque1.bloque1 h1,
    .bloque300.bloque300.bloque300 h1,
    .unbloque.unbloque h1,
    .dosbloques.dosbloques h1,
    .unbloquesin.unbloquesin h1 {
      font-size: 25px !important;
      /* overrides inline! */
      line-height: 25px;
      margin-bottom: 10px; }
    .bloque1.bloque1.bloque1 p,
    .bloque300.bloque300.bloque300 p,
    .unbloque.unbloque p,
    .dosbloques.dosbloques p,
    .unbloquesin.unbloquesin p {
      line-height: 15px; }
    .bloque1.bloque1.bloque1 img,
    .bloque300.bloque300.bloque300 img,
    .unbloque.unbloque img,
    .dosbloques.dosbloques img,
    .unbloquesin.unbloquesin img {
      display: block;
      max-height: 200px;
      width: auto;
      margin-left: auto;
      margin-right: auto; }
    .bloque1.bloque1.bloque1 .boton,
    .bloque300.bloque300.bloque300 .boton,
    .unbloque.unbloque .boton,
    .dosbloques.dosbloques .boton,
    .unbloquesin.unbloquesin .boton {
      line-height: 50px;
      height: 50px;
      font-size: 11px;
      margin-bottom: 0; }
    .bloque1.bloque1.bloque1 .fltlft.fltlft,
    .bloque300.bloque300.bloque300 .fltlft.fltlft,
    .unbloque.unbloque .fltlft.fltlft,
    .dosbloques.dosbloques .fltlft.fltlft,
    .unbloquesin.unbloquesin .fltlft.fltlft {
      width: 100%;
      height: auto;
      order: 2;
      padding: 0;
      margin-top: 15px; }
    .bloque1.bloque1.bloque1 .fltrt.fltrt,
    .bloque300.bloque300.bloque300 .fltrt.fltrt,
    .unbloque.unbloque .fltrt.fltrt,
    .dosbloques.dosbloques .fltrt.fltrt,
    .unbloquesin.unbloquesin .fltrt.fltrt {
      width: 100%;
      height: auto;
      order: 1; }

  .dosbloques.dosbloques {
    position: relative; }
    .dosbloques.dosbloques h1 {
      font-size: 20px !important;
      /* overrides inline! */
      line-height: 20px; }
    .dosbloques.dosbloques h3 {
      font-size: 10px !important;
      /* overrides inline! */ }
    .dosbloques.dosbloques p {
      font-size: 10px;
      line-height: 15px; }
    .dosbloques.dosbloques.fltlft, .dosbloques.dosbloques.fltrt {
      width: calc( 100% * 280 / 320 );
      padding: 20px 15px 20px 15px; }
    .dosbloques.dosbloques .fltrt .esquinaroja,
    .dosbloques.dosbloques .fila {
      padding: 0 !important;
      /* overrides inline! */ }
      .dosbloques.dosbloques .fltrt .esquinaroja h3, .dosbloques.dosbloques .fltrt .esquinaroja h1, .dosbloques.dosbloques .fltrt .esquinaroja p,
      .dosbloques.dosbloques .fila h3,
      .dosbloques.dosbloques .fila h1,
      .dosbloques.dosbloques .fila p {
        width: 60%;
        display: block;
        float: none; }
    .dosbloques.dosbloques .fltlft,
    .dosbloques.dosbloques .fila_imagen {
      width: 30%;
      height: 180px;
      line-height: 180px;
      position: absolute;
      top: .5vw;
      right: 15px;
      text-align: center; }
      .dosbloques.dosbloques .fltlft.fltlft.fltlft,
      .dosbloques.dosbloques .fila_imagen.fltlft.fltlft {
        width: 30%; }
      .dosbloques.dosbloques .fltlft img,
      .dosbloques.dosbloques .fila_imagen img {
        max-width: 120px;
        max-height: 130px;
        width: auto;
        height: auto !important;
        vertical-align: middle;
        display: inline; }

  .bloque300.bloque300.bloque300 .fila {
    padding: 0 !important;
    /* overrides inline! */ }
  .bloque300.bloque300.bloque300 .boton.boton {
    margin-top: 20px !important;
    /* overrides inline! */ }
  .bloque300.bloque300.bloque300 .foto {
    margin-bottom: 20px;
    /* overrides inline! */ }

  .unbloquesin.unbloquesin .esquinaroja {
    padding: initial;
    height: auto; }

  body #contenido {
    padding: 0;
    border: 0;
    box-shadow: none; }

  .content.content {
    background-color: white; }

  .cuerpo.cuerpo {
    width: calc( 100% * 280 / 320 );
    box-shadow: none; }

  .aligncenter.aligncenter {
    height: auto; }

  /* HOME */
  .unbloquesin div.fltlft.fltlft img {
    width: auto;
    height: auto; }

  /* LISTADO */
  .ul_forcontenido.ul_forcontenido > li {
    display: block;
    float: none;
    padding-right: 20px;
    padding-bottom: 30px; }

  .ul_forcontenido.ul_forcontenido > li .cintillo {
    width: 102%; }

  .ul_forcontenido.ul_forcontenido li ul.sub-menu li {
    width: auto;
    float: none;
    display: block;
    margin-left: 20px;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: initial;
    border-bottom: 1px dotted #c9c9c9; }
    .ul_forcontenido.ul_forcontenido li ul.sub-menu li:first-child {
      border-top: 1px dotted #c9c9c9;
      margin-top: 20px; }
    .ul_forcontenido.ul_forcontenido li ul.sub-menu li p.vermas {
      border: 0 !important;
      line-height: 15px; }

  .bloque.bloque .cintillo.cintillo {
    width: 95%;
    height: auto; }
    .bloque.bloque .cintillo.cintillo .titulo {
      height: auto;
      line-height: 15px;
      padding-top: 5px;
      padding-bottom: 5px; }

  /* REGISTRO */
  .filaformulario.filaformulario {
    padding-left: 20px;
    padding-right: 20px; }

  .campo.campo input,
  .campo.campo select,
  .campo.campo input.peq {
    display: block;
    width: 100%; }
    .campo.campo input::placeholder,
    .campo.campo select::placeholder,
    .campo.campo input.peq::placeholder {
      display: none;
      color: white; }

  .campo.campo input.peq {
    max-width: 300px; }

  label[for=condiciones] {
    display: none; }

  .filaformulario .campocheck_no.campocheck_no {
    left: 0; }

  .filaformulario .campoboton.campoboton {
    margin-right: 0; }
    .filaformulario .campoboton.campoboton button {
      width: 100%;
      max-width: 300px; }

  .header.header {
    height: 220px;
    background-color: white; }

  .top.top {
    position: relative;
    z-index: 10;
    font-size: 6px; }

  .header .grupotop.grupotop {
    margin-right: auto;
    margin-left: auto; }
    html .header .grupotop.grupotop {
      width: calc( 100% * 280 / 320 ); }
    .header .grupotop.grupotop .blanco {
      font-size: 9px; }
    .header .grupotop.grupotop .fltlft {
      float: left; }
    .header .grupotop.grupotop .fltrt {
      float: right; }

  .grupologo.grupologo {
    height: 212px; }
    .grupologo.grupologo > a:first-child {
      display: none; }
    .grupologo.grupologo::before {
      z-index: 8;
      content: "";
      display: block;
      position: absolute;
      width: 260px;
      height: 260px;
      background-color: #e52726;
      border-radius: 50%;
      top: -5%;
      left: -5%; } }
    @media all and (max-width: 1000px) and (min-width: 480px) and (max-width: 1000px) {
      .grupologo.grupologo::before {
        width: 280px;
        height: 280px;
        top: -80px; } }

@media all and (max-width: 1000px) {
  body .grupologo #aulaenred {
    width: 25%;
    margin-top: 5%;
    margin-left: 10%; }
    html body .grupologo #aulaenred a, html body .grupologo #aulaenred a:link {
      width: initial;
      position: relative;
      z-index: 20;
      background: none; }
    body .grupologo #aulaenred h3 {
      display: inline-block;
      padding-top: 10px;
      padding-left: 0;
      font-size: 28px;
      text-decoration: none;
      padding-bottom: 2px !important;
      /*border-bottom : 1px solid white;*/
      line-height: 28px; }
    body .grupologo #aulaenred h3 + h3 {
      display: block;
      width: 140px;
      margin-top: 10px;
      border-bottom: none;
      padding-left: 0 !important;
      /* overrides inline! */
      font-size: 35px !important;
      /* overrides inline! */ }

  .nota_cerrado.nota_cerrado,
  .nota.nota {
    display: none; }

  .c-header__ham {
    z-index: 15;
    width: calc( 100% * 280 / 320 );
    margin-top: -50px;
    margin-right: auto;
    margin-left: auto; }

  .c-menu__ham {
    width: 30px;
    height: 25px;
    float: right; }

  .iniciativa.iniciativa {
    height: auto;
    padding-top: 30px;
    padding-bottom: 35px; }
    .iniciativa.iniciativa .grupotop {
      width: calc( 100% * 280 / 320 );
      margin-right: auto;
      margin-left: auto; }
      .iniciativa.iniciativa .grupotop .fltlft,
      .iniciativa.iniciativa .grupotop .fltrt {
        height: initial;
        vertical-align: initial;
        line-height: initial;
        text-align: initial; }
      .iniciativa.iniciativa .grupotop .fltrt {
        margin-top: 30px; }
    .iniciativa.iniciativa a {
      display: block; }

  .final.final {
    height: auto;
    padding-bottom: 50px; }
    .final.final .grupofinal {
      width: calc( 100% * 280 / 320 );
      margin-right: auto;
      margin-left: auto;
      font-size: 10px; }

  .logotipos.logotipos {
    margin-top: 35px;
    text-align: left; }
    .logotipos.logotipos img {
      margin-top: 0; }
      .logotipos.logotipos img:first-child {
        margin-left: 0; }

  .enlaces.enlaces > div {
    float: none !important;
    /* overrides inline! */
    font-size: 10px;
    text-align: left !important;
    /* overrides inline! */ }

  #cookie-law-info-bar > span {
    width: 100% !important;
    text-align: left; }
    #cookie-law-info-bar > span a:last-child {
      width: 90%;
      font-size: 30px;
      line-height: 50px;
      text-decoration: underline; }

  .c-home__contenidos-didacticos {
    background: transparent url("../images2017/ordenador.png") no-repeat !important;
    background-position: top 68px right 18px !important;
    background-size: 85px !important; }
    .c-home__contenidos-didacticos.bloque300 {
      height: auto;
      min-height: 220px; }
    .c-home__contenidos-didacticos > div > div {
      max-width: 140px;
      margin-top: 15px !important;
      /* overrides inline! */
      margin-bottom: 20px; }
    .c-home__contenidos-didacticos .boton {
      width: calc( 100% * 120 / 250 );
      float: left;
      padding: initial;
      margin-top: 0 !important;
      /* overrides inline! */
      height: 40px !important;
      /* sorry! */
      line-height: 40px !important;
      /* sorry! */ }
    .c-home__contenidos-didacticos .boton + .boton {
      float: right;
      margin-top: 0; }

  .c-h3--blue,
  .c-h3--black {
    font-size: 20px !important;
    /* overrides inline! */ }

  .menuprincipal.menuprincipal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    height: 300vh;
    background-color: #535353; }

  #menu-menu-principal {
    margin-top: 60px; }

  .menuprincipal .menu-item.menu-item {
    display: block;
    width: 100%;
    border-top: 1px solid #7a7a7a; }
    .menuprincipal .menu-item.menu-item:last-child {
      border-bottom: 1px solid #7a7a7a; }
    .menuprincipal .menu-item.menu-item a {
      display: block;
      width: 100%;
      line-height: 60px;
      padding: 0;
      text-align: center;
      background: none; }
    .menuprincipal .menu-item.menu-item .sub-menu.sub-menu {
      display: none; }
    .menuprincipal .menu-item.menu-item.is-active {
      background-color: #343434 !important; }
      .menuprincipal .menu-item.menu-item.is-active > .sub-menu.sub-menu {
        display: block; }

  .grupomenuprincipal.grupomenuprincipal li > ul {
    position: relative;
    top: initial;
    z-index: 100;
    width: 100%;
    min-width: initial;
    max-width: 100%;
    height: auto; }
    .grupomenuprincipal.grupomenuprincipal li > ul li a {
      border-top: none;
      background: transparent;
      height: 60px;
      overflow: hidden; }
    .grupomenuprincipal.grupomenuprincipal li > ul li > a {
      max-width: initial; }

  .c-menu__ham {
    width: 65px;
    height: 65px;
    padding: 20px 15px 15px 20px;
    margin-right: -15px;
    background: transparent;
    border: 0;
    appearance: none;
    position: relative;
    z-index: 80;
    cursor: pointer; }
  .c-menu__close {
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 200;
    background-color: #535353;
    background-color: rgba(83, 83, 83, 0.9); }
    .c-menu__close button {
      margin: 0;
      border: 0;
      padding: 0;
      background: transparent; }
    .c-menu__close img {
      display: inline;
      width: 60px;
      height: 60px;
      padding: 15px 20px 15px 10px; }
  .c-menu__search {
    padding-top: 50px;
    text-align: center; }
    .c-menu__search input {
      width: 280px;
      height: 40px;
      font-size: 16px;
      line-height: 40px;
      font-family: "Verdana";
      color: black;
      text-indent: 10px;
      border: 1px solid #c9c9c9;
      background: white url("../images2017/lupa-icn.png") no-repeat right center;
      background-position: center right 15px;
      border-radius: 0; }
      .c-menu__search input::placeholder {
        color: #888; }
  .c-menu.is-active {
    display: block; } }
@media all and (min-width: 1000px) and (max-width: 1024px) {
  /* Overrides */
  .grupotop.grupotop,
  .grupologo.grupologo {
    width: 100%; }

  .container.container {
    background: none !important; }

  .cuerpo.cuerpo {
    box-shadow: none; }

  .menuinferior.menuinferior {
    display: none; }

  .ul_forcontenido.ul_forcontenido {
    width: 100%; }
    .ul_forcontenido.ul_forcontenido li,
    .ul_forcontenido.ul_forcontenido li .cintillo,
    .ul_forcontenido.ul_forcontenido li ul.sub-menu,
    .ul_forcontenido.ul_forcontenido li ul.sub-menu li {
      width: initial; }

  #ficha ul li.apartado.apartado,
  #ficha ul li.apartado.apartado div {
    width: initial; }

  .content.content {
    top: 0;
    margin-top: 10px;
    margin-bottom: 80px; }
    .c-home .content.content {
      margin-top: -45px; }

  .footer.footer {
    clear: both; }

  /* Módulo */
  .grupologo > a:first-child,
  .menuprincipal.menuprincipal {
    display: none; }

  .header.header {
    height: 200px;
    background-color: white; }

  .top.top {
    position: relative;
    z-index: 10; }

  .grupotop.grupotop {
    max-width: 940px; }
    .grupotop.grupotop .fltlft,
    .grupotop.grupotop .fltrt {
      padding: 0; }

  .logo.logo {
    height: 55px; }

  .grupologo.grupologo {
    overflow: hidden;
    max-width: 940px;
    height: 212px; }
    .grupologo.grupologo > a:first-child {
      display: none; }
    .grupologo.grupologo::before {
      z-index: 8;
      content: "";
      display: block;
      position: absolute;
      background-color: #e52726;
      border-radius: 50%; } }
    @media all and (min-width: 1000px) and (max-width: 1024px) and (min-width: 1000px) and (max-width: 1024px) {
      .grupologo.grupologo::before {
        width: 1000px;
        height: 440px;
        top: -255px;
        left: -450px; } }

@media all and (min-width: 1000px) and (max-width: 1024px) {
  .grupologo #aulaenred {
    margin-right: auto;
    margin-left: 0; }
    html .grupologo #aulaenred a, html .grupologo #aulaenred a:link {
      width: initial;
      position: relative;
      z-index: 20;
      background: none; }
    .grupologo #aulaenred h3 {
      display: inline-block;
      padding-top: 20px;
      padding-left: 0;
      text-decoration: none;
      padding-bottom: 5px !important;
      /*border-bottom: 2px solid white;*/
      line-height: 50px; 
    }
    .grupologo #aulaenred h3 + h3 {
      display: block;
      width: 600px;
      margin-top: 10px;
      border-bottom: none;
      padding-left: 0 !important;
      /* overrides inline! */
      font-size: 35px !important;
      /* overrides inline! */ }
    .grupologo #aulaenred h3 > br {
      display: none !important; }

  .c-header__ham {
    position: absolute;
    top: 45px;
    right: 40px;
    z-index: 30; }

  .c-menu__ham {
    width: 35px;
    padding: 0;
    background-color: white;
    border: 0;
    appearance: none; }
    .c-menu__ham img {
      width: 30px;
      height: 25px; }

  .c-header__search {
    margin-right: 0; }

  .menuprincipal.menuprincipal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
    height: auto;
    min-height: 100vh;
    overflow: scroll;
    background-color: #535353; }

  .grupomenuprincipal.grupomenuprincipal {
    width: 100%;
    text-align: center; }

  .menu-menu-principal-container.menu-menu-principal-container {
    position: relative; }

  #menu-menu-principal {
    width: 100%;
    max-width: 960px;
    margin-top: 20vh;
    text-align: center;
    float: none; }

  #menu-menu-principal .menu-item.menu-item {
    width: 300px;
    height: 200px;
    margin: 10px !important;
    border-radius: 3px;
    background-color: #4891dc;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    display: table; }
    #menu-menu-principal .menu-item.menu-item.is-active {
      margin: 0 auto !important; }
    #menu-menu-principal .menu-item.menu-item:hover {
      background-color: #0062ae; }
      #menu-menu-principal .menu-item.menu-item:hover ul.sub-menu {
        display: none; }
    #menu-menu-principal > #menu-menu-principal .menu-item.menu-item:first-child + #menu-menu-principal .menu-item.menu-item + #menu-menu-principal .menu-item.menu-item + #menu-menu-principal .menu-item.menu-item {
      margin-left: 170px !important; }
      #menu-menu-principal > #menu-menu-principal .menu-item.menu-item:first-child + #menu-menu-principal .menu-item.menu-item + #menu-menu-principal .menu-item.menu-item + #menu-menu-principal .menu-item.menu-item.is-active {
        margin-left: 0 !important; }
    #menu-menu-principal .menu-item.menu-item > a {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      padding: 0 10px 0 10px;
      width: 100%;
      background: none; }
    #menu-menu-principal .menu-item.menu-item ul.sub-menu.sub-menu {
      display: none; }
    #menu-menu-principal .menu-item.menu-item.is-active {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 100;
      width: 100vw;
      height: 100vh;
      background-color: #535353;
      font-size: 0;
      margin: 0; }
      #menu-menu-principal .menu-item.menu-item.is-active > a {
        display: block; }
      #menu-menu-principal .menu-item.menu-item.is-active ul.sub-menu.sub-menu {
        display: block !important;
        font-size: 1rem;
        height: 100vh;
        margin-top: 57px;
        margin-right: auto;
        margin-left: auto;
        width: 960px; }

  .grupomenuprincipal.grupomenuprincipal li ul li a {
    background: transparent;
    padding-left: initial !important;
    padding-top: initial !important;
    height: initial !important;
    min-width: initial !important;
    max-width: initial !important;
    vertical-align: initial !important;
    border-top: initial !important;
    display: table-cell !important;
    vertical-align: middle !important;
    font-size: 25px !important;
    min-height: initial !important;
    line-height: initial !important;
    text-align: center !important;
    text-transform: initial !important;
    width: initial !important;
    clip: initial !important; }

  .grupomenuprincipal.grupomenuprincipal li ul {
    margin: 0;
    padding: 0;
    position: initial;
    top: initial;
    z-index: initial;
    height: initial;
    width: initial;
    overflow: initial;
    clip: initial;
    min-width: initial;
    max-width: initial;
    width: initial; }

  .c-menu__close {
    position: absolute;
    top: 30px;
    left: 60px;
    width: 30px;
    height: 30px;
    z-index: 200; }
    .c-menu__close button {
      margin: 0;
      border: 0;
      padding: 0;
      background: transparent;
      width: 30px;
      height: 30px; }
    .c-menu__close img {
      display: inline;
      width: 30px;
      height: 30px;
      padding: 0; } }
@media all and (min-width: 1000px) and (max-width: 1024px) and (min-width: 800px) {
  .c-menu__search {
    display: none; } }
@media all and (min-width: 1000px) and (max-width: 1024px) {
  .c-menu.is-active {
    display: block; }

  body.menu-is-active {
    position: fixed;
    height: 100vh;
    overflow: hidden; } }
@media all and (min-width: 1000px) {
  /* Content */
  body .content.content p,
  body .content.content li {
    font-size: 14px;
    line-height: 20px; }

  /* Listado */
  .ul_forcontenido.ul_forcontenido > li {
    display: block;
    float: none;
    padding-bottom: 30px; }

  .ul_forcontenido.ul_forcontenido > li .cintillo {
    width: 102%; }

  .ul_forcontenido.ul_forcontenido li ul.sub-menu.sub-menu {
    width: initial; }

  .ul_forcontenido.ul_forcontenido li ul.sub-menu li {
    width: auto;
    float: none;
    display: block;
    margin-left: 20px;
    padding-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: initial;
    overflow: hidden; }
    .ul_forcontenido.ul_forcontenido li ul.sub-menu li:first-child {
      margin-top: 20px; }
    .ul_forcontenido.ul_forcontenido li ul.sub-menu li p.vermas {
      border: 0 !important;
      line-height: 15px; }

  ul.ul_forcontenido.ul_forcontenido li .cintillo {
    width: auto;
    display: inline-block; }
    ul.ul_forcontenido.ul_forcontenido li .cintillo .vermas {
      padding-left: 25px;
      padding-right: 25px; }

  body .cintillo .titulo.titulo {
    padding-left: 25px;
    padding-right: 25px;
    display: inline-block; }

  .ul_forcontenido.ul_forcontenido .sub-menu,
  .ul_forotro.ul_forotro {
    display: block;
    columns: 2;
    padding-left: 20px;
    padding-right: 20px;
    column-gap: 20px;
    position: relative; }
    .ul_forcontenido.ul_forcontenido .sub-menu li,
    .ul_forotro.ul_forotro li {
      height: 70px;
      display: table;
      margin: 0 !important;
      padding: 0 !important;
      border-top: 1px dotted #cacaca;
      overflow: hidden;
      break-inside: avoid-column; }
      .ul_forcontenido.ul_forcontenido .sub-menu li:last-child,
      .ul_forotro.ul_forotro li:last-child {
        border-bottom: 1px dotted #cacaca; }
      .ul_forcontenido.ul_forcontenido .sub-menu li + li:last-child::after,
      .ul_forotro.ul_forotro li + li:last-child::after {
        content: "";
        width: 47%;
        position: absolute;
        bottom: 20px;
        left: 20px;
        columns: 2;
        border-top: 1px dotted #cacaca; }
      .ul_forcontenido.ul_forcontenido .sub-menu li p,
      .ul_forotro.ul_forotro li p {
        height: 70px;
        display: table-cell;
        vertical-align: middle; }

  /* Menú */
  .grupomenuprincipal li {
    z-index: 100;
    /* Prevents iframe overlapping */ } }

/*# sourceMappingURL=2017.css.map */