body {
font-family:Georgia, 'Times New Roman', Times, serif;
background:#ffffff;
}
.uso-extendido-fuente-especial,
.uso-extendido-fuente-especial input,
.uso-extendido-fuente-especial button,
.uso-extendido-fuente-especial select,
.uso-extendido-fuente-especial textarea,
h1, h2, h3, h4,
.paginas_titulo,
.fuente_especial,
.fuente-especial {
font-family:'Questrial', 'Trykker';
}
a, h1, h2, h3, h4,
.spg_listado_titulo a:hover,
.wof_1_precio,
.wof_5_precio,
.wof_6_precio,
.wof_2_precio
{
color :#3e3e3e;
}
/*.sof_articulo_descripcion >p a,*/
ul.wfo_1 li:hover a,
ul.wfo_2 li:hover a,
a.wof_2_oferta:hover,
a:hover .wof_1_precio,
a:hover .wof_5_precio,
a:hover .wof_6_precio,
a:hover .wof_1_resumen,
a:hover .wof_6_resumen,
a:hover .wof_2_resumen,
a:hover .wof_2_precio,
a:hover,
.wof_3_precio,
.spg_listado_titulo a {
color:#8f8a8a;
}
nav,
nav li,
.nav-responsive-button,
nav ul li a {
background:#3e3e3e;
color:white;
}
.nav-responsive-button:hover,
nav ul li a:hover {
background:#8f8a8a;
color:white;
}
.menu-invertido nav,
.menu-invertido nav li,
.menu-invertido .nav-responsive-button,
.menu-invertido nav ul li a {
background:#8f8a8a;
color:white;
}
.menu-invertido .nav-responsive-button:hover,
.menu-invertido nav ul li a:hover {
background:#3e3e3e;
color:white;
}
ul.wfo_2 li:hover,
ul.wfo_1 li:hover,
ul.wof_1 li:hover,
ul.wpg_1 li:hover,
ul.sof_listado li:hover,
ul.spg_listado li:hover,
ul.sfo_listado li:hover,
.wpa_2 a:hover {
border-color: #8f8a8a;
}
.btn-plano,
.btn-booking,
a.sof_listado_btn_detalles,
.sof_articulo_acciones a,
.sof_articulo_acciones button.btn-pagar,
a.spg_btn_detalles {
color: #FFFFFF;
background:#3e3e3e;
}
.btn-plano:hover,
.btn-booking:hover,
a.sof_listado_btn_detalles:hover,
.sof_articulo_acciones a:hover,
.sof_articulo_acciones button.btn-pagar:hover,
a.spg_btn_detalles:hover {
color: #FFFFFF;
background:#8f8a8a;
}
a:hover .wof_3_titulo {color: #8f8a8a; }
.border_1 {border-color: #3e3e3e; }
.border_2 {border-color: #8f8a8a; }
.border_left_1 {border-left-color: #3e3e3e; }
.border_left_2 {border-left-color: #8f8a8a; }
.border_right_1 {border-right-color: #3e3e3e; }
.border_right_2 {border-right-color: #8f8a8a; }
.border_bottom_1 {border-bottom-color: #3e3e3e; }
.border_bottom_2 {border-bottom-color: #8f8a8a; }
.color_1 {color:#3e3e3e; }
.color_2 {color:#8f8a8a; }
.color_3 {color:#ffffff; }
.fondo_1, .background_1 {background:#3e3e3e; }
.fondo_2, .background_2 {background:#8f8a8a; }
.fondo_3, .background_3 {background:#ffffff; }
.fondo_2 a, .background_2 a {color:#3e3e3e; }
.fondo_2 a:hover, .background_2 a:hover {color:#3e3e3e; }
.fondo_1 a, .background_1 a {color:#8f8a8a; }
.fondo_1 a:hover, .background_1 a:hover {color:#8f8a8a; }
.btn_1 {background:#8f8a8a; color: #FFFFFF; }
.btn_1:hover {background:#3e3e3e; }
.btn_2 {background:#3e3e3e; color: #FFFFFF; }
.btn_2:hover {background:#8f8a8a; }
label.step { color: rgba(143,138,138,.65); }
/* NAV */
nav.current-hilight a.current { background-color: #8f8a8a; }
/* #SLIDERSHOW */
.slider_texto { background-color: #3e3e3e; }
.background-inverse .slider_texto { background-color: #8f8a8a; }
/* WOF */
.wof_2_precio,
.wof_3_precio
{
background-color: #3e3e3e;
}
.sof_listado_imagen,
.wof_1 li:hover .wof_1_precio,
.wof_5 li:hover .wof_5_precio,
.wof_6 li:hover .wof_6_precio,
.wof_2_imagen,
a:hover .wof_2_imagen,
.wof_2_oferta:hover .wof_2_precio,
.wof_3:hover .wof_3_precio,
.wof_3_contenedor,
.wpa_1 li a
{
background-color: #8f8a8a;
}
#forma_pago label:hover {
background-color: rgba(143,138,138,.1);
}
/* PAGINAS */
.spg_listado .span2:first-child { color: #8f8a8a; }
.spg_listado.wrapper li:hover { background-color: rgba(143,138,138,.15); }
/* RESERVAS Y LISTA-COMPACTA */
.lista-compacta li:hover { background-color: rgba(143,138,138,.15); }
/* FORM */
.form-a .banner_booking_bar label > input,
.form-a .filtros_opciones select[class*="span"],
.form-a select[class*="span"],
.form-a input:not([type="submit"])[class*="span"],
.form-a textarea[class*="span"]
{
color: #3e3e3e;
background-color: rgba(143,138,138,.05);
box-shadow: 0 0 0 1px rgba(143,138,138,.25);
border-color: #8f8a8a;
}
.form-a .banner_booking_bar label > input:focus,
.form-a select[class*="span"]:focus,
.form-a input:not([type="submit"])[class*="span"]:focus,
.form-a textarea[class*="span"]:focus
{
box-shadow: 0 0 10px rgba(143,138,138,.25);
}
.form-a label { color: #8f8a8a; }
.form-a label.error { color:inherit; }
.form-a label.step span { color: #3e3e3e; }
/*------*/
.form-b .banner_booking_bar label > input,
.form-b .filtros_opciones select[class*="span"],
.form-b select[class*="span"],
.form-b input:not([type="submit"])[class*="span"],
.form-b textarea[class*="span"]
{
color: #8f8a8a;
background-color: rgba(143,138,138,.05);
box-shadow: 0 2px 0 0 rgba(143,138,138,.75);
border-color: #8f8a8a;
}
/*------*/
.form-c .banner_booking_bar label > input,
.form-c .filtros_opciones select[class*="span"],
.form-c select[class*="span"],
.form-c input:not([type="submit"])[class*="span"],
.form-c textarea[class*="span"]
{
color: #8f8a8a;
background-color: rgba(143,138,138,.1);
border-color: #8f8a8a;
}
/* BODY GRADIENTS */
body.body-grad-a {
background: linear-gradient(rgba(143,138,138,.1), rgba(143,138,138,.3));
background-attachment: fixed;
}
body.body-grad-b {
background: linear-gradient(rgba(143,138,138,.3), rgba(143,138,138,.1));
background-attachment: fixed;
}
body.body-grad-c {
background: linear-gradient(rgba(143,138,138,.3), rgba(143,138,138,.0));
background: linear-gradient(rgba(143,138,138,.3), #ffffff);
background-attachment: fixed;
}
body.body-grad-d {
background: linear-gradient(rgba(143,138,138,.0), rgba(143,138,138,.3));
background: linear-gradient(#ffffff, rgba(143,138,138,.3));
background-attachment: fixed;
}
/* ENCABEZADOS */
.h1-a #contenido >div >h1,
.h1-a .portada >div >h2 { background: #3e3e3e; }
.h1-a h1+.breadcrumb {color: white; background: #3e3e3e; }
.h1-a h1+.breadcrumb a {color: white; }
.h1-a h1+.breadcrumb > li + li:before {color: rgba(255, 255, 255, 0.5); }
.h1-b #contenido >div >h1,
.h1-b .portada >div >h2 { background: #8f8a8a; }
.h1-b h1+.breadcrumb {color: white; background: #8f8a8a; }
.h1-b h1+.breadcrumb a {color: white; }
.h1-b h1+.breadcrumb > li + li:before {color: rgba(255, 255, 255, 0.5); }
.h1-c #contenido >div >h1,
.h1-c .portada >div >h2 { color: #8f8a8a; border-color: rgba(143,138,138,.25); }
.h1-a h1+.breadcrumb,
.h1-b h1+.breadcrumb { top: -1.75em; margin: 5px -20px -5px -20px; padding: 0 20px 10px; border-radius: 0; }
/* CHECKBOX Y RADIO */
.radio-default input[type="radio"] + label::after { background-color: #8f8a8a; }
.radio-default input[type="radio"]:checked + label::before { border-color: #8f8a8a; }
.radio-default input[type="radio"]:checked + label::after { background-color: #8f8a8a; }
.checkbox-default input[type="checkbox"]:checked + label::before,
.checkbox-default input[type="radio"]:checked + label::before { background-color: #8f8a8a; border-color: #8f8a8a; }
.checkbox-default input[type="checkbox"]:checked + label::after,
.checkbox-default input[type="radio"]:checked + label::after { color: #fff; }
.botones-planos .btn.btn-default { background: #8f8a8a; color: white; }
.botones-planos .btn.btn-default:hover { opacity: .8; }
/*.lista-compacta-categorias .texto_oferta_tags a,
.lista-compacta-categorias .texto_oferta_categorias a { color: #3e3e3e; }*/
.lista-compacta-categorias .texto_oferta_tags a:hover,
.lista-compacta-categorias .texto_oferta_categorias a:hover { color: #8f8a8a; box-shadow: 0 0 1px rgba(143,138,138,.75); }
/* CUSTOM SLIDERS */
.ui-widget-header { background: #8f8a8a; }
.noUi-connect { background: #8f8a8a; }
.noUi-handle:after, .noUi-handle:before,
#slider-precio-minimo .noUi-origin,
#slider-precio-maximo .noUi-base { background: #8f8a8a; border-radius:3px; }
#slider-precio-maximo .noUi-origin { background: #fafafa; }
.noUi-handle { border: 1px solid #8f8a8a; }
/* LISTADO OFERTAS PANELES */
.listado-ofertas-paneles .span2.sof_listado_detalles {
background: rgba(143,138,138, 0.4);
}
/* WOF_4 COLOR PRECIO */
.slide p.slide-oferta-precio { background: rgba(143,138,138,1); }
#tema-19 .slide p.slide-oferta-titulo { color: #8f8a8a; }
/* ACORDEON */
.mini-acordeon-header { color: #3e3e3e; }
.mini-acordeon-header:hover { color: #8f8a8a; }
.mini-acordeon-header.active { background: #8f8a8a; color: white; }
.mini-acordeon-header.active:hover { background: rgba(143,138,138,.8); }
/* SELECCION DE TEXTO */
::selection { background: rgba(143,138,138,.25); }
/* CUSTOMS DE TEMAS */
/*.menu-agrupado nav ul ul li a:hover { color: #8f8a8a; }*/
/* DATEPICKER COLORS */
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td span.active {
background-color: #8f8a8a;
background-image: linear-gradient(0deg, #8f8a8a, #8f8a8a);
}
/* CUSTOM CSS */
::selection { background: rgb(0 0 0 / 25%); }

/* GRID 2 COLUMNAS */
.grid-2-col {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  align-content: stretch;
  justify-items: stretch;
  align-items: stretch;
  justify-content: center;
}
.grid-2-col::after, 
.grid-2-col::before { content: none; }
.grid-2-col > div { width: 100% !important; }

/* CARD B - CON TITULAR */
.ov-card-b .figure.con-titular::before {
  border-right: 25px solid #f0f2fd;
}


span.listado-ofertas-desde {
  font-weight: normal;
  text-transform: lowercase;
}

span.listado-ofertas-importe.pvp-importe {
  font-size: 24px;
  margin: 0;
}

.listado-ofertas-cards .sof_listado_titulo {
  font-size: 16px;
  /* padding-bottom: 0px; */
}

.listado-ofertas-cards .sof_listado_resumen {
  font-size: 14px;
}

/*.listado-ofertas-paneles .sof_listado_titulo a {*/
/*  color: #484848;*/
/*  font-size: 18px;*/
/*}*/

.sof_listado_titulo a,
.sof_articulo_titulares h1,
h2,
.h1-b #contenido >div >h1, .h1-b .portada>.span12>h2,
/*.ov-card-a .caption, .ov-card-b .caption, .ov-card-c .caption,*/
.ov-card-a .caption h3,
.ov-card-b .caption h3,
.ov-card-c .caption h3,
.ov-card-c .title,
.slide-foto-text .text {
  font-family: 'Trykker', 'Questrial', sans-serif;
}

.ov-card-a > .caption > h2:first-child ,
.ov-card-b > .caption > h2:first-child {
  background: #f0f2fe;
  color: #575050;
  padding: 10px;
  position: relative;
  top: -35px;
  left: -25px;
  padding: 18px 25px;
  margin-bottom: -10px;
  margin-right: -50px;
  font-size: 18px;
}
.ov-card-a .figure::before { top: auto; bottom: 30px; }
@media (max-width: 768px) {
  .ov-card-a .figure::before { top: 0; left: 30px; }
}

.foto-top { background-position: center top !important; }
.foto-top-20 { background-position: center 20% !important; }
.foto-top-30 { background-position: center 30% !important; }
.foto-top-40 { background-position: center 40% !important; }
.foto-bottom { background-position: bottom center !important; }

.tab-content.active {
  padding: 2rem 3rem !important;
}

/* ACORDEON */
.acordeon-plus>.mini-acordeon-header,
.mini-acordeon-header { color: #8f8a8a; background: white; border-radius: 6px; }
.mini-acordeon-header:hover {color: #000000;background: #ffffff;}
.acordeon-plus>.mini-acordeon-header.active,
.mini-acordeon-header.active {background: #f1f1f1;color: #484848;border-radius: 6px 6px 0 0;margin-bottom:0;}
.mini-acordeon-header.active:hover {color: #000000;background: #efefef;}

.acordeon-plus>.tab-content {
  margin-bottom: 8px;
}
.acordeon-plus>.tab-content.active {
  background: white;
  /*margin-bottom: 8px;*/
  border-radius: 0 0 6px 6px;
  height: auto !important;
}

.lead h2 {
  background: #8f8a8a;
  color: white;
  padding: 10px 20px;
  margin-bottom: -20px;
  text-align: center;
}

.h1-b #contenido >div >h1, .h1-b .portada>.span12>h2 {
  margin: 0;
}

.modulov-contacto #contenido > div > .wrapper,
.modulov-viajeamedida #contenido > div > .wrapper {
  padding-top:15px;
}
.sof_articulo_imagen { height: 65vh; }

/* card container 300px max */
.card-300 { text-align: center; }
.card-300 .ov-card-b,
.card-300 .ov-card-c {
  max-width: 300px;
  margin: 30px;
}
.ov-card-c .title {
  /*background: #8f8a8a;*/
  background: #f0f2ff;
  /*color: #8f8a8a;*/
  /*background: #e1e1e1;*/
  color: #565050;
}


@media (min-width: 769px) {
  nav ul li a {
    padding: 12px;
    font-weight: bold;
    font-size: 14px;
  }  
  nav.nav-responsive {
    display: flex;
    height: 100px;
    align-items: center;
    flex-direction: row;
  }

  header {
    position: relative;
    max-width: 1200px;
    margin: auto;
    min-height: 120px;
    padding: 10px;
    padding-left: 300px;    
  }
  
  .logo {
    position: absolute;
    left: -240px;
    top: 10px;
  }
}

.testimonio-card.ov-card-a, .testimonio-card.ov-card-b { font-style: normal; }
.testimonio-card.ov-card-a { min-height: 250px; }
@media (min-width: 1100px) {
  .testimonios .ov-card-a {
    grid-template-columns: 60% 40%;
    /*max-width: 500px;*/
    margin: 10px;
  }
  .testimonios .ov-card-b {
    max-width: 300px;
    margin: 10px;
  }
}

/* WIP: PANEL SIDEBAR LEFT */
.panel-left-sidebar {
  display: grid;
  grid-gap: 30px;
  padding: 15px;
  grid-template-columns: 1fr 2fr;
}
.panel-left-sidebar::before { content: none; }
.panel-left-sidebar::after { content: none; }

.panel-left-sidebar > div {
  width: 100% !important;
  padding: 0 !important;
}

.caption .slide-foto-text { margin: 15px -25px; }
.caption .slide-foto-text .image { height:300px; }

@media (max-width:950px) {
  .panel-left-sidebar {
    grid-template-columns: 1fr;
  }
}

/** ----- **/





section { background: #eee; }

figure.snip1157 {
    position: relative;
    overflow: hidden;
    margin: 10px;
    min-width: 220px;
    max-width: 310px;
    width: 100%;
    color: #333;
    text-align: left;
    box-shadow: none !important;
    display: inline-block;
    }
    figure.snip1157 * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
      transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    }
    figure.snip1157 img {
      max-width: 100%;
      vertical-align: middle;
      height: 90px;
      width: 90px;
      border-radius: 50%;
      margin: 40px 0 0 10px;
    }
    figure.snip1157 blockquote {
      display: block;
      border-radius: 8px;
      position: relative;
      background-color: #fafafa;
      padding: 25px 50px 30px 50px;
      font-size: 0.8em;
      font-weight: 500;
      margin: 0;
      line-height: 1.6em;
      font-style: italic;
      border: none;
    }
    figure.snip1157 blockquote:before,
    figure.snip1157 blockquote:after {
      font-family: 'FontAwesome';
      content: "\201C";
      position: absolute;
      font-size: 50px;
      opacity: 0.3;
      font-style: normal;
    }
    figure.snip1157 blockquote:before {
      top: 25px;
      left: 20px;
    }
    figure.snip1157 blockquote:after {
      content: "\201D";
      right: 20px;
      bottom: 0;
    }
    figure.snip1157 .arrow {
      top: 100%;
      width: 0;
      height: 0;
      border-left: 0 solid transparent;
      border-right: 25px solid transparent;
      border-top: 25px solid #fafafa;
      margin: 0;
      position: absolute;
    }
    figure.snip1157 .author {
      position: absolute;
      bottom: 45px;
      padding: 0 10px 0 120px;
      margin: 0;
      text-transform: uppercase;
      color: #333;
      -webkit-transform: translateY(50%);
      transform: translateY(50%);
    }
    figure.snip1157 .author h5 {
      opacity: 0.8;
      margin: 0;
      font-weight: 800;
    }
    figure.snip1157 .author h5 span {
      font-weight: 400;
      text-transform: none;
      padding-left: 5px;
    }
/* Demo purposes only */
  
  

.spg_articulo_pagina {
  padding:0 !important;
}

.row-fluid .span3, .row-fluid .span4, .row-fluid .span6, .row-fluid .span9, .row-fluid .span12, .span3, .span4, .span6, .span9, .span12 {
  padding-left: 0px;
  padding-right: 0px;
}

.sof_articulo_acciones a,
.btn-plano {
  /*font-size: 16px;*/
  /*padding: 16px 32px;*/
  /*border-radius: 5px;*/
  /*box-shadow: 0 0 0 3px white, 0 0 0 6px #e7a2ad;*/
}

.sof_articulo_detalles {
  padding: 30px;
  background: white;
  box-shadow: 0 0 2px rgb(0 0 0 / 15%);
}

/** --- **/

html {
  height: 100%;
}

body {
  background: linear-gradient(rgb(255 255 255 / 30%), rgb(239 240 255));
  background-attachment: fixed;
  
  font-size: 16px;
  line-height: 20px;
}

footer {
  background: #585858;
  color: white;
  border-top: 20px solid #8f8a8a;
}
footer a {
  color:white;
}
footer a:hover {
  color: #e5e5e5;
}

.fp {
  opacity: 0.75;
  font-size: 13px;
}

.web-mantenimiento footer {
  color: #fff;
  text-align: center;
}

p {
  margin: 0 0 20px;
}

h2 {
  font-size: 28px;
  /*background: #eeb1b1;*/
  /*background: linear-gradient(90deg, #c15656,#eeb1b1, #ffffff00);*/
  /*padding: 10px 20px;*/
  /*color: white;*/
}

h3 {
  font-size: 18px;
  /*color: #85395f;*/
  /*text-decoration: underline;*/
}

.p1 { padding: 10px !important; }
.p2 { padding: 20px !important; }
.pt1 { padding-top: 10px !important; }
.pt2 { padding-top: 20px !important; }
.pb1 { padding-bottom: 10px !important; }
.pb2 { padding-bottom: 20px !important; }

.icono-grande {
  font-size: 30px;
  color: #e68c12;
}

.lead {
  font-size: 30px;
  color: #2f358e;
}

.spg_articulo_publicada {
  display: none;
}

.spg_articulo_pagina {
  padding-left: 20px;
  padding-right: 20px;
}

.slider_texto.fuente_especial {
  font-size: 35px;
  font-weight: bold;
  width: 100%;
  max-width: 100%;
  bottom: auto;
  top: 16px;
  text-align: right;
  box-sizing: border-box;
  padding-right: 32px;
  font-family: 'Lobster', 'Questrial', sans-serif;
}



.panel-contactanos {
  background: white;
  /*border-bottom: 1px solid black;*/
  /*background: #e68c13;*/
  /*padding: 30px;  */
}

.panel-contactanos .wrapper {
  max-width: 600px;
  text-align: center;
  /*background: white;*/
  padding: 20px;
  /*box-shadow: 0 0 1px #bd720d, 0 0 15px 0px #0000004f;  */
}

.panel-contactanos .lead-text {
  font-size: 18px;
  margin-bottom: 20px;
}

.panel-contactanos .lead-text h2 {
  font-family: Lobster, Questrial, sans-serif;
  text-align: center;
  font-size: 32px;
  padding-bottom: 0;
  border-bottom: 1px solid #f38f22;
  margin-bottom: 20px;  
}

.wpg_2_container { margin:0; padding:0 !important; }

.banner-contacto-portada {
  background: #f4f4ff;
  padding: 7px;
  margin: 0;
  border-top: 1px solid #e5e5ff;
  font-size: 14px;
  color: #8387c9;
}
.banner-contacto-portada a {
  color: #8387c9;
  border-bottom: 1px solid #8387c9;
}
.banner-contacto-portada a:hover {
  color: #e68c13;
  border-bottom: 1px solid #e68c13;
}
.banner-contacto-portada .wrapper {
  /*max-width: 670px;*/
}
.banner-contacto-portada p {
  margin:0;
  text-align: center;
}


.eslogan-portada {
  background: #f4f4ff;
  padding: 37px;
  margin: 0;
  border-bottom: 1px solid #e5e5ff;
  font-size: 24px;
  line-height: 32px;
  color: #4b4b4b;
  text-align: center;
}
.eslogan-portada strong {
  /*color: #8188fb;*/
}
.eslogan-portada .wrapper {
  max-width: 670px;
}

.bg-img-a {
  background: url('/uploads/d1f491a404d6854880943e5c3cd9ca25/images/slides/mountains-1899264_1920.jpg') 50% 50% no-repeat;
  height: 100px;
  /* background-attachment: fixed; */
}


/* SLIDERS */
.slide-foto-text {
  position: relative;
  margin: 0;
  padding: 0;
  /*height: 300px;*/
  /*width: 100%;*/
}
.slide-foto-text .image {
  height:625px; overflow: hidden;
}

.slide-foto-text img {
  width: 100%;
  /*height: 300px;*/
}
.slide-foto-text.foto-top .image {
  background-position-y: 0 !important;
}

.slide-foto-text .text {
  position: absolute;
  color: white;
  text-shadow: 1px 1px black;
  display: block;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 29px;
  line-height: normal;
  bottom: 30px;
  border: none;
}
.slide-foto-text .text.arriba {
  top: 30px;
  bottom: auto;
}
.slide-foto-text .text strong {
  /*color: #8f8a8a;*/
  text-decoration: underline;
}



/* FORM VIAJE A MEDIDA:
  - Quitar titulos Viaje a medida
  - Quitar Edad
  - Codigo Postal al 100%
*/
.span6.viajeamedida-edad,
.frm_title { display: none; }
.span6.viajeamedida-cp { width: 100%; }

#formulario-contacto,
#formulario-viajeamedida,
#solicitud_informacion,
.js #sof_articulo #solicitud_informacion,
.modulov-ofertas-listado ul.sof_listado.wrapper,
.wrap {
  max-width: 1100px;
  margin: auto;
  padding: 0 15px;
  padding: 15px;
}

.justify { text-align: justify; }

.iframed #contenido > h1,
.iframed #contenido > div >h1 {
  display: none;
}

label.step {
  color: rgb(155 37 96);
}




/** BOTONES */
/*** ESTILOS BOTÓN GROW SKEW REVERSE 
.sof_articulo_acciones a,
.btn-plano {
  background: #fff !important;
  color: #85395f;
  border: 2px solid #85395f;
  padding: 16px 20px;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.sof_articulo_acciones a:hover,
.btn-plano-alt:hover {
  color: #fff;
}
.sof_articulo_acciones a::after,
.btn-plano-alt::after {
  content: "";
  background: #85395f;
  position: absolute;
  z-index: -1;
  padding: 16px 20px;
  display: block;
  left: -20%;
  right: -20%;
  top: 0;
  bottom: 0;
  transform: skewX(45deg) scale(0, 1);
  transition: all 0.3s ease;
}
.sof_articulo_acciones a:hover::after,
.btn-plano-alt:hover::after {
  transition: all 0.3s ease-out;
  transform: skewX(45deg) scale(1.2, 1.2);
}
***/


/**
.sof_articulo_acciones a {
  background: #fff;
  color: #4741d7;
  border: 2px solid #4741d7;
  padding: 16px 20px;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.sof_articulo_acciones a:hover {
  color: #fff;
}
.sof_articulo_acciones a::after {
  content: "";
  background: #4741d7;
  position: absolute;
  z-index: -1;
  padding: 16px 20px;
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scale(0, 0);
  transition: all 0.3s ease;
}
.sof_articulo_acciones a:hover::after {
  transition: all 0.3s ease-out;
  transform: scale(1, 1);
}
**/

iframe.loaded { max-width: 100%; }



.btn-plano, .btn-booking, a.sof_listado_btn_detalles, .sof_articulo_acciones a, .sof_articulo_acciones button.btn-pagar, a.spg_btn_detalles,
.btn-info, .btn, .btn-plano, .sof_articulo_acciones a, .sof_listado_btn_detalles {
    border: 2px solid #3e3e3e;
    background: #ffffff;
    color: #333333;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
}

.btn-booking:hover,
.sof_articulo_acciones button.btn-pagar:hover,
a.spg_btn_detalles:hover,
.btn-info:hover,
.btn:hover,
.btn-plano:hover,
.sof_articulo_acciones a:hover,
a.sof_listado_btn_detalles:hover {
    background: #b1b1b1;
    color:white;
}

.btn-plano:before {
  margin-right: .5em; /* separar posible icono */
}

/* VIDEO RIGHT para Mis Viajes */
.video-right {
  float: right;
  margin-left: 30px;
  margin-bottom: 30px;
}

@media (max-width: 850px) {
  .video-right {
    float: none;
    margin: inherit;
    text-align: center;
  }
}


/** ETIQUETADO OFERTAS **/
li.ofertas.completa .span3.sof_listado_imagen::after,
li.ofertas.completo .span3.sof_listado_imagen::after,
li.ofertas.cancelada .span3.sof_listado_imagen::after,
li.ofertas.cancelado .span3.sof_listado_imagen::after,
li.ofertas.ultimas .span3.sof_listado_imagen::after,
li.ofertas.ultimas-plazas .span3.sof_listado_imagen::after {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
  padding: 10px 20px;
  border-radius: 5px;
  pointer-events: none;
}

li.ofertas.completa .span3.sof_listado_imagen::after,
li.ofertas.completo .span3.sof_listado_imagen::after {
  content: 'Completo';
  background-color: #0faa5b;
  color: white;
}
li.ofertas.cancelada .span3.sof_listado_imagen::after,
li.ofertas.cancelado .span3.sof_listado_imagen::after {
  content: 'Cancelado';
  background-color: #908a8a;
  color: white; 
}
li.ofertas.ultimas .span3.sof_listado_imagen::after,
li.ofertas.ultimas-plazas .span3.sof_listado_imagen::after {
  content: 'Últimas plazas';
  animation: bg-ultimas 2s infinite linear;
  background-color: #dd4911;
  color: white;
}

@keyframes bg-ultimas {
   0%  { background: #be3000; }
  50%  { background: #fc8700; }
 100%  { background: #be3000; }
}