/* ====== OCULTADO ======== */
 #btn-cdb, #btn-pma,  #btn-vre,  #btn-svq,  #btn-vit{display:none!important;}

/* ====== OTROS ======== */

.madrid-xl, .madrid-l, .madrid-m, .madrid-s{position: fixed;} .madrid{position:relative;} .madrid-xl{top:120px;}
.barcelona-xl, .barcelona-l, .barcelona-m, .barcelona-s{position: fixed;} .barcelona{position:relative;} .barcelona-xl{top:120px;}

/* ====== CABECERA ======== */

header{}
#productos{display:flex; justify-content: center; flex-wrap: wrap; flex-direction: row;}
#cabecera {z-index: 9999!important}
#elem-cabecera{background-color: white; border-bottom: 2px solid #d50032;}
#elementos-cabecera{width: 100%; text-align: center;}
  #elementos-cabecera a {float: left;}.logo-spt{width: 165px!important; height: auto;}
  .header-index #frase-cabecera{ display: inline; font-size: 19px; margin: 0px auto; padding-top: 15px; float: right; color:white; }
  .header-iti #frase-cabecera{  display: inline; font-size: 19px; margin: 0px auto; padding-top: 15px; float: right;color:#d50032; }
  header .logo .logo-dark.default, header .logo .logo-light.default{height:auto;}
/*#itinerario{background: linear-gradient(0deg, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%);}*/


/* ====== INDEX - HEADER ======== */

.header-index #elem-cabecera{background-color: transparent!important;border-bottom: 2px solid #ffffff;}

/* ====== INDEX - GALERIA ======== */

#video-home{position:absolute!important; width: 100%; height: auto;}

#galeria-botones {width: 100%!important;  position: relative; text-align: center; background-color: #00000020; margin: 0px; padding:30px 30px 60px 30px; margin-top: 600px;}
  .txt-menu-index{font-size: 16px ; color: white ;display: flex; position: relative; width: 200px; 
    padding-left: 18px; margin: 0px auto 15px auto; background-color: #d50032;}
  #galeria-botones div{ width: 80%!important; display: flex; flex-direction: row; margin: 0 auto  } /* row */

    #galeria-botones a {height: 35px; margin: 5px 5px !important; width: 160px; }
      .btn-index span{font-weight: 900; background-color: rgba(255, 255, 255, 1); padding: 5px 20px; border-radius: 10px; width:160px; display: inline-block;}
        .btn-index span:hover{font-weight: 900; background-color:rgba(213, 0, 50, 1); padding: 5px 20px; border-radius: 10px;}
      .btn-index{ border:0px; height: 35px;padding: 0px 0px!important; vertical-align: middle; 
      }
      .boton-grande .btn-index { border:0px; height: 130px!important; width:300px;padding:  0px 0px!important; vertical-align: middle; background-size:20%!important; 
        background: rgba(255, 255, 255, 0.1) top right no-repeat; 
      }
      .btn-index:hover{ height: 35px;padding: 0px 0px!important; vertical-align: middle; background-size:20%!important; 
        background: rgba(213, 0, 50, 0.2)  top right no-repeat; }


.boton{background-size:100%; background-position: center; width: 170px; height: 35px;margin:10px 0px ; padding: 0px; display:inline-block!important;}
.boton-grande{background-size:110%; background-position: center; width:300px; height: 130px; padding: 0px; display:inline-block!important;}

/* ====== BANNER ======== */
.deg-white{width: 100%; height: 300px; margin-top: -275px; position: absolute; background: url("../images/recursos/de-vert-white.png") center bottom; background-size: 1%;  background-repeat: repeat-x; }
.banner{max-width:100%; background-position:50% 62px;background-size: cover; height:555px; }
.banner iframe{max-width: 1440px; height: 440px; position: relative; top:76px; left:0px; margin: 0px auto;}
/* banner ofertas */
.banner-of{max-width:100%; background-position:50% 42px;background-size: cover; height:500px; }
.banner-of iframe{max-width: 1440px; height: 440px; position: relative; top:50px; left:0px; margin: 0px auto;}

/* banner-GIF */ 

.banner{background:url("../images/1920x445-VD-landing.gif") no-repeat center top ; background-position-y: 60px; background-size:  auto; }

/* ====== COPI ======== */
#copi{background-color: #5B6770 ; padding: 30px 0 30px 0;}
#copi div{vertical-align: middle}
#txt-copi{padding: 15px 0 15px 0;};

/* ====== MENU ======== */ 
#menu{background-color: #d50032; text-align: center;}
.menu{ background-color:  #d50032!important; z-index:777!important;width:100!important; padding: 15px 0px; text-align: center;}
.txt-origen{ background-color: #d50032;  color: white; font-weight: 600;}
.boton-sub{width: auto; height:auto; display:inline-block!important; font-weight: 400; color: white}
.boton-sub:hover{ color: white; text-decoration: underline;}
.boton-sub-act{width: auto; height:auto; display:inline-block!important; color:white; bottom: unset; font-weight: 600!important;pointer-events: none; cursor: default; text-decoration: underline;}
.boton-sub span, .boton-sub-act span {font-size: 16px; vertical-align: middle; padding-bottom: 2px; color:white; font-weight: bolder;}

/* BOTONES PRECIO */
#botones{width:100%; display: inline-block;}
.pdf, .ver {display: flex}
.btn-outline-danger{border-color: #d50032; color:#d50032;}
.btn-outline-danger:hover { background-color: #d50032;}
#reserva-txt{pointer-events: none; cursor: default;}
#ruta-ventas button,#ruta-ventas-s button, #ruta-ventas-of button  {padding-top:9px;}

#ruta-ventas button:hover,#ruta-ventas-s button:hover {background:linear-gradient(180deg, #d50032, #9d0125);}

/* ORDENAR */
.separador-home{padding: 0px 0px 78px 0px;}
.separador{ margin-top: 20px; box-shadow: 15px 5px 10px #48529944; }
.material-symbols-outlined{padding-top: 2px;}
.regulares{width: 100%;float: left;}        

.no-margin{margin: 0px;}
.ofertas{margin-bottom:13px}
header a.logo img{max-height: 100px;}

.text-left{text-align: left;}
.text-justify{text-align: justify;}


/* ====== ITINERARIOS ======== */

.itinerario{display: inline-block; padding:10px 20px; width: auto; margin: 10px!important;}
.itinerario .row{ width: 610px;}

/* Todo lo que no este dentro del :not fondo blanco */
.itinerarios div:not(.precio,.footer,.precio-2, #titulo-txt, #titulo, #ribete-b, #etiqueta-1, #copi , .foto){background-color: white;}



/* 01 titulo */
#titulo{ padding: 3px 10px; min-height: 50px;  text-align: left; font-size: 20px; color: white; font-weight: 600; background-color:#d50032; width: 100%; border-radius: 20px 20px 0px 0px;  }

/* #titulo img {display: inline-block;float:inline-start; padding-left: 28px;} */
#titulo-txt { padding:25px 5px 25px 5px; display: inline-block;}
#ribete-b {background-image: url("../images/recursos/ribete-b.png");background-position:right top; background-repeat: no-repeat;float: inline-end; width: 59px; height: 82px; }

/* 02 contenedor (foto + pdf + ver) */ 
.elemento { display: inline-block; flex-direction: column; text-align: left; padding: 0px; align-items: end;}

  /* foto */
  #bloque-i{display:inline-block; width: 50%; flex-direction: column;}
#etiqueta-1{z-index: 100; ;border-radius: 0px 11px 11px 0px; position: absolute; margin-left:  -5px ; margin-top: 4px; width: 140px;  background-color:#FF9A54; color: white; text-align: center; font-weight: 600;}
.foto { padding: 0px; vertical-align: top; display: flex; width: 100%}
.foto  img {max-width: 100%; height: auto;}
.pdf{ display: flex; vertical-align: top; padding-top: 5px; flex-direction: column;}
.pdf#pdf-oferta{display: none;}
.pdf span, .reserva span{font-size: 14px; vertical-align: text-bottom; margin-bottom: 3px; }
.reserva-2 span{font-size: 14px; vertical-align: text-bottom; margin-bottom: 3px; }
.boton-pdf button{vertical-align: top; width:100%; display: flex; text-align: center; justify-content: center;align-items: center; padding-top: 10px;}
a.boton-ver { width: 100%!important; text-align: center;  background-color:#f2f2f2; padding:6px 0px; color:#666; display: table; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
a.boton-ver:hover {background-color: #d50032 ; color: white; font-weight: 600;}
.boton-ver span{vertical-align: middle;font-size: 12px;letter-spacing: 0px; font-weight: 600;}
.ver{width: 100%; text-align: center;}
.ojo{font-size: 16px!important; margin-bottom: 5px;}
#etiqueta-pdf{background-color: #ff7918; padding: 5px; border-radius: 6px; color: white!important;}
 
  /* Info */
#info{border-radius: 10px 10px 10px 10px; position: relative;padding: 0px 5px; vertical-align: top; border: 1px solid rgba(0,0,0,.125); display:inline-block; width: 50%; float: right; top:-8px}
.categorias{font-size: 10px; padding: 10px 5px 10px 5px; }
.categorias span{ color: #d50032; font-weight: 400!important;}
.dias{color: #d50032;  border-radius: 0px 0px 5px 5px; font-size: 20px; font-weight: 900; vertical-align:baseline; background-color: white; padding: 10px 5px 0px 5px; line-height: 20px;}
.dias span{width: 30px; height:auto; vertical-align: bottom; color:#d50032; ;}
.sitios{ font-size: 13px; font-weight: 400; line-height: 14px; padding: 10px 5px 0px 5px; color:#666;}
.sitios hr{ margin:3px;}
#sol{padding-right:10px; padding-top:10px; width:24px!important; height: auto;}
#sol img{ width:24px!important; height: auto;}

.fechas, .vuelos{ color: #d50032; line-height: 20px; display: block; padding: 0px 5px 10px 5px; vertical-align: baseline;}
.fechas span, .vuelos span {font-size: 22px;width: 30px; height:auto; vertical-align: bottom; color: #d50032}
.fechas hr, .vuelos hr{ margin:5px;}
.fechas img{width: 24px; height: auto;}
span#fechastxt , #vuelostxt{ color:#666; font-size: 12px; padding:0px 10px 0px 30px; line-height: 16px; width: 100%;}
#fechastxt, #mesestxt {display: inline-block;}
span#mesestxt{color:#666; font-size: 12px; line-height: 14px; font-weight: 600;} 
.año{ font-size: 10px!important; display: block; font-weight: 600;}

  /* precio */
.contenedor-precio{width:100%; height: auto; vertical-align: middle; background:linear-gradient(180deg, #d50032, #9d0125); border-radius: 5px; margin-top: 8px;}

.contenedor-precio#elemento-precio-of{width:100%; height: auto; vertical-align: middle; background:linear-gradient(180deg, #ff7918, #dd6f20); border-radius: 5px;}


.reserva-2{display: inline-block;}
.reserva-3{display: inline-block;}
.reserva{width:50%; display: inline-block;}
.reserva-txt{vertical-align: middle; font-size: 13px; top:20px;}
.flecha{vertical-align: middle;}
.boton-ventas button {background-color: white; vertical-align: middle;}
.precio{ border:none;  display:flex; vertical-align:inherit;color: white;font-size: 30px; text-align: right; border-radius: 5px;background-color:transparent; display: inline-block; width:55%; text-align: left; padding-left: 5px;}
.precio-2{ border:none;  display:flex; vertical-align:inherit;color: white;font-size: 30px; text-align: left; border-radius: 5px;background-color:transparent; display: inline-block; width:55%; padding-right:25px; padding-top:5px;padding-left: 5px; }
.precio-2 span.desde{ margin-bottom: 10px; position:relative; top: -2px;}
.precio-2 span.euro{ margin-bottom: 10px; position:relative; top: -2px;}
.precio strong, .precio-2 strong{ font-weight: 900; vertical-align: inherit;}
.categoria-precio{margin-top: -5px; position:absolute; margin-left:120px; margin-bottom: 18px; width:73px; font-size: 12px; color: white; display:block; line-height: 12px; text-align: left; padding: 5px; border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
#categoria-clasico{margin-top: -3px;width:60px; display: none};
.desde{width:100px!important;}
span.desde, span.euro{font-size: 10px!important; vertical-align: middle; }
span.desde{padding-right: 3px;}
span.euro{ font-size: 17px!important; padding-left:3px; vertical-align: middle;}
.precio-2 span.euro-2{position: relative; font-size: 17px!important; padding-left:3px;top: -2px!important ;vertical-align: middle;}


/* visitas */
.visitas{width: 100%;}
span.banderita{padding-left: 2px; padding-right: 8px;  }
.banderita img{width: 80%;}
.accordion-header{line-height: 32px!important;}
.accordion-header button{font-family:'Roboto', sans-serif!important; font-size: 12px; padding:5px!important; line-height: 15px;color: #d50032!important; background-color: white; }
#visitando-txt{font-size: 14px; font-weight: 600; padding-top:5px}
.lista{height:auto; display: inline-block;vertical-align: top; width: 100%; margin-top:-18px}
.lista button:target, .lista button:focus{ box-shadow: none; color: #d50032; }
.lista button:hover, .lista button:active, .lista button:not(.collapsed){ color: #d50032; background-color: white;}
.visitas-opcionales{ font-size: 12px!important; vertical-align: text-bottom;}
.acordion{width:100%!important; }
.accordion-item{border: none!important;}
.accordion-body {padding-top: 3px;}
.accordion-body ul{font-size: 12px; line-height: 16px; padding:0px 0px 0px 10px; margin-bottom: 0px;}
.comidas{padding: 3px 0px 3px 15px; vertical-align: middle; text-align: left;}
.comidas span{font-size: 14px;}
.comidas-txt{vertical-align: top;}
.paquetes{background-color:#f2f2f2;}
span.paquetes{font-size: 10px!important;}
p.txt-intro{font-size: 12px; line-height: 14px; margin: 5px 0px 0px 0px;  }
.footer{background-color:#1c1c1c; ;}
#extras{z-index:100;position: relative;}
p#intro-excursiones, p#intro-comidas{display: none; font-size: 11px; line-height: 13px!important; margin: 9px 0px 0px 0px; background-color: none;} /* textos ontrp paquetes */
.txt-footer {color: white; font-size: 12px; line-height: 14px; width: 80%; margin: 0 auto; padding:30px 0px!important; text-align: justify;}
#footer-contenedor{ background-color: #d50032; margin-top:80px}
.row{}

h1,h2,h3,h4,h5,h6 {font-family: 'roboto', sans-serif; letter-spacing: 3px;color: #000;
} 
body {font-family: 'Roboto', sans-serif!important;
  font-weight: 300;
  font-style: normal;
font-size: 14px;color: #000; letter-spacing: 0px; line-height: 23px;}

.tiki{ width: 15px; height: auto; margin-bottom: 3px; display: inline;}
hr {color: #878787;}
.poppins {font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-style: normal;} 
.text-condensed {font-family:'Roboto', sans-serif;
    font-weight: 300;
    font-style: normal;
    }
.marron {color:#6D5C4B;}
.borde-doble {border-top: double 3px #6D5C4B; border-bottom: double 3px #6D5C4B; padding: 10px;}
.bg-marron {background-color:#6D5C4B;}
.gris {color: #6F6F6E;}
.bg-rosa{background-color: #ee5153;}
.bg-gris{background-color: #f2f3f4;}
.font-weight-100 {font-weight: 100;}
.contain-background {position: relative !important; background-size: contain !important; overflow: hidden !important; background-position: right bottom !important; background-repeat: no-repeat !important;}

.height-65 {height: 70%}
.bg-white-opacity { background-color: rgba(255, 255, 255, 0.20); }
.bg-white-opacity2 { background-color: rgba(255, 255, 255, 0.7); }
.slider-long-arrow-white {padding: 25px; }
.esquina1 {
  position: absolute;
}
body#b-itinerario{background-color: #87878711!important;}
.itinerario, .elemento, .row, #botones, .reserva-2, .button-ventas button,.precio, .precio-2, #elemento-precio-s,.reserva-txt, #bloque-i{background-color: transparent!important;}
.reserva-2{background-color: none!important;}
#ruta-ventas-s button {}
/* SCROLL */

.scroll-flecha {
  top: 600px;
  z-index: 99999999;
  position  : absolute; 
  width     : 100%;  
  height    : 100%; 
  text-align: center;
}


/* COLORES FUENTES */
.black {color: #000}
.lightblue {color: #eff4f5}
.gold {color: #93886b}
.lightgold {color: #b39003}
.text-color {color: #ff2d00;}
.white-color {color: #ffffff;}

/* COLORES FONDOS */

.bg-blue {background-color: #1e92d3}
.bg-lightblue {background-color: #eff4f5}
.bg-gold {background-color: #93886b}
.bg-lightgold {background-color: #b39003}


.scroll-top-arrow, .scroll-top-arrow:focus { color: #fff; background: #878787; line-height: 28px; display: none; height: 30px; width: 30px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; top: 91%; z-index: 10006; border-radius: 100%;}
.scroll-top-arrow:hover {background: #000; opacity: .8; color: #fff; border-color: #6abaaf}
.scroll-top-arrow i {line-height: 30px;  position: relative;}