@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Nunito:400,700);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

*:focus {
  outline: none; }

*:focus {
  outline: none; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

*:focus {
  outline: none; }

.mt-10px{
  margin-top: 10px;
}

/*************************************************FUENTES*******************************************/
@font-face {
  font-family: 'TungstenBook';
  src: url("../fonts/Tungsten_Rounded_Book.eot");
  src: local("☺"), url("../fonts/Tungsten_Rounded_Book.woff") format("woff"), url("../fonts/Tungsten_Rounded_Book.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_Book.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TungstenMedium';
  src: url("../fonts/Tungsten_Rounded_Medium.eot");
  src: local("☺"), url("../fonts/Tungsten_Rounded_Medium.woff") format("woff"), url("../fonts/Tungsten_Rounded_Medium.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_Medium.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TungstenSemiBold';
  src: url("../fonts/Tungsten_Rounded_SemiBold.eot");
  src: local("☺"), url("../fonts/Tungsten_Rounded_SemiBold.woff") format("woff"), url("../fonts/Tungsten_Rounded_SemiBold.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_SemiBold.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_GothamRnd-Light';
  src: url("../fonts/GothamRnd-Light.eot");
  src: local("☺"), url("../fonts/GothamRnd-Light.woff") format("woff"), url("../fonts/GothamRnd-Light.ttf") format("truetype"), url("../fonts/GothamRnd-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_GothamRnd-Medium';
  src: url("../fonts/GothamRnd-Medium.eot");
  src: url("../fonts/GothamRnd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamRnd-Medium.woff") format("woff"), url("../fonts/GothamRnd-Medium.ttf") format("truetype"), url("../fonts/GothamRnd-Medium.svg#AnodyneRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_GothamRnd-Bold';
  src: url("../fonts/GothamRnd-Bold.eot");
  src: local("☺"), url("../fonts/GothamRnd-Bold.woff") format("woff"), url("../fonts/GothamRnd-Bold.ttf") format("truetype"), url("../fonts/GothamRnd-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

*:focus {
  outline: none; }

/*------------MIXINS--------------*/
/*************************************************FUENTES*******************************************/
@font-face {
  font-family: 'TungstenBook';
  src: url("../fonts/Tungsten_Rounded_Book.eot");
  src: local("☺"), url("../fonts/Tungsten_Rounded_Book.woff") format("woff"), url("../fonts/Tungsten_Rounded_Book.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_Book.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TungstenMedium';
  src: url("../fonts/Tungsten_Rounded_Medium.eot");
  src: local("☺"), url("../fonts/Tungsten_Rounded_Medium.woff") format("woff"), url("../fonts/Tungsten_Rounded_Medium.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_Medium.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'TungstenSemiBold';
  src: url("../fonts/Tungsten_Rounded_SemiBold.eot");
  src: local("☺"), url("../fonts/Tungsten_Rounded_SemiBold.woff") format("woff"), url("../fonts/Tungsten_Rounded_SemiBold.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_SemiBold.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_GothamRnd-Light';
  src: url("../fonts/GothamRnd-Light.eot");
  src: local("☺"), url("../fonts/GothamRnd-Light.woff") format("woff"), url("../fonts/GothamRnd-Light.ttf") format("truetype"), url("../fonts/GothamRnd-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_GothamRnd-Medium';
  src: url("../fonts/GothamRnd-Medium.eot");
  src: url("../fonts/GothamRnd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamRnd-Medium.woff") format("woff"), url("../fonts/GothamRnd-Medium.ttf") format("truetype"), url("../fonts/GothamRnd-Medium.svg#AnodyneRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Conv_GothamRnd-Bold';
  src: url("../fonts/GothamRnd-Bold.eot");
  src: local("☺"), url("../fonts/GothamRnd-Bold.woff") format("woff"), url("../fonts/GothamRnd-Bold.ttf") format("truetype"), url("../fonts/GothamRnd-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

/*-- ESTILOS GENERALES --*/
article, section, aside, hgroup, nav, main, header, footer, figure, figcaption {
  display: block; }

html {
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  height: 100%; }

body {
  overflow-x: hidden;
  margin: 0;
  font-family: "Conv_GothamRnd-Medium"; }
  body.codigoCorporate {
    background: url(../images/bkg-corporate.jpg) no-repeat right top;
    background-size: cover; }
    body.codigoCorporate.noBkg {
      background: none; }

img {
  width: 100%; }

a {
  color: #53b8fa; }

.limpiar {
  clear: both;
  display: block;
  content: ""; }

.wrap {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.btnAction {
  background: #DB1E7A;
  text-shadow: 1px 1px 1px #000;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: auto;
  padding: 10px 35px;
  font-family: "TungstenMedium";
  color: #fff;
  font-size: 27px;
  font-size: 2.7rem;
  border-radius: 5px;
  border: 1px solid #fff;
  cursor: pointer;
  vertical-align: top; }
  .btnAction:hover {
    background: #000; }

/* ---- CODIGO CORPORATE----*/
.codigoCorporate.noBkg .pie {
  position: relative; }

.codigoCorporate .pie {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-top: 0;
  padding: 0;
  background: #000; }
  .codigoCorporate .pie:after {
    content: "";
    background: url(../images/bkg-footer-codigo.png) no-repeat 0 0;
    width: 100%;
    height: 32px;
    display: inline-block; }
  .codigoCorporate .pie .linksFooter {
    padding: 20px 0;
    font-size: 0px;
    font-size: 0rem; }
    .codigoCorporate .pie .linksFooter li {
      margin-bottom: 0;
      font-size: 12px;
      font-size: 1.2rem; }

.codigoCorporate .cabeceraBox {
  padding: 0; }
  .codigoCorporate .cabeceraBox:after {
    content: "";
    background: url(../images/bkg-header.png) no-repeat 0 0;
    width: 100%;
    height: 10px;
    display: block;
    background-size: cover;
    margin-top: 25px; }

.codigoCorporate .titleDescriptivo {
  font-family: "TungstenBook";
  font-size: 65px;
  font-size: 6.5rem;
  color: #fff;
  text-align: center;
  margin-top: 60px; }
  .codigoCorporate .titleDescriptivo strong {
    text-transform: uppercase; }

.codigoCorporate .entradilla {
  font-family: "TungstenBook";
  font-size: 35px;
  font-size: 3.5rem;
  color: #999;
  margin-bottom: 35px;
  margin-top: 65px;
  display: inline-block;
  position: relative; }
  .codigoCorporate .entradilla:after {
    content: "";
    background: url(../images/ico-flecha.svg) no-repeat 0 0;
    background-size: 100%;
    width: 110px;
    height: 110px;
    display: block;
    position: absolute;
    right: 5%;
    opacity: 0.7; }

.codigoCorporate .codigoBox {
  margin-top: 65px;
  margin-bottom: 35px;
  margin-top: 0;
  text-align: center; }
  .codigoCorporate .codigoBox .codigoInput {
    background-color: rgba(0, 0, 0, 0.45);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #009482;
    font-family: "TungstenBook";
    font-size: 85px;
    font-size: 8.5rem;
    text-align: center;
    padding: 5px 0;
    border-radius: 8px; }
  .codigoCorporate .codigoBox .btnAction {
    font-size: 76px;
    font-size: 7.6rem; }

/* ---- BUSCADOR CORPORATE----*/
.buscador {
  background: url(../images/bkg-buscador.jpg) no-repeat center top;
  background-size: cover;
  position: relative;
  min-height: 446px;
  margin-top: 10px; }
  .buscador:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.75);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9; }
  .buscador .titleDescriptivo {
    font-family: "TungstenBook";
    font-size: 65px;
    font-size: 6.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #009482;
    text-align: left;
    margin-top: 10px;
    text-transform: uppercase;
    padding-top: 25px;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10; }
    .buscador .titleDescriptivo strong {
      color: #fff; }
  .buscador .buscadorBox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    left: 0;
    top: 120px;
    z-index: 10; }
    .buscador .buscadorBox .entradilla {
      color: #fff;
      font-size: 28px;
      font-size: 2.8rem;
      margin-top: 0;
      margin-bottom: 20px;
      padding: 0;
      text-align: left; }
      .buscador .buscadorBox .entradilla:after {
        display: none; }
    .buscador .buscadorBox ul {
      font-size: 0px;
      font-size: 0rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .buscador .buscadorBox ul .col {
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top; }
        .buscador .buscadorBox ul .col.col1 {
          width: 30%; }
          .buscador .buscadorBox ul .col.col1 .codigoInput {
            width: 90%; }
        .buscador .buscadorBox ul .col.col2 {
          width: 25%; }
          .buscador .buscadorBox ul .col.col2 .codigoInput {
            width: 81%;
            padding: 11px; }
        .buscador .buscadorBox ul .col.col3 {
          width: 10%; }
          .buscador .buscadorBox ul .col.col3 .codigoInput {
            width: 95%; }
        .buscador .buscadorBox ul .col.especial {
          display: block;
          width: 100%;
          background-color: rgba(236, 234, 218, 0.63);
          margin-top: 10px; }
          .buscador .buscadorBox ul .col.especial label {
            display: inline-block;
            color: #fff;
            background-color: #4a5c6d;
            padding: 15px 25px;
            width: 23%;
            height: 100%;
            margin-bottom: 0;
            margin-right: 30px; }
          .buscador .buscadorBox ul .col.especial .codigoInput {
            margin: 10px 5px;
            width: 9.8%; }
    .buscador .buscadorBox label {
      display: block;
      font-family: "TungstenBook";
      font-size: 35px;
      font-size: 3.5rem;
      color: #009482;
      text-transform: uppercase;
      margin-bottom: 5px; }
    .buscador .buscadorBox .codigoInput {
      background-color: #fff;
      font-family: "Conv_GothamRnd-Light";
      border: none;
      color: #000;
      font-size: 13px;
      font-size: 1.3rem;
      padding: 10px;
      border-radius: 0;
      cursor: pointer;
      vertical-align: top; }
      .buscador .buscadorBox .codigoInput.calendario1 {
        background: #fff url(../images/ico-calendar.svg) no-repeat right top;
        background-size: 30px;
        background-position: 100% 4px; }
      .buscador .buscadorBox .codigoInput.calendario2 {
        background: #fff url(../images/ico-calendar2.svg) no-repeat right top;
        background-size: 30px;
        background-position: 100% 4px; }
    .buscador .buscadorBox .btnAction {
      width: 25%;
      font-size: 37px;
      font-size: 3.7rem;
      margin: 25px auto 0 auto;
      display: block;
      text-transform: uppercase;
      padding: 10px 0; }

/******************************** buscador dias no esquiados ************************************/

.l-hoteles-widget {
  width: 100%;
  font-size: 0;
  padding: 30px 40px;
  background: #fff;
  box-sizing:border-box;
}
.l-hoteles-widget img {
  width: auto;
}

.l-hoteles-widget input {
  margin: initial!important;
}

.l-hoteles-widget .l-hoteles-widget-buscador,
.l-hoteles-widget .l-hoteles-widget-calendar,
.l-hoteles-widget .l-hoteles-widget-gente {
  width: 49.9%;
  height: 100%;
  background-color: #f0f0f0;
  display: inline-block;
  vertical-align: middle;
  padding: 20px;
  font-size: 0;
  border-right: 1px solid #000;
  box-sizing: border-box;
  border-radius: 10px 0 0 10px;
}

.l-hoteles-widget .l-hoteles-widget-gente {
  border-right: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px
}

.l-hoteles-widget .l-hoteles-widget-reservar {
  width: 100%
}

.l-hoteles-widget .l-hoteles-widget-buscador {
  width: 25%
}

.l-hoteles-widget .l-hoteles-widget-calendar-element {
  background-image: url(/estaticos/images/btCalendar.png);
  background-size: 24px;
  background-position: 1%;
  background-repeat: no-repeat
}

.l-hoteles-widget-calendar-element,
.l-hoteles-widget-gente-element {
  width: 50%;
  display: inline-block;
  vertical-align: middle
}

.l-hoteles-widget-calendar-element .l-hoteles-widget-input {
  width: 90%;
  padding-left: 30px;
  cursor: pointer;
  box-sizing:border-box;
}

.l-hoteles-widget-gente {
  position: relative
}

.l-hoteles-widget-entrada {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px
}

.l-hoteles-slider-title {
  width: 100%;
  padding: 16px;
  position: absolute;
  z-index: 1;
  background: rgba(0, 0, 0, .6);
  left: 0;
  font-family: TungstenMedium;
  color: #fff
}

.l-hoteles-slider-title .l-hoteles-slider-title-text {
  font-size: 64px;
  text-align: center;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  font-family: TungstenMedium;
  color: #fff
}

.l-hoteles-slider-title .l-hoteles-slider-content .l-hoteles-slider-content-nota {
  right: 28px;
  position: absolute;
  font-size: 37px;
  top: 40px
}

.l-hoteles-slider-title .l-hoteles-slider-content .l-hoteles-slider-content-nota-texto {
  text-transform: capitalize;
  font-size: 20px;
  right: 23px;
  bottom: 7px;
  position: absolute
}

.l-hoteles-widget .l-hoteles-widget-reservar {
  border: 0;
  background-color: #db1e7a;
  vertical-align: top;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 24px;
  font-family: TungstenMedium;
  cursor: pointer;
  padding: 10px
}

.l-hoteles-widget .l-hoteles-widget-reservar:hover {
  background-color: #fa0079;
  transition: background-color .3s ease-in
}

.l-hoteles-widget-area {
  width: 100%;
  background-color: #f0f0f0;
  border-radius: 10px;
  margin: 0 auto
}

.l-hoteles-widget-label {
  font-size: 24px;
  font-family: TungstenSemiBold;
  text-align: left;
  margin-bottom: 16px;
  display: block
}

.l-hoteles-widget-input {
  font-size: 16px;
  border: 0;
  border-bottom: 1px solid #979797;
  background-color: transparent;
  padding: 8px;
  width: 100%
}

.l-hoteles-widget-gente .l-hoteles-widget-datepicker {
  background-image: url(/estaticos/images/bed.svg);
  background-size: 26px;
  background-position: 0;
  background-repeat: no-repeat
}

.l-hoteles-widget-icon {
  display: none
}

.l-hoteles-widget-datepicker {
  border: 0;
  border-bottom: 1px solid #979797;
  font-size: 16px;
  background-color: transparent;
  width: 90%;
  cursor: pointer;
  padding-left: 32px;
  box-sizing:border-box;
}

.l-hoteles-widget-datepicker-container-estacion,
.l-hoteles-widget-datepicker-container {
  display: none;
  position: absolute;
  width: 100%;
  max-width: 400px;
  background-color: #f2f2f2;
  top: 105%;
  left: 0;
  border-radius: 10px;
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .5);
  padding: 20px 0 0;
  z-index: 3
}

.l-hoteles-widget-datepicker-title {
  font-size: 24px;
  font-family: TungstenMedium;
  padding: 10px;
  background-color: #009482;
  color: #fff;
  display: block
}

.l-hoteles-widget-datepicker-row {
  font-size: 0;
  margin: 20px 0;
  padding: 0 10px
}

.l-hoteles-widget-datepicker-row-left {
  width: 100%;
  display: inline-block
}

.l-hoteles-widget-datepicker-row-left .l-hoteles-widget-datepicker-select {
  width: 50%
}

.l-hoteles-widget-estacion-element{
  position:relative;
}
.l-hoteles-widget-datepicker.estacion{
  width:95%;
  margin-bottom:20px;
  background-image: url(/estaticos/images/estacion.png);
  background-size: 26px;
  background-position: 0;
  background-repeat: no-repeat
}

.l-hoteles-widget-datepicker-select {
  display: inline-block
}

.l-hoteles-widget-datepicker-select-title {
  font-family: TungstenMedium;
  font-size: 20px;
  display: block;
  margin-bottom: 5px;
  color: #000;
  margin: 0
}
.icon-combo-estacion{
  width:28px!important;
  padding-top: 5px;
  padding-right: 15px;
}



.l-hoteles-widget-datepicker-select-habitacion,
.l-hoteles-widget-datepicker-select-estacion,
.l-hoteles-widget-datepicker-select-select {
  height: 40px;
  width: 85%;
  max-width: 60px;
  border-radius: 10px;
  border: 1px solid #ccc;
  font-size: 16px;
  padding: 8px;
  display: inline-block
}

.l-hoteles-widget-datepicker-select-estacion,
.l-hoteles-widget-datepicker-select-habitacion {
  width: 100%;
  max-width: 55%;
  margin: 20px auto;
  display: block;
  margin-left: 10px
}

.icon-combo-estacion,
.l-hoteles-widget-datepicker-select-estacion{
  float:left;
  margin:0 auto 20px;
}

.l-hoteles-widget-datpicker-row-right {
  width: 100%;
  display: inline-block;
  margin-top: 20px
}

.l-hoteles-widget-datpicker-row-right .l-hoteles-widget-datepicker-select {
  width: 25%
}

.l-hoteles-widget-btn-habitacion {
  background-color: #fff;
  border: 1px solid #000;
  padding: 10px;
  font-family: TungstenMedium;
  font-size: 24px;
  border-radius: 0;
  width: 40%;
  margin-left: 20px;
  bottom: -15px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.l-hoteles-widget-btn-habitacion:before {
  content: "";
  background-image: url(https://aramon.com/estaticos/images/icon-add.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 20px;
  height: 23px;
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle
}
.l-hoteles-widget-datepicker-container-estacion .l-hoteles-widget-btn-aplicar,
.l-hoteles-widget-datepicker-container .l-hoteles-widget-btn-aplicar {
  background-color: #da0688;
  font-family: TungstenMedium;
  font-size: 32px;
  border-radius: 0;
  color: #000;
  width: 100%;
  cursor: pointer;
  border: 0;
  bottom: 0;
  padding: 10px 20px
}
.l-hoteles-widget-datepicker-container-estacion .l-hoteles-widget-btn-aplicar:hover,
.l-hoteles-widget-datepicker-container .l-hoteles-widget-btn-aplicar:hover {
  background-color: #fa0079;
  transition: background-color .3s ease-in
}

@media (max-width:1040px) and (min-width:768px) {
  .v-hoteles-grid .v-hoteles-grid-container {
    grid-template-columns: 50% 50%
  }
}

@media (max-width:1025px) {
  .l-hoteles-widget-tabs label:first-of-type {
    margin-left: 0
  }
  .l-hoteles-widget .l-hoteles-widget-entrada,
  .l-hoteles-widget .l-hoteles-widget-gente,
  .l-hoteles-widget .l-hoteles-widget-salida {
    width: 33.33%;
    padding: 10px
  }
  .l-hoteles-widget .l-hoteles-widget-gente {
    border-right: 0;
    width: 50%
  }
  .l-hoteles-widget-area {
    width: 100%
  }
  .l-hoteles-widget .l-hoteles-widget-reservar {
    font-size: 32px;
    padding: 10px;
    width: 100%;
    min-height: 0
  }
  .l-hoteles-widget-reservar {
    width: 100%
  }
  .l-hoteles-widget-label {
    font-size: 18px
  }
  /* .l-hoteles-widget-input {
    width: 100%
  } */
  .l-hoteles-widget-reservar {
    font-size: 32px
  }
  .l-hoteles-widget-icon {
    width: 24px;
    height: 24px
  }

  .l-hoteles-widget-datepicker-container-estacion,
  .l-hoteles-widget-datepicker-container {
    left: 0
  }
  .l-hoteles-widget-datepicker {
    position: relative
  }
  .l-hoteles-widget-tabs-content-icon {
    padding: 40px
  }
  .l-hoteles-widget-tabs-content-icon .l-hoteles-widget-tabs-icon-container {
    width: 33.3%;
    padding: 2% 0 1%
  }
  .l-hoteles-widget-tabs-content-icon .l-hoteles-widget-tabs-icon {
    margin-right: 0
  }
}

@media (min-width:768px) {
  .l-hoteles-widget-tabs .l-hoteles-widget-tabs-content-container .l-hoteles-widget-tabs-content-subcontainer .l-hoteles-widget-tabs-content .l-hoteles-widget-oferta .l-hoteles-widget-oferta-element {
    display: -webkit-box;
    display: flex
  }
  .l-hoteles-widget-tabs .l-hoteles-widget-tabs-content-container .l-hoteles-widget-tabs-content-subcontainer .l-hoteles-widget-tabs-content .l-hoteles-widget-oferta .l-hoteles-widget-oferta-element .l-hoteles-widget-oferta-element-fecha,
  .l-hoteles-widget-tabs .l-hoteles-widget-tabs-content-container .l-hoteles-widget-tabs-content-subcontainer .l-hoteles-widget-tabs-content .l-hoteles-widget-oferta .l-hoteles-widget-oferta-element .l-hoteles-widget-oferta-element-nombre {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center
  }
  .l-hoteles-widget-tabs .l-hoteles-widget-tabs-content-container .l-hoteles-widget-tabs-content-subcontainer .l-hoteles-widget-tabs-content .l-hoteles-widget-oferta .l-hoteles-widget-oferta-element .l-hoteles-widget-oferta-element-precio {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
  }
  .l-hoteles-widget-tabs .l-hoteles-widget-tabs-content-container .l-hoteles-widget-tabs-content-subcontainer .l-hoteles-widget-tabs-content .l-hoteles-widget-oferta .l-hoteles-widget-oferta-element .l-hoteles-widget-oferta-element-reservar {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 56px;
    line-height: 56px;
    align-self: center;
    padding: 0 20px;
    margin: 10px 0
  }
}

@media (max-width:767px) {
  .l-hoteles-widget-tab-btn {
    width: 33.33%;
    margin: 10px 0;
    font-size: 18px
  }
  .l-hoteles-widget .l-hoteles-widget-buscador,
  .l-hoteles-widget .l-hoteles-widget-calendar,
  .l-hoteles-widget .l-hoteles-widget-entrada,
  .l-hoteles-widget .l-hoteles-widget-gente,
  .l-hoteles-widget .l-hoteles-widget-reservar,
  .l-hoteles-widget .l-hoteles-widget-salida {
    width: 100%!important;
    border-radius: 0;
    padding: 20px 10px;
    min-height: 80px;
    border-right: 0;
  }
  .l-hoteles-widget-oferta-element-nombre {
    width: 100%;
    display: block;
    margin-bottom: 5px
  }
  .l-hoteles-widget-tabs-content .col6 {
    width: 49%
  }
  .l-hoteles-widget-oferta-element-fecha,
  .l-hoteles-widget-oferta-element-precio,
  .l-hoteles-widget-oferta-element-reservar {
    width: 47%;
    display: inline-block;
    margin-top: 2%;
    padding: 5px
  }
  .l-hoteles-widget-oferta-element-fecha,
  .l-hoteles-widget-oferta-element-precio {
    width: 49%;
    font-size: 14px;
    font-weight: 400;
    height: 3em
  }
  .l-hoteles-widget-oferta-element-fecha {
    margin-right: 2%;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
  }
  .l-hoteles-widget-oferta-element {
    padding: 15px 0
  }
  .l-hoteles-widget-oferta-element-precio {
    margin-right: 0;
    padding: 12px
  }
  .l-hoteles-widget-tabs-content {
    padding: 20px
  }
  .l-hoteles-widget-datepicker {
    width: 100%
  }
  .l-hoteles-slider-title .l-hoteles-slider-title-text {
    font-size: 37px
  }
  .l-hoteles-slider-title .l-hoteles-slider-content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
  }
  .l-hoteles-slider-title .l-hoteles-slider-content .l-hoteles-slider-content-nota {
    position: relative;
    font-size: 25px;
    margin: 0;
    bottom: 0;
    top: 0;
    right: 0
  }
  .l-hoteles-slider-title .l-hoteles-slider-content .l-hoteles-slider-content-nota-texto {
    font-size: 20px;
    right: 0;
    bottom: 0;
    position: relative;
    margin-left: 10px
  }
  .l-hoteles-slider-title .l-hoteles-slider-content .l-hoteles-slider-cuatro-estrellas {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  .l-hoteles-slider-cinco-estrellas,
  .l-hoteles-slider-content-cuatro-estrellas,
  .l-hoteles-slider-dos-estrellas,
  .l-hoteles-slider-title .l-hoteles-slider-content .l-hoteles-slider-cuatro-estrellas,
  .l-hoteles-slider-tres-estrellas {
    position: relative;
    display: -webkit-box;
    display: flex;
    height: 20px;
    width: 65px;
    margin: 0;
    top: 0;
    right: 0;
    vertical-align: middle
  }
  .l-hoteles-widget-oferta-element-reservar {
    width: 100%
  }
  .l-hoteles-slider-inferior-element {
    display: block;
    width: 100%!important
  }
  .l-hoteles-widget-opiniones-container-texto {
    width: 100%;
    margin-left: 0
  }
  .l-hoteles-slider-element {
    max-height: 300px;
    overflow: hidden;
    height: 35em!important
  }
  .l-hoteles-slider-element img {
    height: 100%
  }
  .l-hoteles-slider-nav-element {
    max-height: 100px
  }


  .l-hoteles-widget-datepicker-container-estacion .l-hoteles-widget-btn-aplicar,
  .l-hoteles-widget-datepicker-container .l-hoteles-widget-btn-aplicar {
    width: 100%;
    position: relative
  }
  .l-hoteles-widget-datepicker-title .l-hoteles-widget-datepicker-select-select.btnRemoveHabita {
    max-width: 50%
  }
  .l-hoteles-widget .l-hoteles-widget-reservar {
    font-size: 32px;
    min-height: auto
  }
  .l-hoteles-widget-gente-element {
    display: block;
    width: 100%;
    margin-bottom: 5px
  }
  .l-hoteles-slider .slick-next {
    right: 15px
  }
  .l-hoteles-slider .slick-prev {
    left: 15px
  }
  .l-hoteles-slider .slick-next,
  .l-hoteles-slider .slick-prev {
    width: 32px;
    height: 32px
  }
  .l-hoteles-widget-tabs-content-subcontainer {
    width: 95%
  }
  .l-hoteles-widget-label {
    font-size: 18px
  }
  .l-hoteles-widget-datepicker-container-estacion,
  .l-hoteles-widget-datepicker-container {
    width: 100%;
    top: 100%
  }
  .l-hoteles-widget-btn-habitacion {
    padding: 5px;
    font-size: 16px
  }
  .l-hoteles-widget-btn-habitacion:before {
    width: 18px
  }
  .l-hoteles-widget-datepicker-select-title {
    font-size: 20px;
    margin: 0
  }
  .l-hoteles-widget-tabs label {
    font-size: 14px;
    padding: 40px;
    padding-bottom: 1px
  }
  .l-hoteles-widget-tabs-content .l-hoteles-widget-tabs-icon-container {
    width: 50%;
    height: 120px;
    display: inline-block;
    vertical-align: top
  }
  .l-hoteles-widget-tabs-content .l-hoteles-widget-tabs-icon-container .l-hoteles-widget-tabs-icon {
    width: 100%;
    height: 50%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
  }
  .l-hoteles-widget-tabs-content .l-hoteles-widget-tabs-icon-container .l-hoteles-widget-tabs-icon-text-container {
    padding: 13px 0;
    vertical-align: middle;
    text-align: center;
    display: block
  }
  .l-hoteles-widget-tabs-left,
  .l-hoteles-widget-tabs-right {
    width: 100%;
    margin-top: 10px;
    margin-left: 0
  }
  .l-hoteles-widget {
    padding: 10px
  }
  .l-hoteles-widget-habitaciones-container-text,
  .l-hoteles-widget-habitaciones-img {
    width: 100%;
    margin-bottom: 10px
  }
  .l-hoteles-widget-area { 
    width: 100%
  }
}



/* ---- PROMOCIONES DESTACADAS----*/
.wrapColumn {
  font-size: 0px;
  font-size: 0rem;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }

.promoContent {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  width: 33.33%;
  vertical-align: top;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 10px solid transparent; }
  .promoContent .promoBox {
    position: relative; }
    .promoContent .promoBox .titular {
      background-color: rgba(0, 0, 0, 0.85);
      padding: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      color: #009482;
      font-size: 30px;
      font-size: 3rem;
      font-weight: normal;
      font-family: "TungstenBook";
      position: absolute;
      z-index: 10;
      bottom: 0;
      width: 100%; }
      .promoContent .promoBox .titular strong {
        color: #fff;
        font-size: 35px;
        font-size: 3.5rem;
        font-weight: normal; }
  .promoContent p {
    color: #333;
    font-size: 13px;
    font-size: 1.3rem;
    margin: 10px;
    text-align: center;
    line-height: 1.4em; }
  .promoContent .enlaceNormal {
    color: #DB1E7A;
    font-size: 25px;
    font-size: 2.5rem;
    margin: 30px auto;
    text-align: center;
    text-transform: uppercase;
    font-family: "TungstenMedium";
    display: block; }
    .promoContent .enlaceNormal:hover {
      color: #000;
      text-decoration: none; }

/* ---- RESPONSIVE----*/
@media all and (max-width: 1200px) {
  .buscador .titleDescriptivo {
    padding: 25px 25px 0 25px; }
  .buscador .buscadorBox {
    padding: 25px;
    top: 80px; } }

@media all and (max-width: 1024px) {
  .codigoCorporate .titleDescriptivo {
    font-size: 55px;
    font-size: 5.5rem; }
  .codigoCorporate .entradilla {
    margin-top: 35px;
    font-size: 30px;
    font-size: 3rem; }
    .codigoCorporate .entradilla:after {
      display: none; }
  .codigoCorporate .codigoBox .codigoInput {
    font-size: 70px;
    font-size: 7rem; }
  .codigoCorporate .codigoBox .btnAction {
    font-size: 60px;
    font-size: 6rem; } }

@media all and (max-width: 950px) {
  .codigoCorporate .titleDescriptivo {
    font-size: 55px;
    font-size: 5.5rem; }
  .codigoCorporate .entradilla {
    margin-top: 35px;
    font-size: 30px;
    font-size: 3rem; }
    .codigoCorporate .entradilla:after {
      display: none; }
  .buscador .buscadorBox label {
    font-size: 25px;
    font-size: 2.5rem; }
  .buscador .buscadorBox .codigoInput {
    font-size: 13px;
    font-size: 1.3rem; }
  .buscador .buscadorBox ul .col.especial .codigoInput {
    margin: 7px 5px 0 5px; }
  .buscador .buscadorBox ul .col.especial label {
    width: 37%; }
  .promoContent .promoBox .titular {
    position: relative;
    background-color: #009482;
    color: #000; } }

@media all and (max-width: 846px) {
  .codigoCorporate .titleDescriptivo {
    font-size: 45px;
    font-size: 4.5rem; }
  .codigoCorporate .codigoBox .codigoInput {
    font-size: 65px;
    font-size: 6.5rem; }
  .codigoCorporate .codigoBox .btnAction {
    font-size: 56px;
    font-size: 5.6rem; }
  .codigoCorporate .pie {
    position: relative; }
    .codigoCorporate .pie .linksFooter li {
      display: block;
      padding: 5px 0;
      border-right: none; } }

@media all and (max-width: 768px) {
  body.codigoCorporate {
    background: url(../images/bkg-corporate-responsive.jpg) no-repeat right top; }
  .buscador .buscadorBox .btnAction {
    width: 35%; }
  .promoContent .promoBox .titular {
    font-size: 25px;
    font-size: 2.5rem;
    min-height: 90px; }
    .promoContent .promoBox .titular strong {
      font-size: 30px;
      font-size: 3rem; } }

@media all and (max-width: 710px) {
  .buscador .buscadorBox {
    padding: 20px 25px;
    top: 60px; }
    .buscador .buscadorBox ul .col.col1 {
      width: 50%;
      display: block; }
    .buscador .buscadorBox ul .col.col2 {
      width: 40%; }
    .buscador .buscadorBox .btnAction {
      padding: 5px 0;
      margin: 15px 0;
      font-size: 27px;
      font-size: 2.7rem; } }

@media all and (max-width: 679px) {
  .promoContent .promoBox .titular {
    font-size: 25px;
    font-size: 2.5rem; }
    .promoContent .promoBox .titular strong {
      font-size: 30px;
      font-size: 3rem; } }

@media all and (max-width: 570px) {
  .codigoCorporate .codigoBox .codigoInput {
    width: 85%;
    margin-bottom: 15px; }
  .codigoCorporate .codigoBox .btnAction {
    width: 85%; }
  .buscador .buscadorBox ul .col.especial label {
    width: auto;
    margin-right: 0; }
  .buscador .buscadorBox ul .col.especial .codigoInput {
    width: 13%; }
  .buscador .buscadorBox ul .col.col2 {
    width: 35%; }
  .buscador .buscadorBox ul .col.col3 {
    width: 15%; } }

@media all and (max-width: 528px) {
  .buscador {
    min-height: 615px; }
    .buscador .buscadorBox ul .col.especial label {
      padding: 7px 8px;
      display: block; }
    .buscador .buscadorBox ul .col.especial .codigoInput {
      margin: 7px 2px 5px 3px;
      width: 23%; }
    .buscador .buscadorBox ul .col.col1 {
      width: 100%; }
      .buscador .buscadorBox ul .col.col1 .codigoInput {
        width: 96.5%; }
    .buscador .buscadorBox ul .col.col2 {
      width: 50%;
      border-right: 5px solid transparent; }
      .buscador .buscadorBox ul .col.col2 .codigoInput {
        padding: 15px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    .buscador .buscadorBox ul .col.col3 {
      width: 25%; }
    .buscador .buscadorBox .btnAction {
      width: 100%;
      padding: 13px 0; } }

@media all and (max-width: 500px) {
  .codigoCorporate .titleDescriptivo {
    font-size: 33px;
    font-size: 3.3rem; }
  .codigoCorporate .entradilla {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem; }
  .promoContent {
    display: block;
    width: 100%; }
  .buscador .buscadorBox {
    top: 55px; }
    .buscador .buscadorBox .entradilla {
      font-size: 24px;
      font-size: 2.4rem; } }

/*------------MIXINS--------------*/
/*************************************************FUENTES*******************************************/
@font-face {
  font-family: "TungstenBook";
  src: url("../fonts/Tungsten_Rounded_Book.eot");
  src: local("☺"), url("../fonts/Tungsten_Rounded_Book.woff") format("woff"), url("../fonts/Tungsten_Rounded_Book.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_Book.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "TungstenMedium";
  src: url("../fonts/Tungsten_Rounded_Medium.eot");
  src: local("☺"), url("../fonts/Tungsten_Rounded_Medium.woff") format("woff"), url("../fonts/Tungsten_Rounded_Medium.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_Medium.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "TungstenSemiBold";
  src: url("../fonts/Tungsten_Rounded_SemiBold.eot");
  src: local("☺"), url("../fonts/Tungsten_Rounded_SemiBold.woff") format("woff"), url("../fonts/Tungsten_Rounded_SemiBold.ttf") format("truetype"), url("../fonts/Tungsten_Rounded_SemiBold.otf") format("otf");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "twCent";
  src: url("../fonts/TwCenMT-Regular.eot");
  src: url("../fonts/TwCenMT-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TwCenMT-Regular.woff") format("woff"), url("../fonts/TwCenMT-Regular.ttf") format("truetype"), url("../fonts/TwCenMT-Regular.svg#TwCenMT-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25ca; }

@font-face {
  font-family: "twCentBold";
  src: url("../fonts/TwCenMT-Bold.eot");
  src: url("../fonts/TwCenMT-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TwCenMT-Bold.woff") format("woff"), url("../fonts/TwCenMT-Bold.ttf") format("truetype"), url("../fonts/TwCenMT-Bold.otf") format("opentype"), url("../fonts/TwCenMT-Bold.svg#TwCenMT-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25ca; }

@font-face {
  font-family: "Conv_Variable_black_regular";
  src: url("../fonts/Variable_black_regular.eot");
  src: local("☺"), url("../fonts/Variable_black_regular.woff") format("woff"), url("../fonts/Variable_black_regular.ttf") format("truetype"), url("../fonts/Variable_black_regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "variable";
  src: url("../fonts/Variable_regular.eot");
  src: url("../fonts/Variable_regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Variable_regular.woff") format("woff"), url("../fonts/Variable_regular.ttf") format("truetype"), url("../fonts/Variable_regular.otf") format("opentype"), url("../fonts/Variable_regular.svg#TwCenMT-Bold") format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: "Conv_HelveticaNeueLTStd-Md";
  src: url("../fonts/HelveticaNeueLTStd-Md.eot");
  src: local("☺"), url("../fonts/HelveticaNeueLTStd-Md.woff") format("woff"), url("../fonts/HelveticaNeueLTStd-Md.ttf") format("truetype"), url("../fonts/HelveticaNeueLTStd-Md.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Conv_GothamRnd-Bold";
  src: url("../fonts/GothamRnd-Bold.eot");
  src: local("☺"), url("../fonts/GothamRnd-Bold.woff") format("woff"), url("../fonts/GothamRnd-Bold.ttf") format("truetype"), url("../fonts/GothamRnd-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Conv_Variable_regular";
  src: url("../fonts/Variable_regular.eot");
  src: local("☺"), url("../fonts/Variable_regular.woff") format("woff"), url("../fonts/Variable_regular.ttf") format("truetype"), url("../fonts/Variable_regular.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Conv_GothamRnd-Light";
  src: url("../fonts/GothamRnd-Light.eot");
  src: local("☺"), url("../fonts/GothamRnd-Light.woff") format("woff"), url("../fonts/GothamRnd-Light.ttf") format("truetype"), url("../fonts/GothamRnd-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Conv_GothamRnd-Medium";
  src: url("../fonts/GothamRnd-Medium.eot");
  src: url("../fonts/GothamRnd-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamRnd-Medium.woff") format("woff"), url("../fonts/GothamRnd-Medium.ttf") format("truetype"), url("../fonts/GothamRnd-Medium.svg#AnodyneRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "fontello";
  src: url("../fonts/fontello.eot?26411898");
  src: url("../fonts/fontello.eot?26411898#iefix") format("embedded-opentype"), url("../fonts/fontello.woff?26411898") format("woff"), url("../fonts/fontello.ttf?26411898") format("truetype"), url("../fonts/fontello.svg?26411898#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/*----FONTS MICROSITE SUBASTA INVERSA----*/
@font-face {
  font-family: "Archer-Book";
  src: url("Archer-Book.eot");
  src: url("../fonts/Archer-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Archer-Book.woff") format("woff"), url("../fonts/Archer-Book.ttf") format("truetype"), url("../fonts/Archer-Book.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Archer-Medium";
  src: url("Archer-Medium.eot");
  src: url("../fonts/Archer-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Archer-Medium.woff") format("woff"), url("../fonts/Archer-Medium.ttf") format("truetype"), url("../fonts/Archer-Medium.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Archer-Semibold";
  src: url("Archer-Semibold.eot");
  src: url("../fonts/Archer-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/Archer-Semibold.woff") format("woff"), url("../fonts/Archer-Semibold.ttf") format("truetype"), url("../fonts/Archer-Semibold.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Archer-Bold";
  src: url("../fonts/Archer-Bold.eot");
  src: url("../fonts/Archer-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Archer-Bold.woff") format("woff"), url("../fonts/Archer-Bold.ttf") format("truetype"), url("../fonts/Archer-Bold.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em; }

.icon-search:before {
  content: "\e800"; }

.icon-flechaDown:before {
  content: "\e801"; }

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"); }

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format("woff"); }

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 800;
  src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format("woff"); }

.avisoCookies p {
  color: #fff !important; }

.avisoCookies .botonAviso {
  color: #fff !important;
  margin-left: 50px !important;
  margin-top: 20px !important;
  text-transform: uppercase; }

.sliderContent .slick-prev,
.sliderContent .slick-next {
  opacity: 0.8; }

/********************************* ESTILOS GENERALES **************************************
******************************************************************************************/
.wrap {
  width: 100%;
  max-width: 1154px;
  margin: 0 auto; }

html {
  font-size: 62.5%;
  margin: 0;
  padding: 0; }

body {
  overflow-x: hidden; }
  body.contenido {
    font-family: "Conv_GothamRnd-Medium"; }

sub {
  font-size: smaller; }

.limpiar {
  clear: both;
  display: block;
  content: ""; }

.ui-datepicker {
  display: none; }

.radio input[type="radio"] {
  display: none; }

.radio label {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  margin-right: 15px;
  padding-left: 25px;
  position: relative;
  font-family: "Segoe UI"; }
  .radio label:before {
    border-radius: 8px;
    background-color: #595a5d;
    top: -2px;
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 16px; }

.radio input[type="radio"]:checked + label:before {
  color: #fff;
  content: " \25CF";
  font-size: 18px;
  line-height: 12px;
  text-align: center; }

.checkbox input[type="checkbox"] {
  display: none; }

.checkbox label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  margin-right: 15px;
  font-size: 12px;
  margin-bottom: 10px;
  font-family: "Conv_GothamRnd-Light"; }
  .checkbox label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: -2px;
    background-color: #595a5d;
    border-radius: 2px; }

.checkbox input[type="checkbox"]:checked + label:after {
  content: "";
  -webkit-box-shadow: 1px 1px 2px #000000, 1px 1px 1px 0 #c5df8d inset;
  box-shadow: 1px 1px 2px #000000, 1px 1px 1px 0 #c5df8d inset;
  font-size: 15px;
  color: #f3f3f3;
  text-align: center;
  line-height: 15px;
  position: absolute;
  width: 8px;
  height: 8px;
  bottom: 3px;
  left: 4px;
  background: #88ae34;
  top: 2px; }

.btnRosaGenerico {
  cursor: pointer;
  background: #c24687;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  padding: 11px 20px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #333;
  text-transform: uppercase;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0; }
  .btnRosaGenerico:hover {
    background: #73b1c0;
    text-shadow: 1px 1px 1px #568692; }

.contacto.green {
  float: right;
  font-size: 14px;
  line-height: 1.2;
  padding: 10px 0 0 200px;
  text-align: right;
  color: #c9d100; }
  .contacto.green .grey {
    color: #959595; }
  .contacto.green strong {
    font-family: "Conv_GothamRnd-Bold";
    font-weight: bold;
    color: #c9d200;
    text-decoration: none; }

.title.green {
  font-size: 39px;
  color: #959595; }
  .title.green strong {
    color: #c9d100; }

/****************************************** HOME SIN WIDGET ************************************************/
/**************************************CABECERA *********************************************************/
header {
  display: block;
  width: 100%;
  position: absolute;
  height: 105px;
  z-index: 8; }
  header #contLogo #logofr\ forpan,
  header #contLogo #logofr\ aramon,
  header #contLogo #logofr\ cerler {
    background: transparent url(../images/logo-estacion-formigal-panticosa.svg) center center no-repeat;
    height: 74px;
    display: block;
    background-size: 70%;
    width: 100%; }
  header #contLogo #logofr\ aramon {
    background: transparent url(../images/logo-estacion-aramon.svg) center center no-repeat;
    background-size: 60%; }
  header #contLogo #logofr\ cerler {
    background: transparent url(../images/logo-estacion-cerler.svg) center center no-repeat;
    background-size: 55%; }
  header #contLogo #logocerler {
    background: transparent url(../images/logo-estacion-cerler.svg) center center no-repeat;
    height: 74px;
    display: block;
    background-size: 55%;
    width: 100%; }
  header #contLogo #logoaramon {
    background: transparent url(../images/logo-estacion-aramon.svg) center center no-repeat;
    height: 74px;
    display: inline-block;
    background-size: 60%;
    width: 100%; }
  header #contLogo #logoformigal-panticosa {
    background: transparent url(../images/logo-estacion-formigal-panticosa.svg) center center no-repeat;
    height: 74px;
    display: block;
    background-size: 70%;
    width: 100%; }
  header #contLogo #logojavalambre-valdelinares {
    background: transparent url(../images/logo-estacion-javalambre.svg) center center no-repeat;
    height: 74px;
    display: block;
    background-size: 80%;
    width: 100%; }
  header #contLogo .iconMenuResponsive {
    cursor: pointer;
    display: none;
    float: left;
    background: url("../images/menuResponsive.svg") center center no-repeat;
    vertical-align: middle;
    height: 45px;
    width: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 50%; }
    header #contLogo .iconMenuResponsive:hover {
      opacity: 0.6; }
  header nav#seleccionPistas {
    position: absolute;
    background: #3c3c3c;
    width: auto;
    z-index: 1000001; }
    header nav#seleccionPistas h2.textoIntro {
      cursor: pointer;
      display: block;
      width: 100%;
      font-family: "TungstenMedium";
      font-size: 17px;
      font-size: 1.7rem;
      padding: 0 60px 0 50px;
      letter-spacing: 0.05em;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-transform: uppercase;
      color: #fff;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      line-height: 31px;
      text-align: center;
      margin-bottom: 0; }
      header nav#seleccionPistas h2.textoIntro:after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 9px;
        background: url("../images/flechaDown.svg") no-repeat;
        margin-left: 5px;
        background-size: 100%; }
    header nav#seleccionPistas ul#selectSiteHome {
      display: none;
      width: 100%;
      background: url("../images/bkg-desplegable-estaciones.jpg") no-repeat 0 0;
      background-size: 100%;
      letter-spacing: 0.1em;
      font-size: 17px;
      font-size: 1.7rem;
      font-family: "TungstenSemiBold"; }
      header nav#seleccionPistas ul#selectSiteHome li {
        display: block; }
        header nav#seleccionPistas ul#selectSiteHome li a {
          cursor: pointer;
          text-decoration: none;
          color: #fff;
          text-transform: uppercase;
          padding: 15px 10px 15px 50px;
          display: block; }
          header nav#seleccionPistas ul#selectSiteHome li a:hover {
            background: #000000;
            color: #47c6ff; }
  header nav#seleccionIdiomas {
    position: relative;
    float: left;
    background: rgba(255, 255, 255, 0.85);
    width: auto;
    height: 55px;
    width: 130px;
    z-index: 2; }
    header nav#seleccionIdiomas h2.textoIntro {
      cursor: pointer;
      display: block;
      width: 100%;
      font: 14px Arial;
      padding: 25px 0 14px 18px;
      letter-spacing: 0.05em;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 0; }
      header nav#seleccionIdiomas h2.textoIntro:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 25px;
        height: 11px;
        background: url("../images/flechaDown.svg") no-repeat;
        margin-left: 15px;
        background-size: 100%; }
    header nav#seleccionIdiomas ul#selectSiteHome {
      display: none;
      width: 100%;
      background: rgba(255, 255, 255, 0.85);
      padding-bottom: 10px;
      letter-spacing: 0.1em;
      font: 14px Arial; }
      header nav#seleccionIdiomas ul#selectSiteHome li {
        display: block;
        padding: 10px 10px 10px 18px; }
        header nav#seleccionIdiomas ul#selectSiteHome li a {
          cursor: pointer;
          text-decoration: none;
          color: black;
          font-size: 14px; }
        header nav#seleccionIdiomas ul#selectSiteHome li:hover {
          background: white;
          color: #47c6ff; }
  header .menuEstacion {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 40%;
    vertical-align: middle;
    height: 74px; }
    header .menuEstacion ul.contMenu {
      height: 100%; }
      header .menuEstacion ul.contMenu .item {
        display: table-cell;
        height: 74px;
        vertical-align: middle; }
        header .menuEstacion ul.contMenu .item:first-child span {
          border-left: none; }
        header .menuEstacion ul.contMenu .item span {
          border-left: 1px solid #353536;
          display: block;
          padding: 0 10px; }
      header .menuEstacion ul.contMenu > li,
      header .menuEstacion ul.contMenu a {
        cursor: pointer;
        display: block;
        font-size: 20px;
        font-size: 2rem;
        font-family: "TungstenBook";
        color: #353536;
        text-decoration: none;
        letter-spacing: 0.05em;
        list-style-type: none;
        text-decoration: none;
        height: 100%;
        vertical-align: middle; }
        header .menuEstacion ul.contMenu > li:last-child a,
        header .menuEstacion ul.contMenu a:last-child a {
          font-family: "TungstenSemiBold"; }
        header .menuEstacion ul.contMenu > li.submenuActive,
        header .menuEstacion ul.contMenu a.submenuActive {
          background-color: #007f70;
          color: #fff; }
          header .menuEstacion ul.contMenu > li.submenuActive a,
          header .menuEstacion ul.contMenu a.submenuActive a {
            color: #fff; }
        header .menuEstacion ul.contMenu > li ul.subMenu,
        header .menuEstacion ul.contMenu a ul.subMenu {
          display: none;
          position: absolute;
          border-top: 5px solid #007f70;
          background: rgba(255, 255, 255, 0.96);
          top: 105px;
          padding: 30px 15px 15px 15px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 627px;
          -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.22);
          box-shadow: 0 3px 3px rgba(0, 0, 0, 0.22); }
          header .menuEstacion ul.contMenu > li ul.subMenu li a,
          header .menuEstacion ul.contMenu a ul.subMenu li a {
            font-family: "TungstenMedium";
            color: #353536;
            text-decoration: none;
            font-size: 21px;
            font-size: 2.1rem;
            letter-spacing: 0;
            padding: 0 0 15px 25px;
            width: 28%;
            float: left;
            border-left: 1px solid #007f70; }
            header .menuEstacion ul.contMenu > li ul.subMenu li a:hover,
            header .menuEstacion ul.contMenu a ul.subMenu li a:hover {
              color: #47c6ff; }
          header .menuEstacion ul.contMenu > li ul.subMenu li:nth-child(3n+1) a,
          header .menuEstacion ul.contMenu a ul.subMenu li:nth-child(3n+1) a {
            border: 0; }
  header .barTop {
    display: block;
    background: url("../images/bkg-top-header.png") no-repeat top right;
    background-size: cover;
    height: 31px;
    position: relative;
    font-family: "TungstenMedium"; }
  header .idiomas {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 4;
    right: 1%;
    top: 0; }
    header .idiomas li {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      color: #fff;
      text-transform: uppercase;
      border-right: 1px solid #fff;
      font-size: 17px;
      font-size: 1.7rem;
      letter-spacing: 0.05em;
      margin: 7px 0 0 0;
      padding: 0 10px; }
      header .idiomas li:last-child {
        border-right: none; }
      header .idiomas li a {
        color: #e9e9e9;
        text-decoration: none; }
        header .idiomas li a.especialTXT {
          font-family: "Myriad Pro", Arial;
          letter-spacing: 0;
          font-size: 14px;
          font-size: 1.4rem; }
        header .idiomas li a:hover {
          color: #47c6ff; }
  header .barMenus {
    width: 100%;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0px;
    font-size: 0rem; }
    header .barMenus #contLogo {
      cursor: pointer;
      display: inline-block;
      width: 20%;
      height: 74px;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: middle; }

/*********** WIDGET FORFAIT*/
/* IMPORTANTE: Se ha añadido .tab3 a #widgetForfait por defecto y se muestran las tres pestañas del widget. Si sólo se quiere mostrar una se cambiará la clase .tab3 por .tab1 en el código html. */
#widgetForfait.tab4 {
  position: relative;
  width: 40%;
  height: 74px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  /*body.javalambre-valdelinares &{
            > div#widget3 {
                .icon {width: 37px; height: 30px; background: url(../images/iconForfait.png) no-repeat 50% 0; text-align: center; display: inline-block; margin-top: 20px;}
            }
        }*/ }
  #widgetForfait.tab4 > div {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    vertical-align: bottom;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-right: 1px solid #fff; }
    #widgetForfait.tab4 > div .icon {
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    #widgetForfait.tab4 > div#widget0 {
      width: 25%; }
      #widgetForfait.tab4 > div#widget0 .contForfait {
        left: 0;
        right: auto; }
    #widgetForfait.tab4 > div#widget1 {
      width: 25%; }
      #widgetForfait.tab4 > div#widget1 .contForfait {
        left: 0;
        right: auto; }
    #widgetForfait.tab4 > div#widget2 {
      width: 25%; }
    #widgetForfait.tab4 > div#widget3 {
      width: 25%; }
      #widgetForfait.tab4 > div#widget3 .contForfait {
        padding: 35px 30px 30px 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      #widgetForfait.tab4 > div#widget3 .botonCTA {
        margin-top: 15px;
        width: 100%;
        margin-left: 1%;
        padding: 11px;
        clear: both;
        position: relative;
        float: left; }
    #widgetForfait.tab4 > div .areaClickable {
      display: block;
      height: 100%; }
    #widgetForfait.tab4 > div .titulo {
      font-size: 18px;
      font-size: 1.8rem;
      font-family: "TungstenBook";
      color: #878786;
      display: block;
      width: 100%;
      position: absolute;
      bottom: 3px;
      left: 0;
      padding: 0; }
      #widgetForfait.tab4 > div .titulo .destacado {
        font-family: "TungstenSemiBold";
        font-size: 30px;
        font-size: 3rem;
        color: #000;
        line-height: 4px;
        vertical-align: middle; }
    #widgetForfait.tab4 > div:hover, #widgetForfait.tab4 > div.active {
      background: #3c4045; }
      #widgetForfait.tab4 > div:hover .titulo, #widgetForfait.tab4 > div.active .titulo {
        color: #fff;
        font-family: "TungstenBook"; }
      #widgetForfait.tab4 > div:hover .destacado, #widgetForfait.tab4 > div.active .destacado {
        color: #fff; }
    #widgetForfait.tab4 > div.active .titulo:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 17px solid transparent;
      border-right: 17px solid transparent;
      border-top: 17px solid #3c4045;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 99999; }
    #widgetForfait.tab4 > div .contForfait {
      display: none;
      width: 379px;
      height: auto;
      position: absolute;
      top: 74px;
      right: 0;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 30px;
      background: rgba(0, 0, 0, 0.7) url(../images/bkg-widget-top.png) no-repeat 0 0;
      background-size: 100%; }
      #widgetForfait.tab4 > div .contForfait span {
        opacity: 0;
        display: block;
        padding: 10px 0;
        color: #fff;
        font-family: Arial;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.4em; }
      #widgetForfait.tab4 > div .contForfait input,
      #widgetForfait.tab4 > div .contForfait select {
        display: inline-block;
        padding: 10px;
        border-radius: 2px;
        border: 0;
        font-size: 17px;
        letter-spacing: 1px;
        font-family: "TungstenMedium"; }
      #widgetForfait.tab4 > div .contForfait select {
        height: 40px;
        background: #fff;
        width: 100%; }
      #widgetForfait.tab4 > div .contForfait .contFecha {
        opacity: 0;
        display: inline-block;
        width: 50%;
        margin: 10px 0 0 0;
        text-align: left;
        float: left; }
        #widgetForfait.tab4 > div .contForfait .contFecha input#datepickerEntrada {
          width: 98%;
          vertical-align: middle;
          background: white url(../images/btCalendar.png) no-repeat 95% center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-right: 35px;
          margin-right: 2%;
          cursor: pointer; }
        #widgetForfait.tab4 > div .contForfait .contFecha input#datepickerEntrada::-webkit-input-placeholder,
        #widgetForfait.tab4 > div .contForfait .contFecha input#datepickerEntrada:-ms-input-placeholder,
        #widgetForfait.tab4 > div .contForfait .contFecha input#datepickerEntrada:-moz-placeholder,
        #widgetForfait.tab4 > div .contForfait .contFecha input#datepickerEntrada::-moz-placeholder,
        #widgetForfait.tab4 > div .contForfait .contFecha input#datepickerSalida::-webkit-input-placeholder,
        #widgetForfait.tab4 > div .contForfait .contFecha input#datepickerSalida:-ms-input-placeholder,
        #widgetForfait.tab4 > div .contForfait .contFecha input#datepickerSalida:-moz-placeholder,
        #widgetForfait.tab4 > div .contForfait .contFecha input#datepickerSalida::-moz-placeholder {
          font-family: "TungstenMedium"; }
        #widgetForfait.tab4 > div .contForfait .contFecha input#datepickerSalida {
          width: 98%;
          vertical-align: middle;
          background: #fff url(../images/btCalendar.png) no-repeat 95% center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-right: 35px;
          margin-left: 2%; }
        #widgetForfait.tab4 > div .contForfait .contFecha .btCalendario {
          display: none; }
      #widgetForfait.tab4 > div .contForfait .contSelect {
        opacity: 0;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin: 5px 0 0 0; }
        #widgetForfait.tab4 > div .contForfait .contSelect label {
          display: block;
          padding-bottom: 3px;
          color: #fff;
          font-size: 17px;
          letter-spacing: 1px;
          font-family: "TungstenMedium";
          text-align: center; }
        #widgetForfait.tab4 > div .contForfait .contSelect select#comboAdultos {
          width: 98%;
          margin-right: 2%; }
        #widgetForfait.tab4 > div .contForfait .contSelect select#comboNinos {
          width: 98%;
          margin-left: 2%; }
      #widgetForfait.tab4 > div .contForfait select#comboEstacionWidgetForfait {
        opacity: 0;
        width: 100%; }
      #widgetForfait.tab4 > div .contForfait .botonCTA {
        opacity: 0;
        display: block;
        border-radius: 3px;
        background: #db1e7a;
        width: 100%;
        padding: 11px;
        color: #fff;
        font-size: 33px;
        font-size: 3.3rem;
        text-shadow: 0 0 1px black;
        text-decoration: none;
        font-family: "TungstenMedium";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 16px;
        border: 1px solid #fff;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
        #widgetForfait.tab4 > div .contForfait .botonCTA.btComprar {
          display: inline-block;
          vertical-align: top;
          width: 100%;
          padding: 10px;
          margin-right: 1%; }
        #widgetForfait.tab4 > div .contForfait .botonCTA.btRecargar {
          display: inline-block;
          vertical-align: top;
          width: 100%;
          padding: 10px;
          margin-left: 1%;
          background-color: #73b1c0; }
        #widgetForfait.tab4 > div .contForfait .botonCTA:hover {
          background: #af1861; }
    #widgetForfait.tab4 > div.separacion:hover {
      cursor: default;
      background: rgba(255, 255, 255, 0.9); }

#widgetForfait.tab3 {
  position: relative;
  width: 40%;
  height: 74px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle; }
  #widgetForfait.tab3 > div {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    vertical-align: bottom;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-right: 1px solid #fff; }
    #widgetForfait.tab3 > div .icon {
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    #widgetForfait.tab3 > div#widget1 {
      width: 33%; }
      #widgetForfait.tab3 > div#widget1 .contForfait {
        left: 0;
        right: auto; }
    #widgetForfait.tab3 > div#widget2 {
      width: 33%; }
    #widgetForfait.tab3 > div#widget3 {
      width: 33%; }
      #widgetForfait.tab3 > div#widget3 .contForfait {
        padding: 35px 30px 30px 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      #widgetForfait.tab3 > div#widget3 .botonCTA {
        margin-top: 15px;
        width: 100%;
        margin-left: 1%;
        padding: 11px;
        clear: both;
        position: relative;
        float: left; }
    #widgetForfait.tab3 > div .areaClickable {
      display: block;
      height: 100%; }
    #widgetForfait.tab3 > div .titulo {
      font-size: 21px;
      font-size: 2.1rem;
      font-family: "TungstenBook";
      color: #878786;
      display: block;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0; }
      #widgetForfait.tab3 > div .titulo .destacado {
        font-family: "TungstenSemiBold";
        font-size: 30px;
        font-size: 3rem;
        color: #000000;
        line-height: 4px;
        vertical-align: middle; }
    #widgetForfait.tab3 > div:hover, #widgetForfait.tab3 > div.active {
      background: #3c4045; }
      #widgetForfait.tab3 > div:hover .titulo, #widgetForfait.tab3 > div.active .titulo {
        color: #fff;
        font-family: "TungstenBook"; }
      #widgetForfait.tab3 > div:hover .destacado, #widgetForfait.tab3 > div.active .destacado {
        color: #fff; }
    #widgetForfait.tab3 > div.active .titulo:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 17px solid transparent;
      border-right: 17px solid transparent;
      border-top: 17px solid #3c4045;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 99999; }
    #widgetForfait.tab3 > div .contForfait {
      display: none;
      width: 379px;
      height: auto;
      position: absolute;
      top: 74px;
      right: 0;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 30px;
      background: rgba(0, 0, 0, 0.7) url(../images/bkg-widget-top.png) no-repeat 0 0;
      background-size: 100%; }
      #widgetForfait.tab3 > div .contForfait span {
        opacity: 0;
        display: block;
        padding: 10px 0;
        color: #fff;
        font-family: Arial;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.4em; }
      #widgetForfait.tab3 > div .contForfait input,
      #widgetForfait.tab3 > div .contForfait select {
        display: inline-block;
        padding: 10px 15px;
        border-radius: 2px;
        border: 0;
        font-size: 17px;
        letter-spacing: 1px;
        font-family: "TungstenMedium";
        text-align: center; }
      #widgetForfait.tab3 > div .contForfait select {
        height: 40px;
        background: #fff;
        width: 100%; }
      #widgetForfait.tab3 > div .contForfait .contFecha {
        opacity: 0;
        display: inline-block;
        width: 50%;
        margin: 10px 0 0 0;
        text-align: left;
        float: left; }
        #widgetForfait.tab3 > div .contForfait .contFecha input#datepickerEntrada {
          width: 98%;
          vertical-align: middle;
          background: #fff url(../images/btCalendar.png) no-repeat 95% center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-right: 35px;
          margin-right: 2%;
          cursor: pointer; }
          #widgetForfait.tab3 > div .contForfait .contFecha input#datepickerEntrada::-webkit-input-placeholder, #widgetForfait.tab3 > div .contForfait .contFecha input#datepickerEntrada:-ms-input-placeholder, #widgetForfait.tab3 > div .contForfait .contFecha input#datepickerEntrada:-moz-placeholder, #widgetForfait.tab3 > div .contForfait .contFecha input#datepickerEntrada::-moz-placeholder {
            font-family: "TungstenMedium"; }
        #widgetForfait.tab3 > div .contForfait .contFecha input#datepickerSalida {
          width: 98%;
          vertical-align: middle;
          background: #fff url(../images/btCalendar.png) no-repeat 95% center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-right: 35px;
          margin-left: 2%; }
          #widgetForfait.tab3 > div .contForfait .contFecha input#datepickerSalida::-webkit-input-placeholder, #widgetForfait.tab3 > div .contForfait .contFecha input#datepickerSalida:-ms-input-placeholder, #widgetForfait.tab3 > div .contForfait .contFecha input#datepickerSalida:-moz-placeholder, #widgetForfait.tab3 > div .contForfait .contFecha input#datepickerSalida::-moz-placeholder {
            font-family: "TungstenMedium"; }
        #widgetForfait.tab3 > div .contForfait .contFecha .btCalendario {
          display: none; }
      #widgetForfait.tab3 > div .contForfait .contSelect {
        opacity: 0;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin: 5px 0 0 0; }
        #widgetForfait.tab3 > div .contForfait .contSelect label {
          display: block;
          padding-bottom: 3px;
          color: #fff;
          font-size: 17px;
          letter-spacing: 1px;
          font-family: "TungstenMedium";
          text-align: center; }
        #widgetForfait.tab3 > div .contForfait .contSelect select#comboAdultos {
          width: 98%;
          margin-right: 2%; }
        #widgetForfait.tab3 > div .contForfait .contSelect select#comboNinos {
          width: 98%;
          margin-left: 2%; }
      #widgetForfait.tab3 > div .contForfait select#comboEstacionWidgetForfait {
        opacity: 0;
        width: 100%; }
      #widgetForfait.tab3 > div .contForfait .botonCTA {
        opacity: 0;
        display: block;
        border-radius: 3px;
        background: #db1e7a;
        width: 100%;
        padding: 11px;
        color: #fff;
        font-size: 33px;
        font-size: 3.3rem;
        text-shadow: 0 0 1px black;
        text-decoration: none;
        font-family: "TungstenMedium";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 16px;
        border: 1px solid #fff;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
        #widgetForfait.tab3 > div .contForfait .botonCTA.btComprar {
          display: inline-block;
          vertical-align: top;
          width: 100%;
          padding: 10px;
          margin-right: 1%; }
        #widgetForfait.tab3 > div .contForfait .botonCTA.btRecargar {
          display: inline-block;
          vertical-align: top;
          width: 100%;
          padding: 10px;
          margin-left: 1%;
          background-color: #73b1c0; }
        #widgetForfait.tab3 > div .contForfait .botonCTA:hover {
          background: #af1861; }
    #widgetForfait.tab3 > div.separacion:hover {
      cursor: default;
      background: rgba(255, 255, 255, 0.9); }

#widgetForfait.tab2 {
  position: relative;
  width: 40%;
  height: 74px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle; }
  #widgetForfait.tab2 > div {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    vertical-align: bottom;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-right: 1px solid #fff; }
    #widgetForfait.tab2 > div .icon {
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    #widgetForfait.tab2 > div#widget1 {
      pointer-events: none;
      width: 20%;
      background: rgba(255, 255, 255, 0.75);
      margin: 0; }
      #widgetForfait.tab2 > div#widget1 .icon,
      #widgetForfait.tab2 > div#widget1 .contForfait {
        display: none; }
    #widgetForfait.tab2 > div#widget2 {
      width: 40%; }
    #widgetForfait.tab2 > div#widget3 {
      width: 40%; }
      #widgetForfait.tab2 > div#widget3 .contForfait {
        padding: 35px 30px 30px 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      #widgetForfait.tab2 > div#widget3 .botonCTA {
        margin-top: 15px;
        width: 100%;
        margin-left: 1%;
        padding: 11px;
        clear: both;
        position: relative;
        float: left; }
    #widgetForfait.tab2 > div .areaClickable {
      display: block;
      height: 100%; }
    #widgetForfait.tab2 > div .titulo {
      font-size: 21px;
      font-size: 2.1rem;
      font-family: "TungstenBook";
      color: #878786;
      display: block;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0 0; }
      #widgetForfait.tab2 > div .titulo .destacado {
        font-family: "TungstenSemiBold";
        font-size: 30px;
        font-size: 3rem;
        color: #000000;
        line-height: 4px;
        vertical-align: middle; }
    #widgetForfait.tab2 > div:hover, #widgetForfait.tab2 > div.active {
      background: #3c4045; }
      #widgetForfait.tab2 > div:hover .titulo, #widgetForfait.tab2 > div.active .titulo {
        color: #fff;
        font-family: "TungstenBook"; }
      #widgetForfait.tab2 > div:hover .destacado, #widgetForfait.tab2 > div.active .destacado {
        color: #fff; }
    #widgetForfait.tab2 > div.active .titulo:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 17px solid transparent;
      border-right: 17px solid transparent;
      border-top: 17px solid #3c4045;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 99999; }
    #widgetForfait.tab2 > div .contForfait {
      display: none;
      width: 379px;
      height: auto;
      position: absolute;
      top: 74px;
      right: 0;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 30px;
      background: rgba(0, 0, 0, 0.7) url(../images/bkg-widget-top.png) no-repeat 0 0;
      background-size: 100%; }
      #widgetForfait.tab2 > div .contForfait span {
        opacity: 0;
        display: block;
        padding: 10px 0;
        color: #fff;
        font-family: Arial;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.4em; }
      #widgetForfait.tab2 > div .contForfait input,
      #widgetForfait.tab2 > div .contForfait select {
        display: inline-block;
        padding: 10px 15px;
        border-radius: 2px;
        border: 0;
        font-size: 17px;
        letter-spacing: 1px;
        font-family: "TungstenMedium";
        text-align: center; }
      #widgetForfait.tab2 > div .contForfait select {
        height: 40px;
        background: #fff;
        width: 100%; }
      #widgetForfait.tab2 > div .contForfait .contFecha {
        opacity: 0;
        display: inline-block;
        width: 50%;
        margin: 10px 0 0 0;
        text-align: left;
        float: left; }
        #widgetForfait.tab2 > div .contForfait .contFecha input#datepickerEntrada {
          width: 98%;
          vertical-align: middle;
          background: #fff url(../images/btCalendar.png) no-repeat 95% center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-right: 35px;
          margin-right: 2%;
          cursor: pointer; }
          #widgetForfait.tab2 > div .contForfait .contFecha input#datepickerEntrada::-webkit-input-placeholder, #widgetForfait.tab2 > div .contForfait .contFecha input#datepickerEntrada:-ms-input-placeholder, #widgetForfait.tab2 > div .contForfait .contFecha input#datepickerEntrada:-moz-placeholder, #widgetForfait.tab2 > div .contForfait .contFecha input#datepickerEntrada::-moz-placeholder {
            font-family: "TungstenMedium"; }
        #widgetForfait.tab2 > div .contForfait .contFecha input#datepickerSalida {
          width: 98%;
          vertical-align: middle;
          background: #fff url(../images/btCalendar.png) no-repeat 95% center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-right: 35px;
          margin-left: 2%; }
          #widgetForfait.tab2 > div .contForfait .contFecha input#datepickerSalida::-webkit-input-placeholder, #widgetForfait.tab2 > div .contForfait .contFecha input#datepickerSalida:-ms-input-placeholder, #widgetForfait.tab2 > div .contForfait .contFecha input#datepickerSalida:-moz-placeholder, #widgetForfait.tab2 > div .contForfait .contFecha input#datepickerSalida::-moz-placeholder {
            font-family: "TungstenMedium"; }
        #widgetForfait.tab2 > div .contForfait .contFecha .btCalendario {
          display: none; }
      #widgetForfait.tab2 > div .contForfait .contSelect {
        opacity: 0;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin: 5px 0 0 0; }
        #widgetForfait.tab2 > div .contForfait .contSelect label {
          display: block;
          padding-bottom: 3px;
          color: #fff;
          font-size: 17px;
          letter-spacing: 1px;
          font-family: "TungstenMedium";
          text-align: center; }
        #widgetForfait.tab2 > div .contForfait .contSelect select#comboAdultos {
          width: 98%;
          margin-right: 2%; }
        #widgetForfait.tab2 > div .contForfait .contSelect select#comboNinos {
          width: 98%;
          margin-left: 2%; }
      #widgetForfait.tab2 > div .contForfait select#comboEstacionWidgetForfait {
        opacity: 0;
        width: 100%; }
      #widgetForfait.tab2 > div .contForfait .botonCTA {
        opacity: 0;
        display: block;
        border-radius: 3px;
        background: #db1e7a;
        width: 100%;
        padding: 11px;
        color: #fff;
        font-size: 33px;
        font-size: 3.3rem;
        text-shadow: 0 1px 1px black;
        text-decoration: none;
        font-family: "TungstenMedium";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 16px;
        border: 1px solid #fff;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
        #widgetForfait.tab2 > div .contForfait .botonCTA.btComprar {
          display: inline-block;
          vertical-align: top;
          width: 100%;
          padding: 10px;
          margin-right: 1%; }
        #widgetForfait.tab2 > div .contForfait .botonCTA.btRecargar {
          display: inline-block;
          vertical-align: top;
          width: 100%;
          padding: 10px;
          margin-left: 1%;
          background-color: #73b1c0; }
        #widgetForfait.tab2 > div .contForfait .botonCTA:hover {
          background: #af1861; }
    #widgetForfait.tab2 > div.separacion:hover {
      cursor: default;
      background: rgba(255, 255, 255, 0.9); }

#widgetForfait.tab1 {
  position: relative;
  width: 40%;
  height: 74px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: right; }
  #widgetForfait.tab1 > div {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    position: relative;
    background: rgba(255, 255, 255, 0.9);
    height: 100%;
    vertical-align: bottom;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-right: 1px solid #fff; }
    #widgetForfait.tab1 > div .icon {
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    #widgetForfait.tab1 > div#widget1, #widgetForfait.tab1 > div#widget2 {
      pointer-events: none;
      width: 25%;
      background: rgba(255, 255, 255, 0.75);
      margin: 0; }
      #widgetForfait.tab1 > div#widget1 .icon,
      #widgetForfait.tab1 > div#widget1 .contForfait, #widgetForfait.tab1 > div#widget2 .icon,
      #widgetForfait.tab1 > div#widget2 .contForfait {
        display: none; }
    #widgetForfait.tab1 > div#widget3 {
      width: 50%;
      /*.icon {width: 37px; height: 30px; background: url(../images/iconForfait.png) no-repeat 50% 0; text-align: center; display: inline-block; margin-top: 24px;}*/ }
      #widgetForfait.tab1 > div#widget3 .contForfait {
        padding: 35px 30px 30px 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      #widgetForfait.tab1 > div#widget3 .botonCTA {
        margin-top: 15px;
        width: 100%;
        margin-left: 1%;
        padding: 11px;
        clear: both;
        position: relative;
        float: left; }
    #widgetForfait.tab1 > div .areaClickable {
      display: block;
      height: 100%; }
    #widgetForfait.tab1 > div .titulo {
      font-size: 21px;
      font-size: 2.1rem;
      font-family: "TungstenBook";
      color: #878786;
      display: block;
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      padding: 0 0; }
      #widgetForfait.tab1 > div .titulo .destacado {
        font-family: "TungstenSemiBold";
        font-size: 30px;
        font-size: 3rem;
        color: #000000;
        line-height: 4px;
        vertical-align: middle; }
    #widgetForfait.tab1 > div:hover, #widgetForfait.tab1 > div.active {
      background: #3c4045; }
      #widgetForfait.tab1 > div:hover .titulo, #widgetForfait.tab1 > div.active .titulo {
        color: #fff;
        font-family: "TungstenBook"; }
      #widgetForfait.tab1 > div:hover .destacado, #widgetForfait.tab1 > div.active .destacado {
        color: #fff; }
    #widgetForfait.tab1 > div.active .titulo:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 17px solid transparent;
      border-right: 17px solid transparent;
      border-top: 17px solid #3c4045;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      z-index: 99999; }
    #widgetForfait.tab1 > div .contForfait {
      display: none;
      width: 379px;
      height: auto;
      position: absolute;
      top: 74px;
      right: 0;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 30px;
      background: rgba(0, 0, 0, 0.7) url(../images/bkg-widget-top.png) no-repeat 0 0;
      background-size: 100%; }
      #widgetForfait.tab1 > div .contForfait span {
        opacity: 0;
        display: block;
        padding: 10px 0;
        color: #fff;
        font-family: Arial;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.4em; }
      #widgetForfait.tab1 > div .contForfait input,
      #widgetForfait.tab1 > div .contForfait select {
        display: inline-block;
        padding: 10px 15px;
        border-radius: 2px;
        border: 0;
        font-size: 17px;
        letter-spacing: 1px;
        font-family: "TungstenMedium";
        text-align: center; }
      #widgetForfait.tab1 > div .contForfait select {
        height: 40px;
        background: #fff;
        width: 100%; }
      #widgetForfait.tab1 > div .contForfait .contFecha {
        opacity: 0;
        display: inline-block;
        width: 50%;
        margin: 10px 0 0 0;
        text-align: left;
        float: left; }
        #widgetForfait.tab1 > div .contForfait .contFecha input#datepickerEntrada {
          width: 98%;
          vertical-align: middle;
          background: #fff url(../images/btCalendar.png) no-repeat 95% center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-right: 35px;
          margin-right: 2%;
          cursor: pointer; }
        #widgetForfait.tab1 > div .contForfait .contFecha input#datepickerEntrada::-webkit-input-placeholder,
        #widgetForfait.tab1 > div .contForfait .contFecha input#datepickerSalida::-webkit-input-placeholder {
          font-family: "TungstenMedium"; }
        #widgetForfait.tab1 > div .contForfait .contFecha input#datepickerSalida {
          width: 98%;
          vertical-align: middle;
          background: #fff url(../images/btCalendar.png) no-repeat 95% center;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          padding-right: 35px;
          margin-left: 2%; }
        #widgetForfait.tab1 > div .contForfait .contFecha .btCalendario {
          display: none; }
      #widgetForfait.tab1 > div .contForfait .contSelect {
        opacity: 0;
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin: 5px 0 0 0; }
        #widgetForfait.tab1 > div .contForfait .contSelect label {
          display: block;
          padding-bottom: 3px;
          color: #fff;
          font-size: 17px;
          letter-spacing: 1px;
          font-family: "TungstenMedium";
          text-align: center; }
        #widgetForfait.tab1 > div .contForfait .contSelect select#comboAdultos {
          width: 98%;
          margin-right: 2%; }
        #widgetForfait.tab1 > div .contForfait .contSelect select#comboNinos {
          width: 98%;
          margin-left: 2%; }
      #widgetForfait.tab1 > div .contForfait select#comboEstacionWidgetForfait {
        opacity: 0;
        width: 100%; }
      #widgetForfait.tab1 > div .contForfait .botonCTA {
        opacity: 0;
        display: block;
        border-radius: 3px;
        background: #db1e7a;
        width: 100%;
        padding: 11px;
        color: #fff;
        font-size: 33px;
        font-size: 3.3rem;
        text-shadow: 0 1px 1px black;
        text-decoration: none;
        font-family: "TungstenMedium";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 16px;
        border: 1px solid #fff;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }
        #widgetForfait.tab1 > div .contForfait .botonCTA.btComprar {
          display: inline-block;
          vertical-align: top;
          width: 100%;
          padding: 10px;
          margin-right: 1%; }
        #widgetForfait.tab1 > div .contForfait .botonCTA.btRecargar {
          display: inline-block;
          vertical-align: top;
          width: 100%;
          padding: 10px;
          margin-left: 1%;
          background-color: #73b1c0; }
        #widgetForfait.tab1 > div .contForfait .botonCTA:hover {
          background: #af1861; }
    #widgetForfait.tab1 > div.separacion:hover {
      cursor: default;
      background: rgba(255, 255, 255, 0.75); }

#widgetForfait #widget0 .edadnino,
#widgetForfait #widget1 .edadnino,
#widgetForfait #widget2 .edadnino,
#widgetForfait #widget3 .edadnino {
  width: 100%; }
  #widgetForfait #widget0 .edadnino select,
  #widgetForfait #widget1 .edadnino select,
  #widgetForfait #widget2 .edadnino select,
  #widgetForfait #widget3 .edadnino select {
    width: 23%;
    margin-right: 6px; }
    #widgetForfait #widget0 .edadnino select:last-child,
    #widgetForfait #widget1 .edadnino select:last-child,
    #widgetForfait #widget2 .edadnino select:last-child,
    #widgetForfait #widget3 .edadnino select:last-child {
      margin-right: 0; }

#widgetForfait #widget0 .icon,
#widgetForfait #widget1 .icon,
#widgetForfait #widget2 .icon,
#widgetForfait #widget3 .icon {
  width: 43px;
  height: 43px;
  text-align: center;
  display: inline-block;
  margin-top: 5px; }

#widgetForfait #widget0:hover .icon, #widgetForfait #widget0.active .icon,
#widgetForfait #widget1:hover .icon,
#widgetForfait #widget1.active .icon,
#widgetForfait #widget2:hover .icon,
#widgetForfait #widget2.active .icon,
#widgetForfait #widget3:hover .icon,
#widgetForfait #widget3.active .icon {
  background-position: 0 -42px; }

#widgetForfait .iconCS {
  background: url(../images/ico-clases-esqui.svg) no-repeat 0 0;
  background-size: 100%; }

#widgetForfait .iconFF {
  background: url(../images/ico-forfait.svg) no-repeat 0 0;
  background-size: 100%; }

#widgetForfait .iconFA {
  background: url(../images/ico-forfait+alquiler.svg) no-repeat 0 0;
  background-size: 100%; }

#widgetForfait .iconFH {
  background: url(../images/ico-forfait+hotel.svg) no-repeat 0 0;
  background-size: 100%; }

#widgetForfait .iconAT {
  background: url(../images/ico-forfait.svg) no-repeat 0 0;
  background-size: 100%; }

#widgetForfait .iconAC {
  background: url(../images/ico-activities.svg) no-repeat 0 0;
  background-size: 100%; }

/*-- widget incluir habitaciones --*/
.contHab {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0 0;
  width: 100%;
  border: 1px solid #fff;
  font-size: 0px;
  font-size: 0rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  background-color: #fff;
  padding-left: 15px; }
  .contHab label {
    display: inline-block;
    width: 80%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    color: #000;
    font-size: 20px;
    font-size: 2rem;
    font-family: "TungstenMedium";
    text-align: left; }
  .contHab select.tipoHab {
    opacity: 1;
    width: 20% !important;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    height: 36px;
    background: #fff;
    margin: 0 !important;
    font-size: 13px;
    font-size: 1.3rem; }

.grupoHab {
  display: inline-block;
  vertical-align: top;
  margin: 5px 0 0 0;
  font-family: "TungstenMedium";
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.65);
  background-color: rgba(0, 0, 0, 0.45);
  font-size: 0px;
  font-size: 0rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 1;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px; }
  .grupoHab .nHab {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 6px; }
  .grupoHab .contSelect {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .grupoHab .contSelect label {
      text-align: left !important;
      padding-left: 7px; }

/******************* SLIDER HOME*/
#wrap {
  position: relative;
  z-index: 0;
  top: 0;
  /** WIDGET TIEMPO **/
  /*Webcams del tiempo*/ }
  #wrap .sliderContent {
    height: 100%;
    /*Claim Slider 1*/
    /*Claim Slider 2*/
    /*Botones de control Video**/
    /*imagen nueva del slider*/ }
    #wrap .sliderContent .bx-viewport,
    #wrap .sliderContent .bx-wrapper {
      position: relative;
      width: 100%;
      top: 0;
      left: 0;
      border: none !important; }
    #wrap .sliderContent .slick-list {
      height: 100%; }
      #wrap .sliderContent .slick-list .slick-track {
        height: 100%; }
    #wrap .sliderContent .bx-viewport li {
      min-height: 1px;
      min-width: 1px; }
    #wrap .sliderContent video {
      /*position: fixed;*/
      right: 0;
      bottom: 0;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      background-size: cover; }
    #wrap .sliderContent .imgSliderPromo {
      display: block;
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100%;
      text-align: left;
      height: 100%;
      cursor: pointer; }
    #wrap .sliderContent .slider1 {
      background-image: url(../images/slider/slide3.jpg); }
    #wrap .sliderContent .slider2 {
      background-image: url(../images/slider/slide2.jpg); }
    #wrap .sliderContent .claimVideo {
      opacity: 0;
      position: absolute;
      font-family: "Variable";
      font-size: 50px;
      font-size: 5rem;
      bottom: 15%;
      text-align: left;
      line-height: 1.15em;
      left: 15%;
      padding: 5px 30px;
      background: rgba(255, 255, 255, 0.7);
      max-width: 40%; }
      #wrap .sliderContent .claimVideo span {
        color: #c7d300;
        font-weight: 800;
        font-size: 55px;
        font-size: 5.5rem;
        text-shadow: 0 0 1px black; }
    #wrap .sliderContent .contCompose {
      opacity: 0;
      max-width: 40%;
      position: absolute;
      left: 15% !important;
      top: 34%;
      bottom: inherit !important;
      z-index: 2; }
      #wrap .sliderContent .contCompose img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        cursor: pointer; }
    #wrap .sliderContent .claimCompose {
      opacity: 0;
      max-width: 40%;
      font-size: 30px;
      font-size: 3rem;
      font-family: "twCentBold";
      font-family: "twCentBold";
      position: absolute;
      bottom: 27%;
      color: #5e5e5e;
      background: rgba(255, 255, 255, 0.71);
      padding: 30px 20px 20px 127px;
      left: 45%; }
      #wrap .sliderContent .claimCompose span:after {
        content: "";
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        background: url("../images/flechaBanner.svg") no-repeat 0 0;
        width: 30px;
        margin-left: 17px; }
    #wrap .sliderContent .contBotonesVideo {
      display: block;
      position: absolute;
      right: 12%;
      bottom: 130px;
      width: 220px;
      height: 32px; }
      #wrap .sliderContent .contBotonesVideo .btReload {
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        width: 110px;
        height: 32px;
        background: url(../images/iconReplay.png) no-repeat 0 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      #wrap .sliderContent .contBotonesVideo .btPause {
        cursor: pointer;
        display: inline-block;
        vertical-align: middle;
        width: 73px;
        height: 32px;
        background: url(../images/btPauseVideo.png) no-repeat 0 0;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-left: 15px; }
      #wrap .sliderContent .contBotonesVideo .btReload:hover,
      #wrap .sliderContent .contBotonesVideo .btPause:hover {
        opacity: 0.6; }
    #wrap .sliderContent .imgSliderPromo {
      display: inline-block;
      width: 100%; }
      #wrap .sliderContent .imgSliderPromo .verImgSlider {
        height: 100%; }
  #wrap #widgetTiempo,
  #wrap #widgetGenerico {
    display: block;
    width: 100%;
    height: 100px;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0; }
    #wrap #widgetTiempo .contItems,
    #wrap #widgetGenerico .contItems {
      display: block;
      margin: 0 auto;
      height: 100%;
      width: auto;
      max-width: 980px;
      text-align: center; }
      #wrap #widgetTiempo .contItems li,
      #wrap #widgetTiempo .contItems a,
      #wrap #widgetGenerico .contItems li,
      #wrap #widgetGenerico .contItems a {
        opacity: 0;
        display: inline-block;
        cursor: pointer;
        vertical-align: middle;
        width: 19.5%;
        height: 100%;
        font-size: 0;
        border-right: 1px solid #5d5a5d;
        text-decoration: none; }
        #wrap #widgetTiempo .contItems li span.contIcono,
        #wrap #widgetTiempo .contItems a span.contIcono,
        #wrap #widgetGenerico .contItems li span.contIcono,
        #wrap #widgetGenerico .contItems a span.contIcono {
          float: left;
          padding: 20px 0 0 15%;
          height: 100%;
          display: block;
          width: 45%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        #wrap #widgetTiempo .contItems li span.dato,
        #wrap #widgetTiempo .contItems a span.dato,
        #wrap #widgetGenerico .contItems li span.dato,
        #wrap #widgetGenerico .contItems a span.dato {
          float: left;
          width: 50%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-family: Arial;
          font-size: 22px;
          font-size: 2.2rem;
          color: #fff;
          padding: 20px 0 0 10px;
          box-sizing: border-box;
          text-align: left; }
          #wrap #widgetTiempo .contItems li span.dato .small,
          #wrap #widgetTiempo .contItems a span.dato .small,
          #wrap #widgetGenerico .contItems li span.dato .small,
          #wrap #widgetGenerico .contItems a span.dato .small {
            font-size: 18px;
            font-size: 1.8rem; }
        #wrap #widgetTiempo .contItems li span.descripcion,
        #wrap #widgetTiempo .contItems a span.descripcion,
        #wrap #widgetGenerico .contItems li span.descripcion,
        #wrap #widgetGenerico .contItems a span.descripcion {
          float: left;
          width: 50%;
          font-family: Arial;
          font-size: 13px;
          font-size: 1.3rem;
          color: #a8aeae;
          padding: 2px 0 0 10px;
          text-decoration: none;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: left; }
        #wrap #widgetTiempo .contItems li span.txtVerde,
        #wrap #widgetTiempo .contItems a span.txtVerde,
        #wrap #widgetGenerico .contItems li span.txtVerde,
        #wrap #widgetGenerico .contItems a span.txtVerde {
          color: #c6cf23;
          font-size: 19px;
          text-align: center;
          display: inline-block;
          margin-top: 23px;
          font-family: Arial;
          font-weight: bold; }
        #wrap #widgetTiempo .contItems li:last-child,
        #wrap #widgetTiempo .contItems a:last-child,
        #wrap #widgetGenerico .contItems li:last-child,
        #wrap #widgetGenerico .contItems a:last-child {
          border-right: 0; }
        #wrap #widgetTiempo .contItems li.contEspesor .contIcono, #wrap #widgetTiempo .contItems li.contWebcams .contIcono, #wrap #widgetTiempo .contItems li.contRemontes .contIcono, #wrap #widgetTiempo .contItems li.contTiempo .contIcono,
        #wrap #widgetTiempo .contItems a.contEspesor .contIcono,
        #wrap #widgetTiempo .contItems a.contWebcams .contIcono,
        #wrap #widgetTiempo .contItems a.contRemontes .contIcono,
        #wrap #widgetTiempo .contItems a.contTiempo .contIcono,
        #wrap #widgetGenerico .contItems li.contEspesor .contIcono,
        #wrap #widgetGenerico .contItems li.contWebcams .contIcono,
        #wrap #widgetGenerico .contItems li.contRemontes .contIcono,
        #wrap #widgetGenerico .contItems li.contTiempo .contIcono,
        #wrap #widgetGenerico .contItems a.contEspesor .contIcono,
        #wrap #widgetGenerico .contItems a.contWebcams .contIcono,
        #wrap #widgetGenerico .contItems a.contRemontes .contIcono,
        #wrap #widgetGenerico .contItems a.contTiempo .contIcono {
          width: 27%;
          padding-left: 10%; }
        #wrap #widgetTiempo .contItems li.contEspesor span.dato, #wrap #widgetTiempo .contItems li.contWebcams span.dato, #wrap #widgetTiempo .contItems li.contRemontes span.dato, #wrap #widgetTiempo .contItems li.contTiempo span.dato,
        #wrap #widgetTiempo .contItems a.contEspesor span.dato,
        #wrap #widgetTiempo .contItems a.contWebcams span.dato,
        #wrap #widgetTiempo .contItems a.contRemontes span.dato,
        #wrap #widgetTiempo .contItems a.contTiempo span.dato,
        #wrap #widgetGenerico .contItems li.contEspesor span.dato,
        #wrap #widgetGenerico .contItems li.contWebcams span.dato,
        #wrap #widgetGenerico .contItems li.contRemontes span.dato,
        #wrap #widgetGenerico .contItems li.contTiempo span.dato,
        #wrap #widgetGenerico .contItems a.contEspesor span.dato,
        #wrap #widgetGenerico .contItems a.contWebcams span.dato,
        #wrap #widgetGenerico .contItems a.contRemontes span.dato,
        #wrap #widgetGenerico .contItems a.contTiempo span.dato {
          width: 70%; }
  #wrap #widgetGenerico .contItems a span.dato {
    width: 100%;
    padding: 5px 8px 0 8px;
    font-size: 20px;
    font-size: 2rem;
    text-align: center; }
  #wrap #widgetGenerico .contItems a span.descripcion {
    width: 100%;
    padding: 10px 0 0 0;
    text-align: center; }
  #wrap #widCams {
    display: none;
    position: absolute;
    bottom: 100px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    font-size: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    text-align: center; }
    #wrap #widCams .btVerTodas {
      display: block;
      width: 20%;
      margin: 10px auto;
      padding: 5px 10px;
      background: #009482;
      text-align: center;
      font: 17px "twCent"; }
      #wrap #widCams .btVerTodas a {
        text-decoration: none;
        color: #fff; }
    #wrap #widCams .contWebcams {
      display: inline-block;
      vertical-align: top;
      width: 24%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0.5%;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border: 5px solid gray;
      max-width: 290px; }
      #wrap #widCams .contWebcams a,
      #wrap #widCams .contWebcams img {
        display: block;
        width: 100%; }
      #wrap #widCams .contWebcams:hover {
        opacity: 0.5;
        -webkit-transform: scale(0.95, 0.95);
        -ms-transform: scale(0.95, 0.95);
        transform: scale(0.95, 0.95); }

/*Ajuste especial para Javalambre-Valdelinares, no tenemos un parte de nieve unico*/
body.javalambre-valdelinares #wrap #widgetTiempo .contItems a {
  width: 24.5%; }

/*Estos fondos aparecerán al entrar en Responsive para sustituir el video*/
body.aramon .fondoEstatico {
  background: url(../images/slider/fondoAramon.jpg) 0 0/auto 100% no-repeat; }

body.cerler .fondoEstatico {
  background: url(../images/slider/fondoCerler.jpg) 0 0/auto 100% no-repeat; }

body.formigal-panticosa .fondoEstatico {
  background: url(../images/slider/fondoFormigalPanticosa.jpg) 0 0/auto 100% no-repeat; }

body.javalambre-valdelinares .fondoEstatico {
  background: url(../images/slider/fondoTeruel.jpg) 0 0/auto 100% no-repeat; }

/******************** BANNERS DESTACADOS********************************************
************************************************************************************/
#wrapCover {
  z-index: 2; }

#cajaBannersCentrales {
  display: block;
  position: relative;
  width: 85%;
  max-width: 1230px;
  margin: -15px auto 0 auto;
  z-index: 2; }
  #cajaBannersCentrales a.bannerCentral {
    cursor: pointer;
    position: relative;
    text-decoration: none;
    width: 32.5%;
    border: 12px solid #fff;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 0.75%;
    vertical-align: top; }
    #cajaBannersCentrales a.bannerCentral.banner3 {
      margin-right: 0; }
    #cajaBannersCentrales a.bannerCentral .contImagen img {
      width: 100%; }
    #cajaBannersCentrales a.bannerCentral .texto {
      /*opacity: 0;*/
      min-height: 135px;
      display: inline-block;
      background: #f2f2f2;
      border: 1px solid #e4e4e4;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: Arial;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5em;
      color: black;
      padding: 40px 30px 50px 30px;
      margin-top: -2px; }
    #cajaBannersCentrales a.bannerCentral .btBanner {
      font-size: 22px;
      font-size: 2.2rem;
      font-family: "TungstenBook";
      color: #fff;
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 40px;
      height: 40px;
      margin-top: 15px;
      background: #ff9036;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px; }

.claimCampanya {
  font-family: "TungstenBook";
  font-size: 34px;
  font-size: 3.4rem;
  text-shadow: 1px 1px 5px black;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
  background: url("../images/bkg-seccion-claim.jpg") no-repeat center center;
  padding: 10px 0;
  max-width: 1600px;
  margin: 0 auto; }

.titleSlider {
  font-family: "TungstenBook";
  font-size: 34px;
  font-size: 3.4rem;
  color: black;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  padding: 3rem 0; }

#cajaBannersSecundarios {
  font-size: 0;
  max-width: 1600px;
  margin: 10px auto 0 auto; }
  #cajaBannersSecundarios .banner {
    /*opacity:0;*/
    cursor: pointer;
    position: relative;
    width: 50%;
    display: inline-block;
    overflow: hidden;
    margin-top: 40px; }
    #cajaBannersSecundarios .banner.banner1 {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-right: 3px; }
    #cajaBannersSecundarios .banner.banner2 {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 3px; }
    #cajaBannersSecundarios .banner img {
      width: 100%; }
    #cajaBannersSecundarios .banner .cover {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 33%;
      padding: 15px 110px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: rgba(0, 0, 0, 0.8);
      font-size: 14px;
      font-size: 1.4rem;
      z-index: 2;
      color: #fff;
      font-family: Arial;
      line-height: 1.5em; }
    #cajaBannersSecundarios .banner.banner1 .cover {
      right: 3px; }
    #cajaBannersSecundarios .banner.banner2 .cover {
      left: 3px; }
    #cajaBannersSecundarios .banner.banner2 .btBanner {
      right: 0; }
    #cajaBannersSecundarios .banner .btBanner {
      font-size: 22px;
      font-size: 2.2rem;
      font-family: "TungstenBook";
      color: #fff;
      cursor: pointer;
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      width: 40px;
      height: 40px;
      margin-top: 15px;
      background: #ff9036;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px;
      z-index: 5; }

#agenda {
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto 0;
  font-size: 0;
  position: relative;
  padding-top: 0; }
  #agenda h2 {
    font-family: "TungstenBook";
    text-transform: uppercase;
    font-size: 34px;
    font-size: 3.4rem;
    background: #0b6f93;
    padding: 10px 0 10px 40%;
    color: #fff;
    font-size: 40px;
    font-size: 4rem; }
  #agenda .bannerAgenda {
    width: 38%;
    display: inline-block;
    vertical-align: top; }
    #agenda .bannerAgenda * {
      width: 100%; }
  #agenda .listaAgenda {
    width: 62%;
    display: inline-block;
    vertical-align: top;
    padding: 30px 30px 12px 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #e5e5e5; }
    #agenda .listaAgenda li {
      width: 100%;
      margin-bottom: 29px;
      display: block; }
    #agenda .listaAgenda .fecha {
      display: inline-block;
      position: absolute;
      width: 76px;
      height: 63px;
      background: #ff9036;
      font-family: "Archer-Medium";
      text-transform: uppercase;
      text-align: center;
      font-size: 60px;
      font-size: 6rem;
      color: #fff;
      line-height: 0.45em;
      padding-top: 10px;
      padding-bottom: 10px; }
      #agenda .listaAgenda .fecha.f1 {
        background: url("../images/bkg-fecha-agenda-1.jpg") no-repeat 0 0;
        background-size: 100%; }
      #agenda .listaAgenda .fecha.f2 {
        background: url("../images/bkg-fecha-agenda-2.jpg") no-repeat 0 0;
        background-size: 100%; }
      #agenda .listaAgenda .fecha.f3 {
        background: url("../images/bkg-fecha-agenda-3.jpg") no-repeat 0 0;
        background-size: 100%; }
    #agenda .listaAgenda .fecha sub {
      font-size: 20px;
      font-size: 2rem;
      text-align: center;
      font-family: "TungstenBook";
      text-transform: uppercase; }
    #agenda .listaAgenda .contEvento {
      display: inline-block;
      width: 100%;
      vertical-align: top;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 76px;
      text-decoration: none;
      color: black; }
    #agenda .listaAgenda .titulo {
      display: block;
      background: #fff;
      padding: 5px 23px;
      width: 100%;
      font-family: "TungstenBook";
      text-transform: uppercase;
      font-size: 30px;
      font-size: 3rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    #agenda .listaAgenda .descripicion {
      font-size: 14px;
      font-size: 1.4rem;
      display: block;
      width: 100%;
      font-family: Arial;
      color: black;
      line-height: 1.2em;
      padding: 16px 0 0 23px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 1.2em; }
  #agenda .btAgenda {
    background: #ff9036;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "TungstenBook";
    color: #fff;
    position: absolute;
    width: 15%;
    padding: 12px;
    right: 0;
    text-decoration: none;
    text-align: center;
    margin-top: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    min-width: 200px; }
    #agenda .btAgenda:hover {
      background: #7f7f7f;
      color: #fff; }

footer {
  clear: both;
  margin-top: 38px;
  background: white; }
  footer h2 {
    display: block;
    width: 100%;
    background: #000000;
    font-family: "TungstenBook";
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 35px;
    color: #fff;
    padding: 5px 0 0 0;
    text-align: center; }
    footer h2:after {
      content: "";
      display: block;
      background: url("../images/bkg-seccion-footer.jpg") repeat-x center center;
      background-size: cover;
      width: 100%;
      height: 35px; }
  footer #partners {
    text-align: center;
    display: block;
    width: 100%;
    padding: 30px 0 16px 0;
    position: relative; }
    footer #partners img {
      width: 100%; }
  footer .principales {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0px;
    font-size: 0rem;
    max-width: 1154px;
    margin: 0 auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #9b9b9b; }
    footer .principales.landings {
      border-bottom: none; }
    footer .principales a {
      display: inline-block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 0px;
      font-size: 0rem;
      height: 55px;
      text-decoration: none;
      -webkit-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      vertical-align: middle;
      margin: 5px 2% 5px 0; }
      footer .principales a:last-child {
        margin: 0; }
      footer .principales a.cocacola {
        background: url("../images/partners/cocacola.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 140px;
        height: 46px; }
        footer .principales a.cocacola:hover {
          background-position: 0 -47px; }
		  
	 footer .principales a.volvo {
        background: url(../images/partners/volvo.png) no-repeat 0 0;
        background-position: 0 -7px;
        background-size: 99%;
        width: 78px; }
        footer .principales a.volvo:hover {
          background-position: 0 -62px; }
      footer .principales a.movistar {
        background: url(../images/partners/movistar.svg) no-repeat 0 0;
        background-position: 0 -6px;
        background-size: 99%;
        width: 78px; }
        footer .principales a.movistar:hover {
          background-position: 0 -61px; }

        footer .principales a.laliga {
        background: url(../images/partners/La_Liga_Logo_Gris-01.svg) no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 120px;
        height: 74px; }
        footer .principales a.laliga:hover {
          background: url(../images/partners/La_Liga_Logo_Negro-01.svg) no-repeat 0 0;
          background-position: 0 0;
          background-size: 100%;
          width: 120px;
          height: 74px; }
        footer .principales a.sanMiguel {
        background: url(../images/partners/san-miguel-logo-gris.svg) no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 120px;
        height: 74px; }
        footer .principales a.sanMiguel:hover {
          background: url(../images/partners/san-miguel-logo-color.svg) no-repeat 0 0;
          background-position: 0 0;
          background-size: 100%;
          width: 120px;
          height: 74px; }
      footer .principales a.ford {
        background: url(../images/partners/ford.svg) no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 230px; }
        footer .principales a.ford:hover {
          background-position: 0 -53px; }
      footer .principales a.caser {
        background: url("../images/partners/caser.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 127px;
        height: 91px; }
        footer .principales a.caser:hover {
          background-position: 0 -94px; }
      footer .principales a.goodyear {
        background: url("../images/partners/goodyear.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 140px;
        height: 30px; }
        footer .principales a.goodyear:hover {
          background-position: 0 -28px; }
      footer .principales a.oakley {
        background: url("../images/partners/oakley.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 133px; }
        footer .principales a.oakley:hover {
          background-position: 0 -57px; }
  footer .secundario {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0px;
    font-size: 0rem;
    max-width: 1154px;
    margin: 0 auto;
    padding-top: 10px; }
    footer .secundario.especial a {
      margin: 0 2% 0 0; }
    footer .secundario a {
      display: inline-block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 0px;
      font-size: 0rem;
      height: 36px;
      text-decoration: none;
      -webkit-transition: opacity 0.3s ease-in-out;
      -o-transition: opacity 0.3s ease-in-out;
      transition: opacity 0.3s ease-in-out;
      vertical-align: middle;
      margin: 5px 4% 5px 0; }
      footer .secundario a:last-child {
        margin: 0; }
      footer .secundario a.solan {
        background: url("../images/partners/solan.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 46px; }
        footer .secundario a.solan:hover {
          background-position: 0 -36px; }
      footer .secundario a.ibercaja {
        background: url("../images/partners/ibercaja.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 130px;
        height: 25px; }
        footer .secundario a.ibercaja:hover {
          background-position: 0 -28px; }
      footer .secundario a.pascual {
        background: url("../images/partners/pascual.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 75px; }
        footer .secundario a.pascual:hover {
          background-position: 0 -45px; }
      footer .secundario a.aragon {
        background: url("../images/partners/aragon.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 29px; }
        footer .secundario a.aragon:hover {
          background-position: 0 -38px; }
      footer .secundario a.enate {
        background: url("../images/partners/enate.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 95px;
        height: 18px; }
        footer .secundario a.enate:hover {
          background-position: 0 -17px; }
      footer .secundario a.oakley {
        background: url("../images/partners/oakley.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 83px; }
        footer .secundario a.oakley:hover {
          background-position: 0 -35px; }
      footer .secundario a.mg {
        background: url("../images/partners/m&g.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 65px; }
        footer .secundario a.mg:hover {
          background-position: 0 -36px; }
      footer .secundario a.mumm {
        background: url("../images/partners/mumm.svg") no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 74px;
        height: 46px; }
        footer .secundario a.mumm:hover {
          background-position: 0 -47px; }
      footer .secundario a.barcelo {
        background: url(../images/partners/barcelo_gris.svg) no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 100px;
        margin-top: 10px; }
        footer .secundario a.barcelo:hover {
          background: url(../images/partners/barcelo_black.svg) no-repeat 0 0;
          background-position: 0 0;
          background-size: 100%;
          width: 100px; }
      footer .secundario a.uller {
        background: url(../images/partners/uller_gris.svg) no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 100px;
        margin-top: 10px; }
        footer .secundario a.uller:hover {
          background: url(../images/partners/uller_black.svg) no-repeat 0 0;
          background-position: 0 0;
          background-size: 100%;
          width: 100px; }
      footer .secundario a.gopro {
        background: url(../images/partners/gopro_gris.svg) no-repeat 0 0;
        background-position: 0 0;
        background-size: 100%;
        width: 100px;
        margin-top: -1px; }
        footer .secundario a.gopro:hover {
          background: url(../images/partners/gopro_black.svg) no-repeat 0 0;
          background-position: 0 0;
          background-size: 100%;
          width: 100px; }
  footer .entidades {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0px;
    font-size: 0rem;
    text-align: right;
    margin-right: 15px; }
    footer .entidades li {
      display: inline-block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 0px;
      font-size: 0rem;
      height: 30px;
      vertical-align: top;
      background-color: #333333;
      padding: 5px 10px; }
    footer .entidades .fam {
      display: block;
      background: url("../images/partners/fam.png") no-repeat 0 0;
      background-position: 0 0;
      background-size: 70%;
      width: 45px;
      height: 30px; }
      footer .entidades .fam:hover {
        background-position: 0 -28px; }
    footer .entidades .atudem {
      display: block;
      background: url("../images/partners/esquiespana.png") no-repeat 0 0;
      background-position: 0 0;
      background-size: 70%;
      width: 45px;
      height: 27px; }
      footer .entidades .atudem:hover {
        background-position: 0 -26px; }
  footer #datosContacto {
    display: block;
    background: #333333;
    /*Redes sociales*/ }
    footer #datosContacto .contenido {
      display: table;
      width: 100%;
      max-width: 1154px;
      margin: 0 auto;
      padding: 23px 0; }
    footer #datosContacto .columna {
      display: table-cell;
      width: 20%;
      border-right: 1px solid #007f70;
      vertical-align: top;
      font-family: Arial;
      padding: 7px 5px 13px 5px; }
      footer #datosContacto .columna a {
        color: #c8d300;
        font-size: 16px;
        font-size: 1.6rem;
        display: block;
        text-decoration: none;
        text-decoration: none; }
      footer #datosContacto .columna .prefijo {
        font-size: 150%; }
    footer #datosContacto .columna:last-child {
      border: 0; }
    footer #datosContacto .fila {
      display: block; }
    footer #datosContacto .fila img {
      cursor: pointer;
      text-align: center;
      padding-top: 10px; }
    footer #datosContacto .fila2 {
      margin-top: 15px; }
    footer #datosContacto .titulo {
      color: #c3c3c3;
      font-size: 12px;
      font-size: 1.2rem;
      display: block;
      line-height: 1.2em;
      text-align: center;
      min-height: 20px; }
      footer #datosContacto .titulo p {
        color: #c3c3c3; }
    footer #datosContacto .dato {
      color: #fff;
      font-size: 15px;
      font-size: 1.5rem;
      display: block;
      padding-top: 0;
      text-decoration: none;
      text-align: center;
      min-height: 24px; }
    footer #datosContacto .columna ul li,
    footer #datosContacto .columna ul li a {
      cursor: pointer;
      color: #fff;
      line-height: 1em;
      font-size: 12px;
      font-size: 1.2rem;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      margin-bottom: 4px; }
    footer #datosContacto .columna ul li {
      display: inline-block;
      width: 49%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top; }
    footer #datosContacto .columna ul li.verde {
      color: #cad225; }
    footer #datosContacto .columna ul li:hover {
      opacity: 0.6; }
    footer #datosContacto #redesSociales {
      text-align: center;
      padding: 7px 10px 13px 10px; }
      footer #datosContacto #redesSociales a {
        display: inline-block;
        vertical-align: middle;
        width: 27px;
        height: 27px;
        margin: 4% 1.5%;
        text-decoration: none;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out; }
        footer #datosContacto #redesSociales a.twitter {
          background: transparent url("../images/redesSociales/iconTwitter.svg") center center no-repeat;
          background-size: 100%; }
        footer #datosContacto #redesSociales a.facebook {
          background: transparent url("../images/redesSociales/iconFacebook.svg") center center no-repeat;
          background-size: 100%; }
        footer #datosContacto #redesSociales a.youtube {
          background: transparent url("../images/redesSociales/iconYoutube.svg") center center no-repeat;
          background-size: 85%; }
        footer #datosContacto #redesSociales a.instagram {
          background: transparent url("../images/redesSociales/iconInstagram.svg") center center no-repeat;
          background-size: 100%; }
        footer #datosContacto #redesSociales a.tuenti {
          background: transparent url("../images/redesSociales/iconTuenti.svg") center center no-repeat;
          background-size: 100%; }
        footer #datosContacto #redesSociales a.whatsapp {
          background: transparent url("../images/redesSociales/WhatsApp.svg") center center no-repeat;
          background-size: 100%;
          display: none; }
        footer #datosContacto #redesSociales a:hover {
          opacity: .6; }
    footer #datosContacto #menuCorporativo {
      padding: 7px 0 13px 15px;
      width: 100%; }
      footer #datosContacto #menuCorporativo a {
        text-decoration: none; }
      footer #datosContacto #menuCorporativo:before {
        content: "ARAMON";
        color: #007f70;
        font-size: 14px;
        margin-bottom: 10px;
        display: block; }
    footer #datosContacto #app a {
      display: inline-block;
      vertical-align: middle;
      width: 79px;
      height: 32px;
      margin: 8% 2.5%;
      text-decoration: none;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      footer #datosContacto #app a.ios {
        background: url("../images/iosAPP.png") center center no-repeat;
        background-size: 100%; }
      footer #datosContacto #app a.android {
        background: url("../images/androidAPP.png") center center no-repeat;
        background-size: 100%; }
      footer #datosContacto #app a:hover {
        opacity: 0.6; }
  footer #datosLegales {
    display: block;
    text-align: center;
    color: #333333;
    font-size: 10px;
    font-size: 1rem;
    font-family: Arial;
    font-weight: 700;
    padding: 12px 0 19px 0; }

body.formigal-panticosa footer #partners .oakley {
  display: inline-block; }

/**************************************** PAGINAS INTERIORES ***********************************************************************************************************************************************/
body.interior .wrap {
  margin-top: 30px; }
  @media (min-width: 1440px) {
    body.interior .wrap {
      margin-top: 130px; } }
  body.interior .wrap.pagCompra {
    margin-top: 60px; }

body.interior nav#seleccionPistas h2.textoIntro {
  padding-bottom: 0; }

body.interior header {
  top: 0;
  position: relative; }

body.interior.venta {
  /*.wrap {margin-top: 100px;}*/ }
  body.interior.venta header {
    height: auto;
    width: 100%; }

body.formigal-panticosa.interior {
  background: url("../images/fondoMontanasFormigalPanticosa.jpg") 0 0 no-repeat transparent fixed;
  background-size: 100% 100%;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="https://www.aramon.com/estaticos/images/formigal_panticosa.jpg", sizingMethod="scale");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.aramon.com/estaticos/images/formigal_panticosa.jpg', sizingMethod='scale')"; }

body.aramon.interior {
  background: url("../images/fondoMontanasAramon.jpg") 0 0 no-repeat transparent fixed;
  background-size: 100% auto;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="https://www.aramon.com/estaticos/images/fondoMontanasAramon.jpg", sizingMethod="scale");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.aramon.com/estaticos/images/fondoMontanasAramon.jpg', sizingMethod='scale')"; }

body.cerler.interior {
  background: url("../images/fondoMontanasCerler.jpg") 0 0 no-repeat transparent fixed;
  background-size: 100% auto;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="https://www.aramon.com/estaticos/images/fondoMontanasCerler.jpg", sizingMethod="scale");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.aramon.com/estaticos/images/fondoMontanasCerler.jpg', sizingMethod='scale')"; }

body.javalambre-valdelinares.interior {
  background: url("../images/fondoMontanasJavalambreValdelinares.jpg") 0 0 no-repeat transparent fixed;
  background-size: 100% auto;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="https://www.aramon.com/estaticos/images/fondoMontanasJavalambreValdelinares.jpg", sizingMethod="scale");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.aramon.com/estaticos/images/fondoMontanasJavalambreValdelinares.jpg', sizingMethod='scale')"; }

body.fr.forpan.interior {
  background: url("../images/fondoMontanasFormigalPanticosa.jpg") 0 0 no-repeat transparent fixed;
  background-size: 100% auto;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="https://www.aramon.com/estaticos/images/formigal_panticosa.jpg", sizingMethod="scale");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.aramon.com/estaticos/images/formigal_panticosa.jpg', sizingMethod='scale')"; }

body.fr.cerler.interior {
  background: url("../images/fondoMontanasCerler.jpg") 0 0 no-repeat transparent fixed;
  background-size: 100% auto;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="https://www.aramon.com/estaticos/images/fondoMontanasCerler.jpg", sizingMethod="scale");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.aramon.com/estaticos/images/fondoMontanasCerler.jpg', sizingMethod='scale')"; }

body.fr.aramon.interior {
  background: url("../images/fondoMontanasAramon.jpg") 0 0 no-repeat transparent fixed;
  background-size: 100% auto;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="https://www.aramon.com/estaticos/images/fondoMontanasAramon.jpg", sizingMethod="scale");
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.aramon.com/estaticos/images/fondoMontanasAramon.jpg', sizingMethod='scale')"; }

/************************************* SVG SUPPORT *********************************************************************************************************************************************/
.no-svg #contLogo #logocerler {
  background: transparent url("../images/logo-estacion-cerler.png") right 30% no-repeat;
  background-size: 65%; }

.no-svg #contLogo #logoaramon {
  background: transparent url("../images/logo-estacion-aramon.png") right 30% no-repeat;
  background-size: 65%; }

.no-svg #contLogo #logoformigal-panticosa {
  background: transparent url("../images/logo-estacion-formigal-panticosa.png") center 3px no-repeat; }

.no-svg #contLogo #logojavalambre-valdelinares {
  background: transparent url("../images/logo-estacion-javalambre.png") center 7px no-repeat; }

.no-svg #contLogo .iconMenuResponsive {
  background: url("../images/menuResponsive.png") center center no-repeat; }

.no-svg header nav#seleccionPistas h2.textoIntro:after {
  background: url("../images/flechaDown.png") no-repeat; }

.no-svg #wrap .sliderContent .claimCompose span:after {
  background: url("../images/flechaBanner.png") no-repeat 0 0; }

.no-svg footer #datosContacto #redesSociales a.twitter {
  background: transparent url("../images/redesSociales/iconTwitter.png") 0 0 no-repeat;
  background-size: 100%; }

.no-svg footer #datosContacto #redesSociales a.facebook {
  background: transparent url("../images/redesSociales/iconFacebook.png") 0 0 no-repeat;
  background-size: 100%; }

.no-svg footer #datosContacto #redesSociales a.youtube {
  background: transparent url("../images/redesSociales/iconYoutube.png") 0 0 no-repeat;
  background-size: 100%; }

.no-svg footer #datosContacto #redesSociales a.instagram {
  background: transparent url("../images/redesSociales/iconInstagram.png") 0 0 no-repeat;
  background-size: 100%; }

.no-svg footer #datosContacto #redesSociales a.tuenti {
  background: transparent url("../images/redesSociales/iconTuenti.png") 0 0 no-repeat;
  background-size: 100%; }

/* ********************************************************************************************************************************************** LANDING ABONOS */
#landing_abonos {
  margin: auto;
  color: #414141;
  font-family: "Conv_GothamRnd-Light";
  font-size: 12px;
  padding: 60px 45px 60px 50px;
  background: #fff url(../images/Cabecera-Ski-Pirineos-AT-1300x400.png) no-repeat 0 0;
  background-size: 100% auto;
  /** PLANES **/
}

#landing_abonos.javalambre{
  margin: auto;
  color: #414141;
  font-family: "Conv_GothamRnd-Light";
  font-size: 12px;
  padding: 60px 45px 60px 50px;
background: #fff url(../images/Cabecera-Nieve-de-Teruel-AT-1300x400.png) no-repeat 0 0;
background-size: 100% auto;

}

#landing_abonos.landingOfertas .lista_planes .plan .plan_definicion {
  padding: 20px;
}

#landing_abonos.landingOfertas .lista_planes .plan .title {
  font-size: 39px;
  width: 76%;
  float: none;
}

#landing_abonos.plan {
  padding: 0px 60px 0 60px;
  background: none;
}

#landing_abonos.plan .tituloArticulo {
  font-size: 55px;
  font-size: 5.5rem;
  margin: 35px 0;
}

#landing_abonos.plan .tituloArticulo strong {
  font-family: "TungstenSemiBold";
  display: block;
  font-size: 75px;
  font-size: 7.5rem;
}

#landing_abonos.plan .txtContenidos {
  margin: 35px 0 15px 0;
}

#landing_abonos.plan p {
  text-decoration: underline;
  color: #c24687;
  font-family: "Conv_GothamRnd-bold", Arial, Helvetica, sans-serif;
  font-size: 22px;
}

#landing_abonos.plan p strong a {
  text-decoration: underline;
  color: #c24687;
  font-family: "Conv_GothamRnd-bold", Arial, Helvetica, sans-serif;
  font-size: 22px;
}

#landing_abonos.plan table th {
  border-bottom: 0;
}

#landing_abonos.plan table td {
  border-right: 0;
  border-bottom: 0;
  border-top: 0;
}

#landing_abonos.plan table#landing_abonos_plan_table {
  margin: 40px 0 0;
  width: 100%;
}

#landing_abonos.plan table#landing_abonos_plan_table td {
  padding: 0;
}

#landing_abonos.plan table#landing_abonos_plan_table tbody tr td:first-child {
  background: #62c2dd;
  border-bottom: 10px solid #fff;
  color: #fff;
  font-family: "Conv_GothamRnd-Medium";
  font-size: 14px;
  line-height: 1.4;
  padding: 0 25px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

#landing_abonos.plan table#landing_abonos_plan_table .table_landing_header {
  display: block;
  background: #60767d;
  color: #fff;
  font-family: "Conv_GothamRnd-Medium";
  font-size: 16px;
  font-weight: normal;
  margin: 5px;
  padding: 12px;
  text-align: center;
}

#landing_abonos.plan table#landing_abonos_plan_table .table_landing_datos {
  display: block;
  background: #f5f5f5;
  color: #000;
  font-size: 13px;
  margin: 0 5px 5px 5px;
  text-align: center;
}

#landing_abonos.plan table#landing_abonos_plan_table .table_landing_datos .estandar {
  color: #6c6c6c;
  display: block;
  font-family: "Conv_GothamRnd-Medium";
  font-size: 11px;
}

#landing_abonos.plan table#landing_abonos_plan_table .table_landing_datos strong {
  display: block;
  font-family: "Conv_GothamRnd-Medium";
  font-size: 14px;
  padding: 4px 0;
}

#landing_abonos.plan table#landing_abonos_plan_table .table_landing_datos a {
  display: block;
  padding: 25px 12px 12px 12px;
  font-weight: bold;
  text-decoration: none;
}

#landing_abonos.plan table#landing_abonos_plan_table .table_landing_datos a:hover {
  color: #fff;
  background: #4a5c6d;
}

#landing_abonos.plan .landing_abonos_plan_table_info {
  padding: 40px 0 0;
}

#landing_abonos.plan .landing_abonos_plan_table_info_contratar {
  background: #c24687;
  color: #fff !important;
  display: inline-block;
  font-size: 18px;
  padding: 20px 70px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #333;
  text-transform: uppercase;
}

#landing_abonos.plan .landing_abonos_plan_table_info_contratar:hover {
  background: #73b1c0;
  text-shadow: 1px 1px 1px #568692;
}

#landing_abonos.plan .landing_abonos_plan_table_info_title {
  font-family: "Conv_GothamRnd-Medium";
  font-size: 24px;
  margin: 60px 0 0;
}

#landing_abonos.plan .landing_abonos_plan_table_info_title + p {
  color: #010101;
  font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-align: justify;
  line-height: 1.5em; 
  margin-bottom: 10px;
  text-decoration: none;
  margin-top: 15px;
}

#landing_abonos.plan .landing_abonos_plan_table_info_text {
  margin: 30px 0 50px;
  font-size: 13px; 
  line-height: 1.5;
}

#landing_abonos .lista_planes {
  padding: 360px 0 0;
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
@media (max-width:768px){
  #landing_abonos .lista_planes {
    align-items: baseline;
    padding: 200px 0 0;
  }
}


#landing_abonos .lista_planes .plan {
  margin: 10px 2px;
  width: 16%;
}
#landing_abonos .lista_planes .plan.javalambre {
  width: 30%;
}
@media (max-width:525px){
  #landing_abonos .lista_planes .plan.javalambre {
    width: 100%;
  }
}

@media (max-width:525px){
  #landing_abonos .lista_planes .plan {
    flex: 1;
  }
}
#landing_abonos .lista_planes .plan:nth-of-type(4) {
    margin-top: -42px;
}
#landing_abonos .lista_planes .plan:nth-of-type(5) {
  margin-top: -42px;
}
#landing_abonos .lista_planes .plan:nth-of-type(6) {
  margin-top: 56px;
}


@media (max-width:768px){
  #landing_abonos .lista_planes .plan {
    margin: 20px 2px;
    width: 30%;
  }
}

@media (max-width:525px){
  #landing_abonos .lista_planes .plan {
    margin: 20px 2px;
    width: 100%;
  }
}

@media (max-width:525px){
  #landing_abonos .lista_planes .plan:nth-of-type(1) {
    order: 3;
  }
}
@media (max-width:525px){
  #landing_abonos .lista_planes .plan:nth-of-type(2) {
    order: 4;
  }
}
@media (max-width:525px){
  #landing_abonos .lista_planes .plan:nth-of-type(3) {
    order: 5;
  }
}
@media (max-width:525px){
  #landing_abonos .lista_planes .plan:nth-of-type(4) {
    order: 1;
    margin-top: initial;
  }
}
@media (max-width:525px){
  #landing_abonos .lista_planes .plan:nth-of-type(5) {
    order: 2;
    margin-top: initial;
  }
}
@media (max-width:525px){
  #landing_abonos .lista_planes .plan:nth-of-type(6) {
    order: 3;
    margin-top: initial;
  }
}


#landing_abonos .lista_planes .plan:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}



#landing_abonos .lista_planes .plan .plan_datos .seleccion {
  font: 13px "Conv_GothamRnd-Light";
  color: #5a5a5a;
  padding: 12px 20px;
  background: #e9e9e9;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#landing_abonos .lista_planes .plan .plan_datos .precio {
  color: #5a5a5a;
  padding: 15px 0;
  background: #e9e9e9;
  min-height: 140px;
}

#landing_abonos .lista_planes .plan .plan_datos .precio:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#landing_abonos .lista_planes .plan .plan_datos .precio .precio_desde {
  float: left;
  font-size: 13px;
  padding: 5px 0 0 30px;
}

#landing_abonos .lista_planes .plan .plan_datos .precio .precio_desde strong {
  font-size: 18px;
  font-family: "Conv_GothamRnd-Medium";
}

#landing_abonos .lista_planes .plan .plan_datos .precio > .precio_desde {
  padding-left: 50px;
  vertical-align: top;
}

#landing_abonos .lista_planes .plan .plan_datos .precio .precio_euros {
  font-size: 40px;
  padding: 0 0 0 30px;
}

#landing_abonos .lista_planes .plan .plan_datos .precio .precio_euros strong {
  padding-left: 5px;
}

#landing_abonos .lista_planes .plan .plan_datos .precio .donde {
  display: block;
  text-align: left;
  padding: 10px 0 25px 30px;
  font: 13px "Conv_GothamRnd-Medium";
}

#landing_abonos .lista_planes .plan .plan_datos .comprar_ahora {
  background: #db1e7a;
  text-shadow: 1px 1px 1px #522e45;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: auto;
  padding: 10px 35px;
  font-family: "TungstenMedium";
  color: #fff;
  font-size: 27px;
  font-size: 2.7rem;
  border-radius: 5px;
  border: 1px solid #fff;
  text-transform: uppercase;
  margin-left: 30px;
}

#landing_abonos .lista_planes .plan .plan_datos .comprar_ahora:hover {
  background: #000;
}


#landing_abonos .lista_planes .plan .plan_definicion {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  /* min-height: 220px; */
  color: #fff;
  font-size: 14px;
  line-height: 1.5em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: center;
          padding: 0 0 25px 0;
}

#landing_abonos .type1{
  background-color: #12227A!important;
}
#landing_abonos .type2{
  background-color: #37417A!important;
}
#landing_abonos .type3{
  background-color: #4957A3!important;
}

#landing_abonos .lista_planes .plan .plan_definicion .star{
  height: 45px;
  max-width: 100%;
  width: initial;
}

#landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__title{
 text-transform: uppercase;
 font-size: 13px;
 font-family: 'Montserrat', sans-serif;
  font-weight: bold;
 text-align: center;
 padding: 25px 15px 15px 15px;
 height: 25px;
 color: white;
}

#landing_abonos .lista_planes .plan.javalambre {
  width: 30%;
}
@media (max-width:525px){
  #landing_abonos .lista_planes .plan.javalambre {
    width: 100%;
  }
}
@media (max-width: 768px){
  #landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__title{
    font-size: 20px;
  }
}
#landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__price{
  font-family: 'Montserrat', sans-serif;
  color: white;
}
#landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__price .plan_definicion__price--from{
  text-align: center;
  display: block;
  font-size: 10px;
  margin-bottom: 0px;
}
@media (max-width:768px){
  #landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__price .plan_definicion__price--from{
    font-size: 18px;
    margin-bottom: 10px;
    padding-top: 15%;
  }
}

#landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__price .plan_definicion__price--price{
  font-size: 32px;
  text-align: center;
  font-weight: 900;
  display: block;
  margin-bottom: 12px;
}
@media (max-width:768px){
  #landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__price .plan_definicion__price--price{
    font-size: 52px;
  }
}

#landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__price .plan_definicion__price--price.color{
  color: #DB1D7A;
}


#landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__price .plan_definicion__price--price__discount{
  font-size: 16px;
  text-align: center;
  display: block;
  text-decoration:line-through;
}
@media (max-width:768px){
  #landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__price .plan_definicion__price--price__discount{
    font-size: 22px;
    margin: 15px 0 25px 0;
  }
}

#landing_abonos #landing_abonos_plan_table th {
    padding: 0;
    border: 8px solid white;
    }

 #landing_abonos #landing_abonos_plan_table td {
    padding: 0;
    border: 8px solid white;
        }

#landing_abonos .lista_planes .plan .plan_datos {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  background-color: #fff;
  border: 1px solid whitesmoke;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 10px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#landing_abonos .lista_planes .plan .plan_datos .plan_datos__item{
  font-size: 10px;
  margin: 5px 2px 5px 20px;
  position: relative;
  color: #6E6E6E;
}
@media (max-width:768px){
  #landing_abonos .lista_planes .plan .plan_datos .plan_datos__item{
    font-size: 12px;
  }
}


#landing_abonos .lista_planes .plan .plan_datos .plan_datos__item:before{
  position: absolute;
  top: -2px;
  left: -18px;
  width: 6px;
  height: 14px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  border-right: 2px solid #8ED077;
  border-bottom: 2px solid #8ED077;
  content: '';
}

#landing_abonos .lista_planes .plan .plan_datos .plan_datos__item .space{
  margin-left: 23px;
}

#landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__info {
  font-size: 9px;
  text-align: center;
  display: block;
  padding: 0 25px;
  color: white;
}
@media (max-width:768px){
  #landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__info {
    font-size: 10px;
  }
}

#landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__btn--buy{
  background-color: white;
  color: #DB1D7A;
  font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 7px 20px;
    text-transform: uppercase;
    cursor: pointer;
    white-space: nowrap;
}
@media (max-width:525px){
  #landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__btn--buy{
    font-size: 14px;
    margin: 10px 0;
  }
}

#landing_abonos .lista_planes .plan .plan_definicion .plan_definicion__btn--buy:hover{
  color: white;
  background-color: #DB1D7A;
}

#landing_abonos .planes__temporada{
  margin: 25px 0;
}

#landing_abonos .planes__temporada__title{
  font-family: "TungstenMedium";
  font-size: 36px;
  color: #007f70;
}

#landing_abonos .table_landing_header{
    display: block;
    background: #DB1D7A;
    color: #fff;
    font-family: "Conv_GothamRnd-Medium";
    font-size: 16px;
    font-weight: normal;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    height: 45px;
}

#landing_abonos tbody tr td:first-child{
    background: #817F7F;
    border-bottom: 10px solid #fff;
    color: #fff;
    font-family: "Conv_GothamRnd-Medium";
    /* font-size: 14px;
    line-height: 1.4; */
    padding: 0 25px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
}

#landing_abonos .table_landing_datos{
    display: flex;
    justify-content: center;
    align-items: center;
    background: whitesmoke;
    color: #000;
    /* font-size: 13px;
    margin: 0 5px 5px 5px; */
    text-align: center;
    border-top: 13px solid white;
    height: 55px;
}

#landing_abonos .table_landing_datos a{
    display: block;
    padding: 25px 12px;
    font-weight: bold;
    text-decoration: none;
    color: black;
    font-size: 18px;
}
#landing_abonos .table_landing_datos:hover{
  color: #fff;
  background-color: #007f70;
}

#landing_abonos .table_landing_datos a .table_landing_datos__discount{
  display: block;
  font-size: 12px;
  margin-top: 4px;
  text-decoration:line-through;
}


#landing_abonos .lista_planes .plan .plan_definicion strong {
  display: block;
  font-size: 25px;
}

#landing_abonos .lista_planes .plan .plan_definicion .green strong {
  padding-top: 10px;
  font: 20px "Conv_GothamRnd-Medium";
}

#landing_abonos strong {
  /* font-family: "Conv_GothamRnd-Bold"; */
  font-weight: normal;
}

#landing_abonos .ventajas {
  padding: 0;
  margin: 50px 0 100px 0;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width:768px){
  #landing_abonos .ventajas {
    margin: 10px 0 10px 0;
  }
}


#landing_abonos .ventajas .ventaja {
  /* border: 14px solid #f7f7f7; */
  color: #6E6E6E;
  margin: 0 0 10px;
  padding: 10px 20px;
}

#landing_abonos .ventajas .ventaja:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#landing_abonos .ventajas .ventaja .ventaja_image {
  display: flex;
  justify-content: center;
}

#landing_abonos .ventajas .ventaja .ventaja_icon {
  height: 150px;
  width: initial;
}

#landing_abonos .ventajas .ventaja .ventaja_title {
  font-size: 16px;
  text-align: center;
  line-height: 1.2;
  margin: 0 0 10px;
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  margin: 15px 0;
  color: #6E6E6E;
}

#landing_abonos .ventajas .ventaja .ventaja_text {
  font-size: 12px;
  line-height: 1.8;
  text-align: center;
}

#landing_abonos .ventajas .ventaja .ventaja_tags .tag {
  background: #d6d6d6;
  display: inline-block;
  margin: 2px 6px 3px;
  padding: 5px 20px;
}

#landing_abonos.landingOfertas {
  background: white;
}

#landing_abonos.landingOfertas .title {
  padding: 0;
  margin-top: -55px;
  width: 100%;
  font-size: 40px;
}

.landingOfertas {
  background-image: none !important; }
  .landingOfertas .lista_planes #selectDestino {
    margin-bottom: 10px; }
  .landingOfertas .lista_planes .plan .plan_definicion .boxLeft {
    display: inline-block;
    vertical-align: top;
    width: 38%; }
    .landingOfertas .lista_planes .plan .plan_definicion .boxLeft img {
      width: 100%; }
  .landingOfertas .lista_planes .plan .plan_definicion .boxRight {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 61%;
    padding-left: 4%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .landingOfertas .lista_planes .plan .plan_definicion .boxRight .direccion {
      display: block;
      padding: 15px 0 15px 0;
      font: 13px "Conv_GothamRnd-Light";
      font-style: italic; }
    .landingOfertas .lista_planes .plan .plan_definicion .boxRight ul {
      font: 13px "Conv_GothamRnd-Light";
      padding: 0 0 0 7%;
      margin: 0;
      line-height: 1.5em; }
      .landingOfertas .lista_planes .plan .plan_definicion .boxRight ul ul li {
        padding-bottom: 3px; }
        .landingOfertas .lista_planes .plan .plan_definicion .boxRight ul ul li:last-child {
          width: 62%; }
  .landingOfertas .lista_planes .plan .plan_datos {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    float: right;
    padding: 0 0 0 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .landingOfertas .lista_planes .plan .plan_datos .seleccion {
      font: 13px "Conv_GothamRnd-Light";
      color: #5a5a5a;
      padding: 12px 20px;
      background: #e9e9e9;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .landingOfertas .lista_planes .plan .plan_datos .seleccion span {
        display: inline-block;
        vertical-align: top;
        width: 70%;
        text-align: left;
        padding: 5px 0px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      .landingOfertas .lista_planes .plan .plan_datos .seleccion select {
        display: inline-block;
        width: 28%;
        vertical-align: top;
        border-radius: 3px;
        padding: 5px;
        border-color: #bfbfbf; }
      .landingOfertas .lista_planes .plan .plan_datos .seleccion img {
        vertical-align: middle;
        margin: 0 0 5px 5px; }

/* ********************************************************************************************************************************************** OFERTAS FORFAIT */
#ofertasForfait {
  max-width: 900px;
  margin: auto;
  border-top: 10px solid #c9d100;
  color: #414141;
  font-family: "Conv_GothamRnd-Light";
  font-size: 12px;
  padding: 60px 45px 60px 50px; }
  #ofertasForfait.boxOferta {
    padding: 25px 30px 25px 40px;
    max-width: 925px;
    background: #fff; }
  #ofertasForfait .title {
    font-size: 39px;
    width: 90%;
    padding: 0px 50px 34px 0px;
    color: #959595; }
  #ofertasForfait .contacto.green {
    padding: 10px 0px 0px 110px; }
  #ofertasForfait .green {
    color: #c9d100; }
  #ofertasForfait p.contador {
    text-align: center;
    margin-top: -5px;
    padding: 10px;
    font-size: 20px;
    color: #c24687; }
  #ofertasForfait p.comentarios {
    font-size: 13px;
    color: #717171;
    padding: 20px;
    margin-top: 15px;
    font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    margin-bottom: 10px; }
  #ofertasForfait .cajaOfertaContainer {
    display: block;
    font-size: 0;
    width: 100%; }
    #ofertasForfait .cajaOfertaContainer .cajaMail {
      padding: 15px;
      margin: 10px auto;
      background-color: #f5f5f5;
      font-size: 14px;
      width: 75%;
      border-radius: 10px; }
      #ofertasForfait .cajaOfertaContainer .cajaMail label {
        display: block;
        margin: 5px;
        text-align: center; }
      #ofertasForfait .cajaOfertaContainer .cajaMail input {
        height: 2.6em;
        border-radius: 4px;
        border: 1px #c0c0c0 solid;
        width: 50%;
        margin: 10px auto 10px auto;
        padding: 0 10px;
        display: block; }
    #ofertasForfait .cajaOfertaContainer .cajaOferta {
      width: 25%;
      display: inline-block;
      border: 10px solid transparent;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top; }
      #ofertasForfait .cajaOfertaContainer .cajaOferta.desactivado {
        opacity: 0.4; }
      #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta {
        width: 100%;
        display: table-row; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .cajaNombre {
          width: 37%;
          display: table-cell;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          vertical-align: middle;
          border-radius: 9px 0 0 9px;
          background-color: #c9d100; }
          #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .cajaNombre .tituloCaja {
            font-size: 29px;
            text-align: center;
            display: block;
            color: #fff;
            text-transform: uppercase;
            padding: 0;
            margin-bottom: 0;
            letter-spacing: -0.04em;
            min-height: initial; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .contTexto {
          display: table-cell;
          width: 15%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          border-top: 4px solid #c9d100;
          border-bottom: 4px solid #c9d100;
          border-left: none;
          border-right: none;
          vertical-align: middle;
          min-height: 146px; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .camposSelectores {
          border-left: 1px solid #cccbcb;
          border-right: 4px solid #c9d100;
          border-bottom: 4px solid #c9d100;
          border-top: 4px solid #c9d100;
          display: table-cell;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          vertical-align: middle;
          min-height: 146px; }
          #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .camposSelectores .separador {
            display: none; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .precioFF {
          display: table-cell;
          border-radius: 0 9px 9px 0;
          padding: 13px 20px 14px 20px;
          width: 25%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          vertical-align: top; }
      #ofertasForfait .cajaOfertaContainer .cajaOferta .tituloCaja {
        font-size: 32px;
        text-align: center;
        display: block;
        background-color: #c9d100;
        color: #fff;
        text-transform: uppercase;
        padding: 50px 0 20px 0;
        margin-bottom: 0;
        min-height: 105px;
        letter-spacing: -0.04em;
        border-radius: 9px 9px 0 0; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta .tituloCaja strong {
          font-family: "Conv_GothamRnd-bold";
          font-size: 45px;
          text-transform: uppercase;
          display: block;
          margin: 5px 0; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta .tituloCaja span {
          display: block;
          font-size: 18px; }
      #ofertasForfait .cajaOfertaContainer .cajaOferta .contTexto {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        font-size: 29px;
        color: #848484;
        line-height: 30px;
        padding: 20px 0;
        margin: 0 auto;
        min-height: 110px;
        letter-spacing: -0.04em;
        border-left: 4px solid #c9d100;
        border-right: 4px solid #c9d100; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta .contTexto p.infoFF {
          text-align: center;
          font-size: 29px;
          color: #848484;
          line-height: 30px;
          margin: 0 auto;
          letter-spacing: -0.04em;
          display: block;
          vertical-align: middle; }
          #ofertasForfait .cajaOfertaContainer .cajaOferta .contTexto p.infoFF strong {
            display: block; }
      #ofertasForfait .cajaOfertaContainer .cajaOferta .camposSelectores {
        margin: 0 auto;
        border-left: 4px solid #c9d100;
        border-right: 4px solid #c9d100;
        border-bottom: 4px solid #c9d100;
        min-height: 100px;
        padding: 0 15px 15px 15px; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta .camposSelectores .separador {
          border-top: 1px solid #cccbcb;
          width: 80%;
          display: block;
          margin: 0 auto;
          padding-bottom: 5px; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta .camposSelectores label {
          color: #8e8e8e;
          font-style: italic;
          font-size: 13px;
          margin: 10px 0 5px 0;
          display: block; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta .camposSelectores .selector {
          border: 1px solid #dedede;
          border-radius: 2px;
          color: #8e8e8e;
          padding: 8px;
          vertical-align: top;
          width: 100%;
          background-color: #fafafa; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta .camposSelectores .nPersonas {
          border: 1px solid #dedede;
          border-radius: 2px;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          color: #8e8e8e;
          font-family: Arial, Helvetica, sans-serif;
          font-size: 13px;
          margin: 0 0.65em 0 0;
          padding: 0.5em 1em;
          vertical-align: top;
          width: 50%;
          background-color: #fafafa; }
      #ofertasForfait .cajaOfertaContainer .cajaOferta .precioFF {
        display: block;
        background-color: #e7e7e7;
        border-radius: 0 0 9px 9px;
        min-height: 120px;
        padding: 15px 20px 20px 20px; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta .precioFF p {
          border: none;
          color: #c24687;
          margin-bottom: 0px; }
          #ofertasForfait .cajaOfertaContainer .cajaOferta .precioFF p.precioTachado {
            font-size: 20px;
            letter-spacing: -0.04em;
            text-decoration: line-through;
            color: #828282;
            min-height: 35px; }
          #ofertasForfait .cajaOfertaContainer .cajaOferta .precioFF p strong {
            font-size: 34px;
            letter-spacing: -0.04em;
            font-family: "Conv_GothamRnd-bold"; }
          #ofertasForfait .cajaOfertaContainer .cajaOferta .precioFF p span {
            font-size: 18px;
            letter-spacing: -0.04em; }
        #ofertasForfait .cajaOfertaContainer .cajaOferta .precioFF .btnCompra {
          background: #c24687;
          color: #fff !important;
          display: inline-block;
          font-size: 20px;
          padding: 15px 20px;
          text-decoration: none;
          text-align: center;
          text-transform: uppercase;
          margin-top: 5px;
          cursor: pointer; }
          #ofertasForfait .cajaOfertaContainer .cajaOferta .precioFF .btnCompra:hover {
            background: #73b1c0; }
  #ofertasForfait .limpiar {
    height: 0px;
    height: 0rem; }

#cajaOfertaDosColumnas.cajaOfertaContainer .cajaOferta {
  width: 50%; }

/**************************************** LANDING ABONO TEMPORADAS ***********************************************************************************************************************************************/
.interior .formulario {
  background: #fff;
  border-top: 10px solid #c7d400; }
  .interior .formulario h2,
  .interior .formulario h3 {
    display: block;
    text-align: center;
    font-family: Conv_GothamRnd-Light;
    font-size: 20px;
    margin-top: 10px; }
  .interior .formulario input[type="button"] {
    padding: 20px;
    float: right;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: "Conv_GothamRnd-Light";
    text-transform: uppercase;
    border: none;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    background: #db1e7a;
    display: block;
    margin: 0 auto;
    float: none;
    margin-top: 10px; }

.evento-detalle-centro .evento-detalle-imagen img {
  padding-top: 20px; }

.abonoListadoTemporada .unaColum {
  margin-top: 140px; }

/************************************** CONTENIDOS *************************************************
**************************************************************************************************/
.contenido {
  /*Textos*/
  /*Bordes*/
  /* 1 columna*/
  /* 2 columnas */
  /* 4 columnas */
  /*Alineaciones*/
  /*Imagenes*/
  /*Tablas*/
  /*Formularios*/
  /*Medidas estandar*/
  /*Videos*/
  /******************************** COMPRAR FORFAIT *********************************/
  /******Compra Forfait + Alquiler******/
  /************COMPLETA TU VIAJE*************/ }
  .contenido #paginaFinalizadoSection .txtBlanco {
    color: #010101;
    margin-right: 0;
    display: block;
    background-color: rgba(221, 222, 187, 0.1);
    border: 2px solid #c9d200;
    border-radius: 10px;
    padding: 50px 25px;
    font-size: 14px;
    line-height: 1.6em; }
  .contenido .pedidoOKVolver {
    cursor: pointer;
    text-decoration: none;
    color: #b76999;
    font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    display: block;
    background-color: #efefef;
    padding: 10px; }
  .contenido h1 {
    color: #007f70;
    font-size: 40px;
    font-size: 4rem;
    font-family: "TungstenBook";
    font-weight: normal;
    padding: 35px 30px 10px 30px; }
    .contenido h1.txtBlanco {
      color: #010101; }
    .contenido h1 strong {
      font-weight: normal; }
    .contenido h1 .txtVerde {
      color: #007f70; }
  .contenido h2 {
    font-family: "TungstenBook";
    font-weight: normal; }
    .contenido h2.txtVerde {
      color: #007f70;
      font-family: "TungstenBook";
      margin: 35px 95px 0 95px; }
      .contenido h2.txtVerde strong {
        font-weight: normal;
        font-family: "TungstenMedium";
        font-size: 38px;
        font-size: 3.8rem; }
  .contenido i {
    font-style: italic; }
  .contenido a {
    text-decoration: none;
    color: #b76999; }
  .contenido p {
    color: #010101;
    font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
    line-height: 1.5em;
    margin-bottom: 10px; }
    .contenido p strong,
    .contenido p b {
      font-family: "Conv_GothamRnd-Medium";
      font-weight: normal; }
      .contenido p strong.otraLinea,
      .contenido p b.otraLinea {
        display: block;
        line-height: 1em;
        margin-bottom: -0.15em; }
      .contenido p strong.txtVerde,
      .contenido p b.txtVerde {
        color: #798c96;
        font-size: 18px;
        font-size: 1.8rem;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: inline-block;
        margin-top: 15px; }
  .contenido .btnRosa {
    cursor: pointer;
    background: #db1e7a;
    color: #fff;
    font-size: 27px;
    font-size: 2.7rem;
    padding: 10px 35px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 1px #522e45;
    text-transform: uppercase;
    width: auto;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "TungstenMedium";
    display: inline-block; }
    .contenido .btnRosa:hover {
      background: #000; }
  .contenido .btnRosapeq {
    cursor: pointer;
    background: #db1e7a;
    color: #fff;
    font-size: 27px;
    font-size: 2.1rem;
    padding: 10px 35px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 1px #522e45;
    text-transform: uppercase;
    width: auto;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "TungstenMedium";
    display: inline-block; }
    .contenido .btnRosapeq:hover {
      background: #000; }
  .contenido .btnNoactive {
    cursor: pointer;
    background: #a0bcbf;
    color: #fff;
    font-size: 27px;
    font-size: 2.7rem;
    padding: 10px 35px;
    text-decoration: none;
    text-align: center;
    text-shadow: none;
    text-transform: uppercase;
    width: auto;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "TungstenMedium";
    display: inline-block; }
    .contenido .btnNoactive:hover {
      background: #000000; }
  .contenido li.listadoVerde {
    list-style-type: disc;
    list-style-image: url("../images/listadoVerde.png");
    font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5em;
    padding-left: 65px;
    text-indent: -12px; }
  .contenido li.listadoRosa {
    list-style-type: disc;
    list-style-image: url("../images/listadoRosa.png");
    font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5em;
    padding-left: 65px;
    text-indent: -12px; }
  .contenido .txtBlanco {
    color: #fff; }
  .contenido .txtVerde,
  .contenido .txtAzul,
  .contenido .txtRosa,
  .contenido .txtVerdeEsmeralda {
    color: #007f70;
    font-weight: normal; }
  .contenido span.txtVerde {
    color: #798c96;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
    margin-top: 15px;
    font-family: "Conv_GothamRnd-Medium"; }
  .contenido .letraPeq {
    font-size: 1.1rem; }
  .contenido .unaColum {
    width: 100%;
    clear: both;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    background: rgba(255, 255, 255, 0.94);
    color: #010101;
    overflow: hidden; }
    .contenido .unaColum.bordeVerde {
      padding-top: 30px; }
      .contenido .unaColum.bordeVerde h2 {
        font-family: "TungstenBook";
        font-weight: normal;
        font-size: 3rem;
        margin: 25px 90px 5px 62px; }
    .contenido .unaColum img {
      width: 100%;
      height: auto; }
    .contenido .unaColum:first-child {
      background: transparent; }
      .contenido .unaColum:first-child:after {
        content: "";
        background: url(../images/bkg-titulos.png) 0 0 no-repeat;
        display: block;
        width: 100%;
        height: 30px;
        background-size: 100%; }
    .contenido .unaColum .alinDerecha {
      float: right;
      margin: -3.3em 90px 20px 2.5em;
      width: 49%; }
    .contenido .unaColum .unQuinto {
      width: 20%; }
    .contenido .unaColum.blanco {
      background: #fff;
      color: #010101; }
    .contenido .unaColum.parteNieve.prevMeteo p {
      margin: 12px 25px 12px 10px; }
    .contenido .unaColum p {
      color: #010101;
      font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.4em;
      margin: 12px 95px 12px 95px;
      text-align: justify; }
    .contenido .unaColum.compraForfaitNinos {
      padding: 60px 45px 60px 50px !important; }
      .contenido .unaColum.compraForfaitNinos .principal p.disney {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: justify;
        line-height: 1.5em;
        margin-bottom: 10px; }
    .contenido .unaColum.cupos {
      padding: 0; }
    .contenido .unaColum.parteNieve {
      padding: 1.5% 3%; }
    .contenido .unaColum + br {
      display: none; }
    .contenido .unaColum .blockImagenes {
      margin-top: 55px; }
  .contenido .compraForfaitNinos h2 {
    float: left;
    color: #c7d400;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
    font-family: "Conv_GothamRnd-Light"; }
  .contenido .dosColum {
    width: 100%;
    clear: both;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    background: rgba(255, 255, 255, 0.94);
    color: #010101;
    overflow: hidden;
    font-size: 0; }
    .contenido .dosColum.blanco {
      background: #fff;
      color: #010101; }
    .contenido .dosColum > div {
      width: 50%;
      display: inline-block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-right: 5px solid transparent;
      vertical-align: top; }
    .contenido .dosColum div.colum h2.txtVerde {
      font-size: 23px;
      font-size: 2.3rem;
      font-weight: normal;
      font-family: "TungstenBook";
      margin: 35px 95px 0 95px; }
    .contenido .dosColum div.colum + .colum {
      border-right: none; }
    .contenido .dosColum h2 {
      font-size: 23px;
      font-size: 2.3rem;
      font-weight: normal;
      font-family: "TungstenBook";
      margin: 35px 95px 0 95px; }
    .contenido .dosColum img {
      width: 100%;
      height: auto; }
    .contenido .dosColum p {
      color: #010101;
      font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.4em;
      margin: 12px 95px 12px 95px;
      text-align: justify; }
      .contenido .dosColum p strong.txtVerde {
        margin-bottom: 0;
        margin-top: 0; }
    .contenido .dosColum:first-child {
      background: transparent; }
      .contenido .dosColum:first-child:after {
        content: "";
        background: url(../images/bkg-titulos.png) 0 0 no-repeat;
        display: block;
        width: 100%;
        height: 30px;
        background-size: 100%; }
    .contenido .dosColum a {
      text-decoration: none;
      color: #fff;
      font-weight: 900;
      background-color: #11b7de;
      padding: 2px 5px; }
      .contenido .dosColum a.linksimagen {
        background-color: transparent;
        margin-left: 85px; }
        .contenido .dosColum a.linksimagen:hover {
          background-color: transparent; }
      .contenido .dosColum a:hover {
        color: #9c0b57;
        background-color: #c4ced1; }
  .contenido .cuatroColum {
    width: 100%;
    clear: both;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 3% 3.5% 5%;
    background: #fff;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    color: #1a171b; }
    .contenido .cuatroColum.blanco p {
      color: #1a171b; }
    .contenido .cuatroColum h1 {
      font-size: 39px;
      font-size: 3.9rem;
      font-family: "Conv_GothamRnd-Light";
      font-weight: normal;
      margin-bottom: 0.75em; }
      .contenido .cuatroColum h1 strong {
        font-family: "Conv_GothamRnd-Medium";
        font-weight: normal; }
        .contenido .cuatroColum h1 strong.otraLinea {
          display: block;
          line-height: 1em;
          margin-bottom: -0.15em; }
    .contenido .cuatroColum h2 {
      font-size: 23px;
      font-size: 2.3rem;
      font-family: "Conv_GothamRnd-Light";
      font-weight: normal; }
    .contenido .cuatroColum p {
      color: #010101;
      font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.3em;
      margin-bottom: 10px;
      text-align: left; }
    .contenido .cuatroColum a {
      font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-size: 1.3rem; }
    .contenido .cuatroColum .colum.separador h4 {
      font-size: 14px;
      font-size: 1.4rem;
      padding-bottom: 1rem;
      font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
      font-weight: bold; }
    .contenido .cuatroColum .columns {
      display: table;
      margin: 0 auto;
      max-width: 800px;
      width: 100%; }
      .contenido .cuatroColum .columns .colum {
        display: table-cell;
        width: 25%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border-left: 1px solid #b0b0b0;
        padding: 0 5%; }
        .contenido .cuatroColum .columns .colum:first-child {
          border: 0; }
  .contenido .limpiar {
    height: 0; }
    .contenido .limpiar:last-child {
      height: 0; }
  .contenido #landing_abonos .limpiar {
    height: 0; }
  .contenido .alinIzq {
    float: left;
    margin: 0 1em 0 0;
    width: 49%; }
  .contenido .alinDerecha {
    float: right;
    margin: 0 0 0 1em;
    width: 49%; }
  .contenido .blockImagenes.tres img {
    width: 32.6%;
    margin-left: 1%;
    float: left; }
    .contenido .blockImagenes.tres img:first-child {
      margin-left: 0%; }
  .contenido .blockImagenes.cuatro img {
    width: 24.25%;
    margin-left: 1%;
    float: left; }
    .contenido .blockImagenes.cuatro img:first-child {
      margin-left: 0%; }
  .contenido table {
    width: 85%;
    margin: 0 auto 35px auto;
    font-family: "Conv_GothamRnd-Light";
    font-size: 14px;
    font-size: 1.4rem; }
    .contenido table.ui-datepicker-calendar {
      font-size: 9px;
      font-size: 0.9rem; }
      .contenido table.ui-datepicker-calendar th {
        border-bottom: 1px solid #b8b8b8; }
      .contenido table.ui-datepicker-calendar td {
        padding: 0;
        border: 1px solid #d6d6d6; }
    .contenido table td,
    .contenido table th {
      padding: 1.15em 1.25em;
      color: #010101;
      text-align: center; }
    .contenido table th {
      color: #010101;
      border: none; }
    .contenido table td {
      border-bottom: 1px solid #dadada;
      border-right: 1px solid #d6d6d6; }
      .contenido table td:first-child {
        background: rgba(255, 255, 255, 0.2);
        font-family: "Conv_GothamRnd-Light"; }
    .contenido table th.sinFondo {
      background: transparent; }
    .contenido table.tablaAzul th, .contenido table.tablaAzul2 th {
      color: #73bbd1;
      border-color: #73bbd1; }
    .contenido table.tablaAzul td:first-child, .contenido table.tablaAzul2 td:first-child {
      background: rgba(115, 186, 209, 0.8);
      border-color: #1a171b; }
    .contenido table.tablaVerde th, .contenido table.tablaVerde2 th, .contenido table.tablaVerdeEsmeralda th, .contenido table.tablaVerdeEsmeralda2 th {
      color: #559cb0;
      border-color: #559cb0; }
    .contenido table.tablaVerde td:first-child, .contenido table.tablaVerde2 td:first-child, .contenido table.tablaVerdeEsmeralda td:first-child, .contenido table.tablaVerdeEsmeralda2 td:first-child {
      background: #62c2dd;
      border-color: #fff;
      color: #fff; }
    .contenido table.tablaRosa th, .contenido table.tablaRosa2 th {
      color: #c6cf23;
      border-color: #c6cf23; }
    .contenido table.tablaRosa td:first-child, .contenido table.tablaRosa2 td:first-child {
      background: rgba(168, 71, 133, 0.8);
      border-color: #1a171b; }
  .contenido form label {
    float: left;
    text-align: left; }
  .contenido form input[type="checkbox"] {
    float: left;
    margin-right: 0.5em; }
  .contenido form input[type="checkbox"] + label {
    width: auto; }
  .contenido form p {
    clear: both; }
  .contenido input[type="button"],
  .contenido button,
  .contenido .button {
    padding: 0.5em 2em;
    /*float:right;*/
    font-size: 15px;
    font-size: 1.5rem;
    font-family: "Conv_GothamRnd-Light";
    text-transform: uppercase;
    border: none;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .contenido input[type="button"].btnAzul,
    .contenido button.btnAzul,
    .contenido .button.btnAzul {
      background: #73b1c0;
      text-shadow: 1px 1px 1px #568692;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .contenido input[type="button"].btnAzul:hover,
      .contenido button.btnAzul:hover,
      .contenido .button.btnAzul:hover {
        background: #a94884;
        text-shadow: 1px 1px 1px #522e45; }
    .contenido input[type="button"].btnRosa,
    .contenido button.btnRosa,
    .contenido .button.btnRosa {
      background: #db1e7a;
      text-shadow: 1px 1px 1px #522e45;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      width: auto;
      padding: 10px 35px;
      font-family: "TungstenMedium";
      color: #fff;
      font-size: 27px;
      font-size: 2.7rem;
      border-radius: 5px;
      border: 1px solid #fff; }
      .contenido input[type="button"].btnRosa:hover,
      .contenido button.btnRosa:hover,
      .contenido .button.btnRosa:hover {
        background: #000000; }
    .contenido input[type="button"].btnVerde, .contenido input[type="button"].btnVerdeEsmeralda,
    .contenido button.btnVerde,
    .contenido button.btnVerdeEsmeralda,
    .contenido .button.btnVerde,
    .contenido .button.btnVerdeEsmeralda {
      background: #c9d200;
      text-shadow: 1px 1px 1px #4f500f;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
      .contenido input[type="button"].btnVerde:hover, .contenido input[type="button"].btnVerdeEsmeralda:hover,
      .contenido button.btnVerde:hover,
      .contenido button.btnVerdeEsmeralda:hover,
      .contenido .button.btnVerde:hover,
      .contenido .button.btnVerdeEsmeralda:hover {
        background: #a94884;
        text-shadow: 1px 1px 1px #522e45; }
    .contenido input[type="button"].ms-choice,
    .contenido button.ms-choice,
    .contenido .button.ms-choice {
      display: block;
      padding: 0.5em 2em;
      cursor: pointer;
      border: 1px solid #aaa;
      color: #444;
      text-decoration: none;
      text-transform: inherit;
      font-size: 13px;
      font-size: 1.3rem; }
  .contenido .unaColum #activadLink {
    width: 250px !important;
    margin: 50px auto 80px auto;
    display: block;
    clear: both; }
  .contenido .dosColum #activadLink {
    width: 250px !important;
    display: block;
    clear: both; }
  .contenido .unCuarto {
    width: 25%; }
  .contenido .unQuinto {
    width: 20%; }
  .contenido .dosColum .colum .video {
    padding-top: 76.25%; }
  .contenido .dosColum .video {
    padding-top: 76.25%; }
  .contenido .unaColum .video {
    padding-top: 56.1%; }
  .contenido .video {
    height: 0;
    width: 101%;
    /*padding-top:76.25%;  Relacion: 16/9 = 56.25% */
    position: relative; }
    .contenido .video iframe {
      position: absolute;
      height: 100%;
      width: 99.7%;
      top: 0px;
      left: 0px;
      outline: 0;
      border: none;
      overflow: hidden; }
      .contenido .video iframe:focus,
      .contenido .video iframe *:focus,
      .contenido .video iframe *:active {
        outline: none;
        border: none; }
  .contenido .compraForfait {
    padding: 0;
    /*SELECTOR FORFAIT*/
    /****SIN FECHAS***/ }
    .contenido .compraForfait .contacto.green {
      display: inline-block;
      float: right;
      padding-left: 0; }
    .contenido .compraForfait p.txt_nota {
      width: 100%; }
    .contenido .compraForfait .cabecera {
      padding: 3%;
      display: inline-block;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: "Conv_GothamRnd-Light"; }
      .contenido .compraForfait .cabecera h1 {
        float: left; }
      .contenido .compraForfait .cabecera p,
      .contenido .compraForfait .cabecera p.dudas {
        float: right;
        text-align: right;
        font-size: 16px;
        letter-spacing: 0.2em;
        color: #aaaaaa;
        line-height: 1em; }
        .contenido .compraForfait .cabecera p span,
        .contenido .compraForfait .cabecera p.dudas span {
          display: block;
          color: #fff; }
    .contenido .compraForfait .boxBorde {
      padding: 0;
      margin-top: 10px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border: 10px solid #3c9d89;
      margin-bottom: 10px;
      font-size: 0px;
      font-size: 0rem;
      display: table;
      width: 100%; }
      .contenido .compraForfait .boxBorde .tituloSeccion {
        text-transform: uppercase;
        margin-top: 0;
        font-family: "TungstenBook";
        border-bottom: none;
        font-size: 28px;
        font-size: 2.8rem; }
      .contenido .compraForfait .boxBorde .radioForfait {
        border-left: 1px solid #3c9d89;
        padding: 10px 0px 10px 20px;
        background-color: #f4eeee; }
    .contenido .compraForfait .cuerpo {
      padding: 1.5% 3% 3%; }
      .contenido .compraForfait .cuerpo .radio {
        display: table-cell;
        width: 50%;
        padding: 10px 0px 10px 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        vertical-align: top; }
        .contenido .compraForfait .cuerpo .radio#divRadioEstacion {
          display: table-cell;
          width: 50%;
          border-right: none;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          vertical-align: top; }
          .contenido .compraForfait .cuerpo .radio#divRadioEstacion label {
            margin-left: 0;
            margin-right: 20px;
            color: #007f70; }
    .contenido .compraForfait .cuerpo.secActividades {
      padding: 25px; }
      .contenido .compraForfait .cuerpo.secActividades .conFecha {
        border: 10px solid #c7d400; }
      .contenido .compraForfait .cuerpo.secActividades .contenidoDestacado {
        background: none; }
      .contenido .compraForfait .cuerpo.secActividades .secActividades-proximos {
        border-top: 1px solid #c6cf23;
        padding: 10px 25px;
        padding: 1rem 2.5rem;
        background: #fff;
        border-bottom: 0; }
        .contenido .compraForfait .cuerpo.secActividades .secActividades-proximos .listado-secActividades .evento-proximo {
          background: #f4f4f4;
          margin-bottom: 7px;
          padding: 15px 25px;
          padding: 1.5rem 2.5rem; }
          .contenido .compraForfait .cuerpo.secActividades .secActividades-proximos .listado-secActividades .evento-proximo .evento-proximo-contenido .evento-proximo-contenido-subtitulo {
            font-size: 16px;
            font-size: 1.6rem;
            color: #7b7b7b;
            padding: 0 0 15px;
            padding: 0 0 1.5rem; }
          .contenido .compraForfait .cuerpo.secActividades .secActividades-proximos .listado-secActividades .evento-proximo .evento-proximo-contenido .evento-proximo-contenido-contenido {
            font-size: 13px;
            font-size: 1.3rem;
            color: #7bb1c3;
            line-height: 16px;
            line-height: 1.6rem; }
        .contenido .compraForfait .cuerpo.secActividades .secActividades-proximos .pagination li.pager-current {
          background: #c7d400;
          color: #fff; }
      .contenido .compraForfait .cuerpo.secActividades.evento-detalle {
        background: #fff; }
        .contenido .compraForfait .cuerpo.secActividades.evento-detalle h1 {
          padding-left: 0; }
    .contenido .compraForfait .resp-tabs-list li {
      font-size: 14px;
      font-size: 1.4rem;
      font-family: "Conv_GothamRnd-Light";
      padding: 20px 15px !important; }
    .contenido .compraForfait .cuerpo.eventos .resp-tabs-container {
      border: none;
      padding: 0px !important; }
    .contenido .compraForfait .resp-tabs-container {
      border: 10px solid #3c9d89; }
    .contenido .compraForfait .resp-tab-content {
      overflow: hidden; }
    .contenido .compraForfait .resp-tab-item {
      background: #c9c9c9;
      margin-right: 5px;
      color: #515151; }
    .contenido .compraForfait .resp-tab-active {
      background: #3c9d89;
      color: #ffffff;
      border: 0; }
    .contenido .compraForfait .resp-tab-content {
      background: white;
      border: 0;
      padding: 35px; }
    .contenido .compraForfait .precioigual {
      background: url(../images/rayasBig.png) 0 0 repeat-y #000; }
      .contenido .compraForfait .precioigual span {
        text-decoration: underline;
        color: #c6cf23; }
        .contenido .compraForfait .precioigual span a {
          text-decoration: underline;
          color: #c6cf23; }
    .contenido .compraForfait .selecDias {
      width: 60%;
      float: left; }
    .contenido .compraForfait h2 {
      font-size: 30px;
      font-size: 3rem; }
    .contenido .compraForfait .ui-datepicker-header {
      float: right;
      margin-right: 1px;
      padding: 5px 15px;
      margin-top: 0;
      margin-bottom: 5px;
      background-color: #f7f7f7; }
      .contenido .compraForfait .ui-datepicker-header a {
        vertical-align: middle;
        color: #c6cf23;
        font-size: 30px;
        cursor: pointer; }
        .contenido .compraForfait .ui-datepicker-header a.ui-state-disabled {
          color: #222e33;
          display: inline-block !important; }
          .contenido .compraForfait .ui-datepicker-header a.ui-state-disabled:before {
            color: lightgray !important; }
        .contenido .compraForfait .ui-datepicker-header a.ui-datepicker-next {
          float: right; }
        .contenido .compraForfait .ui-datepicker-header a.none {
          display: none; }
    .contenido .compraForfait .ui-datepicker-title {
      display: inline-block;
      vertical-align: middle;
      font-size: 15px;
      color: #747474;
      padding: 0 20px;
      border-radius: 3px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      margin-top: 5px; }
    .contenido .compraForfait a.ui-datepicker-next.ui-corner-all span,
    .contenido .compraForfait a.ui-datepicker-prev.ui-corner-all span {
      display: none; }
    .contenido .compraForfait a.ui-datepicker-prev.ui-corner-all::before {
      content: "\2039";
      font-size: 25px;
      font-weight: bold;
      color: #c24687; }
    .contenido .compraForfait a.ui-datepicker-next.ui-corner-all::before {
      content: "\203A";
      font-size: 25px;
      font-weight: bold;
      color: #c24687;
      margin-left: 4px; }
    .contenido .compraForfait .ui-datepicker-calendar td,
    .contenido .compraForfait .ui-datepicker-calendar td:first-child {
      background: #565656;
      border: 0; }
      .contenido .compraForfait .ui-datepicker-calendar td a,
      .contenido .compraForfait .ui-datepicker-calendar td:first-child a {
        color: #91c5be; }
    .contenido .compraForfait .ui-datepicker-calendar td.ui-datepicker-unselectable,
    .contenido .compraForfait .ui-datepicker-calendar td.ui-datepicker-unselectable:first-child {
      background: #f5f5f5; }
    .contenido .compraForfait .ui-datepicker .ui-datepicker-calendar td.ui-state-highlight {
      background-color: #c24687;
      color: #999ea0;
      border-color: #29242b; }
    .contenido .compraForfait .ui-datepicker .ui-datepicker-calendar td.ui-state-highlight .adulto {
      color: #29242b; }
    .contenido .compraForfait .selecDias p.txt {
      color: #565656;
      font-size: 11px;
      font-family: Helvetica, Arial, sans-serif;
      margin-top: 0;
      display: block;
      margin-right: 10px;
      margin-bottom: 5px; }
    .contenido .compraForfait .selecDias p.leyendaPrecios {
      color: #fff;
      font-family: "Conv_GothamRnd-Light";
      font-size: 11px;
      display: inline-block;
      background: #565656;
      padding: 5px 10px;
      margin-bottom: 5px; }
    .contenido .compraForfait .selecDias .leyendaPrecios + .leyendaPrecios {
      color: #ff5eb2; }
    .contenido .compraForfait .selecDias p.leyendaPrecios span {
      display: none; }
    .contenido .compraForfait .selecDias p span {
      display: inline-block;
      font-family: arial;
      font-size: 1.5em;
      margin-left: 1em;
      margin-right: 0.25em;
      vertical-align: top; }
    .contenido .compraForfait .selecDias p .adultos {
      color: #d6dbd4; }
    .contenido .compraForfait .selecDias p .ninos {
      color: #ff5d5d; }
    .contenido .compraForfait p.leyenda,
    .contenido .compraForfait .compraForfait li.leyenda {
      color: #656565;
      margin-bottom: 0;
      font-size: 14px;
      font-family: Arial, Helvetica, sans-serif;
      text-indent: 0;
      padding-bottom: 5px; }
    .contenido .compraForfait div#simpliest-usage {
      display: block;
      margin-bottom: 10px; }
    .contenido .compraForfait table {
      width: 100%;
      border-collapse: separate;
      border-spacing: 5px;
      clear: both; }
      .contenido .compraForfait table td,
      .contenido .compraForfait table th {
        padding: 0em;
        border: 1px solid #d6dbd4;
        min-width: 14.4%;
        width: 14.4%;
        background: #1f2e34; }
      .contenido .compraForfait table th span {
        display: block;
        background: #007f70;
        color: #fff;
        font-family: "Conv_GothamRnd-Medium";
        font-size: 16px;
        font-weight: normal;
        padding: 12px 0;
        text-align: center; }
      .contenido .compraForfait table td a.ui-state-default {
        position: relative;
        display: block;
        padding: 0.75em 3px 3px;
        text-align: right;
        min-height: 49px; }
      .contenido .compraForfait table td.ui-datepicker-unselectable {
        color: #fff;
        text-align: left;
        vertical-align: top; }
      .contenido .compraForfait table .ui-datepicker-unselectable span {
        display: block;
        margin: 2px 4px;
        min-height: 4.4em; }
      .contenido .compraForfait table td .day {
        position: absolute;
        top: 5px;
        left: 5px; }
      .contenido .compraForfait table td .adulto {
        color: #fff;
        font-size: 21px;
        font-family: Arial, Helvetica, sans-serif;
        position: absolute;
        width: 100%;
        text-align: center;
        left: 0;
        bottom: 20px; }
      .contenido .compraForfait table td .ninos {
        color: #ff5eb2;
        right: 5px;
        bottom: 5px;
        position: absolute; }
    .contenido .compraForfait #altField {
      display: none; }
    .contenido .compraForfait .selecForfait {
      width: 38%;
      float: right;
      margin-left: 2%; }
      .contenido .compraForfait .selecForfait h2 {
        float: none; }
    .contenido .compraForfait .selectores {
      background: #656565;
      padding: 6% 10%;
      margin-bottom: 0; }
      .contenido .compraForfait .selectores p {
        display: inline-block;
        width: 30%;
        margin: 0 1%;
        font-family: "Conv_GothamRnd-Medium";
        color: #fff; }
        .contenido .compraForfait .selectores p.anchoTotal {
          width: 98%;
          margin-bottom: 10px;
          text-align: left; }
      .contenido .compraForfait .selectores select {
        width: 100%;
        padding: 5px 10px;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px; }
      .contenido .compraForfait .selectores .descripicion {
        font-size: 13px;
        font-size: 1.3rem;
        color: #b8b8b8;
        display: block;
        margin-bottom: 5px;
        margin-top: 10px; }
    .contenido .compraForfait .check {
      padding: 15px 5px 5px 29px; }
      .contenido .compraForfait .check.checkSanitaria {
        border: 1px solid #3c9d89;
        border-top: none;
        margin: 0; }
      .contenido .compraForfait .check.checkFianza {
        padding-top: 0; }
      .contenido .compraForfait .check .checkbox {
        display: block; }
        .contenido .compraForfait .check .checkbox label {
          margin: 0 0 12px 0; }
      .contenido .compraForfait .check label span {
        text-decoration: underline;
        color: #b76999; }
        .contenido .compraForfait .check label span a {
          text-decoration: underline;
          color: #b76999; }
      .contenido .compraForfait .check a {
        text-decoration: underline;
        color: #b76999; }
      .contenido .compraForfait .check strong {
        text-transform: uppercase; }
    .contenido .compraForfait .checkGroup {
      border: 1px solid #3c9d89;
      border-top: none;
      margin: 0;
      clear: both; }
    .contenido .compraForfait .precio {
      display: block;
      padding: 15px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-top: 10px;
      background: #e9e9e9; }
      .contenido .compraForfait .precio .letraPeq {
        display: none;
        margin-top: 25px; }
        .contenido .compraForfait .precio .letraPeq .leyenda {
          font-size: 11px;
          text-align: left;
          color: #767676; }
      .contenido .compraForfait .precio .leyenda {
        color: black;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        text-align: center; }
      .contenido .compraForfait .precio .cantidad {
        color: #c24687;
        font-family: "Conv_GothamRnd-Medium", Arial, Helvetica, sans-serif;
        font-size: 45px;
        margin: 10px 0 0;
        letter-spacing: 0.01em;
        text-align: center; }
      .contenido .compraForfait .precio .descuentos {
        color: #b8699a;
        font-family: Arial, Helvetica, sans-serif;
        margin: 0 2px 10px 0;
        letter-spacing: 0.01em; }
      .contenido .compraForfait .precio .btnRosa {
        background: #db1e7a;
        text-shadow: 1px 1px 1px #522e45;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        width: 100%;
        padding: 20px;
        font-family: "TungstenMedium";
        color: #fff;
        font-size: 37px;
        font-size: 3.7rem;
        border-radius: 5px;
        border: 1px solid #fff;
        text-transform: uppercase; }
        .contenido .compraForfait .precio .btnRosa:hover {
          background: #000000; }
    .contenido .compraForfait .sinFecha .radio {
      float: left;
      width: 60%;
      border-right: 0;
      padding-right: 75px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .contenido .compraForfait .sinFecha .radio input[type="radio"]:checked + label:before {
        color: #fff;
        content: " \25CF";
        font-size: 13px;
        line-height: 16px; }
      .contenido .compraForfait .sinFecha .radio label {
        color: #007f70;
        font-size: 19px;
        line-height: 0.75em;
        margin-bottom: 6px;
        font-family: "Conv_GothamRnd-Medium";
        margin-top: 10px; }
        .contenido .compraForfait .sinFecha .radio label:before {
          background-color: #595a5d; }
        .contenido .compraForfait .sinFecha .radio label span {
          font-size: 18px;
          font-size: 1.8rem; }
      .contenido .compraForfait .sinFecha .radio p {
        margin-left: 26px;
        margin-bottom: 16px;
        font-family: Arial;
        color: #525252;
        line-height: 1.5em; }
      .contenido .compraForfait .sinFecha .radio .personalizado > select {
        margin: 0 0.75em;
        width: 52px;
        padding: 5px 10px;
        border-radius: 3px; }
    .contenido .compraForfait #niniosGratis {
      font-size: 13px;
      font-size: 1.3rem;
      border: 1px solid #f1852d;
      background-color: rgba(241, 133, 45, 0.32);
      padding: 15px;
      color: #f1852d;
      margin-top: 10px;
      text-align: center; }
  .contenido .compraForfaitAlquiler .check {
    padding: 10px 0 0 0; }
    .contenido .compraForfaitAlquiler .check .checkbox label {
      margin-left: 5px; }
    .contenido .compraForfaitAlquiler .check.separacion {
      border-top: 1px solid white;
      margin-top: 15px;
      margin-left: -12%;
      width: 124%; }
      .contenido .compraForfaitAlquiler .check.separacion .checkbox label {
        margin: 10px 0 0 19px; }
  .contenido .compraForfaitAlquiler .selectores .descripicion {
    color: #c7c7c7;
    font-style: italic;
    display: block;
    padding: 10px 0 15px 0;
    font-size: 15px;
    font-size: 1.5rem; }
  .contenido .completaViaje h2 {
    float: none;
    font-family: "Conv_GothamRnd-Light"; }
  .contenido .completaViaje .datosPersonales {
    float: left;
    width: 60%; }
    .contenido .completaViaje .datosPersonales input[type="text"] {
      color: #8e8e8e;
      padding: 0.5em 1em;
      font-size: 15px;
      font-family: Arial, Helvetica, sans-serif;
      margin-bottom: 0.65em;
      border-radius: 3px;
      border: 0;
      width: 98%;
      border: 1px solid #dedede;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .contenido .completaViaje .datosPersonales input[type="text"].small {
        width: 30%; }
  .contenido .completaViaje .selectores {
    background: url("../images/rayasBig.png") repeat-y scroll 0 0 #000000;
    padding: 1.5em 2em 3em;
    margin-bottom: -2px; }
  .contenido .completaViaje .precio .txt {
    color: #c24687;
    font-size: 25px;
    font-size: 2.5rem;
    margin-bottom: 10px;
    font-family: "Conv_GothamRnd-Light"; }
  .contenido .completaViaje .precio .txt,
  .contenido .completaViaje .precio .cantidad {
    margin: 0;
    line-height: 1.1em; }
  .contenido .completaViaje .precio .cantidad > span {
    display: block;
    font-size: 15px;
    line-height: 1em;
    margin-bottom: 1.15em; }
  .contenido .completaViaje .precio .btnRosa {
    padding: 0.5em 3em; }
  .contenido .completaViaje p.txt {
    float: none;
    display: block;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif; }
  .contenido .completaViaje p.azul {
    color: #7bb1c3;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 7px;
    margin-top: 4px; }
  .contenido .completaViaje .selecForfait h2 {
    background: #e5e5e5;
    color: #3a3a3a;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 800;
    margin-bottom: 0; }
  .contenido .completaViaje .selecForfait .selectores {
    background: #f7f7f7;
    padding: 10% 10% 1% 10%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .contenido .completaViaje .selecForfait .selectores p {
      color: #010101;
      font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
      font-size: 13px;
      font-size: 1.3rem;
      text-align: justify;
      line-height: 1.3em;
      margin-bottom: 10px;
      margin-bottom: 30px;
      float: none;
      display: block;
      width: 100%; }
    .contenido .completaViaje .selecForfait .selectores .precio {
      margin-top: 0;
      padding: 0; }
    .contenido .completaViaje .selecForfait .selectores .cantidad {
      line-height: 1.1em;
      font: 38px Conv_GothamRnd-medium;
      margin: 10px 0 0;
      color: #c24687;
      text-align: right;
      width: 100%; }
    .contenido .completaViaje .selecForfait .selectores .paso {
      float: left;
      font-size: 20px;
      font-size: 2rem;
      background: none repeat scroll 0 0 #d2d2d3;
      border-radius: 100%;
      color: #3d545d;
      font-family: arial;
      width: 1.5em;
      height: 1.5em;
      margin-right: 0.5em;
      vertical-align: top;
      text-align: center;
      clear: both; }
  .contenido .completaViaje .cuerpo > .precio {
    margin-top: 26px;
    width: 100%;
    clear: both;
    padding: 0; }
    .contenido .completaViaje .cuerpo > .precio .btnRosa {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 13px; }
  .contenido .parteNieve h1 {
    margin-bottom: 0; }
  .contenido .parteNieve h2 {
    font-family: "Conv_GothamRnd-Medium";
    font-size: 3.3rem;
    margin-bottom: 0.25em; }
  .contenido .parteNieve p.emitido {
    color: #c6cf23;
    font-size: 1.65rem;
    margin-bottom: 0.25em;
    text-transform: uppercase; }
  .contenido .prevMeteo h2 {
    font-family: "Conv_GothamRnd-Medium";
    font-size: 3.3rem;
    margin-bottom: 0.25em; }
  .contenido .prevMeteo ul {
    padding: 1% 0.5% 0 0.5%;
    overflow: hidden;
    font-size: 1.3rem;
    font-family: "Conv_GothamRnd-Light";
    text-transform: uppercase; }
    .contenido .prevMeteo ul li {
      padding: 1% 0 0 7%; }
      .contenido .prevMeteo ul li.Sol {
        padding-left: 11%;
        background: url("../images/parteDeNieve/sol2.png") 50px 5px no-repeat;
        background-size: auto 40px; }
      .contenido .prevMeteo ul li.SolYNube {
        padding-left: 11%;
        background: url("../images/parteDeNieve/sol-nube2.png") 50px 5px no-repeat;
        background-size: auto 40px; }
      .contenido .prevMeteo ul li.Nube {
        padding-left: 11%;
        background: url("../images/parteDeNieve/nube.png") 50px 5px no-repeat;
        background-size: auto 40px; }
      .contenido .prevMeteo ul li.Lluvia {
        padding-left: 11%;
        background: url("../images/parteDeNieve/lluvia2.png") 50px 5px no-repeat;
        background-size: auto 40px; }
      .contenido .prevMeteo ul li.Nevando {
        padding-left: 11%;
        background: url("../images/parteDeNieve/nieve2.png") 50px 5px no-repeat;
        background-size: auto 40px; }
      .contenido .prevMeteo ul li.SolYNieve {
        padding-left: 11%;
        background: url("../images/parteDeNieve/nive-sol.png") 50px 5px no-repeat;
        background-size: auto 40px; }
      .contenido .prevMeteo ul li h3 {
        font-family: "Conv_GothamRnd-Light";
        font-size: 2.3rem;
        margin-bottom: 0.25em;
        margin-top: 10px;
        margin-left: 15px; }
  .contenido .impulso h2 + p {
    font-weight: 800; }
  .contenido .impulso .btnImpulso {
    cursor: pointer;
    margin-left: 2%;
    margin-top: 1.5%;
    color: #fff;
    text-decoration: none; }
  .contenido .cupos .migasPan {
    font-size: 30px;
    font-size: 3rem;
    color: #c6cf23;
    text-align: left; }

/******************************** landing ofertas ************************************/
.ventajasBox {
  display: block;
  background-color: white;
  min-height: 250px;
  text-align: center;
  padding-bottom: 60px;
  padding-top: 30px;
}
@media (max-width: 768px){
  .ventajasBox .col6 {
    padding-bottom: 30px;
    padding-top: 0px;
  }
}
  .ventajasBox .col6{
    display: inline-block;
    box-sizing: border-box;
    width: 15.5%;
  }
  @media (max-width: 768px){
  .ventajasBox .col6 {
    display: block;
    width: auto;
    margin-top: 20px;
    } 
  }
  .ventajasBox .col6:not(:last-child){
    margin-right: 1%;
  }
  .ventajasBox .h2 {
    display: inline-block;
    text-align: center;
    font-size: 60px;
    font-size: 6rem;
    border-bottom: 1px solid #077f71;
    font-family: TungstenBook;
    color: #077f71;
    padding: 30px 0;
    margin: 20px auto 40px auto;
    text-transform: uppercase;
  } 
  .ventajasBox .contentBox{
    font-size: 0;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 20px auto;
}
.ventajasBox .wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
  }
  .ventajasBox li {
    font-size: 17px;
    font-size: 1.7rem;
    color: #1d1d1c;
    text-align: center;
    vertical-align: top;
    display: inline;
  }

  .ventajasBox .atencionTelf {
    background: url(../images/ico-cancelacion.svg) no-repeat 50%;
    height: 105px;
    width: 115px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
  }

    .ventajasBox .atencionTelf:hover {
    background: url(../images/ico-cancelacion2.svg) no-repeat 50%;
    width: 115px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
  }
  .ventajasBox .atencionTelf:hover + .wrap.txtExpl.txtAtencionTelf.escon {
    display: block!important;
}
  .ventajasBox .grupoAram {
    background: url(../images/ico-seguro.svg) no-repeat 50%;
    width: 115px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
  }
  .ventajasBox .grupoAram:hover {
    background: url(../images/ico-seguro2.svg) no-repeat 50%;
    width: 115px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
  }
  .ventajasBox .pagoFracc {
    background: url(../images/ico-pagoFraccionado.svg) no-repeat 50%;
    width: 115px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
  }
  .ventajasBox .pagoFracc:hover {
    background: url(../images/ico-pagoFraccionado2.svg) no-repeat 50%;
    width: 115px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
  }

  .ventajasBox .forfaitHotel {
    background: url(../images/ico-forfaitHotel.svg) no-repeat 50%;
    width: 115px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
  }
  .ventajasBox .forfaitHotel:hover {
    background: url(../images/ico-forfaitHotel2.svg) no-repeat 50%;
    width: 115px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
  }

  .ventajasBox .garantiaTiempo {
    background: url(../images/ico-seguroTiempo.svg) no-repeat 50%;
    width: 87px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
  }
  .ventajasBox .garantiaTiempo:hover {
    background: url(../images/ico-seguroTiempo2.svg) no-repeat 50%;
    width: 87px;
    height: 105px;
    display: block;
    margin: 0 auto 15px;
    background-size: 100%;
    cursor: pointer;
  }


  .ventajasBox .ninosGratis {
    background: url(../images/ico-ninosGratis.svg) no-repeat 50%;
    width: 170px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 95%;
    cursor: pointer;
  }
  .ventajasBox .ninosGratis:hover {
    background: url(../images/ico-ninosGratis2.svg) no-repeat 50%;
    width: 170px;
    height: 108px;
    display: block;
    margin: 0 auto 15px;
    background-size: 95%;
    cursor: pointer;
  }
  .ventajasBox .txtExpl{
    background-color: #077f71;
    padding: 25px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 8px;
    line-height: 16px;
    font-family: Conv_GothamRnd-Light;
    position: relative;
    display: none;
    box-sizing: border-box;
    text-align: left;
    width: 98%;
    margin-top: 20px!important;
  }

  .ventajasBox .txtExpl.txtAtencionTelf:before,
  .ventajasBox .txtExpl.txtGrupo:before,
  .ventajasBox .txtExpl.txtGarantiaTiempo:before,
  .ventajasBox .txtExpl.txtPago:before,
  .ventajasBox .txtExpl.txtNinosGratis:before,
  .ventajasBox .txtExpl.txtForfaitHotel:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 17px solid transparent;
    border-right: 17px solid transparent;
    border-bottom: 17px solid #077f71;
    display: block;
    position: absolute;
    top: -16px;
    z-index: 1;
  }

  .ventajasBox .txtExpl.txtAtencionTelf:before {
    right: 91%;
  }

  .ventajasBox .txtExpl.txtGrupo:before {
    left: 23%;
    right: initial;
  }

  .ventajasBox .txtExpl.txtGarantiaTiempo:before {
    right: 57%;
  }

  .ventajasBox .txtExpl.txtPago:before {
    right: initial;
    left: 57%;
  }

  .ventajasBox .txtExpl.txtNinosGratis:before {
    right: 23%;
  }

  .ventajasBox .txtExpl.txtForfaitHotel:before {
    right: 5%;
  }
  

  @media (max-width: 768px){
    .ventajasBox .ninosGratis {
      margin: 0 auto;
    }
  }
  
  .ventajasBox a {
    color: #a8aeae;}
    



.compraForfaitNinos .cabecera {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Conv_GothamRnd-Light"; }
  .compraForfaitNinos .cabecera h1 {
    color: #959595; }

.compraForfaitNinos .selectores {
  background: #656565;
  padding: 6% 10%;
  margin: 10% 0; }

.landingForfait .imagen {
  width: 37%;
  float: left;
  height: auto;
  margin-left: 2%; }

.landingForfait .selecForfait {
  width: 100%;
  margin-left: 2%; }
  .landingForfait .selecForfait div .personas {
    margin-top: 2%; }
  .landingForfait .selecForfait #box01 {
    margin: 0; }
    .landingForfait .selecForfait #box01 h2 {
      margin: 0;
      padding: 0;
      color: #c9d100;
      font-size: 23px;
      font-weight: 700;
      line-height: 1.3em; }
      .landingForfait .selecForfait #box01 h2 strong {
        font-weight: normal; }
  .landingForfait .selecForfait h2 {
    float: none; }
  .landingForfait .selecForfait .precio {
    float: none;
    margin: 5% 0 0 0;
    padding: 0;
    background: #e9e9e9; }
    .landingForfait .selecForfait .precio .btnRosa {
      float: right;
      cursor: pointer;
      background: #c24687;
      color: #fff;
      display: block;
      font-size: 24px;
      padding: 13px 0;
      text-decoration: none;
      text-align: center;
      text-shadow: 1px 1px 0 #333;
      text-transform: uppercase;
      width: 100%;
      border-radius: 0;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      width: 40%;
      margin: 8% 8% 8% 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .landingForfait .selecForfait .precio .cantidad {
      color: #b8699a;
      font: 41px "Conv_GothamRnd-Bold";
      margin: 10px 0 0;
      float: right; }
    .landingForfait .selecForfait .precio .precio_iva {
      color: #c24687;
      display: inline-block;
      margin: 0;
      padding: 28px 0 28px 37px;
      width: 40%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .landingForfait .selecForfait .precio .precio_iva p {
        margin: 0; }
    .landingForfait .selecForfait .precio .btnRosa {
      float: right;
      cursor: pointer;
      background: #c24687;
      color: #fff;
      display: block;
      font-size: 24px;
      padding: 13px 0;
      text-decoration: none;
      text-align: center;
      text-shadow: 1px 1px 0 #333;
      text-transform: uppercase;
      width: 40%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }
    .landingForfait .selecForfait .precio .leyenda {
      color: #b8699a;
      font: 15.5px "Conv_GothamRnd-Light";
      margin-top: 10px;
      float: right; }
  .landingForfait .selecForfait .principal {
    float: left;
    width: 60%; }
  .landingForfait .selecForfait .condiciones {
    float: none;
    margin-top: 30px; }
    .landingForfait .selecForfait .condiciones ul {
      list-style: inherit;
      padding: 1% 0 0 4%;
      color: #848484; }
    .landingForfait .selecForfait .condiciones p {
      color: #848484;
      font-size: 13px;
      font-size: 1.3rem;
      margin-bottom: 5px; }

.landingForfait .selectores {
  background: none;
  border: none;
  padding: 0; }
  .landingForfait .selectores .personas .paramBusquedaEntradas input {
    border: 1px solid #dedede;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8e8e8e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0 0.65em 0 0;
    padding: 0.5em 1em;
    vertical-align: top; }
  .landingForfait .selectores .personas .paramBusquedaEntradas select {
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #8e8e8e;
    padding: 8px;
    vertical-align: top;
    width: 100%; }
  .landingForfait .selectores .personas .paramBusqueda input {
    border: 1px solid #dedede;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8e8e8e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0 0.65em 0 0;
    padding: 0.5em 1em;
    vertical-align: top;
    width: 50%; }
  .landingForfait .selectores .personas .paramBusquedaNinos select {
    border: 1px solid #dedede;
    border-radius: 3px;
    color: #8e8e8e;
    padding: 8px;
    vertical-align: top;
    width: 100%; }
  .landingForfait .selectores .personas .paramBusquedaNinos input {
    border: 1px solid #dedede;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #8e8e8e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0 0.65em 0 0;
    padding: 0.5em 1em;
    vertical-align: top;
    width: 50%; }
  .landingForfait .selectores .personas .paramBusquedaNinos.destino {
    width: 100%; }
    .landingForfait .selectores .personas .paramBusquedaNinos.destino select {
      border: 1px solid #dedede;
      border-radius: 3px;
      color: #8e8e8e;
      padding: 8px;
      vertical-align: top;
      width: 100%; }
  .landingForfait .selectores .personas p {
    display: inline-block;
    width: 48.7%;
    margin: 0;
    font-family: "Conv_GothamRnd-Light";
    text-align: left;
    vertical-align: text-bottom; }
  .landingForfait .selectores p {
    display: inline-block;
    width: 100%;
    margin: 0;
    font-family: "Conv_GothamRnd-Light";
    color: #848484; }
    .landingForfait .selectores p img {
      width: auto;
      height: auto; }
  .landingForfait .selectores span {
    display: block;
    margin-bottom: 0.5em; }

.landingForfait .check {
  background: none;
  border: none;
  padding: 0;
  margin: 0; }
  .landingForfait .check .checkbox label {
    font-size: 14px;
    line-height: 1.2em; }
    .landingForfait .check .checkbox label span {
      text-decoration: underline;
      color: #c6cf23; }

.cupos a {
  color: #c6cf23;
  text-decoration: underline; }

.cupos.impulso .cabecera {
  padding: 0;
  border-bottom: 0; }

.cupos .migasPan a {
  font-size: 30px;
  font-size: 3rem;
  color: #c6cf23;
  text-align: left; }

.cupos .paso {
  background: none repeat scroll 0 0 #d2d2d3;
  border-radius: 100%;
  color: #3d545d;
  font-family: arial;
  font-size: 31px;
  font-size: 3.1rem;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.5em;
  vertical-align: top;
  float: left;
  line-height: 1.5em; }

.cupos p.txtAzul {
  color: #7bb1c3;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: -0.02em;
  text-align: left; }

.cupos .grisImpulso .descripcion img {
  width: 16%;
  margin-right: 4%;
  float: left;
  margin-bottom: 0.5em; }

.impulso h2.txtVerde {
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 0.5em; }

.impulso h3 {
  text-transform: uppercase;
  font-family: "Conv_GothamRnd-Light";
  font-size: 20px;
  font-size: 1.8rem;
  font-weight: normal; }
  .impulso h3 strong {
    font-family: "Conv_GothamRnd-Medium";
    font-weight: normal;
    font-size: 30px;
    font-size: 2.3rem; }

.impulso .cuerpo {
  padding: 2.5rem;
  padding: 25px; }
  .impulso .cuerpo .txtVerde {
    font-weight: 800; }
    .impulso .cuerpo .txtVerde span {
      color: #959595; }

.impulso .pasos {
  float: right;
  width: 100%;
  padding: 2%;
  border: 10px solid #c7d300;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .impulso .pasos p {
    float: left; }
  .impulso .pasos .paso {
    font-size: 2rem;
    text-align: center; }
  .impulso .pasos .txtImpulso {
    color: #c7d400;
    font-family: "Conv_GothamRnd-Medium";
    font-size: 2rem;
    text-align: left;
    width: 90%; }

.impulso .opciones {
  width: 100%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .impulso .opciones .grisImpulso {
    padding: 1.5%;
    margin: 1.5% 0;
    border: none;
    position: relative; }
  .impulso .opciones .left {
    float: left;
    width: 63%;
    padding-right: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .impulso .opciones .left p {
      margin-bottom: 0px; }

.impulso .grisImpulso {
  padding: 1.5%;
  margin: 1.5% 0;
  border: none;
  position: relative; }

.impulso.sabana .cuerpo {
  padding: 45px; }

.impulso.sabana h2 span,
.impulso.sabana h2 strong {
  color: #959595;
  display: block; }

.impulso.sabana .sumarioTabla {
  padding: 25px 19px 10px 19px;
  background-color: #3c9d89;
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  font-family: "Conv_GothamRnd-Medium";
  border-top-left-radius: 8px;
  border-top-right-radius: 8px; }
  .impulso.sabana .sumarioTabla span {
    display: block;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    padding: 10px 0 0 0;
    font-family: "Conv_GothamRnd-light"; }

.impulso.sabana .headerTabla {
  display: table;
  width: 100%; }
  .impulso.sabana .headerTabla .th {
    display: table-cell;
    width: 16.6%;
    text-align: center;
    font-size: 12px;
    border-right: 1px solid #b7b7b7;
    padding: 15px 10px 15px 10px;
    background-color: #333;
    color: #fff; }
    .impulso.sabana .headerTabla .th:last-child {
      border-right: 4px solid #3c9d89; }
    .impulso.sabana .headerTabla .th.link {
      padding: 0px 19px 0 19px;
      background-color: #f1eded;
      font-size: 13px;
      font-size: 1.3rem;
      text-align: left;
      width: 50%;
      color: #9e9e9e;
      text-decoration: none;
      border-left: 4px solid #3c9d89;
      vertical-align: middle; }
      .impulso.sabana .headerTabla .th.link:hover {
        color: #010101;
        text-decoration: underline; }
  .impulso.sabana .headerTabla li {
    border-bottom: 1px solid #3c9d89;
    display: table;
    width: 100%; }
    .impulso.sabana .headerTabla li.secundarios {
      display: none;
      border-bottom: none; }
    .impulso.sabana .headerTabla li .td {
      display: table-cell;
      width: 16.6%;
      text-align: center;
      font-size: 11px;
      font-size: 1.1rem;
      border-right: 1px solid #b7b7b7;
      padding: 10px 10px 10px 10px;
      color: #a9a8a9;
      font-family: "Conv_GothamRnd-light";
      vertical-align: middle; }
      .impulso.sabana .headerTabla li .td.sinDispo {
        font-size: 15px;
        font-size: 1.5rem;
        color: #4a4a4a;
        background-color: rgba(198, 207, 35, 0.2);
        text-transform: uppercase;
        font-family: "Conv_GothamRnd-medium", Arial, Helvetica, sans-serif; }
      .impulso.sabana .headerTabla li .td:first-child {
        border-left: 4px solid #3c9d89;
        width: 50%;
        font-size: 0;
        padding: 20px 20px 15px 20px; }
      .impulso.sabana .headerTabla li .td:last-child {
        border-right: 4px solid #3c9d89; }
      .impulso.sabana .headerTabla li .td .precios {
        display: block;
        font-size: 30px;
        font-size: 3rem;
        color: #9c0b57;
        font-family: "Conv_GothamRnd-Medium";
        text-decoration: none;
        cursor: pointer; }
        .impulso.sabana .headerTabla li .td .precios:hover {
          color: #1f1d20;
          text-decoration: underline; }
      .impulso.sabana .headerTabla li .td .foto {
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 25%; }
      .impulso.sabana .headerTabla li .td p {
        display: inline-block;
        vertical-align: top;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 75%;
        padding-left: 15px;
        margin: 0; }
        .impulso.sabana .headerTabla li .td p .nombreHotelVariasOfertas {
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          vertical-align: middle;
          font-size: 19px;
          font-size: 1.9rem;
          text-align: left;
          font-family: "Conv_GothamRnd-medium", Arial, Helvetica, sans-serif;
          color: #010101;
          text-decoration: none;
          margin-top: 9px; }
        .impulso.sabana .headerTabla li .td p .nombreHotel {
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          vertical-align: middle;
          font-size: 18px;
          font-size: 1.8rem;
          text-align: left;
          font-family: "Conv_GothamRnd-medium", Arial, Helvetica, sans-serif;
          color: #010101;
          text-decoration: none;
          margin-top: 9px; }
          .impulso.sabana .headerTabla li .td p .nombreHotel:hover {
            color: #c6cf23;
            text-decoration: underline; }
        .impulso.sabana .headerTabla li .td p .localidad {
          display: block;
          font-style: italic;
          color: #959595;
          font-size: 14px;
          font-size: 1.4rem;
          font-family: "Conv_GothamRnd-light", Arial, Helvetica, sans-serif;
          margin-top: 5px; }
        .impulso.sabana .headerTabla li .td p .estrellas {
          font-size: 15px;
          font-size: 1.5em;
          font-style: normal;
          color: #959595;
          padding: 10px 0 0 0;
          display: block; }
      .impulso.sabana .headerTabla li .td .precioAnt {
        text-decoration: line-through;
        font-size: 14px;
        font-size: 1.4rem;
        color: #333; }

.impulso.sabana .footerTabla {
  margin: 0px 0;
  padding: 15px 0;
  width: 100%;
  text-align: center;
  display: block;
  background-color: #d0cece;
  border-left: 4px solid #3c9d89;
  border-right: 4px solid #3c9d89;
  border-bottom: 4px solid #3c9d89;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px; }
  .impulso.sabana .footerTabla .btnRosa {
    margin: 0 auto;
    float: inherit;
    display: inline-block;
    padding: inherit;
    width: 30%; }

.impulso.sabana .listadoVentaja {
  list-style: initial;
  list-style-position: inside;
  list-style-type: circle;
  font-size: 14px;
  font-size: 1.4rem;
  color: #959595;
  font-family: "Conv_GothamRnd-light";
  margin: 0 95px 40px; }
  .impulso.sabana .listadoVentaja li {
    padding: 5px; }

.impulso.sabana .contenedorTable {
  display: table;
  width: 95%;
  margin: 0 2.5%; }
  .impulso.sabana .contenedorTable .contenidoTd {
    display: table-cell;
    width: 49.5%;
    border: 4px solid #3c9d89;
    border-radius: 8px;
    position: relative; }
    .impulso.sabana .contenedorTable .contenidoTd h3 {
      padding: 25px 0 10px 0;
      background-color: #3c9d89;
      color: #fff;
      font-size: 30px;
      font-size: 3rem;
      text-align: center;
      font-family: "Conv_GothamRnd-Medium"; }
      .impulso.sabana .contenedorTable .contenidoTd h3 span {
        display: block;
        font-size: 15px;
        font-size: 1.5rem;
        text-align: center;
        padding: 10px 0 0 0;
        font-family: "Conv_GothamRnd-light"; }
    .impulso.sabana .contenedorTable .contenidoTd .destacar {
      padding: 5px 19px 5px 19px;
      background-color: #f1eded;
      color: #010101;
      font-size: 20px;
      font-size: 2rem;
      text-align: center;
      margin: 0; }
      .impulso.sabana .contenedorTable .contenidoTd .destacar a {
        color: #9e9e9e;
        text-decoration: none; }
        .impulso.sabana .contenedorTable .contenidoTd .destacar a:hover {
          color: #010101;
          text-decoration: underline; }
    .impulso.sabana .contenedorTable .contenidoTd ul {
      margin: 25px 20px 105px 20px;
      font-size: 14px;
      font-size: 1.4rem; }
      .impulso.sabana .contenedorTable .contenidoTd ul li {
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 3px;
        margin-top: 15px;
        display: block;
        font-size: 0; }
        .impulso.sabana .contenedorTable .contenidoTd ul li.desactivado {
          opacity: 0.25;
          position: relative; }
          .impulso.sabana .contenedorTable .contenidoTd ul li.desactivado .agotado {
            font-size: 11px;
            color: #fff;
            background-color: #000000;
            padding: 5px 0px;
            text-align: center;
            width: 100%;
            text-transform: uppercase;
            display: block;
            z-index: 99999;
            position: absolute;
            bottom: -10px; }
        .impulso.sabana .contenedorTable .contenidoTd ul li .foto {
          display: inline-block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 25%; }
        .impulso.sabana .contenedorTable .contenidoTd ul li p {
          display: inline-block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          vertical-align: top;
          width: 75%;
          margin: 0; }
          .impulso.sabana .contenedorTable .contenidoTd ul li p a {
            color: #1f1d20;
            font-size: 16px;
            font-size: 1.6rem;
            padding: 0 0 5px 10px;
            display: inline-block;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            vertical-align: top;
            font-family: "Conv_GothamRnd-Medium", Arial, Helvetica, sans-serif;
            text-decoration: none;
            text-align: left; }
            .impulso.sabana .contenedorTable .contenidoTd ul li p a:hover {
              color: #9c0b57;
              text-decoration: none; }
            .impulso.sabana .contenedorTable .contenidoTd ul li p a span {
              font-size: 12px;
              font-size: 1.2rem;
              font-family: "Conv_GothamRnd-light", Arial, Helvetica, sans-serif; }
            .impulso.sabana .contenedorTable .contenidoTd ul li p a span + span {
              color: #a9a8a9;
              font-style: italic;
              font-size: 1rem; }
          .impulso.sabana .contenedorTable .contenidoTd ul li p .localidad {
            display: block;
            font-style: italic;
            margin-left: 9px;
            color: #959595;
            font-size: 13px;
            font-size: 1.3rem; }
            .impulso.sabana .contenedorTable .contenidoTd ul li p .localidad .estrellas {
              font-size: 16px;
              font-size: 1.6em;
              font-style: normal;
              color: #959595; }
        .impulso.sabana .contenedorTable .contenidoTd ul li .detalles {
          font-size: 20px;
          font-size: 2.5rem;
          display: block;
          padding-top: 10px;
          display: inline-block;
          padding-top: 10px;
          vertical-align: middle;
          text-decoration: none; }
        .impulso.sabana .contenedorTable .contenidoTd ul li .fechas {
          font-weight: normal;
          font-size: 13px;
          font-size: 1.3rem;
          color: #959595;
          display: inline-block;
          vertical-align: middle;
          margin-left: 15px;
          padding-top: 10px; }
    .impulso.sabana .contenedorTable .contenidoTd .accion {
      margin: 0;
      padding: 15px 0;
      display: inline-block;
      width: 100%;
      text-align: center;
      position: absolute;
      display: inline-block;
      bottom: 0;
      background-color: #d0cece; }
      .impulso.sabana .contenedorTable .contenidoTd .accion .btnRosa {
        margin: 0 auto;
        float: inherit;
        display: block;
        padding: inherit;
        width: 75%; }
    .impulso.sabana .contenedorTable .contenidoTd .separadorTd {
      display: table-cell;
      width: 1%; }

.impulso.sabana .buscadorSabana {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 8px;
  background: #e9e9e9;
  border: 5px solid #e9e9e9;
  width: 99.5%; }
  .impulso.sabana .buscadorSabana h3 {
    color: #000000;
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 10px;
    font-family: "Conv_GothamRnd-Medium";
    padding: 20px 20px 5px 20px;
    display: inline-block; }
  .impulso.sabana .buscadorSabana span {
    color: #7b7a7a;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-align: left;
    font-style: italic;
    display: block;
    padding: 0 20px 10px; }
  .impulso.sabana .buscadorSabana input {
    border: 1px solid #c0c0c0;
    border-radius: 4px;
    padding: 10px 15px;
    margin-left: 5px;
    display: inline-block; }
  .impulso.sabana .buscadorSabana .contBuscador {
    text-align: center;
    background-color: #dad9d9;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px; }
    .impulso.sabana .buscadorSabana .contBuscador select {
      background: #fff;
      width: 28%;
      display: inline-block;
      padding: 10px;
      border-radius: 4px;
      border: 1px solid #c0c0c0;
      font: 12px Arial;
      text-align: center; }
    .impulso.sabana .buscadorSabana .contBuscador .contFecha {
      display: inline-block;
      width: 18%;
      vertical-align: top; }
      .impulso.sabana .buscadorSabana .contBuscador .contFecha .fecha {
        width: 98%;
        vertical-align: middle;
        background: #fff url(../images/btCalendar.png) no-repeat 95% center;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-right: 35px;
        margin-right: 2%; }
      .impulso.sabana .buscadorSabana .contBuscador .contFecha select {
        width: 24%; }
      .impulso.sabana .buscadorSabana .contBuscador .contFecha .btCalendario {
        display: none; }
    .impulso.sabana .buscadorSabana .contBuscador .contSelect {
      display: inline-block;
      width: 13%;
      vertical-align: top;
      margin: 0 10px; }
      .impulso.sabana .buscadorSabana .contBuscador .contSelect .tipo {
        width: 55%; }
  .impulso.sabana .buscadorSabana .btn_continuar {
    display: block;
    background-color: #9295a2;
    text-align: center;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    vertical-align: middle;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    margin: 10px auto 0px;
    width: 20%; }
    .impulso.sabana .buscadorSabana .btn_continuar:hover {
      background-color: #000000; }

.grisImpulso {
  background: #5a5a5a;
  clear: both;
  padding: 1.5% 3% 2%;
  margin-bottom: 2%;
  text-align: left; }
  .grisImpulso h3 {
    color: #fff; }
  .grisImpulso p {
    color: #c7d300 !important;
    padding: 0.3rem 0; }
    .grisImpulso p + p {
      color: #fff !important; }
  .grisImpulso .descripcion p {
    color: #fff !important; }

.btnImpulso {
  background: #c24687;
  color: #fff;
  float: right;
  display: block;
  font-size: 24px;
  padding: 0.75em 1em;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  text-shadow: 1px 1px 0 #333;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.degradado {
  font-size: 0; }
  .degradado .grisImpulso {
    width: 67%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    min-height: 217px; }
  .degradado .seleccion {
    background: none repeat scroll 0 0 #e9e9e9;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #5a5a5a;
    font-family: "Conv_GothamRnd-Light";
    display: inline-block;
    width: 33%;
    border-left: 10px solid #fff;
    vertical-align: top;
    font-size: 12px; }
    .degradado .seleccion span {
      margin-bottom: 5px;
      display: block; }
    .degradado .seleccion .limpiar {
      height: 0rem; }
    .degradado .seleccion .seleccion {
      width: 100%;
      border-left: none;
      padding: 15px; }
      .degradado .seleccion .seleccion .limpiar {
        height: 0rem; }
      .degradado .seleccion .seleccion .fechaCalendar {
        display: inline-block;
        width: 44%; }
      .degradado .seleccion .seleccion input.hasDatepicker {
        border: 1px solid #dedede;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #8e8e8e;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        margin: 0 0.2em 10px 0;
        padding: 0.3em 0.3em;
        vertical-align: middle;
        width: 33%;
        background-color: #fafafa;
        text-align: center; }
      .degradado .seleccion .seleccion select {
        border: 1px solid #dedede;
        border-radius: 2px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #8e8e8e;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        margin: 0 0.2em 10px 0;
        padding: 0.3em 0.3em;
        vertical-align: middle;
        width: 20%;
        background-color: #fafafa; }
        .degradado .seleccion .seleccion select.estacion {
          width: 58%; }
      .degradado .seleccion .seleccion img {
        width: auto;
        vertical-align: top;
        margin: 0px 0px 0 0px; }
      .degradado .seleccion .seleccion .precio .comprar_ahora {
        background: #c24687;
        color: #fff;
        display: block;
        font-size: 12px;
        padding: 0.75em 1em;
        text-decoration: none;
        text-align: center;
        white-space: nowrap;
        text-shadow: 1px 1px 0 #333;
        text-transform: uppercase;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        cursor: pointer; }
    .degradado .seleccion p {
      padding: 20px; }
    .degradado .seleccion .btnImpulso {
      color: #fff;
      cursor: pointer;
      margin-left: 0;
      margin-top: 1.5%;
      text-decoration: none; }

.descripcion h3 {
  font-size: 25px;
  font-family: "Conv_GothamRnd-Bold"; }

#impParte img {
  cursor: pointer;
  margin-bottom: 15px; }

#detalles a {
  font-size: 14px;
  font-weight: bold;
  color: #c6cf23;
  padding: 7px;
  display: block;
  border: 1px solid #c6cf23;
  width: 150px;
  text-align: center;
  margin-top: 10px;
  background-color: rgba(198, 207, 35, 0.09); }
  #detalles a:hover {
    background-color: rgba(198, 207, 35, 0.6);
    color: #6c7110; }

.dosColum.bordeVerde#acordeon {
  display: block;
  margin: -59px 0 0 0;
  border-top: none; }

/******************************** ACTIVIDADES ************************************/
.compraForfait .cuerpo.secActividades {
  padding: 0;
  margin-top: 15px; }

.compraForfait .resp-tabs-list li.secActividades {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: normal;
  margin-left: 3rem;
  width: 15%;
  border-color: #fff; }

.compraForfait .secActividades.resp-tab-item {
  margin-right: 0px; }

.secActividades {
  font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif; }

.secActividades h1 {
  border-bottom: 1px solid #c6cf23;
  padding-bottom: 0.1em;
  padding-top: 0.95em;
  padding-left: 0.65em;
  margin-bottom: 0; }

.secActividades .resp-tab-content {
  padding: 0;
  border: 0;
  border-top: 1px solid #fff; }

.secActividades .contenidoDestacado {
  background-color: #444046;
  padding: 0 345px 0 0;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 350px;
  display: table; }

.secActividades .contenidoDestacado:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .secActividades .contenidoDestacado {
  height: 1%; }

:first-child + html .secActividades .contenidoDestacado {
  min-height: 1%; }

.contenido .compraForfait .secActividades .secActividades-boxes > p {
  display: block;
  color: #7bb1c3;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: -0.02em; }

.secActividades .secActividades-boxes {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.secActividades .secActividades-boxes .eventoBox-outer {
  width: 208px;
  width: 20.8rem;
  display: inline-block;
  margin: 0 0.8rem 0 0; }

.secActividades .secActividades-boxes .eventoBox-outer .eventoBox {
  width: 194px;
  width: 19.4rem;
  padding: 0.7rem;
  border: 2px solid #666;
  background: #212f3a url("../images/bkg-caja-eventos.png") repeat left top;
  font-size: 1.2rem;
  color: #aca7ae;
  line-height: 1.2em; }

.secActividades .secActividades-boxes .eventoBox-outer .eventoBox .eventoBox-image {
  margin: 0 0 1rem; }

.secActividades .secActividades-boxes .eventoBox-outer .eventoBox .eventoBox-date {
  font-size: 18px;
  font-size: 1.8rem;
  color: #9399a7; }

.secActividades .secActividades-boxes .eventoBox-outer .eventoBox h3 {
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  margin: 0 0 1.5rem; }

.secActividades .secActividades-boxes .eventoBox-outer a.ver-mas {
  display: block;
  background: #0c151d url("../images/bkg-caja-eventos.png") repeat left top;
  border-right: 2px solid #666;
  border-left: 2px solid #666;
  border-bottom: 2px solid #666;
  padding: 1rem 0;
  width: 100%;
  text-align: center;
  color: #c6cf23;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: -1px;
  letter-spacing: -0.1rem; }

.secActividades .secActividades-boxes img {
  max-width: 100%;
  max-height: 100%;
  -webkit-box-sizing: border-box; }

.secActividades .secActividades-calendar {
  right: 24px;
  width: 271px;
  width: 27.1rem;
  position: absolute;
  top: 5px; }

.secActividades .secActividades-calendar .selecDias {
  width: 100%;
  float: none; }

.secActividades .secActividades-calendar .ui-datepicker-header {
  margin: 0 0 10px;
  margin: 0 0 1rem; }

.secActividades .secActividades-calendar .ui-datepicker-title .ui-datepicker-year {
  display: inline; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar {
  background: none;
  border: 0;
  margin: 10px 0 0;
  margin: 1rem 0 0;
  border-collapse: collapse; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar thead {
  display: table-header-group; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar thead th {
  border: 0;
  text-transform: uppercase;
  padding: 0 0 28px;
  padding: 0 0 2.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar tbody {
  border: 2px solid #d0cfd1; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td {
  border: 1px solid #444046;
  text-align: center;
  background: none;
  color: #c6cf23;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td span,
.secActividades .secActividades-calendar table.ui-datepicker1-calendar td a {
  min-height: 1em;
  margin: 0;
  padding: 0; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td .day {
  position: static;
  top: auto;
  left: auto; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td .adulto,
.secActividades .secActividades-calendar table.ui-datepicker1-calendar td .ninos,
.secActividades .secActividades-calendar table.ui-datepicker1-calendar td br {
  display: none; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td span.ui-state-default {
  display: block;
  padding: 6px 0;
  padding: 0.6rem 0; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar a.ui-state-default {
  text-align: center; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td.ui-datepicker1-unselectable,
.secActividades .secActividades-calendar table.ui-datepicker1-calendar td.ui-datepicker1-unselectable:first-child {
  background: none; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td.ui-datepicker-other-month.ui-datepicker1-unselectable.ui-state-disabled {
  background: #494950; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td.ui-datepicker1-unselectable.ui-state-disabled {
  background: #535e6f url("../images/bkg-caja-eventos.png") repeat left top; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td a.ui-state-default {
  display: block;
  padding: 6px 0;
  padding: 0.6rem 0;
  color: #333;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  background: #c6cf23; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td.ui-datepicker1-unselectable.ui-state-disabled {
  background: #535e6f url("../images/bkg-caja-eventos.png") repeat left top; }

.secActividades .secActividades-calendar table.ui-datepicker1-calendar td a.ui-state-default.ui-state-highlight.ui-state-active {
  background: #a2a0a3;
  color: #fff; }

.secActividades .secActividades-calendar .table-footer {
  margin: 7px 0 15px;
  margin: 0.7rem 0 1.5rem;
  text-align: right;
  color: #aaa;
  font-family: "Conv_GothamRnd-Light", ​Arial, ​Helvetica, ​sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem; }

.secActividades .secActividades-proximos {
  border-top: 1px solid #848823;
  border-bottom: 7px solid #8cb6ce;
  background: #242026;
  padding: 10px 25px;
  padding: 1rem 2.5rem; }

.secActividades .secActividades-proximos > p {
  display: block;
  color: #7bb1c3;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  letter-spacing: -0.02em; }

.secActividades .secActividades-proximos > p.texto {
  text-transform: none; }

.secActividades .listado-secActividades .evento-proximo {
  background: #000;
  padding: 15px 25px;
  padding: 1.5rem 2.5rem;
  display: table;
  vertical-align: middle;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.secActividades .listado-secActividades .evento-proximo:first-child {
  margin: 0 0 2px;
  margin: 0 0 0.2rem; }

.secActividades .listado-secActividades .evento-proximo:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .secActividades .listado-secActividades .evento-proximo {
  height: 1%; }

:first-child + html .secActividades .listado-secActividades .evento-proximo {
  min-height: 1%; }

.secActividades .listado-secActividades .evento-proximo > div {
  display: table-cell; }

.secActividades .listado-secActividades .evento-proximo .evento-proximo-fecha {
  width: 90px;
  width: 7rem;
  color: #b8699a; }

.secActividades .listado-secActividades .evento-proximo .evento-proximo-fecha-dia {
  font-size: 51px;
  font-size: 5.1rem;
  font-weight: bold;
  width: 59px;
  width: 5.9rem;
  text-align: center; }

.secActividades .listado-secActividades .evento-proximo .evento-proximo-fecha-mes {
  font-size: 31px;
  font-size: 3.1rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  line-height: 28px;
  line-height: 2.8rem;
  width: 59px;
  width: 5.9rem;
  text-align: center; }

.secActividades .listado-secActividades .evento-proximo .evento-proximo-fecha-anio {
  font-size: 22px;
  letter-spacing: 1px;
  width: 59px;
  font-size: 2.2rem;
  letter-spacing: 0.1rem;
  width: 5.9rem;
  text-align: center; }

/* .secActividades .listado-secActividades .evento-proximo .evento-proximo-contenido { padding: 0 0 0 90px; padding: 0 0 0 9.0rem; }
*/
.secActividades .listado-secActividades .evento-proximo .evento-proximo-contenido-titulo {
  line-height: 16px;
  line-height: 1.6rem; }

.secActividades .listado-secActividades .evento-proximo .evento-proximo-contenido-titulo a {
  font-size: 25px;
  font-size: 2.5rem;
  color: #c6cf23;
  line-height: 1em; }

.secActividades .listado-secActividades .evento-proximo .evento-proximo-contenido-subtitulo {
  font-size: 16px;
  font-size: 1.6rem;
  color: #7b7b7b;
  padding: 0 0 15px;
  padding: 0 0 1.5rem; }

.secActividades .listado-secActividades .evento-proximo .evento-proximo-contenido-contenido {
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  line-height: 16px;
  line-height: 1.6rem; }

.secActividades .listado-secActividades .evento-proximo .evento-proximo-estacion-titulo {
  font-size: 2em;
  min-width: 141px;
  text-align: center; }

.secActividades .listado-secActividades .evento-proximo .evento-proximo-contenido-plazas {
  color: #ff8000;
  font-size: 1.5rem;
  text-align: right; }

.secActividades .listado-secActividades .evento-proximo .evento-proximo-contenido-plazas span {
  font-size: 2.2rem;
  font-weight: bold; }

.secActividades .secActividades-proximos .pagination li {
  display: inline-block;
  font-size: 17px;
  font-size: 1.7rem;
  color: #b8699a;
  padding: 12px 15px; }

.secActividades .secActividades-proximos .pagination li a {
  font-size: 17px;
  font-size: 1.7rem;
  color: #7bb1c3; }

.secActividades .secActividades-proximos .pagination li.pager-current {
  background: #000; }

.secActividades .secActividades-proximos .pagination li a {
  font-size: 17px;
  font-size: 1.7rem;
  color: #7bb1c3; }

.secActividades .secActividades-proximos .pagination li.pager-ellipsis {
  color: #7bb1c3; }

.secActividades .listado-secActividades .noticia-proxima {
  background: #000;
  padding: 15px 25px;
  padding: 1.5rem 2.5rem; }

.secActividades .listado-secActividades .noticia-proxima:first-child {
  margin: 0 0 2px;
  margin: 0 0 0.2rem; }

.secActividades .listado-secActividades .noticia-proxima:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .secActividades .listado-secActividades .noticia-proxima {
  height: 1%; }

:first-child + html .secActividades .listado-secActividades .noticia-proxima {
  min-height: 1%; }

.secActividades .listado-secActividades .noticia-proxima .evento-proximo-fecha {
  float: left;
  width: 90px;
  width: 9rem;
  color: #b8699a; }

.secActividades .listado-secActividades .noticia-proxima .evento-proximo-fecha-dia {
  font-size: 51px;
  font-size: 5.1rem;
  font-weight: bold;
  width: 59px;
  width: 5.9rem;
  text-align: center; }

.secActividades .listado-secActividades .noticia-proxima .evento-proximo-fecha-mes {
  font-size: 31px;
  font-size: 3.1rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  line-height: 28px;
  line-height: 2.8rem;
  width: 59px;
  width: 5.9rem;
  text-align: center; }

.secActividades .listado-secActividades .noticia-proxima .evento-proximo-fecha-anio {
  font-size: 22px;
  font-size: 2.2rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  width: 59px;
  width: 5.9rem;
  text-align: center; }

.secActividades .listado-secActividades .noticia-proxima .evento-proximo-contenido {
  padding: 0 0 0 90px;
  padding: 0 0 0 9rem; }

.secActividades .listado-secActividades .noticia-proxima .evento-proximo-contenido-titulo {
  padding: 10px 0 0;
  line-height: 16px;
  padding: 1rem 0 0;
  line-height: 1.6rem; }

.secActividades .listado-secActividades .noticia-proxima .evento-proximo-contenido-titulo a {
  font-size: 25px;
  font-size: 2.5rem;
  color: #c6cf23;
  line-height: 1em; }

.secActividades .listado-secActividades .noticia-proxima .evento-proximo-contenido-subtitulo {
  font-size: 16px;
  font-size: 1.6rem;
  color: #7b7b7b;
  padding: 0 0 15px;
  padding: 0 0 1.5rem; }

.secActividades .listado-secActividades .noticia-proxima .evento-proximo-contenido-contenido {
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  line-height: 16px;
  line-height: 1.6rem; }

/* **** DETALLE **** */
.compraForfait .cuerpo.secActividades.evento-detalle {
  position: relative;
  background: #242026;
  margin-top: 0;
  padding-top: 15px;
  padding-top: 1.5rem; }

.secActividades.evento-detalle > h1 {
  padding-left: 51px;
  padding-left: 5.1rem; }

.secActividades.evento-detalle a.evento-detalle-volver {
  font-size: 14px;
  font-size: 1.4rem;
  color: #c3cf00; }

.secActividades.evento-detalle > a.evento-detalle-volver {
  float: right;
  margin: 57px 31px 0 0;
  margin: 5.7rem 3.1rem 0 0; }

.secActividades.evento-detalle .evento-detalle-footer {
  border-top: 1px solid #c6cf23;
  padding: 8px 31px 25px 51px;
  padding: 0.8rem 3.1rem 2.5rem 5.1rem;
  text-align: right; }

.secActividades.evento-detalle-contenido {
  padding: 15px 31px 15px 51px;
  padding: 1.5rem 3.1rem 1.5rem 5.1rem; }

.secActividades.evento-detalle-contenido:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .evento-detalle-contenido {
  height: 1%; }

:first-child + html .evento-detalle-contenido {
  min-height: 1%; }

.secActividades.evento-detalle-derecha {
  float: right;
  margin: 31px 0 0;
  width: 225px;
  margin: 3.1rem 0 0;
  width: 22.5rem;
  background: #000; }

.secActividades.evento-detalle-centro {
  float: left;
  width: 633px;
  width: 63.3rem; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario {
  margin: -39px 0 0;
  padding: 10px;
  margin: -3.9rem 0 0;
  padding: 1rem; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario .selecDias {
  width: 100%;
  float: none; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario .ui-datepicker-header {
  margin: 0 0 10px;
  margin: 0 0 1rem; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario .ui-datepicker-header .ui-datepicker-title {
  margin-left: 0;
  margin-right: 10px;
  margin-right: 1rem;
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1.6rem; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario .ui-datepicker-title .ui-datepicker-year {
  display: inline; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar {
  background: none;
  border: 0;
  margin: 10px 0 0;
  margin: 1rem 0 0;
  border-collapse: collapse; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar thead {
  display: table-header-group; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar thead th {
  border: 0;
  text-transform: uppercase;
  padding: 0 0 22px;
  padding: 0 0 2.2rem;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar tbody {
  border: 2px solid #d0cfd1; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td {
  border: 1px solid #2a2a31;
  text-align: center;
  background: none;
  color: #c6cf23;
  font-size: 18px;
  font-size: 1.8rem; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td span,
.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td a {
  min-height: 1em;
  margin: 0;
  padding: 0; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td .day {
  position: static;
  top: auto;
  left: auto; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td .adulto,
.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td .ninos,
.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td br {
  display: none; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td span.ui-state-default {
  display: block;
  padding: 4px 0;
  padding: 0.4rem 0; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar a.ui-state-default {
  text-align: center; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td.ui-datepicker1-unselectable,
.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td.ui-datepicker1-unselectable:first-child {
  background: none; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td.ui-datepicker-other-month.ui-datepicker1-unselectable.ui-state-disabled {
  background: #2b2b32; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td.ui-datepicker1-unselectable.ui-state-disabled {
  background: #3f4861 url("../images/bkg-caja-eventos.png") repeat left top; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td a.ui-state-default {
  display: block;
  padding: 4px 0;
  padding: 0.4rem 0;
  color: #333;
  font-size: 18px;
  font-size: 1.8rem;
  background: #c6cf23; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td.ui-datepicker1-unselectable.ui-state-disabled {
  background: #3f4861 url("../images/bkg-caja-eventos.png") repeat left top; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td a.ui-state-default.ui-state-highlight.ui-state-active {
  background: #a2a0a3;
  color: #fff; }

.secActividades.evento-detalle-derecha .evento-detalle-calendario .table-footer {
  margin: 15px 0 0;
  margin: 1.5rem 0 0;
  text-align: right;
  color: #aaa;
  font-family: "Conv_GothamRnd-Light", ​Arial, ​Helvetica, ​sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem; }

.secActividades.evento-detalle-derecha .evento-detalle-listado {
  padding: 35px 0 0;
  padding: 3.5rem 0 0; }

.secActividades.evento-detalle-listado-evento:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .evento-detalle-listado-evento {
  height: 1%; }

:first-child + html .evento-detalle-listado-evento {
  min-height: 1%; }

.secActividades.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-title {
  border-bottom: 2px solid #242026;
  padding: 0 15px 3px;
  padding: 0 1.5rem 0.3rem;
  text-transform: uppercase;
  color: #7bb1c3;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: -1px;
  letter-spacing: -0.1rem; }

.secActividades.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento {
  border-bottom: 2px solid #242026;
  padding: 15px;
  padding: 1.5rem; }

.secActividades.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-fecha {
  color: #b76999; }

.secActividades.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-fecha-dia {
  float: left;
  padding: 0 2px 0 0;
  padding: 0 0.2rem 0 0;
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold; }

.secActividades.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-fecha-mes {
  font-size: 20px;
  padding: 4px 0 0;
  font-size: 2rem;
  padding: 0.4rem 0 0; }

.secActividades.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-fecha-anio {
  font-size: 14px;
  font-size: 1.4rem; }

.secActividades.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-titulo {
  clear: both;
  padding: 4px 0 0;
  padding: 0.4rem 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #c3cf00; }

.secActividades.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-titulo a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #c3cf00; }

.secActividades.evento-detalle-centro {
  font-size: 14px;
  font-size: 1.4rem;
  color: #ada7af; }

.secActividades.evento-detalle-centro .evento-detalle-fecha {
  font-size: 18px;
  font-size: 1.8rem;
  color: #9299a6;
  margin: 0 0 8px;
  margin: 0 0 0.8rem; }

.secActividades.evento-detalle-centro .evento-detalle-titulo {
  font-size: 39px;
  font-size: 3.9rem;
  font-family: "Conv_GothamRnd-Light";
  font-weight: normal;
  margin-bottom: 0.75em;
  border-bottom: 1px solid #c6cf23;
  padding-bottom: 0.1em;
  padding-left: 0.65em;
  text-transform: uppercase; }

.secActividades.evento-detalle-centro .evento-detalle-imagen {
  text-align: center;
  margin: 0 0 30px;
  margin: 0 0 3rem; }

.secActividades.evento-detalle-centro .evento-detalle-imagen img {
  max-width: 100%;
  width: auto;
  height: auto; }

.contenido .unaColum .secActividades.evento-detalle-centro p {
  font-size: 15px;
  font-size: 1.5rem;
  color: #ada7af;
  margin-bottom: 20px;
  margin-bottom: 2rem; }

.secActividades h2 {
  color: #fff;
  float: none; }

.secActividades .datosPersonales {
  float: left;
  width: 60%; }

.secActividades .datosPersonales p {
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif; }

.secActividades .datosPersonales span.msg {
  color: #ff8000;
  font-size: 1.5em; }

.secActividades .datosPersonales span.msg span {
  font-size: 2.2rem;
  font-weight: bold; }

.secActividades form {
  padding: 2% 0; }

.secActividades .datosPersonales input[type="text"],
.secActividades .datosPersonales select {
  font-weight: bold;
  color: #8e8e8e;
  padding: 0.25em 1em;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  margin-bottom: 1em;
  border-radius: 3px;
  border: 2px solid #9a9b9d;
  width: 70%;
  font-style: italic;
  background: #f4f4f4; }

.secActividades .datosPersonales input[type="text"].small,
.secActividades .datosPersonales select {
  width: 30%; }

.secActividades .datosPersonales #fechaNacimiento {
  display: inline;
  margin-right: 10px; }

.secActividades .btn .btnRosa {
  cursor: pointer;
  font-size: 21px;
  padding: 0.5em 1.1em;
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #974076;
  border-radius: 5px;
  font-family: "Conv_GothamRnd-Medium";
  -webkit-box-shadow: -5px 0 5px -5px #a94984 inset, 5px 0 5px -5px #a94984 inset, 0 3px 0 #a94984 inset, 0 0 0 #974076, 0 -18px 18px -17px #000000 inset;
  box-shadow: -5px 0 5px -5px #a94984 inset, 5px 0 5px -5px #a94984 inset, 0 3px 0 #a94984 inset, 0 0 0 #974076, 0 -18px 18px -17px #000000 inset;
  background: #b8699a;
  background: -moz-linear-gradient(top, #b8699a 0%, #b8699a 50%, #a94984 51%, #a94984 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b8699a), color-stop(50%, #b8699a), color-stop(51%, #a94984), color-stop(100%, #a94984));
  background: -webkit-linear-gradient(top, #b8699a 0%, #b8699a 50%, #a94984 51%, #a94984 100%);
  background: -o-linear-gradient(top, #b8699a 0%, #b8699a 50%, #a94984 51%, #a94984 100%);
  background: -ms-linear-gradient(top, #b8699a 0%, #b8699a 50%, #a94984 51%, #a94984 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#b8699a), color-stop(50%, #b8699a), color-stop(51%, #a94984), to(#a94984));
  background: linear-gradient(to bottom, #b8699a 0%, #b8699a 50%, #a94984 51%, #a94984 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b8699a", endColorstr="#a94984", GradientType=0); }

.secActividades .btn .txt {
  color: #fff;
  font-size: 25px;
  font-size: 2.5rem;
  margin-bottom: 10px;
  font-family: "Conv_GothamRnd-Light"; }

.secActividades p,
.contenido p.dudas {
  word-spacing: normal; }

.secActividades .btn .btnRosa {
  padding: 0.5em 3em;
  margin-top: 23px; }

.secActividades .selectores {
  padding: 1.5em 2em 3em;
  margin-bottom: -2px; }

/******************************** EVENTOS *************************************/
.compraForfait .cuerpo.eventos {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.compraForfait .resp-tabs-list li.eventos {
  width: 15%;
  border-color: #fff; }

.compraForfait .resp-tabs-list li.eventos h1 {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: normal;
  border: 0;
  padding: 0;
  margin: 0; }

.compraForfait .resp-tabs-container .resp-accordion h1 {
  font-weight: normal;
  border: 0;
  padding: 0;
  margin-bottom: 10px; }

.compraForfait .resp-tabs-list li.eventos:first-child {
  margin-right: 5px; }

.compraForfait .eventos.resp-tab-item {
  margin-right: 0px; }

.eventos {
  font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif; }

.eventos h1 {
  border-bottom: 1px solid #c6cf23;
  padding-bottom: 0.1em;
  padding-top: 0.95em;
  padding-left: 0.65em;
  margin-bottom: 0; }

.eventos .resp-tab-content {
  padding: 0;
  border: 0;
  border-top: 1px solid #fff; }

.eventos .contenidoDestacado {
  padding: 0px; }

.eventos .contenidoDestacado:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .eventos .contenidoDestacado {
  height: 1%; }

:first-child + html .eventos .contenidoDestacado {
  min-height: 1%; }

.contenido .compraForfait .eventos .eventos-boxes > p {
  display: block;
  color: #7bb1c3;
  text-transform: uppercase;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  letter-spacing: -0.02em; }

.eventos .eventos-boxes {
  float: none;
  display: block;
  width: 100%;
  font-size: 0;
  background: #f4f4f4; }
  .eventos .eventos-boxes .eventoBox-outer {
    width: 25%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    border-right: 10px solid transparent; }
    .eventos .eventos-boxes .eventoBox-outer:last-child {
      border-right: none; }
    .eventos .eventos-boxes .eventoBox-outer .eventoBox {
      padding: 0.8rem;
      font-size: 14px;
      font-size: 1.4rem;
      color: #3a3a3a;
      line-height: 1.3em;
      min-height: 275px;
      height: 100%;
      display: block;
      overflow: hidden; }
      .eventos .eventos-boxes .eventoBox-outer .eventoBox .eventoBox-image {
        margin: 0 0 1rem; }
      .eventos .eventos-boxes .eventoBox-outer .eventoBox .eventoBox-date {
        font-size: 13px;
        font-size: 1.3rem;
        color: #9399a7; }
      .eventos .eventos-boxes .eventoBox-outer .eventoBox h3 {
        font-size: 15px;
        font-size: 1.5rem;
        color: #c24687;
        margin: 0 0 0.5rem; }
  .eventos .eventos-boxes a.ver-mas {
    display: block;
    background: #c9c9c9;
    padding: 1rem 0;
    width: 100%;
    text-align: center;
    color: #3a3a3a;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: -1px;
    letter-spacing: -0.1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .eventos .eventos-boxes a.ver-mas:hover {
      background: #c24687;
      color: #fff;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

.eventos .resp-tabs-list li.eventos {
  margin-right: 0px !important;
  width: auto;
  border-color: transparent;
  padding: 20px 0 !important;
  background: transparent;
  cursor: inherit; }
  .eventos .resp-tabs-list li.eventos h1 {
    font-family: "Conv_GothamRnd-Medium";
    font-weight: normal;
    font-size: 39px;
    font-size: 3.9rem;
    color: #c7d400; }

.eventos .resp-tab-content {
  padding: 0 !important; }

.eventos .eventos-calendar {
  float: right;
  width: 39%; }

.eventos .eventos-calendar .selecDias {
  width: 100%;
  float: none; }

.eventos .eventos-calendar .ui-datepicker-header {
  margin: 0 0 10px;
  margin: 0 0 1rem; }

/* .eventos .eventos-calendar .ui-datepicker-title { margin-left: 0; margin-right: 10px; margin-right: 1.0rem; text-transform: capitalize; } */
.eventos .eventos-calendar .ui-datepicker-title .ui-datepicker-year {
  display: inline; }

.eventos .eventos-calendar table.ui-datepicker1-calendar {
  background: none;
  border: 0;
  margin: 10px 0 0;
  margin: 1rem 0 0;
  border-collapse: collapse; }

.eventos .eventos-calendar table.ui-datepicker1-calendar thead {
  display: table-header-group; }

.eventos .eventos-calendar table.ui-datepicker1-calendar thead th {
  border: 0;
  text-transform: uppercase;
  padding: 0 0 28px;
  padding: 0 0 2.8rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal; }

.eventos .eventos-calendar table.ui-datepicker1-calendar tbody {
  border: 2px solid #d0cfd1; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td {
  border: 1px solid #444046;
  text-align: center;
  background: none;
  color: #c6cf23;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td span,
.eventos .eventos-calendar table.ui-datepicker1-calendar td a {
  min-height: 1em;
  margin: 0;
  padding: 0; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td .day {
  position: static;
  top: auto;
  left: auto; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td .adulto,
.eventos .eventos-calendar table.ui-datepicker1-calendar td .ninos,
.eventos .eventos-calendar table.ui-datepicker1-calendar td br {
  display: none; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td span.ui-state-default {
  display: block;
  padding: 6px 0;
  padding: 0.6rem 0; }

.eventos .eventos-calendar table.ui-datepicker1-calendar a.ui-state-default {
  text-align: center; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td.ui-datepicker1-unselectable,
.eventos .eventos-calendar table.ui-datepicker1-calendar td.ui-datepicker1-unselectable:first-child {
  background: none; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td.ui-datepicker-other-month.ui-datepicker1-unselectable.ui-state-disabled {
  background: #494950; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td.ui-datepicker1-unselectable.ui-state-disabled {
  background: #535e6f url("../images/bkg-caja-eventos.png") repeat left top; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td a.ui-state-default {
  display: block;
  padding: 6px 0;
  padding: 0.6rem 0;
  color: #333;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  background: #c6cf23; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td.ui-datepicker1-unselectable.ui-state-disabled {
  background: #535e6f url("../images/bkg-caja-eventos.png") repeat left top; }

.eventos .eventos-calendar table.ui-datepicker1-calendar td a.ui-state-default.ui-state-highlight.ui-state-active {
  background: #a2a0a3;
  color: #fff; }

.eventos .eventos-calendar .table-footer {
  margin: 20px 0 15px;
  margin: 2rem 0 1.5rem;
  text-align: right;
  color: #aaa;
  font-family: "Conv_GothamRnd-Light", ​Arial, ​Helvetica, ​sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem; }

.eventos .eventos-proximos {
  border-top: 1px solid #007f70;
  padding: 0;
  margin-top: 15px; }

.eventos .eventos-proximos > p {
  display: block;
  color: #7bb1c3;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 15px;
  margin-bottom: 1.5rem;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  margin-top: 10px; }

.eventos .listado-eventos .evento-proximo {
  background: #f4f4f4;
  margin-bottom: 7px;
  padding: 15px 25px;
  padding: 1.5rem 2.5rem; }

.eventos .listado-eventos .evento-proximo:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .eventos .listado-eventos .evento-proximo {
  height: 1%; }

:first-child + html .eventos .listado-eventos .evento-proximo {
  min-height: 1%; }

.eventos .listado-eventos .evento-proximo .evento-proximo-fecha {
  float: left;
  width: 90px;
  width: 9rem;
  color: #3c9d89; }

.eventos .listado-eventos .evento-proximo .evento-proximo-fecha-dia {
  font-size: 41px;
  font-size: 4.1rem;
  font-weight: bold;
  width: 59px;
  width: 5.9rem;
  text-align: center; }

.eventos .listado-eventos .evento-proximo .evento-proximo-fecha-mes {
  font-size: 21px;
  font-size: 2.1rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  line-height: 28px;
  line-height: 2.8rem;
  width: 59px;
  width: 5.9rem;
  text-align: center; }

.eventos .listado-eventos .evento-proximo .evento-proximo-fecha-anio {
  font-size: 11px;
  letter-spacing: 1px;
  width: 59px;
  font-size: 1.1rem;
  letter-spacing: 0.1rem;
  width: 5.9rem;
  text-align: center; }

.eventos .listado-eventos .evento-proximo .evento-proximo-contenido {
  padding: 0 0 0 90px;
  padding: 0 0 0 9rem; }

.eventos .listado-eventos .evento-proximo .evento-proximo-contenido-titulo {
  padding: 10px 0 0;
  line-height: 16px;
  padding: 1rem 0 0;
  line-height: 1.6rem; }

.eventos .listado-eventos .evento-proximo .evento-proximo-contenido-titulo a {
  font-size: 25px;
  font-size: 2.5rem;
  color: #9c0b57;
  font-family: "Conv_GothamRnd-Medium";
  line-height: 1em; }

.eventos .listado-eventos .evento-proximo .evento-proximo-contenido-titulo a:hover {
  color: #1f1d20;
  text-decoration: underline; }

.eventos .listado-eventos .evento-proximo .evento-proximo-contenido-subtitulo {
  font-size: 16px;
  font-size: 1.6rem;
  color: #7b7b7b;
  padding: 0 0 15px;
  padding: 0 0 1.5rem; }

.eventos .listado-eventos .evento-proximo .evento-proximo-contenido-contenido {
  font-size: 13px;
  font-size: 1.3rem;
  color: #7bb1c3;
  line-height: 16px;
  line-height: 1.6rem; }

.eventos .eventos-proximos .pagination li {
  display: inline-block;
  font-size: 17px;
  font-size: 1.7rem;
  color: #b8699a;
  padding: 12px 15px; }

.eventos .eventos-proximos .pagination li a {
  font-size: 17px;
  font-size: 1.7rem;
  color: #7bb1c3; }

.eventos .eventos-proximos .pagination li.pager-current {
  background: #c7d400;
  color: #fff; }

.eventos .eventos-proximos .pagination li a {
  font-size: 17px;
  font-size: 1.7rem;
  color: #7bb1c3; }

.eventos .eventos-proximos .pagination li.pager-ellipsis {
  color: #7bb1c3; }

.eventos .listado-eventos .noticia-proxima {
  background: #000;
  padding: 15px 25px;
  padding: 1.5rem 2.5rem; }

.eventos .listado-eventos .noticia-proxima:first-child {
  margin: 0 0 2px;
  margin: 0 0 0.2rem; }

.eventos .listado-eventos .noticia-proxima:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .eventos .listado-eventos .noticia-proxima {
  height: 1%; }

:first-child + html .eventos .listado-eventos .noticia-proxima {
  min-height: 1%; }

.eventos .listado-eventos .noticia-proxima .evento-proximo-fecha {
  float: left;
  width: 90px;
  width: 9rem;
  color: #b8699a; }

.eventos .listado-eventos .noticia-proxima .evento-proximo-fecha-dia {
  font-size: 51px;
  font-size: 5.1rem;
  font-weight: bold;
  width: 59px;
  width: 5.9rem;
  text-align: center; }

.eventos .listado-eventos .noticia-proxima .evento-proximo-fecha-mes {
  font-size: 31px;
  font-size: 3.1rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  line-height: 28px;
  line-height: 2.8rem;
  width: 59px;
  width: 5.9rem;
  text-align: center; }

.eventos .listado-eventos .noticia-proxima .evento-proximo-fecha-anio {
  font-size: 22px;
  font-size: 2.2rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem;
  width: 59px;
  width: 5.9rem;
  text-align: center; }

.eventos .listado-eventos .noticia-proxima .evento-proximo-contenido {
  padding: 0 0 0 90px;
  padding: 0 0 0 9rem; }

.eventos .listado-eventos .noticia-proxima .evento-proximo-contenido-titulo {
  padding: 10px 0 0;
  line-height: 16px;
  padding: 1rem 0 0;
  line-height: 1.6rem; }

.eventos .listado-eventos .noticia-proxima .evento-proximo-contenido-titulo a {
  font-size: 25px;
  font-size: 2.5rem;
  color: #007f70;
  line-height: 1em; }

.eventos .listado-eventos .noticia-proxima .evento-proximo-contenido-subtitulo {
  font-size: 16px;
  font-size: 1.6rem;
  color: #7b7b7b;
  padding: 0 0 15px;
  padding: 0 0 1.5rem; }

.eventos .listado-eventos .noticia-proxima .evento-proximo-contenido-contenido {
  font-size: 13px;
  font-size: 1.3rem;
  color: #fff;
  line-height: 16px;
  line-height: 1.6rem; }

/* **** DETALLE **** */
.compraForfait .cuerpo.eventos.evento-detalle {
  position: relative;
  margin-top: 0;
  padding-top: 15px;
  padding-top: 1.5rem; }

.evento-detalle > h1 {
  padding-left: 0;
  border-bottom: 0; }

.evento-detalle a.evento-detalle-volver {
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #9c9b9b;
  padding: 3px 5px; }

.evento-detalle a.evento-detalle-volver:hover {
  background-color: #9c0b57; }

.evento-detalle > a.evento-detalle-volver {
  float: right;
  margin: 20px 5px 33px; }

.evento-detalle .evento-detalle-footer {
  border-top: 1px solid #007f70;
  padding: 8px 31px 25px 51px;
  padding: 0.8rem 0 2.5rem 5.1rem;
  text-align: right;
  margin-top: 15px;
  clear: both; }

.evento-detalle-contenido:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .evento-detalle-contenido {
  height: 1%; }

:first-child + html .evento-detalle-contenido {
  min-height: 1%; }

.evento-detalle-derecha {
  float: right;
  margin: 0;
  width: 30%;
  max-width: 271px; }

.evento-detalle-centro {
  float: left;
  width: 65%; }

.evento-detalle-derecha .evento-detalle-calendario {
  margin: -39px 0 0;
  padding: 10px;
  margin: -3.9rem 0 0;
  padding: 1rem; }

.evento-detalle-derecha .evento-detalle-calendario .selecDias {
  width: 100%;
  float: none; }

.selecDias .ui-datepicker1-header {
  float: right;
  text-transform: lowercase; }

/* .evento-detalle-derecha .evento-detalle-calendario .ui-datepicker1-header .ui-datepicker-title { margin-left: 0; margin-right: 10px; margin-right: 1.0rem; text-transform: capitalize; font-size: 16px; font-size: 1.6rem; } */
.evento-detalle-derecha .evento-detalle-calendario .ui-datepicker1-title .ui-datepicker-year {
  display: inline; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar {
  background: none;
  border: 0;
  margin: 10px 0 0;
  margin: 1rem 0 0;
  border-collapse: collapse; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar thead {
  display: table-header-group; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar thead th {
  border: 0;
  text-transform: uppercase;
  padding: 0 0 22px;
  padding: 0 0 2.2rem;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar tbody {
  border: 2px solid #d0cfd1; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td {
  border: 1px solid #2a2a31;
  text-align: center;
  background: none;
  color: #c6cf23;
  font-size: 18px;
  font-size: 1.8rem; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td span,
.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td a {
  min-height: 1em;
  margin: 0;
  padding: 0; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td .day {
  position: static;
  top: auto;
  left: auto; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td .adulto,
.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td .ninos,
.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td br {
  display: none; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td span.ui-state-default {
  display: block;
  padding: 4px 0;
  padding: 0.4rem 0; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar a.ui-state-default {
  text-align: center; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td.ui-datepicker1-unselectable,
.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td.ui-datepicker1-unselectable:first-child {
  background: none; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td.ui-datepicker-other-month.ui-datepicker1-unselectable.ui-state-disabled {
  background: #2b2b32; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td.ui-datepicker1-unselectable.ui-state-disabled {
  background: #3f4861 url("../images/bkg-caja-eventos.png") repeat left top; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td a.ui-state-default {
  display: block;
  padding: 4px 0;
  padding: 0.4rem 0;
  color: #333;
  font-size: 18px;
  font-size: 1.8rem;
  background: #c6cf23; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td.ui-datepicker1-unselectable.ui-state-disabled {
  background: #3f4861 url("../images/bkg-caja-eventos.png") repeat left top; }

.evento-detalle-derecha .evento-detalle-calendario table.ui-datepicker1-calendar td a.ui-state-default.ui-state-highlight.ui-state-active {
  background: #a2a0a3;
  color: #fff; }

.evento-detalle-derecha .evento-detalle-calendario .table-footer {
  margin: 15px 0 0;
  margin: 1.5rem 0 0;
  text-align: right;
  color: #aaa;
  font-family: "Conv_GothamRnd-Light", ​Arial, ​Helvetica, ​sans-serif;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 1px;
  letter-spacing: 0.1rem; }

.evento-detalle-derecha .evento-detalle-listado {
  padding: 35px 0 0;
  padding: 3.5rem 0 0; }

.evento-detalle-listado-evento:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

* html .evento-detalle-listado-evento {
  height: 1%; }

:first-child + html .evento-detalle-listado-evento {
  min-height: 1%; }

.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-title {
  padding: 0 15px 3px;
  padding: 0 1.5rem 0.3rem;
  text-transform: uppercase;
  color: #7bb1c3;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: -1px;
  letter-spacing: -0.1rem; }

.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento {
  background: #f4f4f4;
  margin-bottom: 7px;
  padding: 15px;
  padding: 1.5rem; }

.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-fecha {
  color: #3c9d89; }

.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-fecha-dia {
  float: left;
  padding: 0 2px 0 0;
  padding: 0 0.2rem 0 0;
  font-size: 40px;
  font-size: 4rem;
  font-weight: bold; }

.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-fecha-mes {
  font-size: 20px;
  padding: 4px 0 0;
  font-size: 2rem;
  padding: 0.4rem 0 0; }

.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-fecha-anio {
  font-size: 14px;
  font-size: 1.4rem; }

.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-titulo {
  clear: both;
  padding: 4px 0 0;
  padding: 0.4rem 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  color: #c3cf00; }

.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-titulo a {
  font-size: 16px;
  font-size: 1.6rem;
  color: #9c0b57;
  font-family: "Conv_GothamRnd-Medium"; }

.evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-titulo a:hover {
  color: #1f1d20;
  text-decoration: underline; }

.evento-detalle-centro {
  font-size: 14px;
  font-size: 1.4rem;
  color: #ada7af; }

.evento-detalle-centro .evento-detalle-fecha {
  font-size: 28px;
  font-size: 2.8rem;
  color: #010101;
  margin: 0 0 8px;
  margin: 0 0 0.8rem; }

.evento-detalle-centro .evento-detalle-titulo h1 {
  font-size: 45px;
  font-size: 4.5rem;
  font-weight: normal;
  margin-bottom: 0.75em;
  padding: 0.1em;
  text-transform: uppercase;
  border: 0; }

.evento-detalle-centro .evento-detalle-imagen {
  text-align: center;
  margin: 0 0 30px;
  margin: 0 0 3rem; }

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

.contenido .unaColum .evento-detalle-centro p {
  font-size: 15px;
  font-size: 1.5rem;
  color: #7b7b7b;
  margin-bottom: 20px;
  margin-bottom: 2rem; }

.contenido .unaColum .evento-detalle-centro p strong {
  color: #5f5f5f;
  font-family: "Conv_GothamRnd-Light";
  font-weight: bold; }

.selecDias .ui-datepicker1-header a {
  display: inline;
  color: #c6cf23;
  font-size: 30px;
  cursor: pointer; }

.selecDias .ui-datepicker1-header a.ui-state-disabled {
  color: #222e33; }

.selecDias .ui-datepicker1-header a.ui-datepicker1-next {
  float: right; }

.selecDias .ui-datepicker1-header a.none {
  display: none; }

.selecDias .ui-datepicker1-header .ui-datepicker1-title {
  display: inline;
  color: #7bb1c3;
  font-size: 20px;
  margin-left: 12px;
  margin-right: 5px;
  vertical-align: super; }

/****************************************** PARTE DE NIEVE ***********************************************
**********************************************************************************************************/
.parteNieve {
  /* observaciones */
  /* meteorologia */
  /* estado nieve */
  /* remontes */
  /* Pistas */
  /* especiales */ }
  .parteNieve h1 + h2 {
    color: #c6cf23; }
  .parteNieve.sinBg {
    background: none !important;
    padding: 0 !important; }
  .parteNieve .bloques {
    display: table;
    min-width: 100%;
    width: calc(100% + 20px);
    height: 100%;
    position: relative;
    margin-bottom: 2rem;
    border-spacing: 10px;
    border-collapse: separate;
    margin: 0 -10px; }
  .parteNieve .bloques h2 {
    font-size: 1.6rem;
    margin-bottom: 10px;
    font-family: "Conv_GothamRnd-Medium"; }
  .parteNieve .bloques .parte p {
    font-size: 1rem;
    margin-bottom: 0;
    text-align: left;
    display: block;
    height: auto; }
  .parteNieve .bloques .parte p > * {
    display: inline-block;
    vertical-align: middle;
    font-size: 6.3em; }
  .parteNieve .bloques .parte p > span {
    margin-left: 10px;
    line-height: 0.8em; }
  .parteNieve .bloques.meteorologia {
    margin-bottom: 0; }
  .parteNieve .bloques .parte {
    display: table-cell;
    width: 24.25%;
    height: 100%;
    padding: 1em;
    margin-right: 1%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: top; }
  .parteNieve .bloques .parte ul li {
    float: left;
    border-right: 1px solid #3c9d89;
    margin: 0 5px 5px 0;
    padding: 0 5px 0 0;
    font-family: "Conv_GothamRnd-Light";
    font-size: 1.3rem; }
  .parteNieve .bloques .parte ul li:last-child {
    border-right: none; }
  .parteNieve .bloques .parte.remontes,
  .parteNieve .bloques .parte.abiertos,
  .parteNieve .bloques .parte.km,
  .parteNieve .bloques .parte.clima,
  .parteNieve .bloques .parte.visibilidad,
  .parteNieve .bloques .parte.temp_cota,
  .parteNieve .bloques .parte.viento_cota {
    background: #fff;
    border: 1px solid #3c9d89;
    padding: 10px; }
  .parteNieve .bloques .parte.aludes {
    background: #3c9d89; }
  .parteNieve .bloques .parte.clima,
  .parteNieve .bloques .parte.viento_cota {
    margin-right: 0; }
  .parteNieve .bloques .parte.remontes p.info_remontes,
  .parteNieve .bloques .parte.abiertos p.info_abiertos,
  .parteNieve .bloques .parte.km p.info_km,
  .parteNieve .bloques .parte.clima p.info_clima {
    height: 8.3em;
    color: #3c9d89;
    font-family: "Conv_GothamRnd-Light";
    font-weight: bold;
    text-align: left;
    display: table; }
  .parteNieve .bloques .parte.clima p.info_clima {
    letter-spacing: -5px; }
  .parteNieve .bloques .parte.remontes p.info_remontes img,
  .parteNieve .bloques .parte.abiertos p.info_abiertos img,
  .parteNieve .bloques .parte.km p.info_km img,
  .parteNieve .bloques .parte.clima p.info_clima img {
    width: 35%;
    max-width: 80px; }
  .parteNieve .bloques .parte.abiertos p.info_abiertos img,
  .parteNieve .bloques .parte.km p.info_km img,
  .parteNieve .bloques .parte.clima p.info_clima img {
    width: 35%; }
  .parteNieve .bloques .parte.aludes h2.info_aludes,
  .parteNieve .bloques .parte.visibilidad h2.info_visibilidad,
  .parteNieve .bloques .parte.temp_cota h2.info_temp_cota,
  .parteNieve .bloques .parte.viento_cota h2.info_viento_cota {
    font-family: "Conv_GothamRnd-Light";
    font-size: 1.3rem;
    margin: 0;
    position: relative; }
  .parteNieve .bloques.meteorologia h2 {
    display: table; }
  .parteNieve .bloques.meteorologia h2 > * {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px; }
  .parteNieve .bloques.meteorologia h2 .img {
    width: 40px;
    height: 40px;
    text-align: center; }
  .parteNieve .bloques.meteorologia h2 .img img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto; }
  .parteNieve .bloques .parte.km p.info_km sub {
    vertical-align: baseline;
    font-size: xx-large; }
  .parteNieve .bloques .parte.clima p.info_clima sup {
    vertical-align: super !important;
    font-size: xx-large;
    display: inline;
    line-height: 1em;
    position: absolute;
    font-size: 19px;
    font-size: 1.9rem; }
  .parteNieve .bloques .parte.temp_cota h2.info_temp_cota sup {
    vertical-align: super !important;
    font-size: smaller;
    font-family: "Conv_GothamRnd-Light"; }
  .parteNieve.observaciones {
    background: #c6cf23;
    padding: 1.5% 3%; }
    .parteNieve.observaciones h2 {
      color: #fff; }
    .parteNieve.observaciones p {
      text-transform: uppercase; }
  .parteNieve .meteo span {
    display: block;
    float: left;
    width: 49px;
    height: 49px;
    margin-right: 10px; }
  .parteNieve .meteo .nieve:after {
    content: url("../images/parteDeNieve/nieve.png"); }
  .parteNieve .meteo .lluvia:after {
    content: url("../images/parteDeNieve/lluvia.png"); }
  .parteNieve .meteo .sol-nube:after {
    content: url("../images/parteDeNieve/sol-nube.png"); }
  .parteNieve .meteo .muy-nublado:after {
    content: url("../images/parteDeNieve/muy-nublado.png"); }
  .parteNieve .meteo .nublado:after {
    content: url("../images/parteDeNieve/nublado.png"); }
  .parteNieve .meteo .sol:after {
    content: url("../images/parteDeNieve/sol.png"); }
  .parteNieve .accesos {
    font-size: 15px;
    font-size: 1.5rem; }
    .parteNieve .accesos .abierto {
      background: #3c9d89;
      padding: 0.2em 0.5em;
      color: #fff; }
    .parteNieve .accesos .abiertoCadenas {
      background: #d8871a;
      padding: 0.2em 0.5em;
      color: #fff; }
    .parteNieve .accesos .cerrado {
      background: #ae1222;
      padding: 0.2em 0.5em;
      color: #fff; }
  .parteNieve div.estadoNieveWrap {
    width: 89%;
    border: 2px solid #3c9d89;
    float: right;
    margin: 25px 55px 5px 55px; }
  .parteNieve table.estadoNieve {
    width: 100%; }
  .parteNieve table.estadoNieve th {
    text-align: center;
    height: auto;
    padding: 0.5em;
    background: none;
    font-family: "Conv_GothamRnd-Medium";
    border-bottom: 5px solid #3c9d89;
    text-transform: uppercase; }
  .parteNieve table.estadoNieve th:last-child {
    text-align: center; }
  .parteNieve table.estadoNieve td {
    height: 2em;
    padding: 0.5em;
    background: none;
    border: none;
    vertical-align: middle; }
  .parteNieve img.estadoNieveIcono {
    float: left;
    width: 40px;
    margin-top: 5px;
    display: none; }
  .parteNieve ul.accesos {
    clear: both;
    width: 95%;
    margin: 10px 0 0 60px; }
  .parteNieve ul.accesos li {
    float: left;
    margin: 0 2% 0 0;
    text-transform: uppercase;
    font-family: "Conv_GothamRnd-Light";
    line-height: 2; }
  .parteNieve .estadoRemontesWrap {
    width: 89%;
    border: 2px solid #3c9d89;
    float: right;
    margin: 25px 55px 5px 55px; }
  .parteNieve img.estadoRemontesIcono {
    float: left;
    width: 40px;
    margin-top: 5px;
    display: none; }
  .parteNieve .estadoRemontesWrap ul {
    padding: 1% 0.5% 0 0.5%;
    overflow: hidden;
    font-size: 1.3rem;
    font-family: "Conv_GothamRnd-Light"; }
  .parteNieve .estadoRemontesWrap ul li {
    float: left;
    width: 24%;
    margin: 0 0.5% 1%;
    padding: 0 1%;
    line-height: 2em;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .parteNieve .estadoRemontesWrap ul li:first-child {
    width: 100%;
    margin: 0 0 1% 0.5%;
    font-family: "Conv_GothamRnd-Medium";
    text-transform: uppercase; }
  .parteNieve .estadoRemontesWrap ul li.remonteAbierto {
    background: #3c9d89; }
  .parteNieve .estadoRemontesWrap ul li.remonteCerrado {
    background: #ae1222;
    color: #fff; }
  .parteNieve .estadoRemontesWrap ul li.remonteProceso {
    background: #d8871a; }
  .parteNieve .estadoPistasWrap {
    width: 89%;
    border: 2px solid #3c9d89;
    float: right;
    margin: 25px 54px 5px 54px; }
  .parteNieve .estadoPistasWrap ul {
    padding: 1% 0.5% 0 0.5%;
    overflow: hidden;
    font-size: 1.2rem;
    font-family: "Conv_GothamRnd-Light"; }
  .parteNieve .estadoPistasWrap ul li {
    position: relative;
    float: left;
    width: 24%;
    margin: 0 0.5% 1%;
    padding: 0 1% 0 2.5%;
    line-height: 1.7em;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #3c9d89; }
  .parteNieve .estadoPistasWrap ul li:first-child {
    width: 100%;
    margin: 0 0 1% 0;
    padding: 0 1%;
    font-family: "Conv_GothamRnd-Medium";
    font-weight: bold;
    text-transform: uppercase;
    border: none; }
  .parteNieve .estadoPistasWrap ul li.limpiarPista {
    clear: both;
    width: 100%;
    border: none; }
  .parteNieve .estadoPistasWrap ul li span.A,
  .parteNieve .estadoPistasWrap ul li span.EP,
  .parteNieve .estadoPistasWrap ul li span.PP,
  .parteNieve .estadoPistasWrap ul li span.C {
    float: right;
    padding: 0.5%;
    text-transform: uppercase;
    font-family: "Conv_GothamRnd-Medium";
    width: 35px;
    line-height: 1.2em;
    text-align: center; }
  .parteNieve .estadoPistasWrap ul li span.A {
    background: #3c9d89; }
  .parteNieve .estadoPistasWrap ul li span.EP {
    background: #d8871a; }
  .parteNieve .estadoPistasWrap ul li span.PP {
    background: #49b4c2;
    color: #fff; }
  .parteNieve .estadoPistasWrap ul li span.C {
    background: #ae1222;
    color: #fff; }
  .parteNieve .estadoPistasWrap ul li.pistaVerde:before {
    content: url("../images/verde.png");
    position: absolute;
    left: 0;
    top: 2px; }
  .parteNieve .estadoPistasWrap ul li.pistaAzul:before {
    content: url("../images/azul.png");
    position: absolute;
    left: 0;
    top: 1px; }
  .parteNieve .estadoPistasWrap ul li.pistaRoja:before {
    content: url("../images/roja.png");
    position: absolute;
    left: 0;
    top: 2px; }
  .parteNieve .estadoPistasWrap ul li.pistaNegra:before {
    content: url("../images/negra.png");
    position: absolute;
    left: 0;
    top: 2px; }
  .parteNieve .estadoPistasWrap ul li.pistaItinerario:before {
    content: url("../images/itinerario.png");
    position: absolute;
    left: 0;
    top: 2px; }
  .parteNieve ul.leyendaRemontes {
    float: right;
    clear: both;
    width: 94.5%;
    margin: 10px 0 0 0;
    font-size: 1.3rem; }
    .parteNieve ul.leyendaRemontes li {
      float: left;
      margin: 5px 1% 0 0;
      text-transform: uppercase;
      font-family: "Conv_GothamRnd-Light";
      line-height: 2; }
      .parteNieve ul.leyendaRemontes li.clear {
        clear: both; }
      .parteNieve ul.leyendaRemontes li.border {
        border-right: 1px solid #3c9d89;
        padding: 0 1% 0 0; }
        .parteNieve ul.leyendaRemontes li.border:last-child {
          border: none; }
      .parteNieve ul.leyendaRemontes li.remonteAbierto {
        display: block;
        padding: 1.3%;
        background: #3c9d89; }
      .parteNieve ul.leyendaRemontes li.remonteCerrado {
        display: block;
        padding: 1.3%;
        background: #ae1222; }
      .parteNieve ul.leyendaRemontes li.remonteProceso {
        display: block;
        padding: 1.3%;
        background: #d8871a; }
      .parteNieve ul.leyendaRemontes li strong {
        font-family: "Conv_GothamRnd-Medium"; }
  .parteNieve ul.leyendaPistas {
    clear: both;
    width: 100%;
    margin: 10px 0 0 0;
    font-size: 1.3rem;
    margin: 10px 90px 0 60px; }
    .parteNieve ul.leyendaPistas li {
      position: relative;
      float: left;
      font-family: "Conv_GothamRnd-Light";
      line-height: 1.5;
      margin: 0 1% 1% 0;
      text-transform: uppercase;
      white-space: nowrap; }
      .parteNieve ul.leyendaPistas li.dificultad {
        margin: 0 3% 1% 0;
        padding-left: 2.5%; }
      .parteNieve ul.leyendaPistas li.pistaVerde:before {
        content: url("../images/verde.png");
        position: absolute;
        left: 0;
        top: 0; }
      .parteNieve ul.leyendaPistas li.pistaAzul:before {
        content: url("../images/azul.png");
        position: absolute;
        left: 0;
        top: 0; }
      .parteNieve ul.leyendaPistas li.pistaRoja:before {
        content: url("../images/roja.png");
        position: absolute;
        left: 0;
        top: 0; }
      .parteNieve ul.leyendaPistas li.pistaNegra:before {
        content: url("../images/negra.png");
        position: absolute;
        left: 0;
        top: 0; }
      .parteNieve ul.leyendaPistas li.pistaItinerario:before {
        content: url("../images/itinerario.png");
        position: absolute;
        left: 0;
        top: 0; }
      .parteNieve ul.leyendaPistas li span.A,
      .parteNieve ul.leyendaPistas li span.EP,
      .parteNieve ul.leyendaPistas li span.PP,
      .parteNieve ul.leyendaPistas li span.C {
        float: right;
        margin-left: 10px;
        padding: 0.5%;
        text-transform: uppercase;
        font-family: "Conv_GothamRnd-Medium";
        width: 35px;
        line-height: 1.2em;
        text-align: center; }
      .parteNieve ul.leyendaPistas li span.A {
        background: #3c9d89; }
      .parteNieve ul.leyendaPistas li span.EP {
        background: #d8871a; }
      .parteNieve ul.leyendaPistas li span.PP {
        background: #49b4c2;
        color: #fff; }
      .parteNieve ul.leyendaPistas li span.C {
        background: #ae1222;
        color: #fff; }
      .parteNieve ul.leyendaPistas li strong {
        font-family: "Conv_GothamRnd-Medium"; }
  .parteNieve .especialesWrap {
    width: 89%;
    border: 2px solid #3c9d89;
    float: right;
    margin: 25px 54px 5px 54px; }
  .parteNieve img.especialesIcono {
    float: left;
    width: 40px;
    margin-top: 5px; }
  .parteNieve .especialesWrap ul {
    padding: 1% 0.5% 0 0.5%;
    overflow: hidden;
    font-size: 1.3rem;
    font-family: "Conv_GothamRnd-Light"; }
  .parteNieve .especialesWrap ul li {
    float: left;
    width: 24%;
    margin: 0 0.5% 1%;
    padding: 0 1%;
    line-height: 2em;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .parteNieve .especialesWrap ul li:first-child {
    width: 100%;
    margin: 0 0 1% 0.5%;
    font-family: "Conv_GothamRnd-Medium";
    text-transform: uppercase; }
  .parteNieve .especialesWrap ul li.remonteAbierto {
    background: #3c9d89; }
  .parteNieve .especialesWrap ul li.remonteCerrado {
    background: #ae1222;
    color: #fff; }
  .parteNieve ul.leyendaEspeciales {
    clear: both;
    width: 94.5%;
    margin: 10px 0 0 60px;
    font-size: 1.3rem; }
  .parteNieve ul.leyendaEspeciales li {
    float: left;
    margin: 0 1% 0 0;
    text-transform: uppercase;
    font-family: "Conv_GothamRnd-Light";
    line-height: 2; }
  .parteNieve ul.leyendaEspeciales li strong {
    font-family: "Conv_GothamRnd-Medium"; }
  .parteNieve ul.leyendaEspeciales li.pistaAbierta {
    display: block;
    padding: 1.3%;
    background: #3c9d89; }
  .parteNieve ul.leyendaEspeciales li.pistaCerrada {
    display: block;
    padding: 1.3%;
    background: #ae1222; }

/********** WEB CAMS ***************/
.enlacesWebCams {
  display: inline-block;
  width: 30%; }

.webCams .enlacesWebCams {
  width: 26%;
  float: left;
  margin-left: 4%;
  margin-top: 20px; }

.webCams .enlacesWebCams .enlacesVideos {
  margin-top: 5px; }

.webCams .enlacesWebCams .enlacesVideos a {
  display: block;
  margin: 3px 0;
  color: #959595;
  font-size: 20px;
  font-size: 2rem;
  font-family: "Conv_GothamRnd-Light";
  font-weight: normal; }

.webCams .enlacesWebCams .enlacesVideos a:before {
  content: url("../images/webcam02.png");
  display: inline-block;
  margin: 0 0.25em 2px 0;
  vertical-align: middle; }

.webCams .enlacesWebCams .enlacesVideos a:hover {
  color: #c6cf23; }

.webCams .enlacesWebCams .enlacesVideos a.seleccionadoVideo:before,
.webCams .enlacesWebCams .enlacesVideos a:hover:before {
  content: url("../images/webcam-hover02.png"); }

.webCams .enlacesWebCams .enlacesVideos a.seleccionadoVideo {
  color: #c6cf23; }

.webCams .enlacesWebCams #accordion h3 {
  color: #666;
  font-size: 20px;
  font-size: 2rem;
  font-family: "Conv_GothamRnd-Light";
  font-weight: normal;
  background: #ddd;
  padding: 0.5em 0 0.5em 10px;
  cursor: pointer;
  text-align: left; }

.webCams .webCam {
  width: 100%;
  padding: 2.5em 1.4em 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.webCams {
  padding: 0 !important; }
  .webCams .webCam iframe {
    width: 100% !important;
    background-color: #0f365e !important; }
  .webCams .contentBox {
    margin: 0;
    background-image: none;
    background-color: transparent;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .webCams .contentBox .nombre {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      font-size: 22px;
      font-size: 2.2rem;
      font-family: "TungstenBook";
      background-color: #007f70;
      padding: 8px 15px;
      color: #fff; }
  .webCams .selector-tab-responsive {
    padding: 20px 25px !important;
    display: block;
    font-weight: 400 !important;
    font-size: 25px;
    font-size: 2.5rem;
    font-family: "TungstenBook";
    position: relative;
    color: white;
    background-color: black; }
    .webCams .selector-tab-responsive::after {
      background: url(../images/flechaDown.svg) no-repeat;
      content: "";
      width: 15px;
      height: 9px;
      position: absolute;
      top: 30px;
      right: 20px;
      background-size: 100%;
      -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      transition: all 300ms linear; }
    .webCams .selector-tab-responsive.active::after {
      -webkit-transition: all 300ms linear;
      -o-transition: all 300ms linear;
      transition: all 300ms linear;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
  .webCams .itemsBar {
    border: none;
    background-color: #fff;
    padding: 0 !important;
    border-bottom: 0 !important;
    display: none; }
    .webCams .itemsBar li {
      display: block;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 25px;
      font-size: 2.5rem;
      font-family: "TungstenBook";
      vertical-align: middle;
      margin: 0 !important;
      padding: 0 !important;
      border: none; }
      .webCams .itemsBar li.ui-state-hover, .webCams .itemsBar li.ui-tabs-active {
        background-color: #0f365e; }
        .webCams .itemsBar li.ui-state-hover a, .webCams .itemsBar li.ui-tabs-active a {
          color: white; }
      .webCams .itemsBar li a {
        color: #007f70;
        padding: 20px 25px !important;
        display: block;
        font-weight: normal !important;
        text-align: center; }
        .webCams .itemsBar li a:hover {
          color: white; }

.webCams .enlacesWebCams #accordion h3.ui-state-active {
  background: #ddd;
  cursor: inherit;
  font-family: "Conv_GothamRnd-Light";
  color: #666;
  text-align: left; }

.webCams .enlacesWebCams #accordion h3.ui-state-hover,
.webCams .enlacesWebCams #accordion h3.ui-state-focus {
  background-color: #ddd;
  color: #666;
  cursor: ponter; }

.webCams .enlacesWebCams #accordion div {
  background: #3c9d89;
  margin: 0;
  padding: 1em;
  top: 0;
  height: auto !important; }

.webCams .enlacesWebCams #accordion a {
  display: block;
  color: #fff;
  padding: 0.4em 0.4em;
  font-size: 1.8rem; }

.webCams .enlacesWebCams #accordion a:before {
  content: url("../images/camara02.png");
  display: inline-block;
  margin: 0 0.25em 2px 0;
  vertical-align: middle; }

.webCams .enlacesWebCams #accordion a:hover,
.webCams .enlacesWebCams #accordion a.seleccionado {
  color: #666; }

.webCams .enlacesWebCams #accordion a.seleccionado:before,
.webCams .enlacesWebCams #accordion a:hover:before {
  content: url("../images/camara-hover02.png"); }

/*BANNER COMPRA/RECARGA EN LA WEBCAM*/
.webcams .videoAbonos,
.webcams .forfaits {
  border-top: 0px; }

.webcams .forfaits h2 {
  text-align: justify;
  color: #ffffff;
  font-family: "Conv_GothamRnd-Light";
  font-size: 2.8rem;
  font-weight: normal;
  padding: 2rem 1rem 1rem; }

.webcams .forfaits h2 strong {
  font-weight: bold;
  color: #ffffff;
  font-family: "Conv_GothamRnd-Light";
  font-size: 2.8rem;
  padding: 2rem 1rem 1rem; }

.webcams .videoAbonos {
  width: 50%; }

.webcams .forfaits {
  padding-bottom: 3rem;
  margin-bottom: 0px;
  margin-right: 3em; }

.webcams.banner .forfaits {
  visibility: hidden; }

.contenido .webcams .video {
  padding-top: 0px; }

.cerler #cajaAbonos.webcams {
  background: url("../images/cerler-banner.jpg");
  background-size: 100% 100%;
  color: #fff; }

.formigal-panticosa #cajaAbonos.webcams {
  background: #fff url("../images/formigal-banner.jpg");
  background-size: 100% 100%;
  color: #fff; }

.javalambre-valdelinares #cajaAbonos.webcams {
  background: url("../images/javalambre-banner.jpg");
  background-size: 100% 100%;
  color: #fff; }

.idiomaBox {
  position: absolute;
  right: 3px;
  top: 0;
  width: 2.5%;
  z-index: 1000000000000;
  text-align: right;
  font-size: 0; }
  .idiomaBox .idioma {
    display: table;
    font-size: 10px;
    color: #000;
    width: 30px;
    text-align: center;
    text-decoration: none;
    padding: 13px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.44);
    margin: 5px auto;
    vertical-align: middle;
    font-family: "Conv_GothamRnd-Bold";
    border: 1px solid #333; }
    .idiomaBox .idioma:hover {
      background-color: #c8d300; }

/******************************** BUS BLANCO *************************************/
.comprarBusBlanco .dosColum {
  padding: 0; }

.comprarBusBlanco .colum p {
  margin: 10px 0; }

.comprarBusBlanco select#selectPersonasBusBlanco,
.comprarBusBlanco select#selectTarifaBusBlanco {
  border: 1px solid #dedede;
  border-radius: 3px;
  color: #8e8e8e;
  padding: 8px;
  vertical-align: top;
  width: 100%; }

.comprarBusBlanco input#datepickerBusBlanco {
  border: 1px solid #dedede;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #8e8e8e;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  margin: 0 0.65em 0 0;
  padding: 0.5em 1em;
  vertical-align: top;
  width: 80%; }

.comprarBusBlanco img.ui-datepicker-trigger {
  width: auto !important;
  height: auto; }

.comprarBusBlanco .btnRosa {
  margin: 8% 8% 8% 0; }

/*CUENTA ATRAS*/
.icon-search:before {
  content: "\e801"; }

.alturaEspecial {
  height: 100%; }

.cuentaAtras {
  background: url(../images/landing-cuentaAtras/bkg-landing-cuentaAtras.jpg) no-repeat center 0;
  background-size: cover;
  font-family: "Archer-Bold", Arial;
  color: #373737;
  overflow-x: initial;
  height: 100%; }
  .cuentaAtras.nombreEspecial {
    background: url(../images/landing-cuentaAtras/bkg-landing-cuentaAtras-unicef.jpg) no-repeat center 0;
    background-size: cover; }
    .cuentaAtras.nombreEspecial.error .wrap, .cuentaAtras.nombreEspecial.finalizado .wrap, .cuentaAtras.nombreEspecial.pageForm .wrap {
      background: none; }
    .cuentaAtras.nombreEspecial .logo {
      position: absolute;
      background: url(../images/landing-cuentaAtras/logounicef.png) no-repeat center 0;
      width: 25%;
      height: 185px;
      right: 60px;
      top: 100px;
      background-size: 100%; }
    .cuentaAtras.nombreEspecial .wrap {
      padding-top: 130px;
      background: url(../images/landing-cuentaAtras/logounicef.gif) no-repeat right 86%;
      background-size: 35%; }
      .cuentaAtras.nombreEspecial .wrap .campania {
        background: url(../images/landing-cuentaAtras/subasta.png) no-repeat left 0;
        background-size: 99%;
        width: 100%;
        height: 381px; }
      .cuentaAtras.nombreEspecial .wrap h1 {
        padding-top: 0;
        margin-top: 1em;
        font-family: "Archer-Bold", Arial;
        text-transform: uppercase; }
      .cuentaAtras.nombreEspecial .wrap .descripcionTxt {
        font-size: 26px;
        font-family: "Archer-Book", Arial; }
      .cuentaAtras.nombreEspecial .wrap .txtSeccion {
        font-size: 30px;
        font-family: "Archer-Semibold", Arial;
        text-transform: uppercase;
        color: #28a5d7;
        margin-top: 20px; }
      .cuentaAtras.nombreEspecial .wrap .step {
        width: 33.3%;
        display: table-cell;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 0;
        vertical-align: top; }
      .cuentaAtras.nombreEspecial .wrap .steps {
        height: initial;
        -webkit-box-shadow: initial;
        box-shadow: initial;
        background: #e5f2f7;
        padding: 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 0;
        display: table; }
        .cuentaAtras.nombreEspecial .wrap .steps p {
          font-size: 15px;
          padding-top: 0;
          font-family: "Archer-Book", Arial;
          display: inline-block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 77%; }
        .cuentaAtras.nombreEspecial .wrap .steps span {
          color: #28a5d7;
          text-shadow: initial;
          font-size: 83px;
          margin-right: 0;
          font-family: "Archer-Semibold", Arial;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 23%;
          padding: 0;
          display: inline-block;
          line-height: 0.4;
          text-align: center; }
        .cuentaAtras.nombreEspecial .wrap .steps .step + .step + .step span {
          font-size: 71px; }
      .cuentaAtras.nombreEspecial .wrap .ribbon {
        background: rgba(0, 0, 0, 0);
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
        height: auto;
        margin-top: 30px;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: 1;
        margin-bottom: 10px; }
        .cuentaAtras.nombreEspecial .wrap .ribbon:before {
          border-top: none; }
        .cuentaAtras.nombreEspecial .wrap .ribbon:after {
          border-bottom: none; }
        .cuentaAtras.nombreEspecial .wrap .ribbon .txt {
          color: #28a5d7;
          font-family: "Archer-Medium", Arial;
          font-size: 20px;
          width: 66%;
          vertical-align: top; }
        .cuentaAtras.nombreEspecial .wrap .ribbon .txtPrecio {
          color: #28a5d7;
          display: inline-block;
          font-size: 24px;
          line-height: 1.2em;
          margin-right: 5px;
          opacity: 0.9;
          text-shadow: inherit;
          font-family: "Archer-Semibold", Arial;
          text-transform: uppercase; }
        .cuentaAtras.nombreEspecial .wrap .ribbon .precio {
          text-shadow: inherit;
          background-color: #28a5d7;
          margin: 0 5px;
          padding: 5px 0px;
          font-family: "Archer-Medium", Arial;
          vertical-align: top;
          font-size: 60px;
          line-height: 0.6;
          padding-bottom: 18px; }
          .cuentaAtras.nombreEspecial .wrap .ribbon .precio:after {
            border-right: 1px solid #28a5d7;
            display: none; }
      .cuentaAtras.nombreEspecial .wrap .ribbonBottom {
        background: rgba(0, 0, 0, 0);
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
        display: none; }
        .cuentaAtras.nombreEspecial .wrap .ribbonBottom:after {
          background: rgba(0, 0, 0, 0);
          -webkit-box-shadow: inherit;
          box-shadow: inherit;
          display: none; }
      .cuentaAtras.nombreEspecial .wrap .mensaje h2.verde {
        color: #009ee0;
        font-size: 50px;
        padding: 1em 0 0.75em; }
      .cuentaAtras.nombreEspecial .wrap .precioDescendente {
        float: left;
        font-family: "Variable";
        font-weight: bold; }
      .cuentaAtras.nombreEspecial .wrap .botonPuja {
        border: 1px solid #28a5d7;
        background: #28a5d7;
        text-shadow: inherit; }
        .cuentaAtras.nombreEspecial .wrap .botonPuja span.text {
          font-family: "Variable";
          font-weight: bold;
          color: #01293a; }
        .cuentaAtras.nombreEspecial .wrap .botonPuja #textClock {
          font-size: 5em; }
        .cuentaAtras.nombreEspecial .wrap .botonPuja #clock {
          font-size: 20px;
          color: #fff; }
    .cuentaAtras.nombreEspecial .formulario input[type="button"] {
      border: 1px solid #009ee0;
      color: #fff;
      text-shadow: initial;
      -webkit-box-shadow: none;
      box-shadow: none;
      background: #009ee0; }
  .cuentaAtras .wrap {
    width: 100%;
    max-width: 995px;
    margin: 0 auto; }
  .cuentaAtras h1 {
    font-size: 55px;
    font-weight: normal;
    padding-top: 3em; }
    .cuentaAtras h1 + p {
      font-size: 32px;
      margin: 60px 0;
      font-family: "Archer-Medium", Arial;
      text-transform: uppercase;
      line-height: 1.2; }
  .cuentaAtras .ribbon {
    background: #c5d500;
    height: 48px;
    -webkit-box-shadow: 10px 2px 40px 12px rgba(116, 145, 171, 0.45), 11px 0 6px -6px #e8eb00 inset;
    box-shadow: 10px 2px 40px 12px rgba(116, 145, 171, 0.45), 11px 0 6px -6px #e8eb00 inset;
    margin-top: 30px;
    padding: 0 3px 3px 20px;
    position: relative;
    width: 75%;
    z-index: 1; }
    .cuentaAtras .ribbon:before {
      border-left: 3px solid rgba(0, 0, 0, 0);
      border-right: 0 solid rgba(0, 0, 0, 0);
      border-top: 54px solid #eaee00;
      content: "";
      height: 0;
      left: -33px;
      margin: 0 0 0 30px;
      position: absolute;
      width: 0; }
    .cuentaAtras .ribbon:after {
      border-bottom: 51px solid #c5d500;
      border-left: 0 solid rgba(0, 0, 0, 0);
      border-right: 13px solid rgba(0, 0, 0, 0);
      content: "";
      height: 0;
      margin: 0 0 0 30px;
      position: absolute;
      right: -13px;
      width: 0; }
    .cuentaAtras .ribbon .txtPrecio {
      color: #ffffff;
      display: inline-block;
      font-size: 16px;
      line-height: 1.2em;
      margin-right: 5px;
      opacity: 0.9;
      text-shadow: 0 1px 1px #a0b300; }
    .cuentaAtras .ribbon .precio {
      font-size: 43px;
      display: inline-block;
      color: #fff;
      text-shadow: 0 1px 1px #a0b300; }
      .cuentaAtras .ribbon .precio:after {
        border-right: 1px solid #7c8507;
        content: "";
        display: inline-block;
        height: 40px;
        margin-right: 10px;
        padding: 0 7px 1px 0;
        position: relative;
        top: 4px;
        transform: rotate(18deg);
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -o-transform: rotate(18deg);
        -ms-transform: rotate(18deg); }
      .cuentaAtras .ribbon .precio sup {
        font-size: 0.65em;
        vertical-align: text-top; }
    .cuentaAtras .ribbon .txt {
      font-size: 16px;
      display: inline-block;
      text-shadow: 0 1px 0px rgba(255, 255, 255, 0.46);
      line-height: 1.2em; }
  .cuentaAtras .ribbonBottom {
    background: none repeat scroll 0 0 #abb900;
    -webkit-box-shadow: 0 8px 6px -6px #808a00 inset;
    box-shadow: 0 8px 6px -6px #808a00 inset;
    height: 31px;
    margin: 0 0 -19px 58px;
    transform: skew(75deg);
    -webkit-transform: skew(75deg);
    -moz-transform: skew(75deg);
    -o-transform: skew(75deg);
    -ms-transform: skew(75deg);
    width: 43px; }
    .cuentaAtras .ribbonBottom:after {
      background: none repeat scroll 0 0 #abb900;
      -webkit-box-shadow: 0 8px 6px -6px #808a00 inset;
      box-shadow: 0 8px 6px -6px #808a00 inset;
      content: "";
      display: block;
      height: 31px;
      margin-left: 0;
      transform: skew(-70deg);
      -webkit-transform: skew(-70deg);
      -moz-transform: skew(-70deg);
      -o-transform: skew(-70deg);
      -ms-transform: skew(-70deg);
      width: 31px; }
  .cuentaAtras .steps {
    z-index: 2;
    position: relative;
    height: 88px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.8), -1px -1px 0px 0px #ffffff inset;
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.8), -1px -1px 0px 0px #ffffff inset;
    padding: 20px 0 20px 20px;
    background: #fefefe;
    background: -moz-linear-gradient(top, #fefefe 0%, gainsboro 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, gainsboro));
    background: -webkit-linear-gradient(top, #fefefe 0%, gainsboro 100%);
    background: -o-linear-gradient(top, #fefefe 0%, gainsboro 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, gainsboro 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(gainsboro));
    background: linear-gradient(to bottom, #fefefe 0%, gainsboro 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fefefe", endColorstr="#dcdcdc", GradientType=0); }
    .cuentaAtras .steps span {
      color: #c1ce22;
      display: inline-block;
      font-size: 50px;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
      margin-right: 5px; }
    .cuentaAtras .steps p {
      display: inline-block;
      width: 75%;
      font-size: 13px;
      vertical-align: top;
      padding-top: 6px; }
  .cuentaAtras .step {
    width: 33%;
    display: inline-table; }
    .cuentaAtras .step.uno, .cuentaAtras .step.dos {
      padding-right: 4.5%; }
      .cuentaAtras .step.uno:after, .cuentaAtras .step.dos:after {
        content: "";
        background: url(../images/landing-cuentaAtras/flechas.png) 0 0 no-repeat;
        width: 53px;
        height: 88px;
        display: block;
        position: absolute;
        top: 0;
        left: 27%; }
      .cuentaAtras .step.uno.dos:after, .cuentaAtras .step.dos.dos:after {
        left: 60%; }
  .cuentaAtras .bases {
    float: right;
    margin: 6px 0 20px;
    color: #0088cc;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-style: italic; }
  .cuentaAtras .precioDescendente {
    float: left; }
    .cuentaAtras .precioDescendente span {
      background: url(../images/landing-cuentaAtras/contador.png) 0 0 no-repeat;
      width: 89px;
      height: 131px;
      display: inline-block;
      font-size: 90px;
      color: #ffffff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      padding-top: 17px;
      position: relative;
      margin-left: 15px; }
      .cuentaAtras .precioDescendente span.noMargin {
        margin-left: 0; }
      .cuentaAtras .precioDescendente span.junto {
        margin-left: -7px; }
      .cuentaAtras .precioDescendente span:after {
        border-bottom: 1px solid #000000;
        content: "";
        display: block;
        height: 59px;
        left: 18px;
        position: absolute;
        top: 0;
        width: 57px; }
  .cuentaAtras.pageForm .precioDescendente {
    display: inline-block;
    vertical-align: text-bottom;
    float: none; }
  .cuentaAtras.pageForm .txtPrecioContador {
    font-size: 26px;
    display: inline-block; }
  .cuentaAtras .botonPuja {
    float: right;
    position: relative;
    text-decoration: none;
    color: #373737;
    display: inline-block;
    border-radius: 5px;
    padding: 5px 10px 0;
    border: 1px solid #9faa1b;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.46);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: auto;
    height: 125px;
    -webkit-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.8), -1px -1px 2px -1px rgba(0, 0, 0, 0.6);
    box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.8), -1px -1px 2px -1px rgba(0, 0, 0, 0.6);
    background: #c1ce23;
    background: -moz-linear-gradient(top, #c1ce23 0%, #7e8714 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1ce23), color-stop(100%, #7e8714));
    background: -webkit-linear-gradient(top, #c1ce23 0%, #7e8714 100%);
    background: -o-linear-gradient(top, #c1ce23 0%, #7e8714 100%);
    background: -ms-linear-gradient(top, #c1ce23 0%, #7e8714 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#c1ce23), to(#7e8714));
    background: linear-gradient(to bottom, #c1ce23 0%, #7e8714 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c1ce23", endColorstr="#7e8714", GradientType=0); }
    .cuentaAtras .botonPuja:after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 70px;
      background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
      background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(48%, rgba(255, 255, 255, 0.15)), color-stop(51%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
      background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
      background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
      background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
      background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
      background: -o-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
      background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#33ffffff", endColorstr="#00ffffff", GradientType=1);
      background-repeat: no-repeat;
      background-position: 50% 86%;
      background-size: 200% 200%; }
    .cuentaAtras .botonPuja span {
      white-space: nowrap;
      font-size: 17px;
      color: #000000; }
      .cuentaAtras .botonPuja span.text {
        font-size: 54px;
        padding-top: 12px;
        display: block;
        color: #495401; }
  .cuentaAtras #clock {
    padding-top: 5px; }

.tablaPujas {
  background: #fff;
  text-align: center;
  border-radius: 5px 5px 0 0;
  padding: 15px 15px 10px;
  margin-top: 15px; }
  .tablaPujas h2 {
    font-size: 24px;
    padding-bottom: 10px;
    font-weight: normal; }
  .tablaPujas table {
    margin: 0 auto; }
    .tablaPujas table th {
      border-bottom: 1px solid #838385;
      font-weight: normal; }
    .tablaPujas table th,
    .tablaPujas table td {
      padding: 0.5em;
      border-left: 1px solid #838385; }
      .tablaPujas table th:first-child,
      .tablaPujas table td:first-child {
        border-left: 0; }
    .tablaPujas table .dotted {
      border-bottom: 1px dotted;
      display: block; }
  .tablaPujas .table {
    display: inline-block;
    font-size: 13px;
    width: 49.5%;
    text-align: center; }
    .tablaPujas .table.uno {
      border-right: 1px solid #838385; }
    .tablaPujas .table.dos {
      border-left: 1px solid #838385; }

.pageForm.cuentaAtras h1 {
  font-size: 39px; }
  .pageForm.cuentaAtras h1 + p {
    margin-bottom: 15px; }

.formulario h2 {
  text-align: left;
  padding: 5px 0 20px; }

.formulario form {
  margin: 0 auto; }
  .formulario form h2 {
    float: right;
    clear: both; }
  .formulario form label {
    width: 80px;
    clear: left;
    display: block;
    float: left;
    font-size: 15px;
    margin-right: 10px;
    padding-top: 3px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .formulario form input {
    float: left;
    width: 83%;
    margin-bottom: 19px; }
  .formulario form p {
    margin-left: 1%;
    width: 99%; }

.formulario input[type="button"] {
  float: right;
  clear: both;
  position: relative;
  text-decoration: none;
  color: #373737;
  display: inline-block;
  border-radius: 5px;
  padding: 15px;
  border: 1px solid #9faa1b;
  cursor: pointer;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.46);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  width: auto;
  -webkit-box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.8), -1px -1px 2px -1px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 2px -1px rgba(0, 0, 0, 0.8), -1px -1px 2px -1px rgba(0, 0, 0, 0.6);
  background: #c1ce23;
  background: -moz-linear-gradient(top, #c1ce23 0%, #7e8714 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1ce23), color-stop(100%, #7e8714));
  background: -webkit-linear-gradient(top, #c1ce23 0%, #7e8714 100%);
  background: -o-linear-gradient(top, #c1ce23 0%, #7e8714 100%);
  background: -ms-linear-gradient(top, #c1ce23 0%, #7e8714 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#c1ce23), to(#7e8714));
  background: linear-gradient(to bottom, #c1ce23 0%, #7e8714 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c1ce23", endColorstr="#7e8714", GradientType=0);
  font-size: 25px; }
  .formulario input[type="button"]:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.15)), color-stop(48%, rgba(255, 255, 255, 0.15)), color-stop(51%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: -o-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.15) 48%, rgba(255, 255, 255, 0) 51%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#33ffffff", endColorstr="#00ffffff", GradientType=1);
    background-repeat: no-repeat;
    background-position: 50% 86%;
    background-size: 200% 200%; }

.mensaje h2.verde {
  color: #c1ce22;
  font-size: 50px;
  padding: 1em 0 0.75em; }

.mensaje p {
  font-size: 25px;
  margin-bottom: 5em; }

#modal-text h1 {
  font-size: 25px;
  color: #c1ce22; }

#modal-text h2 {
  font-size: 18px;
  padding: 1em 0 0.5em; }

#modal-text p {
  font-size: 13px;
  padding: 0em 0 0.5em; }

/****************DESTACADOS HOME*******************************/
#cajaDestacadosImg {
  font-size: 0;
  max-width: 1600px;
  margin: 30px auto 0 auto; }
  #cajaDestacadosImg ul {
    width: 98%;
    margin: 0px auto; }
  #cajaDestacadosImg .bloqueDestacado {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 33%;
    display: inline-block;
    overflow: hidden;
    margin-right: .5%;
    margin-bottom: 2%;
    vertical-align: top; }
    #cajaDestacadosImg .bloqueDestacado .custom-object-fit {
      position: relative;
      background-size: cover;
      background-position: center center; }
      #cajaDestacadosImg .bloqueDestacado .custom-object-fit img {
        opacity: 0; }
    #cajaDestacadosImg .bloqueDestacado:last-child {
      margin-right: 0%; }
    #cajaDestacadosImg .bloqueDestacado .webcamImg {
      display: block;
      position: relative;
      height: 90%;
      overflow: hidden; }
      #cajaDestacadosImg .bloqueDestacado .webcamImg img {
        width: 100%; }
      #cajaDestacadosImg .bloqueDestacado .webcamImg .infoTxt {
        display: block;
        background-color: rgba(0, 0, 0, 0.67);
        position: absolute;
        left: 0;
        bottom: 0;
        min-height: 70px;
        width: 100%;
        border-bottom: 5px solid #c8d300; }
        #cajaDestacadosImg .bloqueDestacado .webcamImg .infoTxt h2 {
          color: #fff;
          font-family: "twCent";
          font-size: 27px;
          font-size: 2.7rem;
          text-transform: uppercase;
          padding: 15px 35px 15px 15px;
          background: url("../images/webcam-des.svg") no-repeat right;
          margin-right: 15px; }
          #cajaDestacadosImg .bloqueDestacado .webcamImg .infoTxt h2 span {
            display: block;
            font-style: italic;
            color: #c4c4c4;
            font-size: 15px;
            font-size: 1.5rem; }
    #cajaDestacadosImg .bloqueDestacado .img {
      display: block;
      position: relative;
      width: 100%;
      height: 90%;
      overflow: hidden;
      cursor: pointer; }
      #cajaDestacadosImg .bloqueDestacado .img p {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        color: #ecf0f1;
        font-weight: normal;
        font-size: 1.5rem;
        font-size: 15px;
        line-height: 1.5;
        background-color: rgba(60, 157, 137, 0.89);
        padding: 25px;
        text-align: center;
        height: 100%;
        font-family: "Conv_GothamRnd-Light";
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      #cajaDestacadosImg .bloqueDestacado .img:hover p {
        position: absolute;
        top: 0%;
        left: 0;
        right: 0;
        color: #ecf0f1;
        font-weight: normal;
        font-size: 1.5rem;
        font-size: 15px;
        line-height: 1.5;
        background-color: rgba(60, 157, 137, 0.79);
        padding: 25px;
        text-align: center;
        height: 100%;
        font-family: "Conv_GothamRnd-Light";
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition-property: top;
        -webkit-transition-duration: 0.5s;
        -moz-transition-property: top;
        -moz-transition-duration: 0.5s;
        -o-transition-property: top;
        -o-transition-duration: 0.5s;
        -ms-transition-property: top;
        -ms-transition-duration: 0.5s; }
      #cajaDestacadosImg .bloqueDestacado .img img {
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover; }

/* -------- ENCUESTA -------- */
.contenido .recuadroPregunta {
  border: 1px solid #c6cf23;
  padding: 30px 30px 20px 30px;
  border-radius: 15px;
  margin-bottom: 10px;
  font-size: 0; }
  .contenido .recuadroPregunta .subPregunta {
    padding: 15px 30px 20px 30px;
    border-radius: 15px;
    margin-bottom: 10px;
    background-color: #e2e2e2; }
    .contenido .recuadroPregunta .subPregunta .column3 {
      width: 33.3%;
      text-align: left;
      height: 33px; }
    .contenido .recuadroPregunta .subPregunta h4 {
      display: block;
      width: 100%;
      font-size: 17px;
      padding: 0 0 10px 0;
      margin-bottom: 20px;
      border-bottom: 1px dotted #595a5d;
      color: #595a5d; }
    .contenido .recuadroPregunta .subPregunta li {
      display: inline-block;
      width: 20%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top;
      text-align: center; }
  .contenido .recuadroPregunta .tituloPregunta {
    font-size: 25px;
    color: #c6cf23;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0; }
  .contenido .recuadroPregunta ul.column2 li {
    min-height: 32px;
    width: 50%;
    text-align: left; }
  .contenido .recuadroPregunta ul li {
    display: inline-block;
    width: 20%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center; }
    .contenido .recuadroPregunta ul li input[type="radio"] {
      display: none; }
      .contenido .recuadroPregunta ul li input[type="radio"]:checked + label:before {
        color: #fff;
        content: " \25CF";
        font-size: 18px;
        line-height: 12px;
        text-align: center; }
    .contenido .recuadroPregunta ul li input[type="checkbox"] {
      display: none; }
      .contenido .recuadroPregunta ul li input[type="checkbox"]:checked + label:before {
        color: #fff;
        content: " \2713";
        font-size: 18px;
        line-height: 12px;
        text-align: center; }
      .contenido .recuadroPregunta ul li input[type="checkbox"] + label:before {
        border-radius: 0;
        background-color: #595a5d;
        top: -2px;
        content: "";
        display: inline-block;
        height: 16px;
        left: 0;
        margin-right: 10px;
        position: absolute;
        width: 16px; }
    .contenido .recuadroPregunta ul li input[type="text"] {
      margin: 0 0 0 10px;
      width: 45%;
      padding: 5px 10px;
      border-radius: 4px;
      border: 1px solid #c6cf23;
      color: #c6cf4c; }
      .contenido .recuadroPregunta ul li input[type="text"].nombreHotel {
        width: 100%; }
    .contenido .recuadroPregunta ul li label {
      cursor: pointer;
      display: inline-block;
      font-size: 13px;
      padding-left: 25px;
      position: relative;
      font-family: "Segoe UI"; }
      .contenido .recuadroPregunta ul li label:before {
        border-radius: 8px;
        background-color: #595a5d;
        top: -2px;
        content: "";
        display: inline-block;
        height: 16px;
        left: 0;
        margin-right: 10px;
        position: absolute;
        width: 16px; }

/* POP UP INTRODUCIR CODIGO*/
.contenido.venta .ui-dialog {
  padding: 0; }
  .contenido.venta .ui-dialog .ui-dialog-titlebar {
    padding: 1em 1em;
    position: relative; }

.contenido.venta .ui-corner-all {
  border-radius: 0; }

.contenido.venta .ui-widget-overlay {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #666 url("http://code.jquery.com/ui/1.10.4/themes/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat; }

.contenido.venta .ui-widget-content {
  border: none;
  background: #ffffff none;
  text-align: center;
  margin: 0 auto; }

.contenido.venta .popupCodigo {
  font-size: 18px;
  font-family: "Conv_GothamRnd-Medium", Arial, Helvetica, sans-serif;
  padding-left: 10px; }

.contenido.venta .popupCodigoError {
  font-size: 20px;
  color: #fd0000;
  font-family: "Conv_GothamRnd-Medium", Arial, Helvetica, sans-serif; }

.contenido.venta .campoCodigo {
  width: 87%;
  padding: 5px 10px;
  border-radius: 5px;
  background-color: #fff;
  color: darkgray;
  border: 1px solid #a9a9a9;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px; }
  .contenido.venta .campoCodigo > .ui-dialog-buttonset {
    float: none;
    padding-left: 6px; }

.contenido.venta .ui-dialog .ui-dialog-buttonpane button {
  background: #a94884;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #fff;
  margin-bottom: 15px;
  width: 46%;
  margin-left: 5px;
  font-size: 1.2rem;
  font-family: "Conv_GothamRnd-Medium";
  padding: 10px; }
  .contenido.venta .ui-dialog .ui-dialog-buttonpane button.cancel {
    background: #aeb7b9;
    margin-right: 4px; }

.contenido.venta .popupCodigoContent {
  background: #c7d300 none !important;
  border: none !important; }

.contenido.venta #ui-id-1,
.contenido.venta #ui-id-2 {
  text-align: left;
  padding-left: 10px;
  color: #333;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  padding: 0; }
  .contenido.venta #ui-id-1 + button,
  .contenido.venta #ui-id-2 + button {
    background-image: url(http://code.jquery.com/ui/1.10.4/themes/ui-lightness/images/ui-icons_222222_256x240.png);
    right: 3%;
    margin-left: -8px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    background-position: -96px -128px;
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    padding: 0; }

/* -------- FORMULARIO CONTACTO -------- */
.formularioContactar .texto {
  font-size: 1.5rem;
  margin: 0.75em 0;
  line-height: 1.3em;
  color: #a0a0a0; }

.formularioContactar .titulo {
  color: #83847a;
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 15px; }

.formularioContactar .infoPersonal {
  display: block;
  width: 75%;
  background-color: #f4f5e6;
  border: 1px solid #c6cf23;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px; }
  .formularioContactar .infoPersonal li {
    font-size: 0;
    display: inline-block;
    width: 100%; }
    .formularioContactar .infoPersonal li .etiqueta {
      font-size: 14px;
      display: inline-block;
      width: 30%;
      color: #757928;
      vertical-align: middle;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .formularioContactar .infoPersonal li input {
      padding: 5px;
      border: 1px solid #c0c0c0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-radius: 5px;
      width: auto;
      font-size: 14px;
      color: #808080;
      margin-bottom: 5px; }
      .formularioContactar .infoPersonal li input.extralong {
        width: 100%; }
      .formularioContactar .infoPersonal li input.long {
        width: 70%; }
      .formularioContactar .infoPersonal li input.middleLong {
        width: 50%; }
      .formularioContactar .infoPersonal li input.middle {
        width: 25%; }
      .formularioContactar .infoPersonal li input.short {
        width: 15%; }

.formularioContactar .mensaje li {
  font-size: 0;
  display: inline-block;
  width: 75%; }
  .formularioContactar .mensaje li .etiqueta {
    color: #83847a;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 25px;
    display: inline-block;
    width: 32%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: inherit; }
    .formularioContactar .mensaje li .etiqueta.clear {
      width: 100%;
      margin-bottom: 5px;
      margin-top: 10px; }
  .formularioContactar .mensaje li input,
  .formularioContactar .mensaje li textarea {
    padding: 5px;
    border: 1px solid #c0c0c0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 68%;
    font-size: 14px;
    color: #808080;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    float: inherit; }
    .formularioContactar .mensaje li input.extralong,
    .formularioContactar .mensaje li textarea.extralong {
      width: 100%; }

.formularioContactar .estacionDesplegable {
  margin: 10px 0;
  padding: 15px;
  background-color: #b3c5c3;
  color: #fff;
  font-size: 1.4rem;
  text-transform: uppercase;
  width: 75%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px; }
  .formularioContactar .estacionDesplegable select {
    padding: 5px;
    border: 1px solid #c0c0c0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    width: 68%;
    font-size: 14px;
    color: #808080;
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
    float: inherit; }

.formularioContactar .accionBtn {
  margin: 10px 0;
  text-transform: uppercase;
  width: 75%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block; }
  .formularioContactar .accionBtn input[type="button"].btnRosa {
    padding: 10px 0;
    font-size: 18px;
    margin: 0 auto;
    font-family: "Conv_GothamRnd-Medium";
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block; }

.formularioContactar input,
.formularioContactar label {
  float: inherit !important; }

/*-NUEVA VENTA CRUZADA PARA HERMES-*/
.contenido.contentBox img {
  width: 100%; }

.contenido.contentBox header {
  position: relative;
  height: 44px;
  z-index: inherit; }

.contenido.contentBox .ticket header {
  height: inherit; }

.contentBox {
  font-size: 0px;
  font-size: 0rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  max-width: 1154px;
  margin: 100px auto 38px auto;
  width: 100%;
  display: table;
  background: rgba(255, 255, 255, 0.94) url(../images/bkg-images.png) no-repeat 0 0;
  background-size: 100%; }
  .contentBox .contenidoBox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 78%;
    padding: 30px 25px 0 25px;
    display: table-cell; }
    .contentBox .contenidoBox .migasPasos {
      font-size: 0px;
      font-size: 0rem;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: block;
      width: 100%;
      border-bottom: 1px solid #007f70; }
      .contentBox .contenidoBox .migasPasos li {
        font-size: 17px;
        font-size: 1.7rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
        width: 33.33%;
        font-family: "Conv_GothamRnd-light";
        font-style: normal;
        color: #878787;
        padding-bottom: 15px; }
        .contentBox .contenidoBox .migasPasos li:nth-child(1) {
          text-align: left; }
        .contentBox .contenidoBox .migasPasos li:nth-child(2) {
          text-align: center; }
        .contentBox .contenidoBox .migasPasos li:nth-child(3) {
          text-align: right; }
        .contentBox .contenidoBox .migasPasos li .activo {
          font-size: 32px;
          font-size: 3.2rem;
          font-family: "Conv_GothamRnd-light";
          color: #353536;
          letter-spacing: -0.03em;
          border-bottom: 5px solid #007f70;
          padding-bottom: 7px; }
    .contentBox .contenidoBox .tituloInfo {
      font-size: 24px;
      font-size: 2.4rem;
      font-family: "TungstenBook";
      text-transform: uppercase;
      background-color: #4d4d4d;
      color: #fff;
      text-align: center;
      padding: 10px 0;
      margin: 5px 0 15px 0; }
      .contentBox .contenidoBox .tituloInfo strong {
        font-family: "TungstenMedium"; }
      .contentBox .contenidoBox .tituloInfo.exitoTitle {
        background-color: #007f70;
        font-size: 36px;
        font-size: 3.6rem; }
    .contentBox .contenidoBox .itemBox {
      display: block;
      margin-bottom: 20px;
      font-size: 0; }
      .contentBox .contenidoBox .itemBox.actividadDest {
        border: 4px solid #fba10f;
        background-color: #fffdea;
        margin-top: 5px;
        padding: 5px 3px 3px 3px; }
      .contentBox .contenidoBox .itemBox .icoDin {
        display: inline-block;
        width: 7%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
      .contentBox .contenidoBox .itemBox h2 {
        font-size: 21px;
        font-size: 2.1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 93%;
        vertical-align: top;
        font-family: "Conv_GothamRnd-light";
        text-transform: none;
        color: #007f70;
        padding: 17px 0 17px 0;
        display: inline-block;
        margin-bottom: 0; }
        .contentBox .contenidoBox .itemBox h2 strong {
          font-weight: bold;
          font-family: "Conv_GothamRnd-light"; }
        .contentBox .contenidoBox .itemBox h2.observations-title {
          cursor: pointer; }
      .contentBox .contenidoBox .itemBox .observations-body {
        font-size: 14px;
        text-align: left;
        line-height: 22px;
        font-family: "Conv_GothamRnd-Light"; }
        .contentBox .contenidoBox .itemBox .observations-body strong {
          font-family: "Conv_GothamRnd-Medium";
          display: block;
          margin-top: 10px; }
      .contentBox .contenidoBox .itemBox .ms-drop.bottom ul {
        background-color: #fff; }
      .contentBox .contenidoBox .itemBox ul {
        display: block;
        border-top: 1px solid #007f70;
        background-color: #d9d9d9; }
        .contentBox .contenidoBox .itemBox ul .modalidadBox {
          font-size: 0px;
          font-size: 0rem;
          display: table;
          background-color: #e9e9e9;
          border-bottom: 1px solid #fff;
          padding: 12px 0 10px 0;
          border-bottom: 1px solid #fff;
          width: 100%; }
          .contentBox .contenidoBox .itemBox ul .modalidadBox.active {
            background: #9cd2ed;
            background-size: 4%; }
            .contentBox .contenidoBox .itemBox ul .modalidadBox.active .txtModalidad {
              color: #fff; }
          .contentBox .contenidoBox .itemBox ul .modalidadBox .check {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: table-cell;
            width: 6px;
            vertical-align: top; }
          .contentBox .contenidoBox .itemBox ul .modalidadBox .icoInfo {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: table-cell;
            width: 36px;
            vertical-align: middle;
            border-right: 10px solid rgba(0, 0, 0, 0); }
          .contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad {
            font-size: 13px;
            font-size: 1.3rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-family: "Conv_GothamRnd-light";
            border-left: 10px solid transparent;
            display: table-cell;
            vertical-align: middle;
            max-width: 350px; }
            .contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad strong {
              font-family: "Conv_GothamRnd-Medium";
              display: block;
              margin-bottom: 3px;
              color: #565656; }
          .contentBox .contenidoBox .itemBox ul .modalidadBox .nDias {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            display: table-cell;
            vertical-align: middle;
            width: 58px; }
            .contentBox .contenidoBox .itemBox ul .modalidadBox .nDias span {
              font-size: 12px;
              font-size: 1.2rem;
              border-radius: 4px;
              color: #fff;
              background-color: #3ca6db;
              padding: 5px 10px;
              text-align: center; }
          .contentBox .contenidoBox .itemBox ul .modalidadBox .selector {
            display: table-cell;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            text-align: right;
            vertical-align: middle; }
            .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .ms-parent.campoPers {
              border: none;
              padding: 0;
              width: 150px;
              text-align: left;
              font-size: 12px;
              font-size: 1.2rem;
              padding: 0;
              margin-right: 10px;
              vertical-align: top; }
            .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoPers {
              font-size: 12px;
              font-size: 1.2rem;
              border-radius: 4px;
              font-family: "Conv_GothamRnd-light";
              padding: 5px;
              width: 74px;
              cursor: pointer;
              border: 1px solid #bababa; }
              .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoPers.perRowClasesDate {
                width: inherit;
                margin-right: 5px; }
            .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoDias {
              font-size: 12px;
              font-size: 1.2rem;
              border-radius: 4px;
              font-family: "Conv_GothamRnd-light";
              padding: 5px;
              width: 97px;
              cursor: pointer;
              margin-right: 3px;
              border: 1px solid #bababa; }
            .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoHoras {
              font-size: 12px;
              font-size: 1.2rem;
              border-radius: 4px;
              font-family: "Conv_GothamRnd-light";
              padding: 5px;
              width: 84px;
              cursor: pointer;
              margin-right: 3px;
              border: 1px solid #bababa; }
          .contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste {
            font-size: 16px;
            font-size: 1.6rem;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            font-family: "Conv_GothamRnd-Medium";
            display: table-cell;
            color: #3ca6db;
            text-align: right;
            letter-spacing: -0.04em;
            vertical-align: middle;
            width: 113px;
            text-align: right;
            padding-right: 10px; }
            .contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste small {
              font-size: 12px;
              font-size: 1.2rem;
              font-family: "Conv_GothamRnd-light"; }
    .contentBox .contenidoBox .botonesBox {
      display: block;
      background-color: #f5f5f5;
      padding: 15px 35px 40px;
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      text-align: center; }
    .contentBox .contenidoBox .txtAdicional {
      background-color: #f5f5f5;
      padding: 30px 35px; }
      .contentBox .contenidoBox .txtAdicional h2 {
        font-size: 11px;
        font-size: 1.1rem;
        font-family: "Conv_GothamRnd-Medium";
        text-transform: uppercase;
        border-top: 1px solid #b7b7b7;
        color: #605f5f;
        padding: 40px 0 20px 0; }
      .contentBox .contenidoBox .txtAdicional p {
        font-size: 11.5px;
        font-size: 1.15rem;
        font-family: "Conv_GothamRnd-light";
        text-transform: none;
        color: #605f5f;
        margin-bottom: 10px; }
  .contentBox .miReservaBox {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 22%;
    background-color: #d4dce0;
    vertical-align: top;
    padding: 38px 25px;
    height: 100%;
    display: table-cell; }
    .contentBox .miReservaBox .btnASecundario,
    .contentBox .miReservaBox .btnAccionPral {
      display: block;
      margin-bottom: 20px;
      width: 100%;
      padding: 12px 0; }
    .contentBox .miReservaBox .btnAccionPral {
      font-size: 12px;
      font-size: 1.2rem;
      font-family: "Conv_GothamRnd-Medium"; }
    .contentBox .miReservaBox h2 {
      font-size: 25px;
      font-size: 2.5rem;
      font-family: "Conv_GothamRnd-light";
      color: #4d4d4d;
      text-transform: none;
      font-weight: normal;
      margin-bottom: 15px; }
    .contentBox .miReservaBox .ticket {
      background-color: rgba(255, 255, 255, 0.35);
      border: 1px solid #bac2c6;
      margin-top: 10px;
      padding: 15px; }
      .contentBox .miReservaBox .ticket header {
        height: inherit; }
      .contentBox .miReservaBox .ticket.plus {
        background-color: #fff;
        border: 1px solid #fff;
        margin-top: 0; }
        .contentBox .miReservaBox .ticket.plus .itemNuevos li {
          display: block;
          font-size: 13px;
          font-size: 1.3rem;
          font-family: "Conv_GothamRnd-Medium";
          color: #4c6570;
          border-bottom: 1px dotted #4c6570;
          line-height: normal;
          margin-top: 6px; }
          .contentBox .miReservaBox .ticket.plus .itemNuevos li:last-child {
            border-bottom: none; }
          .contentBox .miReservaBox .ticket.plus .itemNuevos li span {
            font-family: "Conv_GothamRnd-light";
            display: block; }
          .contentBox .miReservaBox .ticket.plus .itemNuevos li .destacadoItem {
            display: block;
            font-size: 12.5px;
            font-size: 1.25rem;
            font-family: "Conv_GothamRnd-Medium";
            color: #3ca6db;
            margin-top: 5px;
            padding-bottom: 10px; }
        .contentBox .miReservaBox .ticket.plus .precioTotalReserva {
          font-size: 23px;
          font-size: 2.3rem;
          font-family: "Conv_GothamRnd-light";
          display: block;
          padding-top: 15px;
          border-top: 1px solid #4c6570;
          margin: 5px 0 10px 0;
          text-align: center; }
          .contentBox .miReservaBox .ticket.plus .precioTotalReserva strong {
            font-size: 21px;
            font-size: 2.1rem;
            font-family: "Conv_GothamRnd-Medium";
            color: #3ca6db; }
      .contentBox .miReservaBox .ticket header {
        background-color: transparent; }
        .contentBox .miReservaBox .ticket header h1 {
          font-size: 22px;
          font-size: 2.2rem;
          font-family: "Conv_GothamRnd-light";
          color: #4c6570;
          padding: 0 0px 10px 0;
          border-bottom: 1px solid #4c6570; }
      .contentBox .miReservaBox .ticket .tipoBox {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 12px;
        font-size: 1.2rem;
        display: inline-block;
        margin-top: 5px;
        font-family: "Conv_GothamRnd-light";
        color: #4c6570;
        width: 40%; }
      .contentBox .miReservaBox .ticket .fechaBox {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        font-size: 1.3rem;
        display: inline-block;
        margin-top: 5px;
        font-family: "Conv_GothamRnd-Medium";
        color: #4c6570;
        width: 60%;
        text-align: right; }
      .contentBox .miReservaBox .ticket .descpBox {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 13px;
        font-size: 1.3rem;
        font-family: "Conv_GothamRnd-Medium";
        display: block;
        margin-top: 5px;
        color: #4c6570;
        width: 100%;
        text-align: left; }

.ventanaModal {
  position: relative;
  max-width: 790px;
  width: 100%;
  background-color: #fff;
  padding: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  border: 1px solid #333333; }
  .ventanaModal .tituloPral {
    padding: 0px 0 17px 0;
    font-size: 21px;
    font-size: 2.1rem; }
  .ventanaModal .subtitulo {
    font-size: 32px;
    font-size: 3.2rem;
    font-family: "TungstenBook";
    color: #fff;
    padding: 15px;
    background-color: #007f70; }
  .ventanaModal p {
    font-size: 12px;
    font-size: 1.2rem;
    width: 100%;
    margin: 10px 0;
    color: #4c6570;
    font-family: "Conv_GothamRnd-Light";
    line-height: normal; }
  .ventanaModal img {
    margin-bottom: 20px;
    max-height: 283px; }
  .ventanaModal .closed {
    position: absolute;
    max-width: 30px;
    width: 100%;
    top: 10px;
    right: 10px; }

.formulario {
  border-top: 1px solid #9aa100;
  background-color: #f5f5f5;
  padding: 25px 25px 10px 25px;
  font-size: 0px;
  font-size: 0rem; }
  .formulario li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    font-size: 1.3rem;
    font-family: "Conv_GothamRnd-Medium";
    display: inline-block;
    margin-bottom: 15px;
    color: #4c6570;
    width: 50%;
    text-align: left;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    vertical-align: top;
    /* Custom Select */
    /* Arrow */ }
    @media (max-width:768px) {
      .formulario li {
        width: 60%;
      }
    }
    @media (max-width:425px) {
      .formulario li {
        width: 100%;
      }
    }
    .formulario li.tarjetaCredito {
      background: url(../images/ico-credito.svg) 0 0 no-repeat;
      background-size: 35px;
      padding-left: 90px; }
    .formulario li.tarjetaPaypal {
      background: url(../images/ico-paypal.svg) 0 0 no-repeat;
      background-size: 80px;
      padding-left: 90px; }
    .formulario li.peq {
      width: 25%; }
      @media (max-width:425px) {
        .formulario li.peq {
          width: 65%;
        }
      }
    .formulario li.enLinea {
      width: 100%; }
      .formulario li.enLinea label {
        display: inline-block;
        float: none; }
      .formulario li.enLinea span {
        display: block;
        font-family: "Conv_GothamRnd-Light";
        margin-left: 25px; }
    .formulario li .etiqueta {
      margin-bottom: 7px;
      display: block; }
      @media (max-width:768px) {
        .formulario li .etiqueta{
          height: 20px;
        }
      } 
      .formulario li .nacimiento-label {
        width: 100%; }
        @media (max-width:768px) {
          .formulario li.fecha{
            width: 100%;
          }
        }   
    .formulario li.alquilerTallas {
      width: 100%; }
      
    .formulario li.showServicioRotura .peq {
      display: flex;
      align-items: center; }
    .formulario li.showServicioRotura .peq .etiqueta{
      margin-bottom: 0;
    }
    .formulario li.showSeervicioRotura,
    .formulario li.showCasco{
      display: block;
    }
    .formulario li.showCasco .peq {
      display: flex;
      align-items: center;
      position: relative; }
      @media (max-width:768px){
        .formulario li.showCasco .peq {
          flex-wrap: wrap; }}
    .formulario li.showCasco .peq .etiqueta{
      margin-bottom: 0;
      white-space: nowrap;
      margin-right: 10px;
    }
    .formlario.limiteCompra{
      display: flex;
      align-items: center;
      flex-wrap: wrap;
    }
    .contentExpressInfo:hover .tooltipText{
      visibility: visible;
    }
    .contentExpressInfo{
      margin:0 5px;
    }
    .contentExpressInfo .peq_info{
      width: 20px!important;
      height: 20px;
    }
    .formulario li{
      position: relative;
    }
    .formulario li .tooltipText{
        position: absolute;
        visibility: hidden;
        top: 40px;
        background-color: #25b7d3;
        padding: 6px 10px;
        border-radius: 5px;
        color: white;
        white-space: nowrap;
        left: 0;
        z-index: 1;
    }
    .formulario li .txt{
      display: flex;
    }
    .formulario li .alquiler-tallas-icon {
      width: 24px;
      height: 24px;
      display: inline-block;
      margin-right: 5px; }
    .formulario li .alquiler-tallas-select {
      position: relative;
      display: inline-block;
      width: 15%;
      height: 35px;
      line-height: 3;
      background: #fff;
      border: 1px solid silver;
      overflow: hidden;
      border-radius: 4px;
      vertical-align: top; }
      .formulario li .alquiler-tallas-select:after {
        content: "";
        background: url(../images/flechaDown-blanco.svg);
        background-size: 50%;
        background-repeat: no-repeat;
        position: absolute;
        top: 45%;
        right: -15%;
        bottom: 0;
        padding: 0 1em;
        pointer-events: none;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease; }
    .formulario li select.borderCheck {
      position: relative;
      display: inline-block;
      width: 100%;
      height: 35px;
      line-height: 3;
      background: #fff;
      border: 1px solid silver !important;
      overflow: hidden;
      border-radius: 4px;
      vertical-align: top;
      margin-bottom: 3px; }
      .formulario li.entregaADomicilio{
        position: relative;
      }
      .formulario li.entregaADomicilio:after {
        content: "";
        background: url(../images/flechaDown-blanco.svg);
        background-size: 40%;
        position: absolute;
        top: 40%;
        right: -7px;
        bottom: 0;
        padding: 0 1em;
        pointer-events: none;
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease;
        z-index: 99999999;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat; }
      
        .formulario li.pickUpPlace{
          position: relative;
        }
        .formulario li.pickUpPlace:after {
          content: "";
          background: url(../images/flechaDown-blanco.svg);
          background-size: 40%;
          position: absolute;
          top: 40%;
          right: -7px;
          bottom: 0;
          padding: 0 1em;
          pointer-events: none;
          -webkit-transition: all .25s ease;
          -o-transition: all .25s ease;
          transition: all .25s ease;
          z-index: 99999999;
          width: 20px;
          height: 20px;
          background-repeat: no-repeat; }
      .formulario li select.borderCheck.disabled {
        opacity: .5;
        background-color: silver; }
    .formulario li .alquiler-tallas-btn a {
      cursor: pointer;
      font-weight: bolder;
      color: #010101;
      font-style: 16px; }
    .formulario li .alquiler-tallas-btn .alquilerMas,
    .formulario li .alquiler-tallas-btn .alquilerMenos {
      display: inline-block;
      padding-right: 10px;
      background: url("../images/icon-more.svg");
      background-size: 20px;
      background-repeat: no-repeat;
      background-position: left;
      padding-left: 25px; }
    .formulario li .alquiler-tallas-btn .alquilerMenos {
      background-image: url("../images/icon-less.svg");
      float: right; }
    .formulario li .alquiler-tallas-container {
      display: none;
      width: 100%;
      font-size: 0; }
    .formulario li .alquiler-tallas-container-element {
      width: 24%;
      display: inline-block;
      vertical-align: top; }
      @media (max-width:768px){
        .formulario li .alquiler-tallas-container-element {
          width: 50%;
        }
      }
      @media (max-width:425px){
        .formulario li .alquiler-tallas-container-element {
          width: 65%;
        }
      }
      .formulario li .alquiler-tallas-container-element:not(:last-child) {
        margin-right: 12px; }
      .formulario li .alquiler-tallas-container-element .etiqueta {
        color: #4c6570;
        font-size: 13px;
        margin: 7px 0; 
        display: flex;
        position: relative;}
        .formulario li .alquiler-tallas-container-element .etiqueta .contentExpressInfo{
          margin: -5px 5px;
        }
        .formulario li .txt .contentExpressInfo{
          margin: -5px 5px;
        }
      .formulario li .alquiler-tallas-container-element:first-child {
        position: relative; }
        .formulario li .alquiler-tallas-container-element:first-child:after {
          content: "";
          background: url(../images/flechaDown-blanco.svg);
          background-size: 80%;
          position: absolute;
          top: 65%;
          right: 3px;
          bottom: 0;
          padding: 0 1em;
          pointer-events: none;
          -webkit-transition: all .25s ease;
          -o-transition: all .25s ease;
          transition: all .25s ease;
          z-index: 99999999;
          width: 20px;
          height: 20px;
          background-repeat: no-repeat; }
    .formulario li select {
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      appearance: none;
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      border: 0 !important;
      background: #fff;
      background-image: none; }
    .formulario li .select {
      position: relative;
      display: inline-block;
      width: 20%;
      height: 35px;
      line-height: 3;
      background: #fff;
      border: 1px solid silver;
      overflow: hidden;
      border-radius: 4px;
      vertical-align: top; }
      .formulario li .select.disabled {
        opacity: .5;
        background-color: silver; }
    .formulario li select {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0 0 0 .5em;
      color: gray;
      cursor: pointer; }
    .formulario li select::-ms-expand {
      display: none; }
    .formulario li .select::after {
      content: '';
      background: url("../images/flechaDown-blanco.svg");
      background-size: 50%;
      background-repeat: no-repeat;
      position: absolute;
      top: 45%;
      right: -5%;
      bottom: 0;
      padding: 0 1em;
      pointer-events: none; }
    .formulario li .select::after {
      -webkit-transition: .25s all ease;
      -o-transition: .25s all ease;
      transition: .25s all ease; }
    .formulario li input[type="text"],
    .formulario li input[type="password"],
    .formulario li textarea {
      border: 1px solid silver;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      color: gray;
      margin-bottom: 3px; }
    .formulario li input {
      font-size: 14px;
      font-size: 1.4rem;
      border-radius: 4px;
      padding: 8px; }
    .formulario li .alertInfo {
      font-size: 10px;
      font-size: 1rem;
      font-family: "Conv_GothamRnd-Light";
      font-style: italic;
      display: block; }
  .formulario.buscadorBox .etiqueta {
    display: block;
    font-family: "TungstenBook";
    font-size: 23px;
    font-size: 2.3rem;
    color: #007f70;
    text-transform: uppercase;
    margin-bottom: 5px; }
  .formulario.buscadorBox .codigoInput {
    background-color: #fff;
    font-family: "Conv_GothamRnd-Light";
    color: #000;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 10px;
    cursor: pointer;
    vertical-align: top;
    border-radius: 4px;
    border: 1px solid #989797; }
    .formulario.buscadorBox .codigoInput.calendario1 {
      font-size: 14px;
      font-size: 1.4rem;
      background: #fff url(../images/ico-calendar.svg) no-repeat right top; }
  .formulario.buscadorBox li {
    width: auto;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    vertical-align: bottom; }
    .formulario.buscadorBox li .btnAction {
      margin-left: 6px;
      padding: 10px 20px;
      font-family: "Conv_GothamRnd-Medium";
      font-size: 13px;
      font-size: 1.3rem; }

/*- SELECTOR CHECKS DESPLEGABLE-*/
.ms-parent {
  display: inline-block;
  position: relative;
  width: 145px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
  vertical-align: top;
  margin-right: 3px; }
  .ms-parent.campoPers {
    width: 150px;
    display: inline-block;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 0;
    margin-right: 10px;
    vertical-align: top; }

.ms-choice {
  display: block;
  width: 100%;
  height: 26px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #aaa;
  text-align: left;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-color: #fff; }
  .ms-choice.disabled {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default; }
  .ms-choice > span {
    position: absolute;
    top: 0;
    left: 0;
    right: 20px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    padding-left: 8px; }
    .ms-choice > span.placeholder {
      color: #000;
      font-size: 12px;
      font-size: 1.2rem; }
  .ms-choice > div {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 25px;
    background: url(../images/multiple-select.png) center center no-repeat; }
    .ms-choice > div.open {
      background: url(../images/multiple-select.png) center center no-repeat; }

.ms-drop {
  width: 100%;
  overflow: hidden;
  display: none;
  margin-top: -1px;
  padding: 0;
  position: absolute;
  z-index: 1000;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .ms-drop.bottom {
    top: 100%;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
  .ms-drop.top {
    bottom: 100%;
    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.ms-search {
  display: inline-block;
  margin: 0;
  min-height: 26px;
  padding: 4px;
  position: relative;
  white-space: nowrap;
  width: 100%;
  z-index: 10000; }
  .ms-search input {
    width: 100%;
    height: auto !important;
    min-height: 24px;
    padding: 0 20px 0 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #fff url(../images/multiple-select.png) no-repeat 100% -22px;
    background: url(../images/multiple-select.png) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background: url(../images/multiple-select.png) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url(../images/multiple-select.png) no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background: url(../images/multiple-select.png) no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    background: url(../images/multiple-select.png) no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url(../images/multiple-select.png) no-repeat 100% -22px, -webkit-gradient(linear, left top, left bottom, color-stop(85%, #ffffff), color-stop(99%, #eeeeee));
    background: url(../images/multiple-select.png) no-repeat 100% -22px, -webkit-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url(../images/multiple-select.png) no-repeat 100% -22px, -o-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
    background: url(../images/multiple-select.png) no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); }

.ms-search,
.ms-search input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.ms-drop ul {
  overflow: auto;
  margin: 0;
  padding: 5px 8px; }
  .ms-drop ul > li {
    list-style: none;
    display: list-item;
    background-image: none;
    position: static; }
    .ms-drop ul > li .disabled {
      opacity: 0.35;
      filter: Alpha(Opacity=35); }
    .ms-drop ul > li.multiple {
      display: block;
      float: left; }
      .ms-drop ul > li.multiple label {
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis; }
    .ms-drop ul > li.group {
      clear: both; }
    .ms-drop ul > li label {
      font-weight: normal;
      display: block;
      white-space: nowrap; }
      .ms-drop ul > li label.optgroup {
        font-weight: bold; }

.ms-drop input[type="checkbox"] {
  vertical-align: middle; }

.ms-drop .ms-no-results {
  display: none; }

/*-MODAL PAYPAL-*/
.load {
  background: url("../images/ring-alt.svg") no-repeat 0 0;
  background-size: 100%;
  width: 96px;
  height: 96px;
  display: block;
  margin: 15px auto 0 auto; }

.bkgModal {
  background: transparent;
  width: 100%;
  height: 100%;
  z-index: 9999999999;
  position: absolute;
  left: 0;
  top: 0;
  max-width: 100%; }
  .bkgModal .contenedorModal {
    display: block;
    position: fixed;
    margin: 0 auto;
    top: 15%;
    left: 0;
    right: 0;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    border: 2px dashed #8dacbc;
    background: rgba(11, 87, 140, 0.35);
    width: 450px;
    height: 450px;
    overflow: auto;
    text-align: center; }
    .bkgModal .contenedorModal .titleModal {
      font-size: 23px;
      font-size: 2.3rem;
      color: #8dacbc;
      font-family: "Conv_GothamRnd-Medium";
      margin-top: 25px;
      text-transform: none;
      border-bottom: none;
      padding-bottom: 0px; }
    .bkgModal .contenedorModal .infoExpl {
      font-size: 25px;
      font-size: 2.5rem;
      color: #8dacbc;
      margin: 30px 0;
      text-align: center; }
    .bkgModal .contenedorModal .logo {
      width: auto;
      margin-top: 10px;
      margin-bottom: 20px; }

.modalPayPal.remodal {
  background-color: transparent; }
  .modalPayPal.remodal .infoModal {
    border-bottom: none; }
    .modalPayPal.remodal .infoModal:before {
      content: "";
      background: url(../images/ico-paypal2.svg) no-repeat center;
      background-size: 100%;
      display: block;
      width: 200px;
      height: 100px;
      margin: 0 auto;
      vertical-align: middle; }
  .modalPayPal.remodal p {
    text-align: center;
    color: #fff;
    width: 440px;
    margin: 0 auto; }
  .modalPayPal.remodal .btnPP {
    background: transparent;
    padding: 4px 30px;
    font-family: "TungstenMedium";
    color: #0094d8;
    font-size: 27px;
    font-size: 2.7rem;
    border-radius: 5px;
    margin-top: 25px;
    text-decoration: underline; }

.condiciones {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  width: 100%;
  text-align: left;
  margin: 0 0 15px 0; }
  .condiciones label a {
    color: #000;
    font-size: 13px;
    font-size: 1.3rem;
    font-family: "Conv_GothamRnd-Medium"; }
    .condiciones label a:hover {
      text-decoration: underline; }

.definicion {
  border-top: 1px solid #9aa100;
  background-color: #f5f5f5;
  padding: 25px 40px; }
  .definicion h3 {
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "Conv_GothamRnd-Medium";
    margin: 10px 0 15px 0;
    display: block;
    color: #4c6570; }
  .definicion p {
    font-size: 12px;
    font-size: 1.2rem;
    font-family: "Conv_GothamRnd-Light";
    margin: 5px 0 0 0;
    display: block;
    color: #4c6570; }

.btnASecundario {
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 5px;
  border: none;
  background-color: #4d4d4d;
  color: #fff;
  padding: 11px 20px;
  cursor: pointer;
  float: left; }
  .btnASecundario:hover {
    background-color: #e9e9e9;
    color: #4d4d4d;
    text-decoration: underline; }

.btnAccionPral {
  font-size: 13px;
  font-size: 1.3rem;
  border-radius: 5px;
  font-family: "Conv_GothamRnd-Medium";
  border: none;
  background-color: #c24687;
  color: #fff;
  padding: 12px 20px;
  cursor: pointer;
  float: right;
  text-transform: uppercase; }
  .btnAccionPral:hover {
    background-color: #009688; }

/*- TEMPLATES -*/
.headerContent {
  padding: 0;
  overflow: hidden;
  position: relative; }
  .headerContent .tituloPag {
    color: #fff;
    font-size: 40px;
    font-size: 4rem;
    line-height: 4rem;
    font-family: "TungstenBook";
    font-weight: normal;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.8);
    margin: 0; }
    .headerContent .tituloPag .txtDestacado {
      color: #007f70; }
    .headerContent .tituloPag strong {
      display: block; }
  .headerContent:after {
    content: "";
    background: url(../images/bkg-titulos.png) 0 0 no-repeat;
    display: block;
    width: 100%;
    height: 30px;
    background-size: cover; }
  .headerContent .contacto {
    font-family: "TungstenBook";
    float: right;
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1.3;
    padding: 10px 0 0 0;
    text-align: right;
    color: #b4b4b4;
    width: 190px;
    position: absolute;
    top: 0;
    right: 25px;
    background: none; }
    .headerContent .contacto .color {
      color: #47c6ff; }
    .headerContent .contacto .phone_call {
      color: #47c6ff;
      display: block;
      font-size: 32px;
      font-size: 3.2rem; }

.mainContent {
  padding: 0;
  background: rgba(255, 255, 255, 0.94);
  overflow: hidden;
  font-size: 0;
  /*Tablas*/ }
  .mainContent.compraForfait input {
    margin: 30px 0; }
  .mainContent.noTitle {
    padding: 30px 95px;
    background: rgba(255, 255, 255, 0.94) url("../images/bkg-images.png") no-repeat 0 0;
    background-size: 100%; }
  .mainContent.webCams .tituloArticulo {
    margin: 35px 2% 2% 2%;
    color: #009482; }
    .mainContent.webCams .tituloArticulo:before {
      content: "";
      background: url("../images/ico-cam.svg") no-repeat 0 0;
      width: 50px;
      height: 30px;
      display: inline-block; }
  .mainContent .tituloArticulo {
    color: #007f70;
    font-size: 38px;
    font-size: 3.8rem;
    font-family: "TungstenMedium";
    font-weight: normal;
    margin: 35px 90px 0 90px;
    clear: both; }
  .mainContent .tituloSeccion {
    color: #798c96;
    font-size: 19px;
    font-size: 1.9rem;
    font-family: "Conv_GothamRnd-medium", Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #798c96;
    padding-bottom: 5px; }
  .mainContent .imgContenidos {
    font-size: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .mainContent .imgContenidos:before {
      display: none; }
  .mainContent img {
    width: 100%; }
  .mainContent .intro {
    margin-bottom: 10px;
    color: #010101;
    font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: left;
    line-height: 1.5em;
    margin: 35px 90px 15px 90px; }
    .mainContent .intro + .intro {
      margin: 5px 90px 15px 90px; }
  .mainContent .otrosPartes {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 35px 90px 15px 90px; }
  .mainContent .txtContenidos {
    margin: 35px 90px 15px 90px; }
    .mainContent .txtContenidos p {
      margin-bottom: 10px;
      color: #010101;
      font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-size: 1.4rem;
      text-align: left;
      line-height: 1.4em; }
      .mainContent .txtContenidos p.cita {
        font-style: italic;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.3em;
        margin-bottom: 15px; }
      .mainContent .txtContenidos p.txtparrafoExito {
        font-size: 15px;
        font-size: 1.5rem;
        text-align: center; }
      .mainContent .txtContenidos p.txtparrafoCierre {
        margin-bottom: 50px;
        font-size: 15px;
        font-size: 1.5rem;
        text-align: center; }
  .mainContent .txtColorExito {
    background: #ebf3f1;
    border: 1px solid #3c9d89;
    font-size: 35px;
    font-size: 3.5rem;
    text-align: center;
    margin: 30px auto;
    clear: both;
    padding: 25px 0;
    color: #5f7572;
    font-weight: normal; }
  .mainContent.compraForfait .txtContenidos p + p {
    min-height: 80px; }
  .mainContent .listadosTxt {
    color: #010101;
    font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
    font-size: 0px;
    font-size: 0rem;
    list-style: initial;
    list-style-position: inside;
    margin: 25px 90px 15px 90px; }
    .mainContent .listadosTxt li {
      padding: 3px 0;
      font-size: 15px;
      font-size: 1.5rem;
      display: inline-block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top;
      width: 50%; }
      .mainContent .listadosTxt li:before {
        content: "-";
        font-weight: bold;
        display: inline-block;
        padding: 5px;
        padding: 8px;
        line-height: 0px;
        height: 1px;
        float: left; }
    .mainContent .listadosTxt.listBox {
      margin-left: 0;
      margin-right: 0; }
      .mainContent .listadosTxt.listBox li {
        width: 100%;
        display: block; }
  .mainContent input {
    margin: 15px 0 65px 90px; }
  .mainContent .enlacesTxt {
    text-decoration: none;
    color: #fff;
    font-weight: 900;
    background-color: #11b7de;
    padding: 2px 5px; }
    .mainContent .enlacesTxt:hover {
      color: #9c0b57;
      background-color: #c4ced1; }
  .mainContent .separacion:before {
    content: "";
    background: url("../images/bkg-images.png") no-repeat 0 0;
    background-size: cover;
    height: 12px;
    display: block;
    clear: both; }
  .mainContent .enlaceDestacadoBtn {
    text-decoration: none;
    color: #009482;
    font-weight: 900;
    border: 1px solid #009482;
    padding: 10px 15px;
    font-size: 20px;
    font-size: 2rem;
    border-radius: 5px; }
    .mainContent .enlaceDestacadoBtn:hover {
      color: #fff;
      background-color: #009482; }
  .mainContent .mediaContenidos {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .mainContent .blockImagenes {
    margin-top: 55px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0px;
    font-size: 0rem; }
    .mainContent .blockImagenes.noMarge {
      margin: 0; }
      .mainContent .blockImagenes.noMarge img {
        border: 1px solid #fff; }
    .mainContent .blockImagenes.dos img {
      width: 50%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      margin: 0;
      float: none; }
    .mainContent .blockImagenes.dos .separacion {
      display: none; }
    .mainContent .blockImagenes.tres img {
      width: 33.33%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      margin: 0;
      float: none; }
    .mainContent .blockImagenes.cuatro img {
      width: 25%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      margin: 0;
      float: none; }
    .mainContent .blockImagenes.cuatro .separacion {
      display: none; }
    .mainContent .blockImagenes.cinco img {
      width: 20%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: inline-block;
      margin: 0;
      float: none; }
    .mainContent .blockImagenes.cinco .separacion {
      display: none; }
  .mainContent .box {
    border-right: 1px solid #b7d9ec;
    background-color: #ecf3f7;
    padding: 15px 20px 40px 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    vertical-align: top;
    margin: 25px 0 0 0;
    width: 25%; }
    .mainContent .box.tarifa {
      display: inline-table;
      width: 100%;
      border: 1px solid #b7d9ec; }
      .mainContent .box.tarifa:last-child {
        border-right: 1px solid #b7d9ec; }
    .mainContent .box:last-child {
      border-right: none; }
    .mainContent .box .tituloSeccion {
      border-bottom: none;
      font-size: 15px;
      font-size: 1.5rem; }
  .mainContent .items {
    font-size: 15px;
    font-size: 1.5rem;
    color: #010101; }
  .mainContent #landing_abonos.plan p {
  color: #010101;
  text-decoration: none;
  font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0px 0 0 0;
}

.mainContent #landing_abonos.plan .alert {
  text-decoration: none;
  margin: 30px 0 30px 0;
  background-color: #009482;
  color: #fff;
  padding: 25px;
  font-family: "TungstenBook";
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
}

.mainContent #landing_abonos.plan .alert a {
  text-decoration: underline;
  color: #ffbc00;
}

.mainContent #landing_abonos.plan .alert a:hover {
  color: #000000;
  text-decoration: none;
}

.mainContent #landing_abonos.plan .btnRosa .btnfucsia {
  margin: 40px auto 50px auto;
  width: 35%;
  display: block;
}
  .mainContent table {
    width: 100%;
    margin: 20px auto 35px auto;
    font-family: "Conv_GothamRnd-Light";
    font-size: 15px;
    font-size: 1.5rem; }
    .mainContent table td,
    .mainContent table th {
      padding: 1.15em 0;
      color: #010101;
      text-align: center; }
    .mainContent table th {
      color: #010101;
      border: none;
      border-bottom: 5px solid #010101;
      text-transform: uppercase; }
    .mainContent table td {
      border-bottom: 1px solid #dadada;
      border-right: 1px solid #d6d6d6; }
      .mainContent table td:first-child {
        text-align: left;
        background: rgba(255, 255, 255, 0.2);
        font-family: "Conv_GothamRnd-Light"; }
      .mainContent table td .colorTD {
        background-color: #dbd7d7; }
    .mainContent table th.sinFondo {
      background: transparent; }
    .mainContent table.tablaContent {
      display: table;
      float: left; }
      .mainContent table.tablaContent caption {
        color: #559cb0;
        border-color: #559cb0;
        padding: 1.15em 20px 1.15em 90px;
        text-align: left;
        font-size: 18px;
        background-color: rgba(98, 194, 221, 0.24);
        text-transform: uppercase; }
      .mainContent table.tablaContent th {
        width: 50%;
        color: #fff;
        border-color: #559cb0;
        padding: 1.15em 0 1.15em 0;
        text-align: center;
        font-size: 15px;
        background-color: #60767d;
        text-transform: uppercase;
        border-right: 1px solid #fff; }
        .mainContent table.tablaContent th.tipo1 {
          background-color: #90b774;
          width: 50%; }
        .mainContent table.tablaContent th.tipo2 {
          background-color: #ea6c4d;
          width: 25%; }
        .mainContent table.tablaContent th.tipo3 {
          background-color: #90b774;
          width: 25%; }
        .mainContent table.tablaContent th:first-child {
          text-align: left;
          padding: 1.15em 20px 1.15em 90px; }
        .mainContent table.tablaContent th:last-child {
          border-right: 1px solid #60767d; }
        .mainContent table.tablaContent th.tipo4 {
          width: 30%; }
        .mainContent table.tablaContent th.tipo5 {
          width: 35%; }
        .mainContent table.tablaContent th.tipo6 {
          width: 16.6%; }
        .mainContent table.tablaContent th.tipo7 {
          width: 29%; }
      .mainContent table.tablaContent td:first-child {
        background: #62c2dd;
        border-color: #fff;
        color: #fff;
        padding: 1.15em 20px 1.15em 90px; }
      .mainContent table.tablaContent td.forfaitVerde {
        background: #95bb4a; }
      .mainContent table.tablaContent td.forfaitRojo {
        background: #bb4a4a; }
      .mainContent table.tablaContent td.forfaitLoco {
        background: #e6cc18; }
    .mainContent table.calendar:nth-child(odd) {
      margin-right: 0; }
    .mainContent table.calendar th {
      background-color: rgba(115, 161, 195, 0.3);
      font-weight: 900; }
    .mainContent table.calendar td:first-child {
      text-align: center; }
    .mainContent table.calendar td.forfaitVerde {
      background: #95bb4a; }
    .mainContent table.calendar td.forfaitRojo {
      background: #bb4a4a; }
    .mainContent table.calendar td.forfaitLoco {
      background: #e6cc18; }
    .mainContent table.columnasN2 {
      width: 49.5%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top;
      margin-right: 1%; }
      .mainContent table.columnasN2:nth-child(even) {
        margin-right: 0; }
      .mainContent table.columnasN2.calendar {
        display: table;
        float: left;
        margin-left: 1%; }
        .mainContent table.columnasN2.calendar:nth-child(even) {
          margin-left: 0; }
  .mainContent .especialTxt {
    color: #3c9d89; }
  .mainContent .ver-mas {
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    background: #c9c9c9;
    padding: 1rem 0;
    width: 100%;
    text-align: center;
    color: #3a3a3a;
    font-weight: bold;
    letter-spacing: -1px;
    letter-spacing: -0.1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px; }
    .mainContent .ver-mas:hover {
      background: #c24687;
      color: #fff;
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out; }

.barraSecciones:before {
  content: "";
  background: url("../images/bkg-images.png") no-repeat 0 0;
  background-size: cover;
  height: 12px;
  display: block;
  clear: both; }

/*Columnas*/
.columnasN1 {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.columnasN2 article {
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block; }
  .columnasN2 article.columnaBox1 {
    width: 100%; }
  .columnasN2 article.columnaBox2 {
    border-right: 10px solid transparent; }
    .columnasN2 article.columnaBox2:nth-child(2), .columnasN2 article.columnaBox2:nth-child(5), .columnasN2 article.columnaBox2:nth-child(8), .columnasN2 article.columnaBox2:nth-child(11) {
      border-right: none; }

.columnasN2 .tituloArticulo,
.columnasN2 .txtContenidos,
.columnasN2 .intro {
  margin: 35px 50px 30px 65px; }
  .columnasN2 .tituloArticulo + .intro,
  .columnasN2 .txtContenidos + .intro,
  .columnasN2 .intro + .intro {
    margin: 5px 50px 30px 65px; }

.columnasN2 .imgContenidos {
  width: 50%;
  display: inline-block;
  padding: 40px 60px 40px 5px; }

.columnasN2 .listadosTxt {
  margin: 5px 60px 15px 60px; }
  .columnasN2 .listadosTxt li {
    width: 100%; }

.columnasN2 input {
  margin: 15px 65px 65px 65px; }

.columnasN2 .box.tarifa {
  width: 80%; }

.columnasN3 article {
  width: 33.33%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block; }
  .columnasN3 article.columnaBox2 {
    border-right: 10px solid transparent; }
    .columnasN3 article.columnaBox2:nth-child(4), .columnasN3 article.columnaBox2:nth-child(8), .columnasN3 article.columnaBox2:nth-child(12), .columnasN3 article.columnaBox2:nth-child(16) {
      border-right: none; }

.columnasN3 .tituloArticulo,
.columnasN3 .txtContenidos,
.columnasN3 .intro {
  margin: 35px 40px 0 50px; }
  .columnasN3 .tituloArticulo + .intro,
  .columnasN3 .txtContenidos + .intro,
  .columnasN3 .intro + .intro {
    margin: 35px 40px 0 50px; }

.columnasN3 .txtContenidos {
  margin-top: 75px; }

.columnasN3 .buscador {
  margin: 0;
  padding: 20px; }

.columnasN3 .listadosTxt {
  margin: 15px 40px 15px 40px; }
  .columnasN3 .listadosTxt li {
    width: 100%; }

.columnasN3 input {
  margin: 15px 65px 65px 65px; }

.columnasN4 article {
  width: 25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  display: inline-block;
  position: relative; }
  .columnasN4 article.columnaBox2 {
    border-right: 5px solid transparent; }
    .columnasN4 article.columnaBox2:nth-child(5), .columnasN4 article.columnaBox2:nth-child(9), .columnasN4 article.columnaBox2:nth-child(13), .columnasN4 article.columnaBox2:nth-child(17) {
      border-right: none; }
  .columnasN4 article.ofertaFashBox {
    width: 24%; }

.columnasN4 .tituloArticulo,
.columnasN4 .txtContenidos,
.columnasN4 .intro {
  margin: 25px 30px 0 40px; }
  .columnasN4 .tituloArticulo + .intro,
  .columnasN4 .txtContenidos + .intro,
  .columnasN4 .intro + .intro {
    margin: 25px 30px 0 40px; }

.columnasN4 .separacion:before {
  display: none; }

.columnasN4 .listadosTxt {
  margin: 15px 40px 15px 40px; }
  .columnasN4 .listadosTxt li {
    width: 100%; }

.columnasN4 input {
  margin: 15px 55px 65px 55px; }

.columnasN4 .cuerpo.eventos {
  background-color: #f4f4f4; }

/* ---- GRID O COLUMNAS----*/
.cols2 {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 49%;
  margin: 0 1.5% 1.5% 0;
  vertical-align: top; }
  .cols2:nth-child(2n) {
    margin: 0 0 1.5% 0; }

.cols3 {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 32.333%;
  margin: 0 1.5% 1.5% 0;
  vertical-align: top; }
  .cols3:nth-child(3n+3) {
    margin: 0 0 1.5% 0; }
  .cols3.noMargen {
    margin: 0; }

.cols4 {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 24.25%;
  margin: 0 1% 1% 0;
  vertical-align: top; }
  .cols4:nth-child(4n+4) {
    margin: 0 0 1% 0; }
  .cols4.noMargen {
    margin: 0; }

.cols5 {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 19.2%;
  margin: 0 1% 1% 0;
  vertical-align: top; }
  .cols5:nth-child(5n+5) {
    margin: 0 0 1% 0; }
  .cols5.noMargen {
    margin: 0; }

/*- LANDING OFERTAS / SABANAS -*/
.blackFriday {
  background: #fff url(../images/blackFriday.png) no-repeat 0 0;
  background-size: 100% auto; }
  .blackFriday.mainContent.columnasN1.sabanaOfertas .tituloArticulo {
    color: #000; }

.sabanaOfertas {
  padding: 10px 30px 25px;
  line-height: inherit; }
  .sabanaOfertas.unicef {
    padding: 0; }
    .sabanaOfertas.unicef .ofertaFashBox.columnaBox1 {
      width: 50%;
      margin: 15px auto 20px; }
  .sabanaOfertas.paypal {
    padding: 0; }
    .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 {
      width: 50%;
      margin: 25px auto; }
      .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 .precioFF {
        min-height: 180px; }
        .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 .precioFF .precioOferta,
        .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 .precioFF .precioTachado {
          padding-top: 5px; }
      .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 .txtContenidos {
        min-height: 180px; }
        .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 .txtContenidos .infoFF {
          margin-top: 25px; }
    .sabanaOfertas.paypal .ofertaFashBox .tituloArticulo {
      margin: 10px 21px 20px; }
      .sabanaOfertas.paypal .ofertaFashBox .tituloArticulo strong {
        display: inline-block; }
  .sabanaOfertas .tituloArticulo {
    font-size: 42px;
    font-size: 4.2rem;
    width: 50%;
    font-family: "TungstenBook";
    margin: 28px 0; }
    .sabanaOfertas .tituloArticulo.promo {
      color: #fff; }
  .sabanaOfertas .txtContenidos {
    background-color: #fff;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px; }
    .sabanaOfertas .txtContenidos .infoFF {
      font-family: "TungstenBook";
      font-size: 50px;
      font-size: 5rem;
      margin-bottom: 0; }
      .sabanaOfertas .txtContenidos .infoFF strong {
        font-family: "TungstenMedium";
        font-size: 55px;
        font-size: 5.5rem;
        font-weight: bold; }
  .sabanaOfertas .precioFF {
    display: block;
    background-color: #e7e7e7;
    border-radius: 0 0 9px 9px;
    min-height: 120px;
    padding: 10px 20px;
    line-height: inherit; }
    .sabanaOfertas .precioFF .precioTachado {
      font-size: 25px;
      font-size: 2.5rem;
      text-decoration: line-through;
      color: #828282;
      margin-bottom: 0;
      line-height: inherit; }
    .sabanaOfertas .precioFF .precioOferta {
      font-size: 45px;
      font-size: 4.5rem;
      font-family: "TungstenMedium";
      color: #c24687;
      line-height: inherit; }
      .sabanaOfertas .precioFF .precioOferta span {
        font-size: 30px;
        font-size: 3rem;
        font-family: "TungstenBook"; }
    .sabanaOfertas .precioFF .btnRosa {
      margin: 0;
      width: 100% !important;
      padding: 10px 0 !important; }
  .sabanaOfertas .contador {
    margin: 20px auto 20px auto;
    background-color: rgba(255, 255, 255, 0.66);
    width: 220px;
    padding: 10px 10px;
    font-size: 20px;
    font-size: 2rem;
    font-family: "TungstenBook";
    text-align: center;
    display: block;
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5; }
    .sabanaOfertas .contador strong {
      font-family: "TungstenMedium";
      font-size: 24px;
      font-size: 2.4rem; }
  .sabanaOfertas .buscador {
    background: #eceef0 none;
    margin-top: 0;
    position: relative;
    padding: 40px;
    min-height: inherit; }
    .sabanaOfertas .buscador:after {
      display: none; }
    .sabanaOfertas .buscador .buscadorBox {
      position: relative;
      top: 0; }
      .sabanaOfertas .buscador .buscadorBox .entradilla {
        color: #4a5c6d;
        font-family: "TungstenBook";
        font-size: 30px;
        font-size: 3rem; }
        .sabanaOfertas .buscador .buscadorBox .entradilla strong {
          text-transform: uppercase;
          font-weight: normal;
          color: #000; }
      .sabanaOfertas .buscador .buscadorBox .codigoInput {
        margin: 0; }
        .sabanaOfertas .buscador .buscadorBox .codigoInput.calendario1, .sabanaOfertas .buscador .buscadorBox .codigoInput.calendario2 {
          background-size: 30px;
          background-position: 100% 4px; }
      .sabanaOfertas .buscador .buscadorBox ul .col.especial {
        background-color: rgba(200, 200, 200, 0.63); }
      .sabanaOfertas .buscador .buscadorBox .btnAction {
        font-family: "TungstenBook"; }
  .sabanaOfertas .clausulas p {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 20px; }
    .sabanaOfertas .clausulas p strong {
      color: #000;
      font-weight: bold; }
  .sabanaOfertas .camposSelectores label {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    display: block;
    padding: 0 0 5px 0;
    font-style: italic;
    font-family: "Conv_GothamRnd-light";
    width: 100%; }
  .sabanaOfertas .camposSelectores .nPersonas,
  .sabanaOfertas .camposSelectores .selector {
    padding: 6px 10px;
    margin-bottom: 8px; }
  .sabanaOfertas .ofertaFashBox .camposSelectores select {
    display: block; }
  .sabanaOfertas .ofertaFashBox .camposSelectores #checkCaserAsistencia {
    display: inline-block;
    margin: 0;
    width: 20px; }
    .sabanaOfertas .ofertaFashBox .camposSelectores #checkCaserAsistencia + label {
      width: 90%;
      display: inline-block;
      vertical-align: middle; }

.ofertaFashBox {
  background-color: #007f70;
  border: 4px solid #007f70;
  margin: 0 auto;
  width: 30%;
  border-radius: 10px; }
  .ofertaFashBox.desactivado {
    position: relative; }
    .ofertaFashBox.desactivado:before {
      content: "";
      background-color: rgba(217, 217, 217, 0.8);
      border: 4px solid rgba(139, 139, 139, 0.5);
      position: absolute;
      top: -4px;
      left: -4px;
      height: 100%;
      width: 100%;
      border-radius: 10px; }
  .ofertaFashBox .tituloArticulo {
    color: #fff;
    font-weight: normal;
    font-family: "TungstenBook";
    text-transform: uppercase;
    font-size: 31px;
    font-size: 3.1rem;
    margin: 19px 21px;
    width: auto; }
    .ofertaFashBox .tituloArticulo strong {
      font-family: "TungstenMedium";
      text-transform: uppercase;
      font-size: 31px;
      font-size: 3.1rem;
      margin-top: 10px; }
  .ofertaFashBox.columnaBox1 {
    width: 50%;
    margin: 120px auto 25px auto; }
    .ofertaFashBox.columnaBox1 .txtContenidos {
      width: 50%;
      display: table-cell;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top;
      min-height: 200px;
      border-radius: 0 0 0 9px; }
    .ofertaFashBox.columnaBox1 .precioFF {
      width: 50%;
      display: table-cell;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top;
      min-height: 200px;
      border-radius: 0 0 9px 0; }
      .ofertaFashBox.columnaBox1 .precioFF .precioOferta,
      .ofertaFashBox.columnaBox1 .precioFF .precioTachado {
        text-align: right;
        padding-top: 15px; }

/*-NUEVO MODAL RECARGA FORFAIT-*/
.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .remodal .titleModal {
    font-size: 40px;
    font-size: 4rem;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #007f70;
    color: #007f70; }
  .remodal .subtitleModal {
    font-size: 28px;
    font-size: 2.8rem;
    border-bottom: 1px dotted #71a0c0;
    font-family: "TungstenBook";
    padding-bottom: 25px;
    color: #71a0c0; }
  .remodal .remodal-close.cerrar {
    color: #95979c;
    padding: 0;
    right: 0;
    left: inherit; }
    .remodal .remodal-close.cerrar:hover {
      color: #db1e7a; }
  .remodal p.infoExpl {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    text-align: center; }
  .remodal .error {
    font-size: 27px;
    font-size: 2.7rem;
    font-family: "TungstenMedium";
    text-transform: uppercase;
    color: #fff;
    background-color: #b51414;
    text-align: center;
    margin-bottom: 1px; }
  .remodal .box {
    background: #cfd2d5;
    padding: 20px; }
    .remodal .box .campoBox {
      font-size: 27px;
      font-size: 2.7rem;
      font-family: "TungstenMedium";
      padding: 10px;
      width: 40%;
      margin-bottom: 5px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      color: #007f70; }
  .remodal .boxInfo {
    background-color: #e3f1fe;
    padding: 25px 50px;
    margin: 15px 0; }
    .remodal .boxInfo .infoExpl {
      font-size: 14px;
      font-size: 1.4rem;
      display: block;
      text-align: center;
      color: #6c86a1;
      padding: 15px 0; }
    .remodal .boxInfo .grafico {
      position: relative;
      width: 40%;
      margin-left: 45%; }
      .remodal .boxInfo .grafico .destacado {
        position: absolute;
        top: 0;
        left: -100%;
        font-size: 21px;
        font-size: 2.1rem;
        width: 140px;
        height: 140px;
        border-radius: 100%;
        background-color: #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 41px 0 0 0px;
        color: #5a6973; }
        .remodal .boxInfo .grafico .destacado:before {
          content: "";
          background: url(../images/flecha-forfait.svg) no-repeat 0 0;
          background-size: 100% auto;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 100px;
          height: 135px;
          display: block;
          position: absolute;
          right: -20%;
          top: 65%;
          -ms-transform: rotate(-24deg);
          -webkit-transform: rotate(-24deg);
          transform: rotate(-24deg); }
  .remodal .infoModal {
    padding: 0 0 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #007f70;
    margin-bottom: 35px; }
    .remodal .infoModal strong {
      margin-top: 15px;
      display: block; }
    .remodal .infoModal:before {
      content: "";
      background: url(../images/ico-alerta.svg) no-repeat center;
      background-size: 100%;
      display: block;
      width: 100px;
      height: 100px;
      margin: 0 auto;
      vertical-align: middle; }

/*-ASISTENCIA SANITARIA CASER-*/
.asistenciaSanitaria.remodal {
  max-width: 945px;
  padding: 50px 100px 50px 100px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .asistenciaSanitaria.remodal .btnRosa {
    width: 330px;
    font-size: 35px;
    font-size: 3.5rem;
    text-shadow: none; }
  .asistenciaSanitaria.remodal .titleModal {
    font-size: 60px;
    font-size: 6rem;
    text-transform: none;
    text-align: left; }
    .asistenciaSanitaria.remodal .titleModal strong {
      font-family: "TungstenMedium";
      font-weight: normal; }
  .asistenciaSanitaria.remodal p.infoExpl {
    text-align: left;
    color: #a0a0a0;
    padding-bottom: 25px; }
  .asistenciaSanitaria.remodal figure {
    text-align: left; }
    .asistenciaSanitaria.remodal figure .logoAsistencia {
      width: 150px;
      margin-bottom: 25px; }

/*-FICHA HOTEL MODAL-*/
.fichaHotelForfait.remodal {
  background-color: #e8e8e8;
  padding: 0;
  max-width: 850px; }

.fichaHotelForfait .fichaData .enlace {
  float: right;
  margin: 20px 50px;
  text-decoration: underline;
  color: #db1e7a;
  font-size: 11px;
  font-size: 1.1rem;
  cursor: pointer; }
  .fichaHotelForfait .fichaData .enlace:hover {
    color: #000000;
    text-decoration: none; }

.fichaHotelForfait .fichaData .tituloSecc {
  text-transform: uppercase;
  color: #727272;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 35px 55px 15px 55px;
  text-align: left;
  font-family: "Conv_GothamRnd-Light"; }

.fichaHotelForfait .fichaData p {
  color: #727272;
  font-size: 13px;
  font-size: 1.3rem;
  margin: 0 55px 15px 55px; }

.fichaHotelForfait .fichaData .importantInfo {
  border: 1px solid #727272;
  background-color: #fff;
  padding: 25px 25px 20px 25px;
  margin: 10px 55px 10px;
  border-radius: 5px; }
  .fichaHotelForfait .fichaData .importantInfo .tituloSecc,
  .fichaHotelForfait .fichaData .importantInfo p {
    margin: 0 0 5px 0; }

.fichaHotelForfait .cabecera {
  background-color: #007f70; }
  .fichaHotelForfait .cabecera .titleHotel {
    color: #fff;
    font-family: "TungstenBook";
    font-size: 48px;
    font-size: 4.8rem;
    text-align: left;
    padding-bottom: 0;
    padding-top: 20px;
    padding-left: 55px; }
  .fichaHotelForfait .cabecera .subTitleHotel {
    font-family: "TungstenBook";
    font-weight: normal;
    text-align: left;
    color: #fff;
    padding: 0 0 0 55px;
    font-size: 28px;
    font-size: 2.8rem;
    padding-bottom: 20px; }
  .fichaHotelForfait .cabecera .categoria {
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
    width: 100px;
    margin-left: 10px; }
    .fichaHotelForfait .cabecera .categoria img {
      vertical-align: initial; }

.fichaHotelForfait .serviciosHotel {
  background-color: #fff;
  border-top: 1px solid #727272;
  margin-top: 25px;
  padding: 25px 45px 25px 45px; }

.fichaHotelForfait .fotosHotel .fotoBox {
  width: 284px;
  height: 249px;
  text-align: center; }
  .fichaHotelForfait .fotosHotel .fotoBox img {
    width: auto;
    height: 249px; }

.contenido .fichaHotelForfait .serviciosHotel button.slick-next {
  background: #ffffff url(../images/flechaDerechaServicios.png) no-repeat center;
  top: -25px;
  width: 45px;
  height: 130px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  right: -45px;
  padding: 20px; }
  .contenido .fichaHotelForfait .serviciosHotel button.slick-next:hover {
    opacity: 0.5; }

.contenido .fichaHotelForfait .serviciosHotel button.slick-prev {
  background: #ffffff url(../images/flechaDerechaServicios.png) no-repeat center;
  top: -25px;
  width: 45px;
  height: 130px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 1;
  left: -45px;
  padding: 20px; }
  .contenido .fichaHotelForfait .serviciosHotel button.slick-prev:hover {
    opacity: 0.5; }

.contenido .fichaHotelForfait .serviciosHotel figcaption {
  padding-top: 15px; }

.contenido .fichaHotelForfait .serviciosHotel .slick-dotted.slick-slider {
  margin-bottom: 0px; }

.contenido .fichaHotelForfait .fotosHotel button.slick-next {
  background: #000 url(../images/flechaDerechaFicha.png) no-repeat center;
  top: 0;
  width: 65px;
  height: 249px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 0.3; }
  .contenido .fichaHotelForfait .fotosHotel button.slick-next:hover {
    opacity: 0.6; }

.contenido .fichaHotelForfait .fotosHotel button.slick-prev {
  background: #000 url(../images/flechaDerechaFicha.png) no-repeat center;
  top: 0;
  width: 65px;
  height: 249px;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  opacity: 0.3; }
  .contenido .fichaHotelForfait .fotosHotel button.slick-prev:hover {
    opacity: 0.6; }

/* TARJETA CLUB ARAMON PERSONALIZADA*/
.tarjetaClub {
  display: block;
  background-color: #d3d6d6;
  font-size: 12px;
  font-size: 1.2rem;
  /*.mostrarTarjeta{
        font-family: "TungstenSemiBold";
        @include f-size(53);
        color: #9da80e;
        cursor:pointer;
        vertical-align: middle;
        float: right;
    }*/ }
  .tarjetaClub h3 {
    font-size: 25px;
    font-size: 2.5rem;
    background-color: #007f70;
    font-family: "TungstenBook";
    font-weight: normal;
    text-align: left;
    color: #fff;
    padding: 10px 0 10px 23px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 15px; }
    .tarjetaClub h3:before {
      content: "";
      background: url(../images/ico-Informacion.png) no-repeat center;
      background-size: 100%;
      display: inline-block;
      width: 25px;
      height: 25px;
      margin-right: 10px;
      vertical-align: middle; }
    .tarjetaClub h3:after {
      content: "";
      width: 0;
      height: 0;
      border-left: 17px solid transparent;
      border-right: 17px solid transparent;
      border-top: 17px solid #007f70;
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      margin: 9px 20px;
      z-index: 99; }
  .tarjetaClub p {
    font-weight: normal;
    color: #3b3b3b;
    padding: 5px 0;
    margin-bottom: 0;
    font-size: 12px;
    font-size: 1.2rem; }
    .tarjetaClub p strong {
      font-family: "TungstenMedium";
      font-size: 22px;
      font-size: 2.2rem; }
    .tarjetaClub p p {
      padding: 0; }
  .tarjetaClub .contentBoxDespl {
    font-family: "TungstenBook";
    font-weight: normal;
    color: #3b3b3b;
    padding: 35px 25px 5px 25px;
    font-size: 20px;
    font-size: 2rem;
    background-color: #d3d6d6;
    margin-bottom: 0; }
    .tarjetaClub .contentBoxDespl strong {
      font-family: "TungstenMedium";
      font-size: 22px;
      font-size: 2.2rem; }
    .tarjetaClub .contentBoxDespl p {
      padding: 0; }

/*-CAJA BUSCADOR GENERICO-*/
.buscador {
  background: #eceef0 none;
  margin: 30px;
  position: relative;
  padding: 25px;
  min-height: inherit; }
  .buscador:after {
    display: none; }
  .buscador .buscadorBox {
    position: relative;
    top: 0; }
    .buscador .buscadorBox .entradilla {
      color: #4a5c6d;
      font-family: "TungstenBook";
      font-size: 30px;
      font-size: 3rem; }
      .buscador .buscadorBox .entradilla strong {
        text-transform: uppercase;
        font-weight: normal;
        color: #000; }
    .buscador .buscadorBox .codigoInput {
      margin: 0;
      width: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height: 36px; }
    .buscador .buscadorBox ul .col {
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: top;
      margin-bottom: 10px; }
      .buscador .buscadorBox ul .col.especial {
        background-color: rgba(200, 200, 200, 0.63); }
        .buscador .buscadorBox ul .col.especial label {
          display: inline-block;
          color: #fff;
          background-color: #4a5c6d;
          padding: 15px 25px;
          width: 23%;
          height: 100%;
          margin-bottom: 0;
          margin-right: 10px; }
        .buscador .buscadorBox ul .col.especial .codigoInput {
          margin: 10px 5px;
          width: auto; }
      .buscador .buscadorBox ul .col.col2 {
        width: 50%;
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-right: 5px solid transparent; }
        .buscador .buscadorBox ul .col.col2 .codigoInput {
          width: 100%;
          padding: 11px;
          border-right: 5px solid transparent;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          display: inline-block;
          height: 36px; }
        .buscador .buscadorBox ul .col.col2:nth-child(odd) {
          border-right: none; }
      .buscador .buscadorBox ul .col.col4 {
        width: 21%;
        display: inline-block;
        margin-right: 11px; }
    .buscador .buscadorBox label {
      display: block;
      font-family: "TungstenBook";
      font-size: 23px;
      font-size: 2.3rem;
      color: #007f70;
      text-transform: uppercase;
      margin-bottom: 5px; }
    .buscador .buscadorBox .btnAction {
      font-family: "TungstenBook";
      width: 50%;
      font-size: 30px;
      font-size: 3rem;
      margin: 10px auto 0 auto;
      display: block;
      text-transform: uppercase;
      padding: 6px 0; }

.precioFF {
  display: block;
  background-color: #e7e7e7;
  border-radius: 9px;
  padding: 10px 20px;
  line-height: inherit; }
  .precioFF .precioTachado {
    font-size: 25px;
    font-size: 2.5rem;
    text-decoration: line-through;
    color: #828282;
    margin-bottom: 0;
    line-height: inherit; }
  .precioFF .precioOferta {
    font-size: 45px;
    font-size: 4.5rem;
    font-family: "TungstenMedium";
    color: #c24687;
    line-height: inherit; }
    .precioFF .precioOferta span {
      font-size: 30px;
      font-size: 3rem;
      font-family: "TungstenBook"; }

.modal-aramonzone {
  width: 40%;
  margin: 0 auto;
  border-radius: 20px;
  font-size: 0;
  min-height: 70vh;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 2; }
  .modal-aramonzone:after {
    content: '';
    border-radius: 20px;
    display: inline-block;
    background-image: -webkit-linear-gradient(315deg, #f5f7fa 0%, #c3cfe2 100%);
    background-image: -o-linear-gradient(315deg, #f5f7fa 0%, #c3cfe2 100%);
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    z-index: 1; }

.modal-aramonzone-left,
.modal-aramonzone-right {
  display: inline-block;
  padding: 0 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  z-index: 4; }

.modal-aramonzone-left {
  width: 100%; }

.modal-aramonzone-right {
  width: 100%;
  padding: 0; }

.modal-aramonzone-title {
  font-size: 32px;
  font-family: "TungstenMedium"; }

.modal-aramonzone-text {
  font-size: 16px;
  font-family: Arial, sans-serif;
  color: #000;
  display: block;
  margin: 15px 0;
  font-weight: normal; }

.modal-aramonzone-text-bold {
  font-weight: bold; }

.modal-aramonzone-form {
  background-color: #f1f1f1;
  padding: 32px; }

.modal-aramonzone-container-input {
  margin-bottom: 16px;
  width: 100%; }
  .modal-aramonzone-container-input label {
    display: block;
    font-size: 16px;
    margin-bottom: 5px; }
  .modal-aramonzone-container-input input {
    border: 1px solid #ccc;
    padding: 8px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    color: #000; }

.modal-aramonzone-btn {
  border-radius: 5px;
  display: block;
  font-family: "TungstenMedium";
  font-size: 24px;
  margin: 10px auto;
  color: #fff;
  background-color: #db1e7a;
  padding: 10px 30px;
  border: 0;
  cursor: pointer;
  letter-spacing: 1px; }
  .modal-aramonzone-btn:hover {
    background-color: #af1861; }

.modal-aramonzone-club {
  padding: 32px; }

.modal-aramonzone-club-title {
  font-size: 24px;
  font-family: "TungstenMedium"; }

.modal-aramozone-club-row {
  margin: 20px 0; }

.modal-aramonzone-club-icon {
  width: 32px;
  display: inline-block;
  vertical-align: middle; }

.modal-aramonzone-club-text {
  font-size: 16px;
  color: #000;
  padding-left: 16px;
  display: inline-block;
  vertical-align: middle; }

.destacados-blog-container {
  width: 100%;
  font-size: 0;
  margin: 30px auto;
  max-width: 1600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

@media (max-width: 767px) {
  .destacados-blog-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; } }

.destacados-blog-element {
  border: 1px solid #ccc;
  border-top: 10px solid #D12359;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  display: inline-block;
  width: 24%;
  position: relative;
  vertical-align: top;
  background-color: #F2F2F2; }

.destacados-blog-element-cabecera {
  width: 100%;
  display: inline-block;
  position: relative; }

.destacados-blog-element-image {
  width: 100%;
  max-width: 100%;
  max-height: 155px;
  overflow: hidden;
  -o-object-fit: cover;
  object-fit: cover;
  border-bottom: 1px solid #ccc; }
  .destacados-blog-element-image:after {
    content: '';
    border-left: 100vw solid transparent;
    border-bottom: 50vh solid #fff;
    bottom: 0;
    height: 0;
    width: 0;
    position: absolute;
    left: 0;
    right: 0; }

.destacados-blog-element-image-circular {
  margin-top: -50px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  max-width: 50%;
  position: relative;
  top: 0;
  left: calc(50% - 55px);
  border: 5px solid #fff; }

.destacados-blog-element .destacados-blog-element-title {
  font-size: 32px;
  font-family: TungstenBook;
  font-weight: bold;
  padding: 5px 20px;
  margin: 5px 0 0;
  text-align: center; }

.destacados-blog-element-autor,
.destacados-blog-element-parrafo {
  font-size: 14px;
  font-family: Arial 'sans-serif';
  padding: 0 20px;
  display: inline-block; }

p.destacados-blog-element-parrafo {
  font-size: 14px;
  margin-top: 5px;
  line-height: 1.5;
  max-height: 80px;
  overflow: hidden; }

.destacados-blog-element-btn {
  width: 100%;
  background-color: #FD8F42;
  color: #fff;
  font-size: 24px;
  font-family: TungstenBook;
  font-weight: bold;
  letter-spacing: 2px;
  border: 0;
  padding: 15px 0;
  cursor: pointer;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-transition: background-color .3s ease-in;
  -o-transition: background-color .3s ease-in;
  transition: background-color .3s ease-in; }
  .destacados-blog-element-btn:hover {
    background-color: #fdb044; }

.claimCampanya {
  font-family: TungstenBook;
  font-size: 34px;
  text-shadow: 1px 1px 5px #000;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  background: url(../images/bkg-seccion-claim.jpg) no-repeat 50%;
  background-size: cover;
  padding: 10px 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.destacados-hoteles-slider-container {
  max-width: 1600px;
  margin: 30px auto 0; }
  .destacados-hoteles-slider-container .slick-prev,
  .destacados-hoteles-slider-container .slick-next {
    width: 70px;
    height: 70px;
    z-index: 20;
    top: 35%;
    background-color: #f1f1f1;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .destacados-hoteles-slider-container .slick-prev:hover,
    .destacados-hoteles-slider-container .slick-next:hover {
      -webkit-transition: background-color .3s ease-in;
      -o-transition: background-color .3s ease-in;
      transition: background-color .3s ease-in;
      background-color: rgba(241, 241, 241, 0.6); }
  .destacados-hoteles-slider-container .slick-prev {
    left: 0; }
  .destacados-hoteles-slider-container .slick-next {
    right: 0; }
  .destacados-hoteles-slider-container.actividades {
    margin: 0 auto 60px;
    padding-top: 50px;
    padding-bottom: 30px;
    background: rgba(255, 255, 255, 0.94); }
    .destacados-hoteles-slider-container.actividades .tipo-actividades-slider {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: 0;
      padding: 0 1rem; }
      @media (min-width: 768px) {
        .destacados-hoteles-slider-container.actividades .tipo-actividades-slider {
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between; } }
      .destacados-hoteles-slider-container.actividades .tipo-actividades-slider .tipo-actividad {
        width: 50%;
        padding-bottom: 4rem;
        display: inline-block;
        text-decoration: none;
        -webkit-transition: all 300ms linear;
        -o-transition: all 300ms linear;
        transition: all 300ms linear;
        cursor: pointer; }
        @media (min-width: 768px) {
          .destacados-hoteles-slider-container.actividades .tipo-actividades-slider .tipo-actividad {
            width: 100px; } }
        @media (min-width: 992px) {
          .destacados-hoteles-slider-container.actividades .tipo-actividades-slider .tipo-actividad {
            width: 120px; } }
        .destacados-hoteles-slider-container.actividades .tipo-actividades-slider .tipo-actividad img {
          -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
          opacity: 0.3;
          max-width: 120px;
          width: 100%;
          margin: auto;
          display: block; }
        .destacados-hoteles-slider-container.actividades .tipo-actividades-slider .tipo-actividad p {
          font-family: TungstenBook;
          font-size: 24px;
          line-height: 24px;
          text-align: center;
          font-weight: 700;
          padding-top: 1rem;
          color: black;
          text-decoration: none; }
        .destacados-hoteles-slider-container.actividades .tipo-actividades-slider .tipo-actividad:hover img, .destacados-hoteles-slider-container.actividades .tipo-actividades-slider .tipo-actividad.active img {
          -webkit-filter: grayscale(0);
          filter: grayscale(0);
          opacity: 1; }
    .destacados-hoteles-slider-container.actividades .destacadados-hoteles-slider-element-info {
      display: block; }
      .destacados-hoteles-slider-container.actividades .destacadados-hoteles-slider-element-info > p {
        width: 100%;
        display: block; }
      .destacados-hoteles-slider-container.actividades .destacadados-hoteles-slider-element-info .destacadados-hoteles-slider-element-precio {
        padding-left: 0;
        padding-top: 20px;
        display: block;
        width: 100%; }
        .destacados-hoteles-slider-container.actividades .destacadados-hoteles-slider-element-info .destacadados-hoteles-slider-element-precio .destacadados-hoteles-slider-element-desde {
          line-height: 9px; }

.cta-actividades {
  text-align: center; }
  .cta-actividades .btn-orange-large {
    background: #ff9036;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: "TungstenBook";
    color: #fff !important;
    padding: 12px;
    text-decoration: none;
    text-align: center;
    margin-top: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    min-width: 280px;
    display: inline-block; }
    .cta-actividades .btn-orange-large:hover {
      background: #7f7f7f;
      color: #fff; }

.destacados-hoteles-slider-element {
  cursor: pointer;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100% !important; }
  .destacados-hoteles-slider-element a {
    width: 100%;
    display: block; }
  .destacados-hoteles-slider-element:hover .destacados-hoteles-slider-element-text {
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: -webkit-transform .3s ease-in;
    -o-transition: transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }

.destacados-hoteles-slider-element-image {
  padding: 0 7.5px;
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.destacados-hoteles-slider-element-text {
  width: 90%;
  margin: 0 auto;
  padding: 25px 30px;
  border-radius: 5px;
  font-size: 0;
  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-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 768px) {
    .destacados-hoteles-slider-element-text {
      background-color: #F6F9FC;
      -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
      box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
      position: relative;
      bottom: 50px; } }

.destacadados-hoteles-slider-element-estrellas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.destacadados-hoteles-slider-element-hotel,
.destacadados-hoteles-slider-element-precio {
  font-size: 32px;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  font-family: TungstenBook;
  font-weight: bold;
  padding: 10px 0;
  word-break: break-word; }

.destacadados-hoteles-slider-element-info {
  font-size: 14px;
  font-family: Arial, 'sans-serif';
  display: inline-block;
  color: #6b6666;
  line-height: 1.4em; }

.destacadados-hoteles-slider-element-precio {
  text-align: right;
  width: 30%;
  color: #db1e7a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.destacadados-hoteles-slider-element-desde {
  color: black;
  font-size: 20px;
  font-weight: 100; }

.destacadados-hoteles-slider-element-estrellas .destacados-icono-star {
  width: 120px; }

@media all and (max-width: 767px) {
  .formulario li .alquiler-tallas-container-element {
    width: 100%; }
  .destacados-hoteles-slider-element-text {
    padding: 20px 15px;
    width: 90%; }
  .destacadados-hoteles-slider-element-hotel,
  .destacadados-hoteles-slider-element-precio {
    font-size: 24px;
    width: 70%; }
  .destacadados-hoteles-slider-element-precio {
    width: 30%;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    font-size: 32px; }
  .destacados-hoteles-slider-element-image {
    padding: 0; }
  .destacados-blog-element {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    display: block; }
  .parteNieve ul.leyendaRemontes li.remonteProceso,
  .parteNieve ul.leyendaRemontes li.remonteCerrado {
    clear: both; } }

/*-responsive venta cruzada y nuevos templates-*/
@media all and (max-width: 1149px) {
  .sabanaOfertas .tituloArticulo {
    font-size: 35px;
    font-size: 3.5rem; }
    .sabanaOfertas .tituloArticulo.promo {
      margin: 23px 0; }
  .sabanaOfertas .ofertaFashBox .tituloArticulo {
    font-size: 25px;
    font-size: 2.5rem; }
    .sabanaOfertas .ofertaFashBox .tituloArticulo strong {
      font-size: 26px;
      font-size: 2.6rem; }
  .sabanaOfertas .ofertaFashBox .txtContenidos .infoFF {
    font-size: 35px;
    font-size: 3.5rem; }
    .sabanaOfertas .ofertaFashBox .txtContenidos .infoFF strong {
      font-size: 45px;
      font-size: 4.5rem; }
  .sabanaOfertas .precioFF .precioTachado {
    font-size: 20px;
    font-size: 2rem; }
  .sabanaOfertas .precioFF .precioOferta {
    font-size: 35px;
    font-size: 3.5rem; } }

@media all and (max-width: 1136px) {
  footer .principales a,
  footer .secundario a {
    margin: 7px 6% 7px 0; } }

@media all and (max-width: 1044px) {
  .columnasN4 article {
    width: 33.33%; }
    .columnasN4 article.columnaBox2:nth-child(5), .columnasN4 article.columnaBox2:nth-child(9), .columnasN4 article.columnaBox2:nth-child(13), .columnasN4 article.columnaBox2:nth-child(17) {
      border-right: 5px solid transparent; }
    .columnasN4 article.columnaBox2:nth-child(4), .columnasN4 article.columnaBox2:nth-child(8), .columnasN4 article.columnaBox2:nth-child(12), .columnasN4 article.columnaBox2:nth-child(16) {
      border-right: none; }
  .modal-aramonzone {
    width: 90%; }
  .modal-aramonzone-club-text {
    display: inline-block;
    width: 80%; } }

@media all and (max-width: 995px) {
  .boxHeader header .tituloPag {
    font-size: 20px;
    font-size: 2rem; }
  .boxHeader .boxPrecios .pagado,
  .boxHeader .boxPrecios .pendiente {
    margin: 10px 0px 10px 0; }
    .boxHeader .boxPrecios .pagado strong,
    .boxHeader .boxPrecios .pendiente strong {
      width: 100%;
      display: block; }
  .columnasN4 article.ofertaFashBox {
    width: 49%; }
    .columnasN4 article.ofertaFashBox .tituloArticulo br {
      display: none; }
  .radio label {
    display: block;
    margin-bottom: 5px; } }

@media all and (max-width: 920px) {
  .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoPers,
  .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoDias,
  .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoHoras {
    margin-bottom: 3px; }
  .ofertaFashBox {
    width: 50%; }
  .mainContent.columnasN2 .tituloSeccion {
    font-size: 14px;
    font-size: 1.4rem; }
  .mainContent.columnasN2 .tituloArticulo {
    font-size: 30px;
    font-size: 3rem; }
  .mainContent.columnasN2 .listadosTxt li {
    font-size: 14px;
    font-size: 1.4rem; }
    .mainContent.columnasN2 .listadosTxt li:before {
      content: "-";
      display: none; }
  .mainContent table.tablaContent.columnasN2 {
    width: 100%;
    margin: 0; }
  .mainContent table.tablaContent th {
    font-size: 12px;
    font-size: 1.2rem; }
    .mainContent table.tablaContent th:first-child {
      text-align: center;
      padding: 1.15em 20px 1.15em 20px; }
  .mainContent table.tablaContent td:first-child {
    padding: 1.15em 20px 1.15em 20px; }
  .columnasN2 .tituloArticulo,
  .columnasN2 .txtContenidos,
  .columnasN2 .intro {
    margin: 15px 50px 20px 65px; } }

@media all and (max-width: 890px) {
  .contentBox .contenidoBox {
    width: 73%; }
    .contentBox .contenidoBox .migasPasos li {
      font-size: 15px;
      font-size: 1.5rem; }
      .contentBox .contenidoBox .migasPasos li .activo {
        font-size: 24px;
        font-size: 2.4rem;
        padding-bottom: 8px; }
    .contentBox .contenidoBox .tituloInfo {
      font-size: 17px;
      font-size: 1.7rem; }
    .contentBox .contenidoBox .itemBox h2 {
      font-size: 17px;
      font-size: 1.7rem;
      padding: 6px 0 17px 0; }
    .contentBox .contenidoBox .itemBox ul .modalidadBox {
      padding: 9px 0 7px 0; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox.active {
        background: #9cd2ed url("../images/ico-checked.svg") no-repeat 0px 11px;
        background-size: 4%; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .check {
        width: 28px; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .icoInfo {
        vertical-align: middle;
        width: 30px; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .nDias span {
        font-size: 11px;
        font-size: 1.1rem;
        padding: 3px 9px; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad {
        font-size: 12px;
        font-size: 1.2rem;
        border-left: 5px solid rgba(0, 0, 0, 0); }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoPers {
        font-size: 11.3px;
        font-size: 1.13rem;
        padding: 5px 3px;
        width: 67px; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoDias {
        font-size: 11.3px;
        font-size: 1.13rem;
        padding: 5px 3px;
        width: 90px; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoHoras {
        font-size: 11.3px;
        font-size: 1.13rem;
        padding: 5px 3px;
        width: 76px; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste {
        font-size: 15px;
        font-size: 1.5rem;
        width: 107px; }
    .contentBox .contenidoBox .txtAdicional h2 {
      font-size: 11px;
      font-size: 1.1rem;
      padding: 30px 0 20px 0; }
  .contentBox .miReservaBox {
    width: 27%;
    padding: 38px 20px; }
    .contentBox .miReservaBox .ticket header h1 {
      font-size: 18px;
      font-size: 1.8rem;
      padding-bottom: 10px; }
  .btnASecundario {
    font-size: 11px;
    font-size: 1.1rem; }
  .btnAccionPral {
    font-size: 11px;
    font-size: 1.1rem; }
  .DestacadoPralPortada,
  .DatosDestacadoPralPortada {
    border-right: 0; }
  .Visor {
    height: 230px !important; }
  .MenuVisor {
    top: 180px !important; }
  #FotoVisor {
    min-height: auto !important; }
  .UnaColumna {
    margin-bottom: 0px; }
  .columnasN2 article {
    width: 100%;
    display: block; }
  .columnasN2 .imgContenidos {
    width: 100%;
    display: block;
    padding: 0; }
  .columnasN4 article,
  .columnasN3 article {
    width: 50%; }
    .columnasN4 article.columnaBox2:nth-child(4),
    .columnasN3 article.columnaBox2:nth-child(4) {
      border-right: 5px solid transparent; }
    .columnasN4 article.columnaBox2:nth-child(2), .columnasN4 article.columnaBox2:nth-child(5), .columnasN4 article.columnaBox2:nth-child(8), .columnasN4 article.columnaBox2:nth-child(11),
    .columnasN3 article.columnaBox2:nth-child(2),
    .columnasN3 article.columnaBox2:nth-child(5),
    .columnasN3 article.columnaBox2:nth-child(8),
    .columnasN3 article.columnaBox2:nth-child(11) {
      border-right: none; }
  .mainContent.noTitle {
    padding: 30px 30px; } }

@media all and (max-width: 880px) {
  .compraHotelesForfait #Principal #Contenidos .UnaColumna {
    width: 100%;
    margin-top: -77px;
    margin-bottom: 15px; }
    .compraHotelesForfait #Principal #Contenidos .UnaColumna .Caja + .Caja {
      padding: 0 15px 31px; }
  .compraHotelesForfait .DosColumnas {
    width: 100%;
    float: none;
    display: inline-block; }
  .compraHotelesForfait #resultadosForm h2,
  .compraHotelesForfait #resultadosForm h2 + p,
  .compraHotelesForfait #resultadosForm .ResultadoBusqueda {
    margin-right: 0px; }
  .fichaHotelesForfait .columnaBuscador {
    display: block;
    width: 100%;
    float: none; }
  .fichaHotelesForfait .columnaTexto {
    display: block;
    width: 100%; }
  .fichaHotelesForfait .pagFicha .ResultadoBusqueda + div {
    margin: 38px 0 20px 0px; }
  .sabanaOfertas .tituloArticulo.promo {
    margin: 10px 0; } }

@media all and (max-width: 800px) {
  .contentBox .contenidoBox {
    width: 70%; }
    .contentBox .contenidoBox .migasPasos li {
      font-size: 12px;
      font-size: 1.2rem; }
      .contentBox .contenidoBox .migasPasos li a {
        padding: 20px 10px; }
    .contentBox .contenidoBox .itemBox h2 {
      padding: 6px 0 15px 0; }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .nDias {
      padding-top: 5px;
      vertical-align: top; }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .icoInfo {
      vertical-align: top;
      width: 25px;
      border-right: 4px solid transparent; }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad {
      vertical-align: top; }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .selector {
      vertical-align: top; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .selector .campoDias {
        margin-bottom: 3px;
        margin-right: 0; }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste {
      vertical-align: top; }
    .contentBox .contenidoBox .itemBox ul .modalidadBox .check {
      width: 22px; }
    .contentBox .contenidoBox .botonesBox {
      font-size: 0;
      padding: 15px 15px 0px; }
  .contentBox .miReservaBox {
    width: 30%;
    padding: 38px 15px; }
    .contentBox .miReservaBox .btnAccionPral {
      width: 100%;
      margin-left: 0; }
  .btnASecundario {
    float: initial;
    padding: 11px 0px;
    width: 38%;
    margin-right: 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .btnAccionPral {
    float: initial;
    padding: 12px 0px;
    width: 58%;
    margin-left: 2%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .venta .DosColumnas,
  .venta .columnaTexto {
    width: 100%; } }

@media all and (max-width: 785px) {
  .formulario li {
    width: 100%; }
  .formulario li.peq {
    width: 50%; }
  .boxHeader header {
    width: 100%; }
  .boxHeader .boxDatos,
  .boxHeader .boxPrecios {
    width: 50%;
    margin-top: 20px; } }

@media all and (max-width: 769px) {
  .contenido.contentBox {
    margin-top: 15px;
    display: block; }
    .contenido.contentBox header {
      -webkit-box-shadow: inherit;
      box-shadow: inherit; }
  #widgetForfait.tab2 > div .contForfait .contSelect.edadnino {
    width: 100%;
    padding-bottom: 7px; }
  .mainContent .listadosTxt li {
    display: block;
    width: 100%; }
  .mainContent .txtContenidos p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5em; }
  .columnasN2 article {
    width: 100%;
    display: block; }
  .columnasN2 .imgContenidos {
    width: 100%;
    display: block;
    padding: 0; }
  .columnasN4 article.ofertaFashBox {
    width: 49%; }
    .columnasN4 article.ofertaFashBox .tituloArticulo br {
      display: none; }
  .sabanaOfertas .contador {
    font-size: 25px;
    font-size: 2.5rem; }
  .sabanaOfertas .buscador {
    padding: 20px 5px; }
    .sabanaOfertas .buscador .entradilla {
      margin-bottom: 0; }
    .sabanaOfertas .buscador .buscadorBox {
      padding: 20px 7px; }
      .sabanaOfertas .buscador .buscadorBox ul .col.especial label {
        width: 30%;
        margin-right: 5px; }
  .sabanaOfertas.unicef .ofertaFashBox.columnaBox1 {
    width: 65%; }
  .compraForfait .check .checkbox label {
    float: none; }
  .contenido .compraForfait .selecDias p.leyenda {
    display: none; }
  .contenido .compraForfait .precio .letraPeq {
    display: block; } }

@media all and (max-width: 750px) {
  .ofertaFashBox {
    width: 90%; }
  .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 .precioFF {
    min-height: 140px;
    width: 100%;
    display: block;
    border-radius: 0 0 9px 9px; }
    .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 .precioFF .precioOferta,
    .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 .precioFF .precioTachado {
      text-align: left; }
  .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 .txtContenidos {
    min-height: 145px;
    padding-top: 1px;
    width: 100%;
    display: block;
    border-radius: 0; } }

@media all and (max-width: 650px) {
  footer #datosContacto #redesSociales a.whatsapp {
    display: inline-block; }
  .wrap .mainContent.columnasN2 .mainContent {
    display: block;
    width: 100%; }
  .contentBox .contenidoBox {
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .contentBox .contenidoBox .itemBox ul .modalidadBox.active {
      background-size: 3%; }
    .contentBox .contenidoBox .txtAdicional {
      padding: 15px 35px; }
      .contentBox .contenidoBox .txtAdicional h2 {
        padding: 0 0 20px 0;
        border-top: none; }
    .contentBox .contenidoBox .botonesBox .btnASecundario,
    .contentBox .contenidoBox .botonesBox .btnAccionPral {
      display: none; }
  .contentBox .miReservaBox {
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 25px solid #fff;
    border-left: 25px solid #fff;
    padding: 20px 35px;
    height: inherit; }
    .contentBox .miReservaBox .btnASecundario,
    .contentBox .miReservaBox .btnAccionPral {
      display: block;
      font-size: 18px;
      font-size: 1.8rem; }
    .contentBox .miReservaBox .ticket.plus .itemNuevos li span {
      display: inline-block; }
    .contentBox .miReservaBox .ticket .tipoBox,
    .contentBox .miReservaBox .ticket .fechaBox {
      margin-top: 8px; }
    .contentBox .miReservaBox .ticket .descpBox {
      text-align: right;
      display: inline-block;
      width: 60%; }
  .btnAccionPral {
    padding: 22px 0px;
    margin-left: 0;
    width: 100%; }
  .btnASecundario {
    margin-top: 35px;
    margin-right: 0;
    width: 100%;
    padding: 5px 0px; }
  .confirmar {
    display: none; }
  .condiciones {
    font-size: 1.2rem;
    padding: 0 0 20px 0; }
  .mainContent .blockImagenes.tres img {
    width: 100%; }
  .mainContent .box {
    width: 100%;
    display: block;
    margin: 0px 0 0 0;
    padding: 5px 20px 15px 35px; }
    .mainContent .box.tarifa {
      width: 100%; }
    .mainContent .box .items li {
      display: inline-block;
      width: auto;
      padding: 0 10px 0 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
  .columnasN4 article,
  .columnasN3 article {
    width: 100%; }
    .columnasN4 article.columnaBox2,
    .columnasN3 article.columnaBox2 {
      border-right: none; }
  .sabanaOfertas.paypal .ofertaFashBox.columnaBox1 {
    width: 85%; }
  .formulario li input[type="text"]#day, .formulario li input[type="text"]#month, .formulario li input[type="text"]#year {
    width: 100%; } }

@media all and (max-width: 620px) {
  .sabanaOfertas .buscador {
    min-height: 615px; }
    .sabanaOfertas .buscador .buscadorBox .codigoInput {
      padding: 15px 8px; }
    .sabanaOfertas .buscador .buscadorBox ul .col.especial label {
      padding: 7px 8px;
      display: block;
      width: auto;
      margin-right: 0; }
    .sabanaOfertas .buscador .buscadorBox ul .col.especial .codigoInput {
      margin: 7px 2px 5px 3px;
      width: 23%; }
    .sabanaOfertas .buscador .buscadorBox ul .col.col1 {
      width: 100%; }
      .sabanaOfertas .buscador .buscadorBox ul .col.col1 .codigoInput {
        width: 96.5%; }
    .sabanaOfertas .buscador .buscadorBox ul .col.col2 {
      width: 50%;
      border-right: 5px solid transparent; }
      .sabanaOfertas .buscador .buscadorBox ul .col.col2 .codigoInput {
        padding: 15px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; }
    .sabanaOfertas .buscador .buscadorBox ul .col.col3 {
      width: 25%; }
    .sabanaOfertas .buscador .buscadorBox .btnAction {
      width: 100%;
      padding: 13px 0; }
  .remodal .boxInfo .grafico .destacado {
    padding: 33px 0 0 0px;
    width: 117px;
    height: 117px; }
  .webCams .contentBox .cols3 {
    width: 49%;
    margin: 0 1% 1% 0; } }

@media all and (max-width: 600px) {
  .boxHeader .boxDatos,
  .boxHeader .boxPrecios {
    width: 100%; }
    .boxHeader .boxDatos .pagado,
    .boxHeader .boxPrecios .pagado {
      background: url(../images/ico-check.svg) no-repeat top right;
      text-align: left; }
      .boxHeader .boxDatos .pagado strong,
      .boxHeader .boxPrecios .pagado strong {
        width: auto;
        display: inline-block; }
    .boxHeader .boxDatos .pendiente,
    .boxHeader .boxPrecios .pendiente {
      background: url(../images/ico-alert.svg) no-repeat top right;
      text-align: left; }
      .boxHeader .boxDatos .pendiente strong,
      .boxHeader .boxPrecios .pendiente strong {
        width: auto;
        display: inline-block; }
  .asistenciaSanitaria.remodal .btnRosa {
    width: auto; }
  footer .principales a,
  footer .principales a:last-child,
  footer .secundario a,
  footer .secundario a:last-child,
  footer .secundario.especial a,
  footer .secundario.especial a:last-child {
    display: block;
    margin: 20px auto; } }

@media all and (max-width: 570px) {
  .sabanaOfertas.unicef .ofertaFashBox.columnaBox1 {
    width: 95%; } }

@media all and (max-width: 537px) {
  .formulario {
    padding: 25px 10px 10px 10px; }
    .formulario .enLinea label {
      width: 85%; }
    .formulario li.peq .etiqueta {
      width: 100%; }
  .mainContent .tituloArticulo {
    margin: 35px 40px 0 40px; }
  .mainContent.sabanaOfertas.unicef .txtContenidos {
    margin: 0 0 0 0; }
  .mainContent.sabanaOfertas .ofertaFashBox .tituloArticulo {
    margin: 15px 0px 15px 0;
    text-align: center;
    width: 100%; }
  .mainContent.sabanaOfertas .tituloArticulo.promo {
    margin: 5px 20px 0 0; }
  .mainContent.sabanaOfertas .txtContenidos {
    margin: 35px 0 0 0; }
  .mainContent .txtContenidos {
    margin: 35px 40px 15px 40px; }
    .mainContent .txtContenidos.box {
      margin: 0; }
    .mainContent .txtContenidos p {
      font-size: 16px;
      font-size: 1.6rem; }
  .mainContent .listadosTxt {
    margin: 5px 40px 15px 40px; }
  .mainContent input {
    margin: 15px 40px 65px 40px; }
  .mainContent table.columnasN2 {
    width: 100%; }
  .sabanaOfertas .tituloArticulo {
    width: 100%;
    margin: 25px 0; }
  .sabanaOfertas .contador {
    width: auto; }
  .columnasN4 article.ofertaFashBox {
    width: 100%; }
    .columnasN4 article.ofertaFashBox .tituloArticulo br {
      display: none; }
  .remodal .boxInfo .grafico .destacado {
    padding: 33px 0 0 0px;
    width: 117px;
    height: 117px; }
    .remodal .boxInfo .grafico .destacado:before {
      content: "";
      width: 70px;
      height: 95px;
      right: 0%;
      top: 60%; }
  .buscador .buscadorBox .btnAction {
    width: 100%; }
  .webCams .contentBox .cols3,
  .webCams .contentBox .cols2 {
    width: 100%;
    margin: 8px 0; } }

@media all and (max-width: 500px) {
  .buscador {
    padding: 40px 0px;
    margin: 30px 5px; }
    .buscador .buscadorBox {
      padding: 10px 15px; }
      .buscador .buscadorBox .btnAction {
        font-size: 2.5rem; } }

@media all and (max-width: 475px) {
  .contentBox .contenidoBox {
    padding: 30px 15px 0 15px; }
    .contentBox .contenidoBox .txtAdicional {
      padding: 10px 20px; }
    .contentBox .contenidoBox .migasPasos li {
      font-size: 9px;
      font-size: 0.9rem; }
      .contentBox .contenidoBox .migasPasos li .activo {
        font-size: 17px;
        font-size: 1.7rem;
        padding-bottom: 9px; }
    .contentBox .contenidoBox .tituloInfo {
      font-size: 25px;
      font-size: 2.5rem; }
    .contentBox .contenidoBox .itemBox .icoDin {
      display: none; }
    .contentBox .contenidoBox .itemBox h2 {
      padding: 10px 0 10px 0%;
      background: none !important; }
    .contentBox .contenidoBox .itemBox ul .modalidadBox {
      padding: 5px 0 5px 5px;
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox.active {
        background: #9cd2ed none; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .check {
        display: none; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .icoInfo {
        display: inline-block;
        width: 23px; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .nDias {
        display: inline-block;
        width: 52px; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad {
        display: block;
        width: 100%;
        margin: 5px 0; }
        .contentBox .contenidoBox .itemBox ul .modalidadBox .txtModalidad strong {
          display: inline-block; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .selector {
        display: inline-block; }
      .contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste {
        font-size: 21px;
        font-size: 2.1rem;
        display: inline-block;
        float: right;
        width: 130px; }
  .contentBox .miReservaBox {
    padding: 20px 20px;
    border-right: 15px solid #fff;
    border-left: 15px solid #fff; }
    .contentBox .miReservaBox .ticket .tipoBox {
      width: 30%;
      font-size: 10px;
      font-size: 1rem; }
    .contentBox .miReservaBox .ticket .fechaBox,
    .contentBox .miReservaBox .ticket .descpBox {
      width: 70%;
      font-size: 12px;
      font-size: 1.2rem; }
  .btnASecundario {
    margin-right: 0; }
  .remodal .boxInfo .grafico {
    margin-left: 55%; }
    .remodal .boxInfo .grafico .destacado {
      left: -135%; }
  .contenido .compraForfait .boxBorde {
    display: block; }
    .contenido .compraForfait .boxBorde .radioForfait {
      border-left: none;
      border-top: 1px solid #3c9d89; }
  .contenido .compraForfait .cuerpo .radio {
    display: block;
    width: 100%; }
    .contenido .compraForfait .cuerpo .radio#divRadioEstacion {
      display: block;
      width: 100%; }
  .headerContent .contacto {
    float: left;
    text-align: left;
    width: 300px;
    left: 30px;
    right: inherit; }
    .headerContent .contacto .phone_call {
      display: inline-block;
      font-size: 25px;
      font-size: 2.5rem; } }

@media all and (max-width: 435px) {
  .definicion {
    padding: 25px 20px; }
  .remodal .boxInfo .grafico .destacado {
    left: -160%;
    font-size: 13px;
    font-size: 1.3rem;
    width: 85px;
    height: 85px;
    padding: 25px 0 0 0px; }
    .remodal .boxInfo .grafico .destacado:before {
      display: none; }
  .remodal .box {
    padding: 10px; }
    .remodal .box .campoBox {
      width: 100%; } }

@media all and (max-width: 395px) {
  .formulario.buscadorBox .codigoInput {
    font-size: 10px;
    font-size: 1rem; }
  .contentBox .contenidoBox .itemBox ul .modalidadBox .precioCoste {
    display: block;
    text-align: left;
    padding-top: 7px;
    padding-bottom: 15px;
    width: 100%;
    float: none; }
  .remodal {
    padding: 15px; }
  .sabanaOfertas.unicef .txtContenidos {
    width: 100%;
    border-radius: 0;
    min-height: inherit;
    text-align: center; }
  .sabanaOfertas.unicef .ofertaFashBox.columnaBox1 .precioFF {
    width: 100%;
    border-radius: 0 0 9px 9px;
    min-height: inherit; }
    .sabanaOfertas.unicef .ofertaFashBox.columnaBox1 .precioFF .precioOferta,
    .sabanaOfertas.unicef .ofertaFashBox.columnaBox1 .precioFF .precioTachado {
      text-align: center; }
  .sabanaOfertas.unicef .ofertaFashBox .txtContenidos .infoFF {
    text-align: center; } }

/****************IE 6, 7 y 8*******************************/
@media \0screen\ screen\9 {
  .cuentaAtras {
    background: url(../images/landing-cuentaAtras/bkg-landing-cuentaAtras-degradado.jpg) no-repeat center 0 #dde0e5; }
  .cuentaAtras .wrap {
    padding: 0;
    width: 700px; }
  .cuentaAtras .ribbon {
    margin-bottom: 10px; }
  .cuentaAtras .ribbonBottom:after,
  .cuentaAtras .ribbonBottom {
    display: none; }
  .cuentaAtras .steps {
    margin-top: 10px; }
  .tablaPujas .movil {
    display: none; } }

/****************************************RESPONSIVE***********************************************************************************************************************************************/
@media all and (max-width: 1408px) {
  #widgetForfait.tab2 > div .titulo {
    bottom: 5px; } }

@media all and (max-width: 1400px) {
  #widgetForfait.tab4 > div#widget1 .contForfait {
    width: 250px;
    padding: 15px; }
  .cuentaAtras.nombreEspecial .wrap .campania {
    background-size: 84%;
    height: 328px; } }

@media all and (min-width: 1400px) {
  .cuentaAtras .wrap {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 750px;
    padding-right: 431px;
    width: 100%; } }

@media all and (max-width: 1400px) {
  .cuentaAtras .wrap {
    width: 100%;
    max-width: 765px;
    padding-right: 431px;
    margin: 0 auto;
    padding: 0px 20% 0 0; } }

@media all and (max-width: 1200px) {
  .cuentaAtras {
    background: url("../images/landing-cuentaAtras/bkg-landing-cuentaAtras-sin.jpg") no-repeat scroll right 0 center;
    background-size: cover; } }

@media all and (max-width: 1220px) {
  #cajaBannersSecundarios .banner .cover {
    padding: 15px 60px; } }

@media all and (max-width: 1125px) {
  .cuentaAtras .wrap {
    width: 100%;
    max-width: initial;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 5%; }
  .cuentaAtras.nombreEspecial .wrap {
    width: 100%;
    max-width: 955px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 130px 20% 0 0; } }

@media all and (max-width: 1064px) {
  header nav#seleccionIdiomas {
    width: 110px; }
    header nav#seleccionIdiomas h2.textoIntro {
      font: 12px Arial;
      padding: 25px 0px 14px 11px; }
    header nav#seleccionIdiomas ul#selectSiteHome {
      font: 12px Arial; }
      header nav#seleccionIdiomas ul#selectSiteHome li {
        padding: 10px 10px 10px 12px; }
        header nav#seleccionIdiomas ul#selectSiteHome li a {
          font-size: 12px; }
  header #contLogo {
    width: 230px; }
  header nav#seleccionIdiomas h2.textoIntro::after {
    margin-left: 7px;
    width: 15px;
    height: 8px; }
  header nav#seleccionPistas h2.textoIntro::after {
    margin-left: 7px;
    width: 15px;
    height: 8px; } }

@media all and (max-width: 1055px) {
  /*Footer*/
  footer #datosContacto .columna {
    padding: 7px 10px 13px 10px; } }

@media all and (max-width: 1028px) {
  #cajaBannersSecundarios .banner .cover {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap; }
  /***********************Landing Abonos************************/
  /*#landing_abonos { background-size: 114%; }*/
  #landing_abonos .lista_planes .plan .plan_datos .precio .precio_donde {
    position: absolute;
    bottom: 5px;
    right: 20px;
    padding: 0;
  }
  #landing_abonos .lista_planes .plan .plan_definicion strong {
    font-size: 25px;
  }
  #landing_abonos .ventajas .ventaja .ventaja_image img {
    max-width: 200px;
    height: 150px;
  }
  #landing_abonos .lista_planes .plan .plan_datos .precio .precio_euros {
    padding: 0;
  }
  #landing_abonos .lista_planes .plan .plan_datos .precio .precio_desde {
    padding: 5px 0 0 20px;
  }
  #landing_abonos .title.whtie {
    font-size: 40px;
    width: 56%;
    float: right;
    padding: 0px 0px 34px 50px;
  }
  .table_landing_estacion {
    display: block;
    padding: 5px 0;
  }
  /* Force table to not be like tables anymore */
  #landing_abonos table,
  #landing_abonos thead,
  #landing_abonos tbody,
  #landing_abonos th,
  #landing_abonos td,
  #landing_abonos tr {
    display: block;
    clear: both;
  }
  /* Hide table headers (but not display: none;
    , for accessibility) */
  #landing_abonos thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #landing_abonos tr {
    border: 1px solid #ccc;
  }
  #landing_abonos td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left;
  }
  #landing_abonos td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 12px;
    left: 16px;
    width: 45%;
    font-family: "Conv_GothamRnd-Medium";
    font-size: 12px;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold;
  }
  /* Label the data */
  #landing_abonos td:before {
    content: attr(data-title);
  }
  #landing_abonos td:first-child:before {
    display: none;
  }
  /***********************fin Landing Abonos************************/
  /************************Landing Ofertas**************************/
  .landingOfertas .precioHotel {
    position: relative;
    float: right;
    display: inline-block;
    margin: 10px 0 0 0;
    width: 100%;
    text-align: center; }
  .landingOfertas .lista_planes .plan .plan_definicion .boxRight ul li:last-child {
    width: 100%; }
  /************************fin Landing Ofertas**************************/ }

@media (min-width: 580px) and (max-width: 769px) {
  header .barMenus #logoformigal-panticosa {
    top: 32px !important; } }

@media screen and (max-width: 1024px) {
  .cuentaAtras.nombreEspecial {
    background: url(../images/landing-cuentaAtras/bkg-landing-cuentaAtras-unicef-tablet.jpg) no-repeat left 131px;
    background-size: 100%; }
  .cuentaAtras.nombreEspecial .wrap {
    padding: 170px 0 0 0;
    max-width: 82%;
    background: none; }
  .cuentaAtras.nombreEspecial .wrap .campania {
    display: none; }
  .cuentaAtras.nombreEspecial .logo {
    position: relative;
    background: url(../images/landing-cuentaAtras/logounicef.png) no-repeat left 0;
    width: 62%;
    height: 214px;
    right: inherit;
    top: 160px;
    background-size: 100%;
    left: 7.2%; }
  header {
    /* position: relative;*/ }
    header .menuEstacion {
      width: 45%; }
    header .barMenus #contLogo {
      width: 9%;
      margin-left: 1%; }
      header .barMenus #contLogo #logoformigal-panticosa {
        background: transparent url(../images/logo-estacion-formigal-panticosa-vertical.svg) center center no-repeat;
        height: 74px;
        display: inline-block;
        background-size: 95%;
        width: 100%; }
      header .barMenus #contLogo #logocerler {
        background: transparent url(../images/logo-estacion-cerler-vertical.svg) center center no-repeat;
        max-width: 377px;
        height: 74px;
        display: inline-block;
        background-size: 65%;
        width: 100%; }
      header .barMenus #contLogo #logojavalambre-valdelinares {
        background: transparent url(../images/logo-estacion-javalambre-vertical.svg) center center no-repeat;
        max-width: 377px;
        height: 74px;
        display: inline-block;
        background-size: 100%;
        width: 100%; }
      header .barMenus #contLogo #logoaramon {
        background: transparent url(../images/logo-estacion-aramon-vertical.svg) center center no-repeat;
        max-width: 377px;
        height: 74px;
        display: inline-block;
        background-size: 65%;
        width: 100%; }
  #widgetForfait.tab4 {
    width: 45%; } }

@media screen and (max-width: 995px) {
  header .menuEstacion {
    padding-left: 0%; }
  #cajaDestacadosImg .bloqueDestacado .webcamImg .infoTxt h2 {
    font-size: 20px;
    font-size: 2rem; } }

@media all and (max-width: 960px) {
  .cuentaAtras .wrap {
    padding: 0 5%; } }

@media all and (max-width: 950px) {
  .evento-detalle > h1 {
    padding-left: 3.1rem; }
  .evento-detalle-contenido {
    padding: 1.5rem 3.1rem; }
  /*.evento-detalle-derecha { width: 25.5rem; }
    .evento-detalle-centro { width: 60.0rem; }*/
  .eventos .sinFecha.noticias .eventos-boxes .eventoBox-outer {
    width: 19.4rem; }
  .eventos .sinFecha.noticias .eventos-boxes .eventoBox-outer .eventoBox {
    width: 18rem; }
  .comprarBusBlanco .dosColum > div {
    width: 100%; } }

@media screen and (max-width: 930px) {
  /************************Landing Ofertas**************************/
  .landingOfertas .lista_planes .plan .plan_datos .seleccion span,
  .landingOfertas .lista_planes .plan .plan_datos .seleccion select {
    width: 100%;
    text-align: left; }
  /************************fin Landing Ofertas**************************/ }

@media all and (max-width: 910px) {
  /* remontes */
  .parteNieve div.estadoRemontesWrap ul {
    font-size: 1.4rem; }
  .parteNieve div.estadoRemontesWrap ul li {
    width: 48%; }
  /* pistas */
  .parteNieve div.estadoPistasWrap ul {
    font-size: 1.4rem; }
  .parteNieve div.estadoPistasWrap ul li {
    width: 48%; }
  /* especiales */
  .parteNieve div.especialesWrap ul {
    font-size: 1.4rem; }
  .parteNieve div.especialesWrap ul li {
    width: 48%; }
  .parteNieve .bloques .parte.remontes p.info_remontes img,
  .parteNieve .bloques .parte.abiertos p.info_abiertos img,
  .parteNieve .bloques .parte.km p.info_km img,
  .parteNieve .bloques .parte.clima p.info_clima img {
    width: 30%; }
  .parteNieve .bloques .meteorologia img {
    width: 30%; }
  .mainContent.parteNieve .txtContenidos,
  .mainContent.parteNieve .intro {
    margin: 35px 30px 15px 30px; }
  .parteNieve div.estadoNieveWrap,
  .parteNieve .estadoRemontesWrap,
  .parteNieve .estadoPistasWrap,
  .parteNieve .especialesWrap {
    width: 100%;
    margin: 25px 0 5px 0; }
  .contenido .unaColum.bordeVerde h2 {
    width: 100%;
    margin: 25px 0 5px 0; }
  .parteNieve ul.leyendaPistas {
    margin: 10px 0 0 0; }
  .contenido .prevMeteo ul li.Nevando,
  .contenido .prevMeteo ul li.Sol,
  .contenido .prevMeteo ul li.SolYNube,
  .contenido .prevMeteo ul li.Nube,
  .contenido .prevMeteo ul li.Lluvia,
  .contenido .prevMeteo ul li.SolYNieve {
    background-position: 10px 5px; }
  .parteNieve ul.leyendaEspeciales,
  .parteNieve ul.accesos {
    margin: 10px 0 0 0px; }
  .mainContent .otrosPartes {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 35px 30px 15px 30px; } }

@media all and (max-width: 899px) {
  /*Eventos*/
  .evento-detalle > h1 {
    padding-left: 3.1rem; }
  .evento-detalle-contenido {
    padding: 1.5rem 3.1rem; }
  /*.evento-detalle-derecha { width: 25.5rem; }
  .evento-detalle-centro { width: 62.3rem; }*/
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer {
    margin: 0 0.5rem;
    width: 21.8rem; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer:first-child {
    margin: 0 0.5rem 0 0; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer .eventoBox {
    width: 20.4rem; }
  .impulso.sabana .buscadorSabana .contBuscador .contFecha {
    width: 19%; }
  .impulso.sabana .buscadorSabana .contBuscador .contSelect {
    margin: 0;
    width: 16%; }
  .impulso.sabana .buscadorSabana .contBuscador .contSelect .tipo {
    width: 60%; }
  .impulso.sabana .buscadorSabana input,
  .impulso.sabana .buscadorSabana .contBuscador select {
    padding: 10px 5px; }
  .impulso.sabana .buscadorSabana .contBuscador select {
    width: 25%; } }

@media screen and (max-width: 873px) {
  .degradado .grisImpulso {
    width: 62%; }
  .cuentaAtras h1 {
    font-size: 48px; }
  .cuentaAtras.nombreEspecial .wrap {
    max-width: 90%;
    padding: 130px 0 0 0; }
  .cuentaAtras.nombreEspecial .logo {
    left: 3.2%; }
  .cuentaAtras.nombreEspecial .wrap .steps p {
    font-size: 15px; }
  /*html { font-size:50%;}*/
  .contenido .unaColum p {
    margin: 10px 65px 10px 65px; }
  .contenido h2.txtVerde {
    margin: 35px 65px 0 65px; } }

@media screen and (max-width: 846px) {
  #ofertasForfait .cajaOfertaContainer .cajaOferta {
    width: 50%; }
  .contenido .recuadroPregunta ul li input[type="text"] {
    display: block;
    margin: 15px 0 0 20px;
    width: 60%; } }

@media screen and (max-width: 830px) {
  header .menuEstacion {
    padding-left: 0%; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .camposSelectores label {
    font-size: 11px; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .cajaNombre .tituloCaja {
    font-size: 22px; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .contTexto p.infoFF {
    font-size: 23px; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .precioFF .btnCompra {
    font-size: 17px; } }

@media screen and (max-width: 822px) {
  #landing_abonos.plan .title {
    font-size: 25px;
    margin-top: 30px;
  }
  header .menuEstacion {
    padding-left: 0;
  }
}

@media screen and (max-width: 800px) {
  /*html { font-size:50%;}*/
  /************************Landing Abonos**************************/
  #landing_abonos .lista_planes .plan .plan_datos .precio .precio_desde strong {
    padding-left: 5px;
  }
  #landing_abonos.landingOfertas .title {
    margin: 0;
    padding: 25px 0 30px 0;
  }
  /************************fin Landing Abonos**************************/
  /************************Landing Ofertas**************************/
  .landingOfertas .lista_planes .plan .plan_definicion .boxRight {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    padding-left: 4%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    margin-top: 15px; }
  .landingOfertas .lista_planes .plan .plan_definicion .boxLeft {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 150px;
    overflow: hidden; }
  .landingOfertas .lista_planes .plan .plan_definicion .boxLeft img {
    width: 100%;
    margin-top: -21%; }
   #landing_abonos.landingOfertas .title {
    margin: 0;
    padding: 25px 0 30px 0;
  }
  #landing_abonos .contacto br,
  .contacto.green br {
    display: none;
  }
  #landing_abonos .contacto {
    /*margin: -50px 0 0 0;*/
  }
  .contenido .unaColum.compraForfaitNinos {
    padding: 30px !important; }
  /************************fin Landing Ofertas**************************/
  /************************Landing Forfaits**************************/
  .landingForfait .selecForfait .precio .precio_iva {
    padding: 28px 37px;
    width: 100%; }
  .landingForfait .selecForfait .precio .btnRosa {
    width: 100%;
    margin: 0; }
  .landingForfait .selectores .personas .paramBusquedaNinos.destino {
    width: 100%; }
  .landingForfait .selectores .personas .paramBusquedaNinos.destino select {
    width: 100%; }
  .landingForfait .selectores .personas .paramBusquedaEntradas.destino {
    width: 100%; }
  .landingForfait .selectores .personas .paramBusquedaEntradas.destino select {
    width: 100%; }
  .landingForfait .selectores .personas p {
    width: 49.7%; }
  /************************fin Landing Forfaits**************************/
  /*********************** Confirmacion de Reserva***********************/
  .contenido .unaColum.cupos.confirmacion {
    padding: 1.5% 30px !important; }
  .confirmacion .contacto {
    width: 100%; }
  .confirmacion .title {
    margin-top: 20px; }
  .confirmacion .cuerpo {
    margin-top: 60px; }
  .confirmacion .datosPersonales {
    width: 100%; }
  .confirmacion .pasos p.green {
    margin: -15px 0 5% 0;
    width: 100%; }
  .confirmacion .pasos {
    width: 100%;
    float: none;
    margin-bottom: 1em;
    margin-left: 0;
    margin-top: 27px; }
  #cajaDestacadosImg .bloqueDestacado .webcamImg .infoTxt h2 {
    font-size: 15px;
    font-size: 1.5rem; }
  #cajaDestacadosImg .bloqueDestacado .webcamImg .infoTxt {
    min-height: inherit; } }

@media all and (max-width: 769px) {
  body.aramon.fondoEstatico {
    background: url(../images/slider/fondoAramon.jpg) no-repeat center top; }
  body.interior {
    background: none; }
    body.interior .wrap {
      margin-top: 0px; }
  #wrap .sliderContent {
    height: 100% !important;
    display: none; }
  /*HOME*/
  header {
    width: 100%;
    height: auto !important;
    position: relative; }
    header .barMenus {
      background: white; }
      header .barMenus #contLogo {
        width: 100%;
        margin-left: 0;
        display: block;
        text-align: left;
        background-color: #fff;
        padding: 15px 10px; }
        header .barMenus #contLogo #logoaramon,
        header .barMenus #contLogo #logoformigal-panticosa,
        header .barMenus #contLogo #logocerler,
        header .barMenus #contLogo #logojavalambre-valdelinares {
          display: inline-block;
          width: 100%;
          max-width: 280px;
          vertical-align: middle; }
        header .barMenus #contLogo #logoaramon {
          background: transparent url(../images/logo-estacion-aramon.svg) 10px center no-repeat;
          background-size: 65%;
          display: inline-block;
          top: 33px;
          position: absolute; }
        header .barMenus #contLogo #logoformigal-panticosa {
          background: transparent url(../images/logo-estacion-formigal-panticosa.svg) 10px center no-repeat;
          background-size: 90%;
          position: absolute;
          top: 74px; }
        header .barMenus #contLogo #logocerler {
          background: transparent url(../images/logo-estacion-cerler.svg) 10px center no-repeat;
          background-size: 70%;
          position: absolute;
          width: 82%;
          top: 31px;
          position: absolute; }
        header .barMenus #contLogo #logojavalambre-valdelinares {
          background: transparent url(../images/logo-estacion-javalambre.svg) 10px center no-repeat;
          background-size: 90%;
          position: absolute;
          top: 33px; }
        header .barMenus #contLogo .iconMenuResponsive {
          display: inline-block;
          width: 10%;
          background-size: auto;
          background-position: center center;
          float: right;
          margin-top: 4px; }
    header .menuEstacion {
      margin-top: 0 !important;
      padding-left: 0;
      text-align: center;
      position: absolute;
      z-index: 9999;
      width: 100%;
      height: inherit; }
      header .menuEstacion ul.contMenu {
        display: none;
        background: #fff;
        padding: 0; }
        header .menuEstacion ul.contMenu .item {
          display: block;
          width: 100%;
          vertical-align: middle;
          border-bottom: 1px solid #000000;
          font-size: 25px;
          font-size: 2.5rem;
          color: #000000;
          padding: 20px 0;
          height: inherit; }
          header .menuEstacion ul.contMenu .item span {
            border-left: 0; }
        header .menuEstacion ul.contMenu > li > span {
          display: block;
          padding: 15px 0;
          border-left: 0; }
        header .menuEstacion ul.contMenu > li ul.subMenu {
          position: relative;
          float: none;
          width: 100%;
          top: inherit !important;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-shadow: none;
          box-shadow: none;
          padding: 0;
          margin: 10px 0 0;
          background: #dedede;
          border-top: 5px solid #c19443; }
          header .menuEstacion ul.contMenu > li ul.subMenu li a {
            display: block;
            width: 100%;
            border-left: 0;
            padding: 10px 0;
            color: black;
            float: none;
            font-size: 30px;
            font-size: 3rem; }
          header .menuEstacion ul.contMenu > li ul.subMenu li:hover {
            background: #dee755; }
        header .menuEstacion ul.contMenu > li span a {
          font-size: 30px;
          font-size: 3rem; }
        header .menuEstacion ul.contMenu > li.submenuActive {
          background: transparent; }
    header nav#seleccionPistas {
      width: 270px; }
      header nav#seleccionPistas h2.textoIntro {
        text-align: left;
        padding: 0 30px 0 15px; }
      header nav#seleccionPistas ul#selectSiteHome li {
        padding: 5px 0;
        font-size: 25px;
        font-size: 2.5rem; }
        header nav#seleccionPistas ul#selectSiteHome li a {
          padding: 13px 10px 15px 20px; }
    header nav#seleccionIdiomas {
      float: none;
      width: 100%;
      background: #353536 none repeat scroll 0% 0%; }
      header nav#seleccionIdiomas h2.textoIntro {
        color: #afafaf;
        border-top: 1px solid #afafaf;
        width: 100%;
        padding: 18px 0px 14px 20px; }
        header nav#seleccionIdiomas h2.textoIntro:after {
          background: transparent url("../images/flechaDown-blanco.svg") no-repeat scroll 0% 0%/100% auto; }
      header nav#seleccionIdiomas ul#selectSiteHome {
        background: rgba(53, 53, 54, 0.91) none repeat scroll 0% 0%; }
        header nav#seleccionIdiomas ul#selectSiteHome li:hover {
          background: rgba(15, 15, 15, 0.9) none repeat scroll 0% 0%; }
        header nav#seleccionIdiomas ul#selectSiteHome li a {
          color: #fff; }
          header nav#seleccionIdiomas ul#selectSiteHome li a:hover {
            font-weight: bold; }
    header .idiomas li a.especialTXT {
      font-size: 24px;
      font-size: 2.4rem; }
  #widgetForfait.tab1, #widgetForfait.tab2, #widgetForfait.tab3, #widgetForfait.tab4 {
    width: 90%;
    right: 0;
    top: 0;
    position: relative;
    margin: 0 auto;
    display: block;
    z-index: 999;
    margin-bottom: 25px;
    padding-top: 20px;
    height: auto; }
    #widgetForfait.tab1 > div#widget0,
    #widgetForfait.tab1 > div#widget1,
    #widgetForfait.tab1 > div#widget2,
    #widgetForfait.tab1 > div#widget3, #widgetForfait.tab2 > div#widget0,
    #widgetForfait.tab2 > div#widget1,
    #widgetForfait.tab2 > div#widget2,
    #widgetForfait.tab2 > div#widget3, #widgetForfait.tab3 > div#widget0,
    #widgetForfait.tab3 > div#widget1,
    #widgetForfait.tab3 > div#widget2,
    #widgetForfait.tab3 > div#widget3, #widgetForfait.tab4 > div#widget0,
    #widgetForfait.tab4 > div#widget1,
    #widgetForfait.tab4 > div#widget2,
    #widgetForfait.tab4 > div#widget3 {
      background: rgba(255, 255, 255, 0.85);
      border-right: none;
      width: 100% !important;
      height: auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 2px;
      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
      border-radius: 3px; }
      #widgetForfait.tab1 > div#widget0:hover .icon,
      #widgetForfait.tab1 > div#widget1:hover .icon,
      #widgetForfait.tab1 > div#widget2:hover .icon,
      #widgetForfait.tab1 > div#widget3:hover .icon, #widgetForfait.tab2 > div#widget0:hover .icon,
      #widgetForfait.tab2 > div#widget1:hover .icon,
      #widgetForfait.tab2 > div#widget2:hover .icon,
      #widgetForfait.tab2 > div#widget3:hover .icon, #widgetForfait.tab3 > div#widget0:hover .icon,
      #widgetForfait.tab3 > div#widget1:hover .icon,
      #widgetForfait.tab3 > div#widget2:hover .icon,
      #widgetForfait.tab3 > div#widget3:hover .icon, #widgetForfait.tab4 > div#widget0:hover .icon,
      #widgetForfait.tab4 > div#widget1:hover .icon,
      #widgetForfait.tab4 > div#widget2:hover .icon,
      #widgetForfait.tab4 > div#widget3:hover .icon {
        margin-top: 0 !important; }
      #widgetForfait.tab1 > div#widget0:hover .titulo,
      #widgetForfait.tab1 > div#widget1:hover .titulo,
      #widgetForfait.tab1 > div#widget2:hover .titulo,
      #widgetForfait.tab1 > div#widget3:hover .titulo, #widgetForfait.tab2 > div#widget0:hover .titulo,
      #widgetForfait.tab2 > div#widget1:hover .titulo,
      #widgetForfait.tab2 > div#widget2:hover .titulo,
      #widgetForfait.tab2 > div#widget3:hover .titulo, #widgetForfait.tab3 > div#widget0:hover .titulo,
      #widgetForfait.tab3 > div#widget1:hover .titulo,
      #widgetForfait.tab3 > div#widget2:hover .titulo,
      #widgetForfait.tab3 > div#widget3:hover .titulo, #widgetForfait.tab4 > div#widget0:hover .titulo,
      #widgetForfait.tab4 > div#widget1:hover .titulo,
      #widgetForfait.tab4 > div#widget2:hover .titulo,
      #widgetForfait.tab4 > div#widget3:hover .titulo {
        background: #007f70;
        color: #fff; }
      #widgetForfait.tab1 > div#widget0:hover .destacado,
      #widgetForfait.tab1 > div#widget1:hover .destacado,
      #widgetForfait.tab1 > div#widget2:hover .destacado,
      #widgetForfait.tab1 > div#widget3:hover .destacado, #widgetForfait.tab2 > div#widget0:hover .destacado,
      #widgetForfait.tab2 > div#widget1:hover .destacado,
      #widgetForfait.tab2 > div#widget2:hover .destacado,
      #widgetForfait.tab2 > div#widget3:hover .destacado, #widgetForfait.tab3 > div#widget0:hover .destacado,
      #widgetForfait.tab3 > div#widget1:hover .destacado,
      #widgetForfait.tab3 > div#widget2:hover .destacado,
      #widgetForfait.tab3 > div#widget3:hover .destacado, #widgetForfait.tab4 > div#widget0:hover .destacado,
      #widgetForfait.tab4 > div#widget1:hover .destacado,
      #widgetForfait.tab4 > div#widget2:hover .destacado,
      #widgetForfait.tab4 > div#widget3:hover .destacado {
        color: #000;
        font-size: 50px;
        font-size: 5rem; }
      #widgetForfait.tab1 > div#widget0.active .destacado,
      #widgetForfait.tab1 > div#widget1.active .destacado,
      #widgetForfait.tab1 > div#widget2.active .destacado,
      #widgetForfait.tab1 > div#widget3.active .destacado, #widgetForfait.tab2 > div#widget0.active .destacado,
      #widgetForfait.tab2 > div#widget1.active .destacado,
      #widgetForfait.tab2 > div#widget2.active .destacado,
      #widgetForfait.tab2 > div#widget3.active .destacado, #widgetForfait.tab3 > div#widget0.active .destacado,
      #widgetForfait.tab3 > div#widget1.active .destacado,
      #widgetForfait.tab3 > div#widget2.active .destacado,
      #widgetForfait.tab3 > div#widget3.active .destacado, #widgetForfait.tab4 > div#widget0.active .destacado,
      #widgetForfait.tab4 > div#widget1.active .destacado,
      #widgetForfait.tab4 > div#widget2.active .destacado,
      #widgetForfait.tab4 > div#widget3.active .destacado {
        color: #000;
        font-size: 50px;
        font-size: 5rem; }
      #widgetForfait.tab1 > div#widget0 .icon,
      #widgetForfait.tab1 > div#widget1 .icon,
      #widgetForfait.tab1 > div#widget2 .icon,
      #widgetForfait.tab1 > div#widget3 .icon, #widgetForfait.tab2 > div#widget0 .icon,
      #widgetForfait.tab2 > div#widget1 .icon,
      #widgetForfait.tab2 > div#widget2 .icon,
      #widgetForfait.tab2 > div#widget3 .icon, #widgetForfait.tab3 > div#widget0 .icon,
      #widgetForfait.tab3 > div#widget1 .icon,
      #widgetForfait.tab3 > div#widget2 .icon,
      #widgetForfait.tab3 > div#widget3 .icon, #widgetForfait.tab4 > div#widget0 .icon,
      #widgetForfait.tab4 > div#widget1 .icon,
      #widgetForfait.tab4 > div#widget2 .icon,
      #widgetForfait.tab4 > div#widget3 .icon {
        display: none; }
      #widgetForfait.tab1 > div#widget0 .titulo,
      #widgetForfait.tab1 > div#widget1 .titulo,
      #widgetForfait.tab1 > div#widget2 .titulo,
      #widgetForfait.tab1 > div#widget3 .titulo, #widgetForfait.tab2 > div#widget0 .titulo,
      #widgetForfait.tab2 > div#widget1 .titulo,
      #widgetForfait.tab2 > div#widget2 .titulo,
      #widgetForfait.tab2 > div#widget3 .titulo, #widgetForfait.tab3 > div#widget0 .titulo,
      #widgetForfait.tab3 > div#widget1 .titulo,
      #widgetForfait.tab3 > div#widget2 .titulo,
      #widgetForfait.tab3 > div#widget3 .titulo, #widgetForfait.tab4 > div#widget0 .titulo,
      #widgetForfait.tab4 > div#widget1 .titulo,
      #widgetForfait.tab4 > div#widget2 .titulo,
      #widgetForfait.tab4 > div#widget3 .titulo {
        position: relative;
        display: inline-block;
        width: 100%;
        vertical-align: middle;
        bottom: auto;
        left: auto;
        padding: 20px 0;
        border-radius: 3px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 40px;
        font-size: 4rem; }
      #widgetForfait.tab1 > div#widget0 .contForfait,
      #widgetForfait.tab1 > div#widget1 .contForfait,
      #widgetForfait.tab1 > div#widget2 .contForfait,
      #widgetForfait.tab1 > div#widget3 .contForfait, #widgetForfait.tab2 > div#widget0 .contForfait,
      #widgetForfait.tab2 > div#widget1 .contForfait,
      #widgetForfait.tab2 > div#widget2 .contForfait,
      #widgetForfait.tab2 > div#widget3 .contForfait, #widgetForfait.tab3 > div#widget0 .contForfait,
      #widgetForfait.tab3 > div#widget1 .contForfait,
      #widgetForfait.tab3 > div#widget2 .contForfait,
      #widgetForfait.tab3 > div#widget3 .contForfait, #widgetForfait.tab4 > div#widget0 .contForfait,
      #widgetForfait.tab4 > div#widget1 .contForfait,
      #widgetForfait.tab4 > div#widget2 .contForfait,
      #widgetForfait.tab4 > div#widget3 .contForfait {
        position: relative;
        float: left;
        width: 100%;
        top: 0;
        padding: 30px 15px 20px 15px; }
        #widgetForfait.tab1 > div#widget0 .contForfait .botonCTA,
        #widgetForfait.tab1 > div#widget1 .contForfait .botonCTA,
        #widgetForfait.tab1 > div#widget2 .contForfait .botonCTA,
        #widgetForfait.tab1 > div#widget3 .contForfait .botonCTA, #widgetForfait.tab2 > div#widget0 .contForfait .botonCTA,
        #widgetForfait.tab2 > div#widget1 .contForfait .botonCTA,
        #widgetForfait.tab2 > div#widget2 .contForfait .botonCTA,
        #widgetForfait.tab2 > div#widget3 .contForfait .botonCTA, #widgetForfait.tab3 > div#widget0 .contForfait .botonCTA,
        #widgetForfait.tab3 > div#widget1 .contForfait .botonCTA,
        #widgetForfait.tab3 > div#widget2 .contForfait .botonCTA,
        #widgetForfait.tab3 > div#widget3 .contForfait .botonCTA, #widgetForfait.tab4 > div#widget0 .contForfait .botonCTA,
        #widgetForfait.tab4 > div#widget1 .contForfait .botonCTA,
        #widgetForfait.tab4 > div#widget2 .contForfait .botonCTA,
        #widgetForfait.tab4 > div#widget3 .contForfait .botonCTA {
          font-size: 45px;
          font-size: 4.5rem; }
      #widgetForfait.tab1 > div#widget0.active .titulo,
      #widgetForfait.tab1 > div#widget1.active .titulo,
      #widgetForfait.tab1 > div#widget2.active .titulo,
      #widgetForfait.tab1 > div#widget3.active .titulo, #widgetForfait.tab2 > div#widget0.active .titulo,
      #widgetForfait.tab2 > div#widget1.active .titulo,
      #widgetForfait.tab2 > div#widget2.active .titulo,
      #widgetForfait.tab2 > div#widget3.active .titulo, #widgetForfait.tab3 > div#widget0.active .titulo,
      #widgetForfait.tab3 > div#widget1.active .titulo,
      #widgetForfait.tab3 > div#widget2.active .titulo,
      #widgetForfait.tab3 > div#widget3.active .titulo, #widgetForfait.tab4 > div#widget0.active .titulo,
      #widgetForfait.tab4 > div#widget1.active .titulo,
      #widgetForfait.tab4 > div#widget2.active .titulo,
      #widgetForfait.tab4 > div#widget3.active .titulo {
        color: #353536;
        background: white;
        font-size: 40px;
        font-size: 4rem; }
        #widgetForfait.tab1 > div#widget0.active .titulo:after,
        #widgetForfait.tab1 > div#widget1.active .titulo:after,
        #widgetForfait.tab1 > div#widget2.active .titulo:after,
        #widgetForfait.tab1 > div#widget3.active .titulo:after, #widgetForfait.tab2 > div#widget0.active .titulo:after,
        #widgetForfait.tab2 > div#widget1.active .titulo:after,
        #widgetForfait.tab2 > div#widget2.active .titulo:after,
        #widgetForfait.tab2 > div#widget3.active .titulo:after, #widgetForfait.tab3 > div#widget0.active .titulo:after,
        #widgetForfait.tab3 > div#widget1.active .titulo:after,
        #widgetForfait.tab3 > div#widget2.active .titulo:after,
        #widgetForfait.tab3 > div#widget3.active .titulo:after, #widgetForfait.tab4 > div#widget0.active .titulo:after,
        #widgetForfait.tab4 > div#widget1.active .titulo:after,
        #widgetForfait.tab4 > div#widget2.active .titulo:after,
        #widgetForfait.tab4 > div#widget3.active .titulo:after {
          display: none; }
    #widgetForfait.tab1 div.separacion, #widgetForfait.tab2 div.separacion, #widgetForfait.tab3 div.separacion, #widgetForfait.tab4 div.separacion {
      display: none; }
  /** WIDGET TIEMPO **/
  #wrap #widgetTiempo {
    display: none; }
  #wrap #widCams {
    display: none !important; }
  #widgetTiempo {
    display: block;
    width: 100%;
    height: 80px;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    bottom: 0;
    z-index: 20000000000000000000; }
    #widgetTiempo .contItems {
      display: block;
      margin: 0 auto;
      height: 100%;
      width: auto;
      max-width: 810px;
      text-align: center; }
      #widgetTiempo .contItems li,
      #widgetTiempo .contItems a {
        display: inline-block;
        cursor: pointer;
        vertical-align: middle;
        width: 24.5%;
        height: 100%;
        font-size: 0;
        text-decoration: none; }
        #widgetTiempo .contItems li span.contIcono,
        #widgetTiempo .contItems a span.contIcono {
          float: left;
          padding: 20px 0 0 15%;
          height: 100%;
          display: block;
          width: 45%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box; }
        #widgetTiempo .contItems li span.dato,
        #widgetTiempo .contItems a span.dato {
          float: left;
          width: 50%;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          font-family: Arial;
          font-size: 24px;
          font-size: 2.4rem;
          color: #fff;
          padding: 20px 0 0 10px;
          box-sizing: border-box;
          text-align: left; }
          #widgetTiempo .contItems li span.dato .small,
          #widgetTiempo .contItems a span.dato .small {
            font-size: 18px;
            font-size: 1.8rem; }
        #widgetTiempo .contItems li span.descripcion,
        #widgetTiempo .contItems a span.descripcion {
          float: left;
          width: 40%;
          font-family: Arial;
          font-size: 14px;
          font-size: 1.4rem;
          padding: 2px 0 0 10px;
          text-decoration: none;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          text-align: left;
          color: #a8aeae; }
        #widgetTiempo .contItems li:last-child,
        #widgetTiempo .contItems a:last-child {
          border-right: 0; }
        #widgetTiempo .contItems li.contEspesor .contIcono, #widgetTiempo .contItems li.contWebcams .contIcono, #widgetTiempo .contItems li.contRemontes .contIcono, #widgetTiempo .contItems li.contTiempo .contIcono,
        #widgetTiempo .contItems a.contEspesor .contIcono,
        #widgetTiempo .contItems a.contWebcams .contIcono,
        #widgetTiempo .contItems a.contRemontes .contIcono,
        #widgetTiempo .contItems a.contTiempo .contIcono {
          width: 30%;
          padding-left: 10%; }
        #widgetTiempo .contItems li.contEspesor span.dato, #widgetTiempo .contItems li.contWebcams span.dato, #widgetTiempo .contItems li.contRemontes span.dato, #widgetTiempo .contItems li.contTiempo span.dato,
        #widgetTiempo .contItems a.contEspesor span.dato,
        #widgetTiempo .contItems a.contWebcams span.dato,
        #widgetTiempo .contItems a.contRemontes span.dato,
        #widgetTiempo .contItems a.contTiempo span.dato {
          width: 70%; }
  #cajaBannersCentrales {
    width: 100%; }
    #cajaBannersCentrales a.bannerCentral {
      width: 100%; }
      #cajaBannersCentrales a.bannerCentral span.texto {
        width: 100%; }
  .secActividades {
    font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif; }
    .secActividades .conFecha h1 {
      font-size: 24px;
      font-size: 2.4rem; }
  #cajaBannersSecundarios {
    margin-top: 10px; }
    #cajaBannersSecundarios .banner {
      width: 100%;
      padding: 0 !important;
      margin-bottom: 15px; }
      #cajaBannersSecundarios .banner .cover {
        left: 0 !important;
        right: 0 !important;
        white-space: normal; }
  #agenda {
    margin-top: 15px;
    padding: 0 0 20px 0; }
    #agenda .listaAgenda,
    #agenda .bannerAgenda {
      width: 100%; }
  #wrap #widgetTiempo .contItems li span.dato,
  #wrap #widgetTiempo .contItems #wrap #widgetTiempo .contItems a span.dato {
    font-size: 20px;
    font-size: 2rem; }
  #wrap #widgetTiempo .contItems li span.contIcono,
  #wrap #widgetTiempo .contItems #wrap #widgetTiempo .contItems a span.contIcono {
    width: 40%;
    padding-left: 20%; }
  #wrap #widgetTiempo .contItems a span.dato,
  #wrap #widgetTiempo .contItems a span.descripcion {
    padding-left: 0; }
  #wrap #widgetTiempo .contItems a span.descripcion,
  #wrap #widgetTiempo .contItems a span.dato {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px; }
  /*Footer*/
  footer #datosContacto .columna {
    display: block;
    width: 100%;
    text-align: center;
    border-right: 0;
    border-bottom: 1px solid #7e8319;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  footer #datosContacto .dato {
    padding-top: 5px; }
  footer #datosContacto .titulo {
    min-height: auto; }
  footer #datosContacto .fila2 {
    margin-top: 14px; }
  footer #datosContacto #redesSociales a {
    width: 30px;
    height: 30px;
    margin: 5px 2.5%; }
  footer #datosContacto #menuCorporativo {
    padding-left: 0; }
  footer #datosContacto .columna ul li {
    width: 100%; }
  footer #datosContacto #app a.ios,
  footer #datosContacto #app a.android {
    background-size: 90%;
    width: 135px; }
  .contenido {
    /*PARTE DE NIEVE*/
    /*Landing abonos*/
    /*PROCESO DE COMPRA*/
    /*COMPLETA TU VIAJE*/
    /*Tarifas forfaits*/
    /*landingAlquileres*/
    /************************Landing Forfaits**************************/ }
    .contenido .parteNieve table.remontes {
      width: 100%;
      float: left;
      margin-bottom: -1px; }
    .contenido .parteNieve table + table.remontes.pistas {
      margin-top: 20px; }
    .contenido .parteNieve table.remontes {
      width: 100%;
      float: left;
      margin-bottom: -1px; }
    .contenido .parteNieve table + table.remontes.pistas {
      margin-top: 20px; }
    .contenido .parteNieve .bloques:first-child img {
      display: block;
      margin: 0 auto;
      width: auto !important;
      height: 50px; }
    .contenido .parteNieve .bloques .parte.remontes p.info_remontes,
    .contenido .parteNieve .bloques .parte.abiertos p.info_abiertos,
    .contenido .parteNieve .bloques .parte.km p.info_km,
    .contenido .parteNieve .bloques .parte.clima p.info_clima {
      height: auto; }
    .contenido .parteNieve .bloques.meteorologia h2 {
      text-align: center;
      width: 100%; }
    .contenido .parteNieve .bloques.meteorologia h2 .img {
      margin: 0 auto 10px; }
    .contenido #landing_abonos .lista_planes .plan .plan_datos .precio .precio_desde,
  .contenido #landing_abonos .lista_planes .plan .plan_datos .precio .donde {
    padding: 5px 0 0 15px;
  }
  .contenido #landing_abonos .lista_planes .plan .plan_datos .comprar_ahora {
    margin-left: 15px;
  }
  .contenido #landing_abonos .lista_planes .plan .plan_datos .precio .precio_euros,
  .contenido #landing_abonos .lista_planes .plan .plan_datos .precio .precio_desde strong {
    display: block;
    padding: 0;
    text-align: center;
  }
  .contenido #landing_abonos .title {
    font-size: 40px;
    /*width: 58%;*/
  }
    .contenido .landingForfait .selecForfait .principal {
      float: left;
      width: 100%; }
    .contenido .landingForfait .imagen {
      width: 0%; }
    .contenido .compraForfait .h1LandingForfatit {
      color: #ffffff;
      width: 100%; }
    .contenido .landingForfait .selecForfait {
      margin-left: 0px; }
    .contenido .compraForfait .landingForfait .selecForfait {
      max-width: 736px; }
    .contenido .compraForfait .landingForfait .principal {
      padding: 0; }
    .contenido .compraForfait h2.resp-accordion {
      float: none;
      margin-bottom: 0;
      background-color: #3c9d89;
      color: #fff;
      border: none;
      padding: 15px 15px; }
      .contenido .compraForfait h2.resp-accordion:first-child {
        border-top: 1px solid #3c9d89 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.36); }
      .contenido .compraForfait h2.resp-accordion .resp-arrow {
        width: 0;
        height: 0;
        float: right;
        margin-top: 6px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 20px solid #fff; }
      .contenido .compraForfait h2.resp-accordion a {
        color: #fff;
        text-decoration: none; }
    .contenido .compraForfait h2.resp-tab-active {
      background: transparent;
      border: 0 !important; }
    .contenido .compraForfait .selecDias,
    .contenido .compraForfait .sinFecha .radio {
      float: none;
      width: 100%; }
    .contenido .compraForfait .selecForfait {
      float: none;
      margin-left: 2%;
      max-width: 430px;
      width: 98%;
      margin-top: 10px;
      clear: left; }
    .contenido .compraForfait .cuerpo .sinFecha .radio {
      padding: 3% 0 0%; }
    .contenido .compraForfait .sinFecha .radio label:before {
      top: 0; }
    .contenido .compraForfait .sinFecha .radio label {
      line-height: 1em; }
    .contenido .compraForfait .cuerpo > .radio label {
      margin-bottom: 7px; }
    .contenido .compraForfait .ui-datepicker-calendar td,
    .contenido .compraForfait .ui-datepicker-calendar td:first-child {
      border: 1px solid white; }
    .contenido .compraForfait table {
      border-collapse: collapse; }
    .contenido .completaViaje .datosPersonales {
      width: 100%; }
    .contenido .completaViaje .datosPersonales input[type="text"],
    .contenido .completaViaje .datosPersonales input.small[type="text"] {
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box; }
    .contenido .completaViaje .precio .btnRosa {
      padding: 0.5em 2em;
      text-align: center;
      width: 100%;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box; }
    .contenido .completaViaje .selectores {
      background-size: 100% auto; }
    .contenido .completaViaje .selecForfait {
      margin-left: 0;
      margin-bottom: 10px; }
    .contenido .contenido .tarifas img.alinDerecha {
      float: none;
      margin: 0 auto;
      max-width: 100%; }
    .contenido .contenido .tarifas h2 {
      margin-top: 1em; }
    .contenido .landingAlquileres .opciones {
      width: 100%;
      margin-bottom: 1.5%; }
    .contenido .landingAlquileres .pasos .txt {
      width: 100%; }
    .contenido .landingAlquileres .pasos {
      min-width: 300px;
      padding: 2.5%; }
    .contenido .landingAlquileres .pasos p {
      float: none;
      text-align: center; }
    .contenido .landingAlquileres .paramBusqueda .ui-datepicker-trigger {
      margin-left: 5px;
      vertical-align: middle; }
    .contenido .landingAlquileres .precio {
      min-width: 267px; }
    .contenido .landingAlquileres .precio .btnRosa {
      float: right; }
    .contenido .landingForfait .selectores .personas .paramBusquedaNinos.destino {
      width: 100%; }
    .contenido .landingForfait .selectores .personas .paramBusquedaNinos.destino select {
      width: 100%; }
    .contenido .landingForfait .selectores .personas .paramBusquedaEntradas.destino {
      width: 100%; }
    .contenido .landingForfait .selectores .personas .paramBusquedaEntradas.destino select {
      width: 100%; }
    .contenido .landingForfait .paramBusqueda input {
      width: 94%; }
    .contenido .landingForfait .selectores .personas p {
      width: 49.8%; }
    .contenido .compraForfait .selecForfait {
      margin-left: 0;
      width: 100%;
      max-width: none; }
    .contenido .compraForfait .selectores {
      padding: 6%; }
    .contenido .compraForfait table td .ninos {
      width: 100%;
      right: 0;
      text-align: center;
      font-size: 12px; }
  /************************fin Landing Forfaits**************************/
  /***************************** PAGINAS INTERIORES ****************************/
  body.interior #widgetForfait.tab1, body.interior #widgetForfait.tab2, body.interior #widgetForfait.tab3, body.interior #widgetForfait.tab4 {
    display: none; }
  /***************************** POPUP GALLERY **********************************/
  .popup-gallery {
    text-align: center; }
    .popup-gallery .image-popup-no-margins img {
      width: 100%;
      height: auto; }
  /*eventosHome*/
  .eventosHome h2 a strong {
    font-size: 2.5rem; }
  .eventos .eventos-calendar {
    width: 100%; }
  /**********WEB CAMS***************/
  .webCams .enlacesWebCams {
    width: 100%;
    float: none;
    border-top: 0; }
  .webCams .enlacesWebCams .enlacesVideos a {
    display: inline-block;
    margin-right: 10px; }
  .webCams .enlacesWebCams #accordion h3 {
    font-size: 20px;
    font-size: 2rem;
    font-family: "Conv_GothamRnd-Light";
    font-weight: normal;
    padding: 0.5em 0 0.5em 10px;
    cursor: pointer; }
  .webCams .webCam {
    width: 100%;
    float: none; }
  .webCams .webCam iframe {
    display: block; }
  .webCams .enlacesWebCams #accordion h3.ui-state-active {
    cursor: inherit; }
  .webCams .enlacesWebCams #accordion div {
    padding: 5px 0; }
  .webCams .enlacesWebCams #accordion a {
    display: block;
    color: #fff;
    padding: 0.25em 0 0.25em 10px;
    line-height: 0; }
  /*idiomas*/
  .idiomaBox {
    right: 5%;
    top: 100px;
    width: 90%;
    padding: 0px;
    text-align: right; }
    .idiomaBox .idioma {
      width: 50%;
      display: inline-block; }
  body.interior.venta {
    /*.wrap {margin-top: 170px;}*/ }
  .cuentaAtras h1 {
    padding-top: 5em;
    font-size: 37px; }
  .contenido .compraForfait h2.resp-tab-active {
    display: none; }
  #cajaDestacadosImg .bloqueDestacado {
    margin: 3%;
    width: 94%;
    display: block; }
  #cajaDestacadosImg .bloqueDestacado .webcamImg .infoTxt h2 {
    font-size: 27px;
    font-size: 2.7rem; }
  .cuentaAtras.nombreEspecial .logo {
    top: 190px; }
  .cuentaAtras.nombreEspecial h1 + p {
    margin: 30px 0; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .cajaNombre {
    width: 100%;
    display: block;
    border-radius: 9px 0 0 0;
    padding: 15px; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .contTexto {
    display: inline-block;
    width: 40%;
    border-radius: 0 0 0 9px;
    border-top: none;
    border-left: 4px solid #c9d100; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .camposSelectores {
    display: inline-block;
    width: 60%;
    border-left: 1px solid #cccbcb;
    border-right: 4px solid #c9d100;
    border-bottom: 4px solid #c9d100;
    border-top: none; }
  #widgetTiempo .contItems a span.txtVerde {
    color: #c6cf23;
    font-size: 15px;
    text-align: center;
    display: inline-block;
    margin-top: 23px;
    font-family: Arial;
    font-weight: bold; } }

@media only screen and (min-width: 768px) {
  .headerContent .tituloPag strong {
    display: inline; }
  .eventos ul.resp-tabs-list {
    display: block;
    width: 94%;
    display: block; }
  .webCams .selector-tab-responsive {
    display: none; }
  .webCams .itemsBar {
    display: block !important;
    padding: 1.4em !important; }
    .webCams .itemsBar:before {
      content: "";
      background: url(../images/ico-cam.svg) no-repeat center center;
      width: 50px;
      height: 50px;
      position: absolute;
      right: 10px;
      top: 25px; }
    .webCams .itemsBar li {
      display: inline-block;
      width: auto;
      margin: 15px 0 0 !important;
      border-right: 1px solid #007f70; }
      .webCams .itemsBar li.ui-state-hover, .webCams .itemsBar li.ui-tabs-active {
        background-color: #0f365e; }
        .webCams .itemsBar li.ui-state-hover a, .webCams .itemsBar li.ui-tabs-active a {
          color: white; }
      .webCams .itemsBar li a {
        color: #007f70;
        padding: 10px 25px !important;
        display: block;
        font-weight: normal !important;
        text-align: center; }
        .webCams .itemsBar li a:hover {
          color: white; }
      .webCams .itemsBar li:last-child {
        border-right: none; } }

@media all and (max-width: 765px) {
  .eventos .eventos-boxes .eventoBox-outer {
    width: 50%; }
  .eventos .eventos-boxes .eventoBox-outer:nth-child(2) {
    border-right: none; }
  .eventos .eventos-boxes .eventoBox-outer .eventoBox {
    padding: 1.4em;
    font-size: 1.6rem;
    color: #3a3a3a;
    line-height: 1.2em;
    min-height: 24.2em; }
  .eventos .eventos-boxes .eventoBox-outer a.ver-mas {
    width: 87%;
    margin: 0 auto; }
  .eventos .sinFecha.noticias .eventos-boxes {
    width: 100%; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer {
    width: 23rem;
    margin: 0 0.5rem; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer:first-child {
    margin: 0 0.5rem 0 0; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer .eventoBox {
    width: 21.6rem; } }

@media all and (max-width: 750px) {
  .cuentaAtras .formulario form p {
    width: 100%; }
  .cuentaAtras .formulario form label {
    width: 16%; }
  .cuentaAtras .formulario form input {
    width: 80%; }
  .cuentaAtras .ribbon {
    width: 90%; }
  .cuentaAtras h1 {
    font-size: 35px; }
  .mensaje h2.verde {
    font-size: 7vw; }
  .mensaje p {
    margin-bottom: 3em; }
  .contenido .recuadroPregunta ul li {
    min-height: 32px;
    width: 50%;
    text-align: left; }
  .contenido .recuadroPregunta .tituloPregunta {
    font-size: 18px; } }

@media screen and (max-width: 728px) {
  /*WIDGET HOME*/
  .widgetAbonoTabs .btn-comprar,
  .widgetAbonoTabs .btn-recargar {
    font-size: 19px; } }

@media screen and (max-width: 695px) {
  .impulso.sabana .contenedorTable .contenidoTd {
    display: block;
    width: auto;
    margin-bottom: 15px;
    width: 95%; }
  .impulso.sabana .contenedorTable .contenidoTd .accion {
    position: relative;
    display: inline-block;
    bottom: 0; }
  .impulso.sabana .contenedorTable .contenidoTd ul {
    margin: 25px 20px 35px; }
  .impulso.sabana .cuerpo {
    padding: 45px 20px; }
  .impulso.sabana .buscadorSabana .btn_continuar {
    width: 30%; }
  .cuentaAtras.nombreEspecial .wrap .ribbon .txt {
    font-size: 16px;
    vertical-align: top; }
  .formularioContactar .infoPersonal,
  .formularioContactar .mensaje li,
  .formularioContactar .estacionDesplegable,
  .formularioContactar .accionBtn {
    width: 100%; } }

/*Cambio a movil*/
@media all and (max-width: 685px) {
  #wrap #widgetTiempo {
    /*position: fixed; bottom:0; background: rgba(0, 0, 0, 0.85); z-index: 2000000;*/ }
    #wrap #widgetTiempo .contItems li span.contIcono,
    #wrap #widgetTiempo .contItems a span.contIcono {
      width: 30%;
      padding-left: 8%; }
  #wrap #widCams {
    display: none !important; }
  #wrap #widgetGenerico .contItems a span.dato {
    font-size: 18px;
    font-size: 1.8rem; }
  footer #datosContacto #menuCorporativo {
    padding-bottom: 100px; }
  body.interior footer #datosContacto #menuCorporativo {
    padding-bottom: 13px; } }

@media all and (max-width: 671px) {
  .contenido #landing_abonos .lista_planes .plan .plan_datos .comprar_ahora {
    margin-left: 5px;
  }
}

@media all and (max-width: 665px) {
  .degradado .grisImpulso {
    width: 100%;
    margin: 0; }
  .degradado .seleccion {
    margin: 0;
    width: 100%; }
  .btnImpulso {
    float: none;
    padding: 1em 1em; }
  .contenido .impulso .btnImpulso {
    margin: 2%; }
  .degradado .seleccion .seleccion .fechaCalendar {
    width: 114px; }
  .degradado .seleccion {
    border-left: none; }
  .cuentaAtras .precioDescendente span {
    background-size: 100% 100%;
    font-size: 65px;
    height: 91px;
    margin-left: 10px;
    width: 67px;
    padding-top: 12px; }
  .cuentaAtras .botonPuja {
    height: 90px;
    width: 37%;
    min-width: 190px; }
  .cuentaAtras .botonPuja span.text {
    font-size: 47px;
    padding: 0; }
  .cuentaAtras .precioDescendente span:after {
    height: 41px;
    left: 6px; } }

@media all and (max-width: 644px) {
  .cuentaAtras .step.uno:after,
  .cuentaAtras .step.dos:after {
    display: none; }
  .cuentaAtras .step {
    width: 33%; }
  .cuentaAtras .step.uno,
  .cuentaAtras .step.dos {
    padding-right: 0; }
  .cuentaAtras .ribbon {
    height: auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding-bottom: 7px; }
  .cuentaAtras .ribbon .txt {
    display: block; }
  .cuentaAtras .ribbon:after {
    display: none; }
  .cuentaAtras .precioDescendente span {
    background-size: 100% 100%;
    font-size: 56px;
    height: 91px;
    margin-left: 10px;
    width: 65px; }
  .cuentaAtras .precioDescendente span:after {
    height: 40px;
    width: 47px;
    left: 12px; }
  .pageForm.cuentaAtras .ribbon,
  .pageForm.cuentaAtras .ribbonBottom {
    display: none; } }

@media all and (max-width: 640px) {
  /* parte nieve */
  .parteNieve img.estadoNieveIcono,
  .parteNieve img.estadoRemontesIcono,
  .parteNieve img.especialesIcono {
    display: none; }
  .parteNieve div.estadoNieveWrap,
  .parteNieve div.estadoRemontesWrap,
  .parteNieve div.especialesWrap,
  .parteNieve ul.accesos {
    width: 100%; }
  .parteNieve ul.accesos li {
    margin-bottom: 10px; }
  /* remontes */
  .parteNieve div.estadoRemontesWrap ul li {
    width: 49%; }
  .parteNieve ul.leyendaRemontes {
    width: 100%; }
  .parteNieve ul.leyendaRemontes li {
    line-height: 1.2;
    margin: 5px 2% 0 0; }
  .parteNieve ul.leyendaRemontes li.border {
    margin-top: 10px; }
  /* pistas */
  .parteNieve div.estadoPistasWrap ul li {
    width: 49%;
    padding: 0 1% 0 4%; }
  .parteNieve ul.leyendaPistas {
    line-height: 1.2;
    margin: 10px 3% 1% 0; }
  .parteNieve ul.leyendaPistas li.dificultad {
    padding-left: 4%; }
  /* especiales */
  .parteNieve div.especialesWrap ul li {
    width: 49%; }
  .parteNieve ul.leyendaEspeciales {
    width: 100%; }
  .parteNieve ul.leyendaEspeciales li {
    line-height: 1.2;
    margin: 0 2% 0 0; }
  /******* LANDING ABONOS***************/
 #landing_abonos .lista_planes {
    padding: 135px 0 0;
    margin-bottom: 0;
  }
  #landing_abonos .lista_planes .plan .plan_definicion,
  #landing_abonos .lista_planes .plan .plan_datos {
    width: 100%;
    padding: 0;
  }
  #landing_abonos .lista_planes .plan .plan_datos .precio,
  #landing_abonos .lista_planes .plan .plan_definicion {
    min-height: 0;
  }
  #landing_abonos .title {
    font-size: 34px;
    width: 59%;
    /* float: right; */
    /* padding: 0px 0px 34px 50px; */
  }
  #landing_abonos.plan {
    padding: 30px;
  }
  #landing_abonos .lista_planes .plan .plan_datos {
    border: 0;
    float: none;
    margin: 0;
    width: 100%;
    min-height: initial;
  }
  #landing_abonos .lista_planes .plan .plan_definicion {
    padding: 30px;
  }
  #landing_abonos .ventajas .ventaja .ventaja_image img {
    max-width: 100%;
    height: 150px;
  }
  #landing_abonos .lista_planes .plan .plan_datos .precio .precio_desde,
  #landing_abonos .lista_planes .plan .plan_datos .precio .precioBox,
  #landing_abonos .lista_planes .plan .plan_datos .precio .donde {
    display: inline-block;
    float: none;
    width: auto;
    vertical-align: top;
  }
  #landing_abonos .contacto {
    padding: 0 0 10px 20px;
    font-size: 12px;
  }
  #landing_abonos .lista_planes .plan .plan_datos .precio .donde {
    padding-bottom: 0;
  }
  #landing_abonos.plan .landing_abonos_plan_table_info_contratar {
    padding: 20px 2%;
    width: 96%;
  }
  .contenido #landing_abonos .lista_planes .plan .plan_datos .precio .precio_euros,
  .contenido #landing_abonos .lista_planes .plan .plan_datos .precio .precio_desde strong {
    display: inline-block;
  }
  .contenido #landing_abonos .lista_planes .plan .plan_datos .comprar_ahora {
    margin-left: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
  }
  /*Landing Ofertas*/
  #landing_abonos.landingOfertas .title {
    margin-top: auto;
    font-size: 35px;
    padding: 30px 0 20px 0;
  }
  .landingOfertas .lista_planes .plan .plan_definicion .boxLeft {
    height: 200px; }
  .landingOfertas .lista_planes .plan .plan_datos .seleccion span {
    width: auto; }
  .landingOfertas .lista_planes .plan .plan_datos .seleccion select {
    width: 25%; }
  #landing_abonos .contacto {
    margin: 0; }
  /************************Landing Forfaits**************************/
  .contenido .unaColum.compraForfait {
    padding: 20px 0 30px 0 !important; }
  .compraForfait .cabecera {
    padding: 3% 20px !important; }
  .compraForfait .cabecera h1 {
    margin: 0; }
  .compraForfait .cuerpo .radio#divRadioEstacion label {
    margin-right: 30px;
    margin-left: 0; }
  .compraForfait .resp-tabs-container {
    border: 3px solid #c7d400; }
  .compraForfait .contacto.green {
    padding: 0 0 20px 0; }
  .compraForfait .contacto.green br {
    display: none; }
  /************************fin Landing Forfaits**************************/
  /*.evento-detalle-centro { width: 39.1rem; }*/
  .eventos .sinFecha.noticias .eventos-boxes .eventoBox-outer:last-child {
    display: inline-block; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer {
    width: 32.4rem;
    margin: 0.5rem; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer:first-child {
    margin: 0.5rem; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer .eventoBox {
    width: 31rem; } }

@media all and (max-width: 620px) {
  #widgetTiempo .contItems a,
  #widgetTiempo .contItems a.contEspesor,
  #widgetTiempo .contItems a.contWebcams,
  #widgetTiempo .contItems a.contRemontes,
  #widgetTiempo .contItems a.contTiempo {
    width: 24%; }
    #widgetTiempo .contItems a span.contIcono,
    #widgetTiempo .contItems a.contEspesor span.contIcono,
    #widgetTiempo .contItems a.contWebcams span.contIcono,
    #widgetTiempo .contItems a.contRemontes span.contIcono,
    #widgetTiempo .contItems a.contTiempo span.contIcono {
      width: 28%;
      display: block;
      text-align: center;
      height: 40px;
      padding: 0;
      margin: 5px auto 0 auto;
      float: none; }
      #widgetTiempo .contItems a span.contIcono img,
      #widgetTiempo .contItems a.contEspesor span.contIcono img,
      #widgetTiempo .contItems a.contWebcams span.contIcono img,
      #widgetTiempo .contItems a.contRemontes span.contIcono img,
      #widgetTiempo .contItems a.contTiempo span.contIcono img {
        max-height: 100%; }
    #widgetTiempo .contItems a span.dato,
    #widgetTiempo .contItems a span.descripcion,
    #widgetTiempo .contItems a.contEspesor span.dato,
    #widgetTiempo .contItems a.contEspesor span.descripcion,
    #widgetTiempo .contItems a.contWebcams span.dato,
    #widgetTiempo .contItems a.contWebcams span.descripcion,
    #widgetTiempo .contItems a.contRemontes span.dato,
    #widgetTiempo .contItems a.contRemontes span.descripcion,
    #widgetTiempo .contItems a.contTiempo span.dato,
    #widgetTiempo .contItems a.contTiempo span.descripcion {
      padding: 2px 0;
      width: 100%;
      display: block;
      text-align: center; }
  #widgetTiempo .contEspesor img {
    padding-top: 5px; }
  #wrap #widgetGenerico .contItems a {
    width: 24%; }
    #wrap #widgetGenerico .contItems a span.descripcion {
      font-size: 12px;
      font-size: 1.2rem; }
    #wrap #widgetGenerico .contItems a span.dato {
      font-size: 14px;
      font-size: 1.4rem; }
  #cajaBannersCentrales {
    margin: 0 auto 0 auto; }
  .secActividades .selecDias table {
    width: 100%; }
  .impulso.sabana .contenedorTable .contenidoTd h3 {
    font-size: 23px;
    font-size: 2.3rem; } }

@media (min-width: 421px) and (max-width: 620px) {
  .cuentaAtras.nombreEspecial .wrap .steps span {
    text-align: center;
    height: 60px;
    width: 100%;
    display: block; }
  .cuentaAtras.nombreEspecial .wrap .steps p {
    font-size: 15px;
    display: block;
    text-align: center;
    width: 90%; } }

@media all and (max-width: 599px) {
  .parteNieve .bloques .parte {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px; }
  .parteNieve .bloques:first-child .parte {
    text-align: center; }
  .parteNieve .bloques:first-child img {
    display: inline-block; }
  .parteNieve .bloques .parte ul li {
    display: inline-block;
    float: none;
    font-size: 12px; }
  /*PROCESO DE COMPRA*/
  .contenido .compraForfait table td {
    margin: 0; }
    .contenido .compraForfait table td .adulto {
      font-size: 12px; }
    .contenido .compraForfait table td .ninos {
      font-size: 11px; }
  .contenido .compraForfait .resp-tab-content {
    background: white;
    border: 0;
    padding: 10px; }
  /*eventos*/
  .eventos .eventos-calendar {
    width: 100%;
    padding: 1rem 0 0; }
  .evento-detalle-derecha {
    float: none;
    width: 100%;
    margin: 0 auto;
    max-width: inherit; }
  .evento-detalle-centro {
    float: none;
    width: 100%; }
  .evento-detalle-derecha .evento-detalle-calendario {
    margin: 0; }
  .evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-fecha {
    float: left;
    width: 10rem; }
  .evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-fecha-dia {
    width: 5.5rem;
    text-align: right; }
  .evento-detalle-derecha .evento-detalle-listado .evento-detalle-listado-evento-titulo {
    clear: none; }
  .impulso.sabana .buscadorSabana .btn_continuar {
    width: 35%; }
  .impulso.sabana .buscadorSabana .contBuscador select {
    width: 36%; }
  .impulso.sabana .buscadorSabana .contBuscador .contFecha {
    width: 28%; }
  .impulso.sabana .buscadorSabana .contBuscador .contSelect {
    width: 28%;
    font-size: 1.35em;
    text-align: left; }
  .impulso.sabana .buscadorSabana {
    width: 96.5%; } }

@media all and (max-width: 580px) {
  header .barTop {
    height: 70px; }
    header .barTop nav#seleccionPistas {
      width: 100%;
      max-width: inherit;
      top: 25px; }
      header .barTop nav#seleccionPistas h2.textoIntro {
        padding: 10px 30px 10px 15px; }
  header .idiomas li {
    font-size: 15px;
    font-size: 1.5rem; }
  header .barMenus #contLogo #logoaramon,
  header .barMenus #contLogo #logocerler,
  header .barMenus #contLogo #logojavalambre-valdelinares {
    top: 72px !important; } }

@media all and (max-width: 567px) {
  body.javalambre-valdelinares #widgetForfait.tab3 > div .contForfait a,
  body.javalambre-valdelinares #widgetForfait.tab2 > div .contForfait a,
  body.javalambre-valdelinares #widgetForfait.tab1 > div .contForfait a,
  body.aramon #widgetForfait.tab3 > div .contForfait a,
  body.aramon #widgetForfait.tab2 > div .contForfait a,
  body.aramon #widgetForfait.tab1 > div .contForfait a,
  body.formigal-panticosa #widgetForfait.tab3 > div .contForfait a,
  body.formigal-panticosa #widgetForfait.tab2 > div .contForfait a,
  body.formigal-panticosa #widgetForfait.tab1 > div .contForfait a,
  body.cerler #widgetForfait.tab3 > div .contForfait a,
  body.cerler #widgetForfait.tab2 > div .contForfait a,
  body.cerler #widgetForfait.tab1 > div .contForfait a {
    padding: 10px 20px !important; }
    body.javalambre-valdelinares #widgetForfait.tab3 > div .contForfait a.botonCTA,
    body.javalambre-valdelinares #widgetForfait.tab2 > div .contForfait a.botonCTA,
    body.javalambre-valdelinares #widgetForfait.tab1 > div .contForfait a.botonCTA,
    body.aramon #widgetForfait.tab3 > div .contForfait a.botonCTA,
    body.aramon #widgetForfait.tab2 > div .contForfait a.botonCTA,
    body.aramon #widgetForfait.tab1 > div .contForfait a.botonCTA,
    body.formigal-panticosa #widgetForfait.tab3 > div .contForfait a.botonCTA,
    body.formigal-panticosa #widgetForfait.tab2 > div .contForfait a.botonCTA,
    body.formigal-panticosa #widgetForfait.tab1 > div .contForfait a.botonCTA,
    body.cerler #widgetForfait.tab3 > div .contForfait a.botonCTA,
    body.cerler #widgetForfait.tab2 > div .contForfait a.botonCTA,
    body.cerler #widgetForfait.tab1 > div .contForfait a.botonCTA {
      font-size: 17px;
      font-size: 1.7rem; }
  body.javalambre-valdelinares #widgetForfait.tab3 > div .contForfait span,
  body.aramon #widgetForfait.tab3 > div .contForfait span,
  body.formigal-panticosa #widgetForfait.tab3 > div .contForfait span,
  body.cerler #widgetForfait.tab3 > div .contForfait span {
    font-size: 13px;
    font-size: 1.3rem; }
  body.javalambre-valdelinares .fondoEstatico,
  body.aramon .fondoEstatico,
  body.formigal-panticosa .fondoEstatico,
  body.cerler .fondoEstatico {
    padding-bottom: 55px; }
  .impulso h2.txtVerde {
    font-size: 19px; }
  .impulso.sabana .cuerpo {
    padding: 20px 20px; }
  .impulso.sabana .contenedorTable {
    display: block; }
  .impulso.sabana .contenedorTable .contenidoTd h3 {
    padding: 15px 19px 15px;
    font-size: 2.5rem; }
  .impulso.sabana .headerTabla {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0px; }
  .impulso.sabana .headerTabla .th.link {
    padding: 15px 19px;
    font-size: 1.3rem;
    text-align: center;
    border-left: 4px solid #3c9d89;
    display: block;
    width: auto;
    border-right: 4px solid #3c9d89; }
  .impulso.sabana .headerTabla .th {
    width: 33.3%; }
  .impulso.sabana .headerTabla .th:nth-child(1) {
    border-left: 4px solid #3c9d89; }
  .impulso.sabana .headerTabla li .td:first-child {
    display: block;
    width: auto;
    border-right: 4px solid #3c9d89;
    display: block;
    padding: 0; }
  .impulso.sabana .headerTabla li .td {
    width: 33.33%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #3c9d89;
    vertical-align: top;
    padding: 8px 0; }
  .impulso.sabana .headerTabla li .td:nth-child(2) {
    border-left: 4px solid #3c9d89; }
  .impulso.sabana .headerTabla li .td.sinDispo {
    padding: 21px 0; }
  .impulso.sabana .footerTabla .btnRosa {
    width: 60%; }
  .impulso.sabana .headerTabla li .td p .estrellas {
    padding: 2px 0px 0px; }
  .impulso.sabana .headerTabla li.secundarios {
    display: block;
    border-bottom: none; }
  .impulso.sabana .headerTabla li.secundarios .headerTabla .th.link {
    display: none; }
  .impulso.sabana .headerTabla li .td .foto {
    padding: 5px; }
  .impulso.sabana .headerTabla.grande span.th {
    display: none; }
  .impulso.sabana .contenedorTable .contenidoTd ul li p a {
    font-size: 2.5rem; }
  .impulso.sabana .contenedorTable .contenidoTd ul li p .localidad {
    font-size: 1.7rem; }
  .impulso.sabana .contenedorTable .contenidoTd ul li .detalles {
    font-size: 3.5rem; } }

@media screen and (max-width: 550px) {
  .compraForfait .contacto.green {
    display: none; }
  .compraForfait .ui-datepicker-header {
    margin: 0 auto 10px; }
  .compraForfait .resp-tab-content {
    padding: 20px 35px; }
  .cuentaAtras.nombreEspecial .wrap h1 {
    margin-top: 0; } }

@media all and (min-width: 550px) {
  .tablaPujas .movil {
    display: none; } }

@media all and (max-width: 550px) {
  .cuentaAtras .step {
    width: 100%; }
  .cuentaAtras .steps span {
    font-size: 30px;
    vertical-align: top; }
  .cuentaAtras .steps {
    height: auto; }
  .tablaPujas .table.uno {
    border: 0; }
  .tablaPujas .table {
    display: none; }
  .tablaPujas .movil {
    width: 100%; }
  .pageForm.cuentaAtras .steps,
  .pageForm.cuentaAtras .bases {
    display: none; } }

@media screen and (max-width: 515px) {
  #landing_abonos .lista_planes .plan .plan_datos .precio .donde {
    text-align: left;
    padding-left: 25px;
  }
  #landing_abonos .lista_planes .plan .plan_datos .precio {
    padding: 15px 0 5px 0;
  }
  /*Landing Ofertas*/
  #landing_abonos.landingOfertas .title {
    font-size: 30px;
  }
  footer #partners .fam {
    position: relative;
    right: inherit;
    float: none; }
  footer #partners .atudem {
    position: relative;
    right: inherit;
    float: none; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .precioFF {
    display: block;
    border-radius: 0 0 9px 9px;
    width: 100%; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .contTexto {
    border-radius: 0; } }

@media all and (max-width: 501px) {
  .cuentaAtras .formulario form label {
    width: 100%;
    text-align: left;
    padding-bottom: 3px; }
  .cuentaAtras .formulario form input {
    width: 100%; }
  .cuentaAtras .botonPuja {
    min-width: 100%;
    margin-top: 20px; }
  .impulso.sabana .buscadorSabana .contBuscador {
    text-align: left;
    padding: 10px 20px; }
  .impulso.sabana .buscadorSabana .contBuscador select {
    width: 99%; }
  .impulso.sabana .buscadorSabana .contBuscador .contFecha {
    width: 49%;
    margin-top: 5px; }
  .impulso.sabana .buscadorSabana input {
    margin-left: 0px; }
  .impulso.sabana .buscadorSabana .contBuscador .contFecha .fecha {
    width: 100%; }
  .impulso.sabana .buscadorSabana .contBuscador .contSelect {
    margin-top: 5px;
    width: 40%; }
  .impulso.sabana .buscadorSabana .btn_continuar {
    width: 55%; }
  .impulso.sabana .buscadorSabana .contBuscador .contSelect .tipo {
    width: 45%; } }

@media all and (max-width: 500px) {
  .parteNieve .bloques .parte {
    display: block;
    padding: 0 8px; }
  .parteNieve .bloques .parte.abiertos,
  .parteNieve .bloques .parte.km {
    width: 100%; }
  /*remontes*/
  .parteNieve div.estadoRemontesWrap ul li {
    width: 99%; }
  /*pistas*/
  .parteNieve div.estadoPistasWrap ul li {
    width: 99%;
    padding: 0 1% 0 8%; }
  .parteNieve ul.leyendaPistas li.dificultad {
    padding-left: 7%; }
  /*especiales*/
  .parteNieve div.especialesWrap ul li {
    width: 99%; }
  /*contenido*/
  .contenido .dosColum .colum.separador,
  .contenido .dosColum div.colum.separador + .colum.separador {
    width: 100%;
    margin-right: 0;
    padding: 0 2%;
    border: 0; }
  /*PROCESO DE COMPRA*/
  .compraForfait .resp-tab-content {
    padding: 3%; }
  .compraForfait table {
    border-spacing: 0; }
  .compraForfait table td .adulto {
    font-size: 12px; }
  .contenido .prevMeteo ul li.Nube,
  .contenido .prevMeteo ul li.Sol,
  .contenido .prevMeteo ul li.SolYNube,
  .contenido .prevMeteo ul li.Lluvia,
  .contenido .prevMeteo ul li.Nevando,
  .contenido .prevMeteo ul li.SolYNieve {
    padding-left: 13%; }
  /************************Landing Forfaits**************************/
  .landingForfait .paramBusqueda input {
    width: 82%; }
  .landingForfait .selectores .personas p {
    width: 100%; }
  /************************fin Landing Forfaits**************************/
  .contenido .cuatroColum .columns .colum:first-child {
    border: 0; }
  .contenido .unaColum p {
    margin: 10px 25px 10px 15px; }
  .contenido h2.txtVerde {
    margin: 35px 45px 0 45px; } }

@media all and (max-width: 479px) {
  .parteNieve table.estadoNieve td {
    height: auto;
    padding-left: 60%;
    vertical-align: middle; }
  .contenido .dosColum > div {
    width: 100%; }
  /*eventos*/
  .eventos .eventos-boxes .eventoBox-outer .eventoBox h3 {
    margin: 3px 0; }
  .eventos .eventos-boxes .eventoBox-outer {
    width: 100%;
    margin: 0 0 1rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: none; }
  .eventos .eventos-boxes .eventoBox-outer .eventoBox {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2.4em; }
  .eventos .eventos-proximos .pagination li.pager-item,
  .eventos .eventos-proximos .pagination li.pager-current,
  .eventos .eventos-proximos .pagination li.pager-ellipsis {
    display: none; }
  .eventos .listado-eventos .evento-proximo .evento-proximo-contenido {
    padding: 0; }
  .eventos .listado-eventos .evento-proximo .evento-proximo-contenido-contenido {
    display: none; }
  .eventos .listado-eventos .evento-proximo .evento-proximo-fecha {
    width: 100%;
    float: none; }
  .eventos .listado-eventos .evento-proximo .evento-proximo-fecha > * {
    display: inline-block;
    width: auto; }
  /*.evento-detalle > a.evento-detalle-volver { float: right; clear: both; margin: 20px 5px 33px; }*/
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer {
    width: 37.3rem;
    margin: 0 0 1rem; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer:first-child {
    margin: 0 0 1rem; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer .eventoBox {
    width: 35.9rem; }
  .contenido .cuatroColum .columns .colum {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 1px solid #b0b0b0;
    padding: 0 5%; }
  .contenido .cuatroColum .columns .divideEnResponsive + .colum {
    border: 0; }
  .contenido .cuatroColum .columns .divideEnResponsive {
    display: table-column;
    height: 1em; }
  /*NO MORE TABLES*/
  .contenido .no-more-tables table,
  .contenido .no-more-tables thead,
  .contenido .no-more-tables tbody,
  .contenido .no-more-tables th,
  .contenido .no-more-tables td,
  .contenido .no-more-tables tr {
    display: block; }
  .contenido .no-more-tables thead tr {
    left: -9999px;
    position: absolute;
    top: -9999px; }
  .contenido .no-more-tables tr {
    border: 1px solid #cccccc; }
  .contenido .no-more-tables td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #eeeeee;
    -webkit-border-image: none;
    -o-border-image: none;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    position: relative;
    padding-left: 50%;
    text-align: left;
    white-space: normal; }
  .contenido .no-more-tables td:before {
    font-weight: bold;
    left: 6px;
    padding-right: 10px;
    position: absolute;
    text-align: left;
    top: 6px;
    white-space: nowrap;
    width: 45%; }
  .contenido .no-more-tables td:before {
    content: attr(data-title); }
  .contenido .recuadroPregunta ul li input.nombreHotel[type="text"] {
    width: 85%;
    margin: 0; } }

@media all and (max-width: 440px) {
  .parteNieve .accesos {
    font-size: 1.45rem; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta {
    width: 100%; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.desactivado .camposSelectores {
    display: none; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.desactivado .precioFF {
    display: none; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.desactivado .contTexto {
    border-bottom: 4px solid #c9d100;
    min-height: 70px; }
  .contenido .recuadroPregunta ul.column2 li {
    width: 100%; }
  .contenido .recuadroPregunta ul li input[type="text"] {
    margin: 15px 0 15px 20px; }
  .formularioContactar .infoPersonal li .etiqueta {
    display: block;
    width: 100%;
    margin-bottom: 5px; }
  .formularioContactar .infoPersonal li input {
    margin-bottom: 15px;
    width: 100%; }
  .formularioContactar .infoPersonal li input.middleLong,
  .formularioContactar .infoPersonal li input.middle,
  .formularioContactar .infoPersonal li input.short,
  .formularioContactar .infoPersonal li input.long,
  .formularioContactar .estacionDesplegable select {
    width: 100%; }
  #landing_abonos .lista_planes {
    padding: 90px 0 0; } }

@media all and (max-width: 420px) {
  /*Widget Forfait*/
  #widgetTiempo .contItems a span.descripcion {
    font-size: 12px;
    font-size: 1.2rem; }
  #widgetTiempo .contItems a span.dato {
    font-size: 16px;
    font-size: 1.6rem; }
    #widgetTiempo .contItems a span.dato .small {
      font-size: 14px;
      font-size: 1.4rem; }
  .impulso.sabana .contenedorTable .contenidoTd ul li p a span + span {
    display: block; }
  .cuentaAtras.nombreEspecial .wrap .step {
    width: 100%;
    display: block;
    min-height: 59px; }
  .contenido .recuadroPregunta .tituloPregunta {
    font-size: 15px; } }

@media all and (max-width: 374px) {
  .impulso.sabana .contenedorTable .contenidoTd ul li .foto {
    width: 100%; }
  .impulso.sabana .contenedorTable .contenidoTd ul li p a {
    padding: 0px 0px 5px 0px; }
  .impulso.sabana .contenedorTable .contenidoTd ul li p .localidad {
    margin-left: 0px; }
  .impulso.sabana .sumarioTabla {
    font-size: 2rem;
    padding: 25px 5px 10px; }
  .impulso.sabana .headerTabla .th {
    padding: 10px 5px;
    font-size: 11px;
    font-family: "Conv_GothamRnd-Light";
    font-weight: normal; }
  .impulso.sabana .headerTabla li .td .precios {
    font-size: 2.5rem; }
  .impulso.sabana .headerTabla li .td.sinDispo {
    padding: 21px 0px; }
  .impulso.sabana .contenedorTable .contenidoTd ul li p {
    margin-top: 10px; }
  .cuentaAtras.nombreEspecial .wrap {
    padding: 33px 0 0 0; }
  .cuentaAtras.nombreEspecial .wrap h1 {
    font-size: 25px; }
  .cuentaAtras h1 + p {
    font-size: 17px;
    margin-top: 20px; }
  .cuentaAtras.nombreEspecial .wrap {
    padding: 90px 0 0 0; }
  #cajaDestacadosImg .bloqueDestacado .img:hover p {
    padding: 20px;
    font-size: 14px; } }

@media all and (max-width: 360px) {
  body.javalambre-valdelinares #widgetTiempo .contItems a,
  body.aramon #widgetTiempo .contItems a,
  body.formigal-panticosa #widgetTiempo .contItems a,
  body.cerler #widgetTiempo .contItems a {
    width: 32.4%; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer {
    width: 32.5rem; }
  .eventos .sinFecha.noticias .eventos-boxes .boxes-noticias .eventoBox-outer .eventoBox {
    width: 31.1rem; }
  .impulso.sabana .cuerpo {
    padding: 10px; }
  body.javalambre-valdelinares #widgetTiempo .contItems a {
    width: 44.4%; }
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .contTexto,
  #ofertasForfait .cajaOfertaContainer .cajaOferta.unaOferta .camposSelectores {
    min-height: 160px; } }

/******************************************** PRINT PARTE DE NIEVE ************************************/
@media print {
  @page {
    size: A4 portrait; }
  body {
    font-family: Conv_GothamRnd-Medium; }
  body.interior .wrap {
    margin-top: 0px; }
  body.contenido.interior {
    background: none; }
  .limpiarHeaderContenido {
    height: 0; }
  .submenu .submenuResponsive svg,
  .submenu .submenuResponsive img,
  #widgetForfait {
    display: none; }
  .contenido .unaColum.parteNieve {
    padding: 0; }
  .contenido .bordeVerde {
    border-top: none; }
  .contenido .limpiar {
    height: 0; }
  #especial {
    border: 1px solid #c6cf23;
    border-top: 3px solid #c6cf23; }
  .parteNieve.observaciones p {
    font-size: 8px;
    display: inline-block; }
  .parteNieve.observaciones h2 {
    color: #9e9e9e; }
  .contenido .unaColum h1,
  .contenido .dosColum h1,
  .contenido .cuatroColum h1,
  .contenido .parteNieve p.emitido {
    font-size: 10px;
    margin: 0;
    display: inline; }
  .parteNieve .bloques .parte.clima p.info_clima {
    letter-spacing: 1px;
    text-align: left;
    width: 30px; }
  .parteNieve .bloques .parte.clima p.info_clima img {
    width: 50% !important;
    height: inherit;
    display: inline-block; }
  .bordeVerde,
  .bordeBlanco {
    border: 0; }
  .contenido .unaColum {
    margin: 0;
    padding: 0; }
  .contenido .unaColum p {
    font-size: 10px;
    line-height: 11px;
    margin: 0; }
  .contenido .parteNieve h2 {
    font-size: 8px;
    margin-top: 5px;
    display: block; }
  .parteNieve .estadoPistasWrap ul li {
    margin: 0 1px 0;
    padding: 0 0 0 17px; }
  .parteNieve ul.leyendaPistas li {
    margin: 0; }
  .parteNieve ul.leyendaPistas li span.A,
  .parteNieve ul.leyendaPistas li span.EP,
  .parteNieve ul.leyendaPistas li span.PP,
  .parteNieve ul.leyendaPistas li span.C {
    background: transparent; }
  .parteNieve ul.leyendaPistas li span.PP {
    color: #49b4c2; }
  .parteNieve ul.leyendaPistas li span.C {
    color: #ae1222; }
  .parteNieve table.estadoNieve th {
    font-size: 10px;
    border-bottom: 0;
    text-align: center; }
  .parteNieve table.estadoNieve {
    border: 1px solid #c6cf23;
    border-top: 3px solid #c6cf23;
    margin-top: 5px; }
  .parteNieve table.estadoNieve td {
    height: 0;
    padding: 0;
    font-size: 8px;
    text-align: center;
    border-right: 1px solid grey; }
  .parteNieve .estadoNieve tbody tr {
    border-bottom: 1px solid grey; }
  .parteNieve .bloques .parte.remontes p.info_remontes {
    text-align: left; }
  .parteNieve .bloques .parte.remontes p.info_remontes,
  .parteNieve .bloques .parte.abiertos p.info_abiertos,
  .parteNieve .bloques .parte.km p.info_km,
  .parteNieve .bloques .parte.clima p.info_clima {
    font-size: 11px;
    text-align: left; }
  .parteNieve .bloques .parte p,
  .parteNieve .bloques .parte.remontes p.info_remontes,
  .parteNieve .bloques .parte.abiertos p.info_abiertos,
  .parteNieve .bloques .parte.km p.info_km,
  .parteNieve .bloques .parte.clima p.info_clima {
    display: inline;
    float: left;
    margin: 2px 5px 0 0; }
  .parteNieve .bloques .parte.remontes p.info_remontes img,
  .parteNieve .bloques .parte.abiertos p.info_abiertos img,
  .parteNieve .bloques .parte.km p.info_km img {
    display: none; }
  .parteNieve .bloques .parte.aludes,
  .parteNieve.observaciones {
    background: none; }
  .remontes ul,
  .abiertos ul {
    display: inline; }
  .leyendaPistas li:nth-of-type(2),
  .remonteProceso + li,
  .parteNieve div.estadoRemontesWrap ul li.remonteProceso {
    color: #d8871a; }
  .leyendaPistas li:nth-of-type(3) {
    color: #49b4c2; }
  .leyendaPistas li:first-child,
  .remonteAbierto + li,
  .parteNieve .especialesWrap .remonteAbierto,
  .parteNieve .leyendaEspeciales .pistaAbierta,
  .parteNieve ul.leyendaEspeciales li:nth-of-type(2),
  .parteNieve div.estadoRemontesWrap ul li.remonteAbierto {
    color: #c6cf23; }
  .parteNieve ul.leyendaEspeciales li.pistaAbierta,
  .parteNieve ul.leyendaEspeciales li.pistaCerrada {
    background: transparent; }
  .parteNieve .especialesWrap .remonteCerrado,
  .parteNieve .leyendaEspeciales .pistaCerrada,
  .parteNieve ul.leyendaEspeciales li:nth-of-type(4),
  .parteNieve div.estadoRemontesWrap ul li.remonteCerrado,
  .leyendaPistas li:last-child,
  .remonteCerrado + li,
  .parteNieve div.especialesWrap ul li.remonteCerrado {
    color: #ae1222; }
  .parteNieve .especialesWrap {
    width: 100%;
    float: left; }
  .parteNieve .especialesWrap ul {
    padding: 0 0.5% 0 0; }
  .parteNieve .especialesWrap ul li {
    padding: 0 0;
    margin: 0 0 0; }
  .parteNieve .especialesWrap ul li:first-child {
    margin: 0 0 0 0; }
  .parteNieve ul.leyendaPistas li strong {
    color: black; }
  .parteNieve .bloques .parte ul li {
    font-family: "Conv_GothamRnd-Light";
    display: inline-block;
    padding: 0;
    margin: 0;
    border: 0;
    float: none;
    font-size: 7px; }
  .parteNieve .bloques .parte.clima p.info_clima {
    text-align: left; }
  .parteNieve .bloques .parte.clima p.info_clima sup {
    vertical-align: normal;
    display: inline;
    line-height: 1em;
    font-size: 4px;
    position: none; }
  .parteNieve .bloques .parte {
    width: 23%;
    height: auto;
    padding: 0px 0 5px 5px;
    margin-right: 0;
    margin-top: 3px;
    margin-left: 10px;
    display: inline-block;
    border: 1px solid #c6cf23;
    border-top: 2px solid #c6cf23; }
  .parteNieve .bloques {
    display: table;
    border-collapse: collapse;
    height: auto;
    border-spacing: 0;
    width: 100%; }
  .contenido .parteNieve h2 {
    margin-bottom: 3px; }
  .parteNieve .bloques.meteorologia h2 > * {
    font-size: 9px; }
  .metereologia {
    display: inline-block; }
  .parte .km .bordeVerde {
    width: 10% !important; }
  .parteNieve img.estadoNieveIcono,
  .parteNieve img.estadoRemontesIcono,
  .parteNieve .bloques.meteorologia h2 .img,
  .parteNieve .bloques.meteorologia h2 .img img {
    display: none; }
  .parteNieve div.estadoNieveWrap {
    width: 100%;
    border: 0;
    float: left;
    padding-right: 200px; }
  .contenido table {
    width: auto;
    font-size: 6px; }
  .parteNieve ul.accesos {
    float: none;
    clear: none;
    margin: 0;
    width: auto; }
  .parteNieve div.estadoRemontesWrap {
    float: none;
    border: 0;
    width: 100%;
    display: inline-block; }
  .parteNieve .accesos {
    font-size: 6px; }
  .parteNieve div.estadoRemontesWrap ul {
    padding: 0 0 3px 0;
    font-size: 6px; }
  .parteNieve div.estadoRemontesWrap ul li {
    float: left;
    width: auto;
    margin: 0;
    line-height: 3px;
    border-right: 1px solid grey;
    padding: 0 3px; }
  .parteNieve div.estadoRemontesWrap ul li:first-child {
    margin: 0;
    width: auto;
    padding: 0;
    border-right: 0; }
  .parteNieve div.estadoRemontesWrap ul li:last-child {
    border-right: 0; }
  .parteNieve ul.leyendaRemontes {
    float: none;
    width: auto;
    margin: 0;
    font-size: 6px; }
  .parteNieve ul.leyendaRemontes li {
    display: inline-block;
    float: none;
    line-height: 1; }
  .parteNieve .estadoPistasWrap ul li:first-child {
    padding: 0;
    margin: 0 0 1% 0; }
  .parteNieve div.estadoPistasWrap ul li span.A,
  .parteNieve div.estadoPistasWrap ul li span.EP,
  .parteNieve div.estadoPistasWrap ul li span.PP,
  .parteNieve div.estadoPistasWrap ul li span.C {
    float: right;
    width: auto; }
  .parteNieve ul.leyendaRemontes li.remonteAbierto,
  .parteNieve ul.leyendaRemontes li.remonteProceso,
  .parteNieve ul.leyendaRemontes li.remonteCerrado {
    display: none;
    padding: 0;
    background: none; }
  .parteNieve div.estadoPistasWrap {
    border: 0;
    width: 100%; }
  .clima h2 {
    padding-left: 12px; }
  .parteNieve div.estadoPistasWrap ul {
    padding: 0;
    overflow: hidden;
    font-size: 5px;
    border: 1px solid black;
    margin-bottom: 1px; }
  .parteNieve div.estadoPistasWrap ul li:first-child {
    width: 100%;
    margin: 0;
    padding: 0 0 0 0;
    border: none;
    font-size: 6.5px; }
  .parteNieve div.estadoPistasWrap ul li {
    position: relative;
    float: left;
    width: 12.5%;
    margin: 0;
    border-bottom: 0;
    font-size: 5px;
    font-family: "Conv_GothamRnd-Medium";
    padding: 0 0 0 8px;
    border-top: 1px solid grey; }
  .parteNieve ul.leyendaPistas {
    clear: both;
    width: 100%;
    margin: 0;
    font-size: 6px;
    border-top: 1px solid black;
    padding: 10px 0; }
  #impParte {
    display: none; }
  #remontes,
  #pistas {
    border: 1px solid #c6cf23;
    border-top: 3px solid #c6cf23;
    padding: 2px 2px;
    margin: 5px 0; }
  .parteNieve div.especialesWrap {
    width: auto;
    border: 0;
    float: none;
    display: inline-block; }
  .parteNieve ul.leyendaEspeciales {
    float: none;
    clear: both;
    width: 32%;
    margin: 0;
    font-size: 6px;
    display: inline-block; }
  .parteNieve div.especialesWrap ul {
    padding: 0;
    font-size: 6px; }
  .parteNieve div.especialesWrap ul li {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    display: inline-block; }
  #prevision ul li p,
  .parteNieve.observaciones p {
    margin-bottom: 0;
    font-size: 6px;
    display: block; }
  #prevision {
    border: 1px solid #c6cf23;
    border-top: 3px solid #c6cf23;
    margin-top: 2px; }
  .parteNieve .accesos .cerrado,
  .parteNieve .accesos .abiertoCadenas,
  .parteNieve .estadoRemontesWrap ul li.remonteProceso,
  .parteNieve .estadoRemontesWrap ul li.remonteAbierto,
  .parteNieve .estadoRemontesWrap ul li.remonteCerrado,
  .parteNieve .estadoPistasWrap ul li span.A,
  .parteNieve .estadoPistasWrap ul li span.C,
  .parteNieve .estadoPistasWrap ul li span.EP,
  .parteNieve .estadoPistasWrap ul li span.PP {
    background: transparent; }
  .parteNieve .accesos .abierto,
  .parteNieve ul.leyendaRemontes li.remonteAbierto,
  .parteNieve div.estadoPistasWrap ul li span.A {
    border: 1px solid #c6cf23;
    color: black; }
  .parteNieve .accesos .cerrado,
  .parteNieve ul.leyendaRemontes li.remonteCerrado,
  .parteNieve div.estadoPistasWrap ul li span.C {
    border: 1px solid #ae1222;
    color: black; }
  .parteNieve ul.leyendaRemontes li.remonteProceso,
  .parteNieve div.estadoPistasWrap ul li span.EP {
    border: 1px solid #d8871a;
    color: black; }
  .parteNieve div.estadoPistasWrap ul li span.PP {
    border: 1px solid #49b4c2;
    color: black; }
  .parteNieve .accesos .abiertoCadenas {
    border: 1px solid #d8871a;
    color: black; }
  .parteNieve .leyendaRemontes:before {
    content: "LEYENDA: ";
    position: relative;
    top: 1px; }
  .parteNieve ul.leyendaPistas:before,
  .parteNieve ul.leyendaEspeciales:before {
    content: "LEYENDA: ";
    float: left;
    position: relative;
    top: 1px; }
  .parteNieve div.especialesWrap ul li.remonteAbierto,
  .parteNieve div.especialesWrap ul li.remonteCerrado {
    background: transparent; }
  header,
  footer,
  nav,
  body > .menuSuperior {
    display: none; }
  .parteNieve div.estadoPistasWrap ul li.pistaVerde:before,
  .parteNieve ul.leyendaPistas li.pistaVerde:before {
    content: url("../images/verde-print.png"); }
  .parteNieve div.estadoPistasWrap ul li.pistaAzul:before,
  .parteNieve ul.leyendaPistas li.pistaAzul:before {
    content: url("../images/azul-print.png"); }
  .parteNieve div.estadoPistasWrap ul li.pistaRoja:before,
  .parteNieve ul.leyendaPistas li.pistaRoja:before {
    content: url("../images/roja-print.png"); }
  .parteNieve div.estadoPistasWrap ul li.pistaNegra:before,
  .parteNieve ul.leyendaPistas li.pistaNegra:before {
    content: url("../images/negra-print.png"); }
  .parteNieve div.estadoPistasWrap ul li.pistaItinerario:before,
  .parteNieve ul.leyendaPistas li.pistaItinerario:before {
    content: url("../images/itinerario-print.png"); }
  #especial h2 {
    margin: 0 0 5px 0; }
  #prevision {
    padding: 0; }
  #prevision ul p {
    font-size: 7px; }
  #especial,
  #prevision {
    margin: 5px 0; }
  .contenido .prevMeteo h2 {
    font-size: 8px;
    margin: 5px 0;
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px; }
  .contenido .prevMeteo ul {
    padding: 0;
    font-size: 11px; }
  .contenido .prevMeteo h3 {
    font-size: 9px;
    padding-top: 0; }
  .contenido .prevMeteo ul li h3 {
    font-size: 9px;
    padding-top: 0;
    margin-bottom: 0;
    display: block;
    float: left; }
  .contenido .unaColum p,
  .contenido .dosColum p,
  .contenido .cuatroColum p {
    display: inline-block; }
  .contenido .prevMeteo ul li {
    padding-top: 0; }
  .contenido .dosColum p,
  .contenido .cuatroColum p {
    font-size: 8px; }
  .contenido .prevMeteo ul li.Nube,
  .contenido .prevMeteo ul li.Sol,
  .contenido .prevMeteo ul li.SolYNube,
  .contenido .prevMeteo ul li.Lluvia,
  .contenido .prevMeteo ul li.Nevando,
  .contenido .prevMeteo ul li.SolYNieve {
    padding: 0;
    background-size: 0;
    background: transparent; }
  .contenido .prevMeteo ul li p {
    display: block;
    float: left;
    width: 91%; }
  .contenido .prevMeteo ul li.Sol:before {
    content: url("../images/sol2-print.png");
    display: block;
    width: 20px;
    float: left;
    clear: both; }
  .contenido .prevMeteo ul li.SolYNube:before {
    content: url("../images/sol-nube2-print.png");
    display: block;
    width: 20px;
    float: left;
    clear: both; }
  .contenido .prevMeteo ul li.Nube:before {
    content: url("../images/nube-print.png");
    display: block;
    width: 20px;
    float: left;
    clear: both; }
  .contenido .prevMeteo ul li.Lluvia:before {
    content: url("../images/lluvia2-print.png");
    display: block;
    width: 20px;
    float: left;
    clear: both; }
  .contenido .prevMeteo ul li.Nevando:before {
    content: url("../images/nieve2-print.png");
    display: block;
    width: 20px;
    float: left;
    clear: both; }
  .contenido .prevMeteo ul li.SolYNieve:before {
    content: url("../images/nive-sol-print.png");
    display: block;
    width: 20px;
    float: left;
    clear: both; }
  .parteNieve .bloques:first-child .parte {
    text-align: left; } }

.subcontainer-video {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  -webkit-transform: translateY(-8%);
  -ms-transform: translateY(-8%);
  transform: translateY(-8%); }
  .subcontainer-video.translate-slider-video {
    -webkit-transform: translateY(-8%);
    -ms-transform: translateY(-8%);
    transform: translateY(-8%); }
  .subcontainer-video iframe {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 100%; }

/*
@media (max-width: 1440px) {
    header {
        position: relative;
    }
}
*/
@media (min-width: 1440px) {
  .l-hoteles-slider-container {
    margin-top: 105px; }
  body.interior header {
    position: absolute; } }

@media (min-width: 1104px) {
  .subcontainer-video {
    cursor: none; } }

@media (max-width: 1025px) {
  .subcontainer-video iframe {
    top: 0; } }

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

/* HACKS */
_:-ms-fullscreen .principales a.movistar, footer .principales a.movistar {
  background-position: 50% 4%;
  background-size: 200%;
  height: 78px; }
  _:-ms-fullscreen .principales a.movistar:hover, footer .principales a.movistar:hover {
    background-position: 50% 98%; }

/* Estilos para el diálogo modal */
.modal--menuequipacion {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4); }
  .modal--menuequipacion .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700; }
    .modal--menuequipacion .close:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer; }
    .modal--menuequipacion .close:hover {
      color: #000;
      text-decoration: none;
      cursor: pointer; }
  .modal--menuequipacion .column {
    float: left;
    padding: .8rem 1rem;
    width: 100%; }
    .modal--menuequipacion .column p {
      margin: 0;
      line-height: 1.2; }
  .modal--menuequipacion .row {
    background-color: #f3f3f3;
    border-left: .2rem solid #007f70;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .5rem;
    width: calc(49% - 1.5rem);
    margin: .4rem .5%; }
    .modal--menuequipacion .row:after {
      content: "";
      display: table;
      clear: both; }
  .modal--menuequipacion .modal-select {
    width: auto; }

.modal-content--menuequipacion {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 90%; }
  .modal-content--menuequipacion .buscador {
    padding: 0;
    background: none;
    margin: 2rem 2rem 3rem; }
  .modal-content--menuequipacion .buscadorBox {
    padding: 0; }
    .modal-content--menuequipacion .buscadorBox h3 {
      font-family: TungstenBook;
      font-size: 3rem;
      text-transform: uppercase;
      margin: 0 0 2.5rem;
      color: #007f70; }

.content--menuequipacion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

@media (max-width: 1050px) {
  .modal--menuequipacion .row {
    padding: 1rem .5rem;
    width: 100%;
    margin: .4rem 0; }
  .modal--menuequipacion .column {
    padding: .4rem; } }

@media (max-width: 600px) {
  .modal--menuequipacion .row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; } }
	
@media (max-width: 1100px) {
  .modal-box-noesqui {
    max-width: 20rem;
} }
  
 @media (max-width: 480px) {
  .modal-box-noesqui {
    padding: 5.625rem 3.5rem 3rem !important;
  }   
  .page-heading-noesqui{
    padding-top: 1.125rem !important;
  }
  .intro-text-noesqui {
    padding-top: 1.125rem !important;
  }
  .darkpageLabel {
    font-size: 3.75rem !important;
  }
  .lighPageLabel {
    font-size: 1.75rem !important;
  }
}


/* Estilos para la pagina COVID19 */
.textocovid {
margin: 30px 90px auto !important;
  clear: none !important;
}
.iconocovid {
width: 190px !important;
margin: 35px 25px auto 90px;
float: left;
/*! margin-bottom: 6%; */
}

.tituloArticulo.textocovid {
    font-size: 2.8rem;
    margin:6% 10px 10px 10px !important;
}

.textocovid p {
  font-size: 1.2rem !important;
 
}

.icon-divisor {
  display: inline-block;
  width: 60%;
  border-bottom: 4px solid #007f70;
  height: .5em;
  margin: 2% 20% auto;
}

/* Fin estilos para la pagina COVID19 */



/* VALIDACIÓN FORFAIT */

.validacion_forfait {
  margin: auto;
    font-family: "Conv_GothamRnd-Light";
    font-size: 12px;
    background-color: white;
}
.validacion_forfait .box_icons{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 90px 0;
  position: relative;
  flex-wrap: wrap;
}
@media (max-width: 425px){
  .validacion_forfait .box_icons{
    margin: 0;
  }
}

.validacion_forfait .box_icons:after{
    content: "";
    background: url(../images/bkg-titulos.png) 0 0 no-repeat;
    display: block;
    width: 100%;
    height: 10px;
    background-size: cover;
    position: absolute;
    bottom: 0px;
    left: 0;
}
.validacion_forfait .box_icons .item{
  width: 33%;
}
@media (max-width: 425px){
  .validacion_forfait .box_icons .item{
    width: 100%;
    margin: 25px 0;
  }
}
.validacion_forfait .box_icons .item .item_box{
  display: flex;
  justify-content: center;
  margin: 0 0 25px 0;  
}
@media (max-width: 425px){
  .validacion_forfait .box_icons .item .item_box{
    margin: 0 0 5px 0;  
  }
}
.validacion_forfait .box_icons .item .item_box .activacion_img{
  height: 100%;
  width: 200px;
}
@media (max-width: 425px){
  .validacion_forfait .box_icons .item .item_box .activacion_img{
    height: 100%;
    width: 180px;
  }
}
.validacion_forfait .box_icons .item .item_text{
  font-size: 42px;
  font-family: "TungstenBook";
  color: #878786;
  text-transform: uppercase;
  text-align: center;
}
.validacion_forfait .box_icons .item .item_text .color{
  color: #db1e7a;
  display: block;
  font-weight: bold;
}
.validacion_forfait .box_icons .item .item_text .txt{
  display: block;
}

.validacion_forfait .box_content{
  padding: 25px 0;
}
.validacion_forfait .box_content .box_content_txt{
  display: flex;
  justify-content: center;
  font-size: 50px;
  font-family: "TungstenBook";
  color: #878786;
  text-transform: uppercase;
  text-align: center;
  margin: 25px 0;
}
@media (max-width: 425px){
  .validacion_forfait .box_content .box_content_txt{
    display: block;
    margin: 0;
  }
}
.validacion_forfait .box_content .box_content_txt .txt_color{
  color: #db1e7a;
  font-weight: bold;
  margin-left: 5px;
}
.validacion_forfait .box_content .box_content_input{
  display: flex;
  width: 60%;
  justify-content: space-between;
  align-items: flex-end;
  margin: auto;
}
@media (max-width:768px){
  .validacion_forfait .box_content .box_content_input{
    width: 90%;
    flex-wrap: wrap;
  }
}

.validacion_forfait .box_content .box_content_input .item_input{
  display: block;
  width: 48%;
  position: relative;
}
@media (max-width:768px){
  .validacion_forfait .box_content .box_content_input .item_input{
    width: 100%;
    margin: 20px 0;
  }
}
.validacion_forfait .box_content .box_content_input .item_input .title{
  display: block;
  text-transform: uppercase;
  color: #878786;
  margin: 0;
  position: relative;
}

.validacion_forfait .box_content .box_content_input .item_input .title_icon:after{
  content:"";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(http://aramon.demohiberus.com/estaticos/userfiles/image/info.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 20px;
  width: 20px;
}


.validacion_forfait .box_content .box_content_input .item_input input{
  width: 100%;
  height: 35px;
}  
.validacion_forfait .box_content .button{
  display: flex;
  justify-content: center;
  max-width: 350px!important;
  margin: 55px auto 25px auto;
}
@media (max-width:768px){
  .validacion_forfait .box_content .button{
    margin: 25px auto;
  }
}
.validacion_forfait .box_content .button .btnRosa{
  width: 100%;
}
.validacion_forfait .box_content .txt_advice{
  display: flex;
  justify-content: center;
}
@media (max-width:425px){
  .validacion_forfait .box_content .txt_advice{
    width: 80%;
    margin: auto;
  }
}
.validacion_forfait .box_content .txt_advice .txt{
  font-weight: bold;
  color: #878786;
  position: relative;
  margin: 20px 0;
}

.validacion_forfait .box_content .box_advice .icon-advice{
  position: relative;
}
.validacion_forfait .box_content .box_advice .icon-advice:before{
  content:"";
  position: absolute;
  background-image: url(http://aramon.demohiberus.com/estaticos/userfiles/image/advice.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  left: -30px;
  top: 0;
  height: 20px;
  width: 20px;
}
.validacion_forfait .box_content .box_advice{
  display: flex;
  justify-content: center;
}
.validacion_forfait .box_content .box_advice .txt{
  padding: 10px 40px;
  background-color: #FFF9C9;
  color: #FDAD20;
  text-transform: uppercase;
  margin: 0;
  font-weight: bold;
}

.validacion_forfait .box_content .box_content_input .tooltipText{
  background-color: white;
  padding: 30px 30px 0 30px;
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  box-shadow: 13px 10px 26px 0px rgba(131,131,131,0.22);
  visibility: hidden;
  display: block;
}

.validacion_forfait .box_content .box_content_input .item_input .title_icon:hover + .box_forfait{
  visibility: visible;
  transition: 4ms;
}

.validacion_forfait .box_content .box_content_input .item_input .box_forfait .txt{
  text-transform: uppercase;
  font-weight: bold;
  color: #878786;
  margin: 10px 0;
  position: relative;
}
.validacion_forfait .box_content .box_content_input .item_input .box_forfait .txt:after{
  content:'';
  position: absolute;
  top: -65px;
  left: -5px;
  width: 45px;
  height: 45px;
  border: 3px solid #db1e7a;
  border-radius: 50%;
}
.validacion_forfait .box_content .box_content_input .item_input .title_icon .box_forfait .txt .color{
  text-transform: uppercase;
  color: #db1e7a;
}

.validacion_forfait .box_content .box_content_input .box_forfait .title_icon:after{
  content:"";
  position: absolute;
  right: 10px;
  top: 10px;
  background-image: url(http://aramon.demohiberus.com/estaticos/userfiles/image/info.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 20px;
  width: 20px;
}
 .validacion_forfait p{
   margin: 0;
 }






/* Estilos para control de aforo */

.aforo.mainContent{
  background-color: white;
}
.aforo .aforo-title{
  display: flex;
  justify-content: space-between;
  margin: 35px 90px;
  align-items: center;
}
@media (max-width:425px){
  .aforo .aforo-title{
    flex-wrap: wrap;
    margin: 25px;
  }
}
.aforo .tituloArticulo{
  color: black;
  margin: 0;
  text-transform: uppercase;
}
.aforo .date_update .bold{
  font-weight: 900;
}
.aforo .aforo_calendar .ui-datepicker {
  display: flex!important;
  width: 100%!important;
}
@media (max-width:1024px){
  .aforo .aforo_calendar .ui-datepicker {
    display: flex!important;
    width: 40%!important;
    margin: auto;
    flex-wrap: wrap;
  }
}
@media (max-width:768px){
  .aforo .aforo_calendar .ui-datepicker {
    width: 60%!important;
  }
}
@media (max-width:425px){
  .aforo .aforo_calendar .ui-datepicker {
    width: 95%!important;
  }
}
.aforo .aforo_txo{
  display: flex;
  justify-content: center;
  margin: 25px auto;
}
@media (max-width:425px){
  .aforo .aforo_txo{
    flex-wrap: wrap;
    justify-content: end;
    margin: 25px;
  }
}
.aforo .baja{
  color: black;
  position: relative;
  margin: 0 30px;
}
.aforo .baja:before{
  position: absolute;
  content:'';
  left: -30px;
  top: -5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #90E2D7;
}
.aforo .alta{
  color: black;
  position: relative;
  margin: 0 30px;
}
.aforo .alta:before{
  position: absolute;
  content:'';
  left: -30px;
  top: -5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #FF8552;
}
.aforo .m-alta{
  color: black;
  position: relative;
  margin: 0 30px;
}
.aforo .m-alta:before{
  position: absolute;
  content:'';
  left: -30px;
  top: -5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #FF4685;
}
.aforo .cerrado{
  color: black;
  position: relative;
  margin: 0 30px;
}
.aforo .cerrado:before{
  position: absolute;
  content:'';
  left: -30px;
  top: -5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #A71949;
}
.aforo .ui-datepicker-group{
  margin: 30px;
  padding: 40px;
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
}

.aforo .ui-datepicker-calendar td{
  border: none!important;
  padding: 2px 5px;
}
.aforo .ui-datepicker .ui-datepicker-title{
  font-size: 16px;
  color: black;
  font-weight: bold;
  font-family:  "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif;
}
.aforo .ui-datepicker-header.ui-widget-header{
  background-color: white;
}

@media (max-width:1024px){
  .aforo .ui-datepicker-header.ui-widget-header{
    width: 100%;
  }
}

.aforo .mainContent table th{
  color: gray!important;
  font-size: 14px;
  border-bottom: none;
  position: relative;
}

.aforo .mainContent table th:after{
  position: absolute;
  border-bottom: 1px solid gray;
  content:'';
  left: 0;
  top: 0;
  width: 20px;
  height: 2px;
}

.aforo #dater .green_level a,
.aforo #dater .red_level a,
.aforo #dater .orange_level a,
.aforo #dater .cerrado a,
.aforo #dater .ui-state-default{
  color: black!important;
  height: 15px;
  width: 40px;
  font-size: 15px;
  font-family: "Conv_GothamRnd-Light", Arial, Helvetica, sans-serif!important;
}
.aforo .ui-state-default,
.aforo .ui-widget-content .ui-state-default,
.aforo .ui-widget-header .ui-state-default{
  margin: 2px;
}
@media (max-width: 375px){
  .aforo #dater .green_level a,
  .aforo #dater .red_level a,
  .aforo #dater .orange_level a,
  .aforo #dater .cerrado a,
  .aforo #dater .ui-state-default{
    height: 13px;
    width: 35px;
  }
}

.aforo #dater .red_level a {
  border-radius: 50%;
  background: none !important;
  background-color: #FF4685 !important;
}

.aforo #dater .orange_level a {
  border-radius: 50%;
  background: none !important;
  background-color: #FF8552 !important;
}

.aforo #dater .green_level a {
  border-radius: 50%;
  background: none !important;
  background-color: #90E2D7 !important;
}

.aforo #dater .cerrado_level a {
  border-radius: 50%;
  background: none !important;
  background-color: #A71949 !important;
}

.aforo .ui-datepicker .ui-datepicker-next span{
  background-color: gray;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.aforo .ui-datepicker .ui-datepicker-next:hover span {
  background-color: black!important;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
.aforo .ui-datepicker .ui-datepicker-prev span{
  background-color: gray;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
}
.aforo .ui-datepicker .ui-datepicker-prev:hover span{ 
  background-color: black!important;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}
@media (max-width: 425px){
  .aforo .ui-datepicker .ui-datepicker-next span,
  .aforo .ui-datepicker .ui-datepicker-next:hover span,
  .aforo .ui-datepicker .ui-datepicker-prev span,
  .aforo .ui-datepicker .ui-datepicker-prev:hover span{
    width: 40px;
    height: 40px;
  }
}
.aforo .ui-datepicker .ui-datepicker-prev{
  left: -100px;
  top: 120px!important;
}
.aforo .ui-datepicker .ui-datepicker-next {
  left: 410px;
  top: 120px!important;
}
@media (max-width:1024px){
  .aforo .ui-datepicker .ui-datepicker-prev{
    top: 170px!important;
  }
  .aforo .ui-datepicker .ui-datepicker-next {
    top: 170px!important;
  }
}
@media (max-width:425px){
  .aforo .ui-datepicker .ui-datepicker-prev{
    left: -30px!important;
  }
  .aforo .ui-datepicker .ui-datepicker-next {
    left: 330px!important;
  }
}
@media (max-width:375px){
  .aforo .ui-datepicker .ui-datepicker-next {
    left: 290px!important;
  }
}
.aforo .ui-datepicker-row-break{
  width: 0%;
}
.aforo .aforo_btn {
  box-shadow: 0 5px 10px 5px rgba(0, 0, 0, .1);
  padding: 25px;
  margin: 50px 25px;
}
@media (max-width:425px){
  .aforo .aforo_btn{
    margin: 25px 10px;
  }
}
@media (max-width:375px){
  .aforo .aforo_btn{
    margin: 25px 0px;
  }
}
.aforo .aforo_btn .txt{
  font-size: 16px;
  color: black;
  text-align: center;
  font-weight: bold;
}
.aforo .aforo_btn .botones{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.aforo .aforo_btn .botones .btn-buy{
  font-size: 32px;
  background-color: #AF1C61;
  padding: 15px 35px;
  border-radius: 5px;
  color: white;
  font-family: "TungstenMedium";
  margin: 10px 25px;
  border: solid 2px #AF1C61;
}
.aforo .aforo_btn .botones .btn-buy:hover{
  color: #AF1C61;
  background-color: white;
}

.aforo .aforo_btn .botones .btn-recarga{
  font-size: 32px;
  background-color: #73B1C0;
  padding: 15px 35px;
  border-radius: 5px;
  color: white;
  font-family: "TungstenMedium";
  margin: 10px 25px;
  border: solid 2px #73B1C0;
}
.aforo .aforo_btn .botones .btn-recarga:hover{
  color: #73B1C0;
  background-color: white;
}
@media (max-width:425px){
  .aforo .aforo_btn .botones .btn-buy,
  .aforo .aforo_btn .botones .btn-recarga{
    margin: 10px 0;
  {
}




/* Fin estilos para control de aforo */