body{
  padding-top: 90px;
  font-family: Open Sans, sans-serif;
}

@font-face {
  font-family: BABY-BLUE;
  src:url(/fonts/BABY-BLUE.OTF);
}

.noshow{
  visibility: hidden;
}
.amarillo{
  color: yellow;
}

/*limpiar float*/
.limpiar{
  clear: both;
}

/**LigthBox Promociones**/
/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}


/********************FIN LIGTH BOX
/*mis quince*/

/*itinerario*/
.articleBody{
  background-image: url(./img/misquince/itinerario/fondo-itinerario.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}
/*itinerario*/
.cuadroverde{
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 35px;
    overflow: hidden;
    text-align: center;
    background-color:#00c4ba;
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1);
    border-radius: 5px;
    vertical-align: middle;
    padding: 3px;
}

.rosa{
  background-color: #794ea0;
}

.guinda{
  background-color: #7d0025;
}
.separaarriba{
  padding-top: 50px;
}
.escribeblanco{
  color: white;
}

.navbar-brand {
  display: inline-block;
  min-height: 90px;
    /*position: relative;
    background: url(../images/logo.png);
    width: 170px;
    left: 15px;
    background-size: contain;*/
}
.margentop15{
  padding-top: 15px;
}
.buscador{
    line-height: 1em;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border: none;
    padding-left: 8px;
    height: 22px;
}
.btn-search {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-left: -20px;
    height: 26px;
    margin-top: 1px;
}

.iniciodesesion form {
    padding: 16px;
}

.iniciodesesion .form-control {
    width: 100%;
}

/**cambiar brakpoint collapse navbar
@media (max-width: 985px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}*/
/*Tabs*/
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

/* Heredado del login app!*/
.perfiledit{
  background-color: #337AB7;
  padding-bottom: 30px;
}

.ocaso{
  margin-top: 60px;
  background-color: #337AB7;
  padding-bottom: 20px;
}
.azulado{
  background-color: #337AB7;
  padding-bottom: 30px;
}

.btnlogin:hover{
  background-color:yellow;
}

.centrado{
  text-align: center;
}

.medio{
  width: 50%;
}
.form-control{
  width: 80%;
}
.flotante{
  float: left;
}
.separa{
    padding-right: 2%;
}

.completado{
  background-color: #C3F0C9;
  text-align: center;
  color: green;
}
.incorrecto{
  background-color: #F2DEDE;
  text-align: center;
  color: red;
}


/***********  PANEL EXPRESS****/
.panelexpress{
  width: 100%;
  padding-top: 50px;
    display:flex;
}

.mipanel {
    width: 20%;
    display: block;
    float: left;
    min-height: 600px;
    padding-left: 10px;
    padding-right: 10px;
    top: 0;
    left: 0;
    height: 100%;
    background: #337AB7;
    color: #fff;
    transition: all 0.3s;
}

.mipanel a{
  color: white;
}

.contenidopanelexpress{
  padding-left: 10px;
  width: 80%;
  float: left;
}

.cuadroverdeboton{
    color: white;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 35px;
    overflow: hidden;
    text-align: center;
    background-color:#00c4ba;
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1);
    border-radius: 5px;
    vertical-align: middle;
    padding: 3px;
}

.cuadroverdebotonnopadding{
    color: white;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 35px;
    overflow: hidden;
    text-align: center;
    background-color:#00c4ba;
    box-shadow: inset 0 0 5px 0 rgba(0,0,0,.1);
    border-radius: 5px;
    vertical-align: middle;
    padding: 0px;
}

.cuadroverdeboton:hover, .cuadroverdebotonnopadding:hover {
    color: #00c4ba;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 35px;
    overflow: hidden;
    text-align: center;
    background-color:yellow;
    box-shadow: inset 0 15 15px 0 rgba(0,0,0,.2);
    border-radius: 5px;
    vertical-align: middle;
    padding: 0px;
}

/****************************/
.blanco{
  color: white;
}
.amarillo{
  color: yellow;
}
.amarillo:hover{
  color: white;
}


a {
    cursor: pointer;
}
/* Iluminar la fila de la tabla de destinos */
.clickable-row.hover {
    background-color:#FFFF99  !important;
    cursor: pointer;
}

/*.table-striped>tbody>tr:nth-of-type(odd){
    background-color:yellow;
}*/

/* Tamaño del Mapa de viaje*/
#mapid { height: 280px; margin-bottom: 2em; }


/* TABLA VIAJES */

          .viaje {
              font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
              border-collapse: collapse;
              width: 100%;
          }

          .viaje td, .viaje th {
              border: 1px solid #ddd;
              padding: 8px;
          }

          .viaje tr:nth-child(even){background-color: #f2f2f2;}

          /*.viaje tr:hover {background-color: #ddd;} -> para iluminar la fila al pasar*/

          .viaje th {
              padding-top: 12px;
              padding-bottom: 12px;
              text-align: left;
              background-color: #4CAF50;
              color: white;
          }

/* FIN TABLA VIAJES */

/* TAB Viajes*/

.tab-content{
  border: solid 0.5px;
  border-color: grey;
  padding: 1em;
}

/* Días y noches en las pestañas de viaje */
.dias{
  display: block;
  width: 49%;
  float: left;
  padding: 0.5em;
  background: #ffcc00;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  border-radius: 10px 10px 10px 10px;
  margin-right: 2px;
}
.noches{
  display: block;
  width: 49%;
  float: left;
  padding: 0.5em;
  background: #003366;
  color: white;
  font-size: 1.2em;
  font-weight: bold;
  border-radius: 10px 10px 10px 10px;
}  

/* Precio Viajes*/

.precio{
  font-size: 3em;
  font-weight: bold;
}
.duracion{
  font-size: 2em;
}
.amarillo{
  color: yellow;
}
.subrayado{
  text-decoration: underline;
}

.dianoche{
  font-size: 0.5em;
}

.vuelo{
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 1em;
  padding: 1em;
  border: solid 0.5px;
  border-radius: 10px 10px 10px 10px; 

}
.incluido{
  font-size: 1.5em;
}
.iconos{
  display: block;
  float: left;
  padding: 2px;
  font-size: 2em;
  border: solid 0.5px;
  border-radius: 10px 10px 10px 10px;
}
.pie{
  width: 100%;
  max-width: 811px;
  padding-top: 2em;
}
.express{
  font-size: 2em !important;
  float: left !important;
  display: block !important;
  padding-right: 0.2em !important;
  margin-top: -5px !important;
}
.locomotora{
  display: block;
  float: left;
  padding-right: 0.2em;
  margin-top: -10px;
}
.botonera{
  display: block;
  float: right;
  font-size: 1.5em;
  padding: 3px;
  border: solid 2px;
  border-radius: 10px 10px 10px 10px;
  margin-left: 0.5em;
}
/************************/

/*Botón subir*/
.subir {
    padding: 4px;
    display: inline-block;
    position: fixed;
    font-size: 1px;
    bottom: 2px;
    right: 2px;
    display: none;
    cursor: pointer;
    background-color: #337AB7;
    background: rgba(51,122,183, 0.8);
    border-radius: 2px 2px 2px 2px;
}

.subir:hover {

    background-color: #337ab7;

}

/**BG texto slider */

.titulo-slider{
  display: inline-block;
  background-color:#00CC33;
  background: rgba(0,204,51, 0.8);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 1);
  padding-left: 15px;
  padding-right: 15px;
}

.subtitulo-slider{
  display: inline-block;
  background-color:#00D0FF;
  background: rgba(6,242,245, 0.8);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 1);
  padding-left: 15px;
  padding-right: 15px;
}

/*** Menú desplegable navegacción ****/
.navbar-inverse {
    background-color: #337ab7;
    border-color: #00d0ff;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
}

.dropdown-menu>li>a:hover{
  background-color:#337ab7;
  color: white;
}
.dropdown-menu>.active>a{
  background-color:#00d0ff;
}

.navbar-inverse .navbar-nav>li>a:hover {
    background-color: #00d0ff;
}
.navbar-inverse .navbar-brand{
  color: white;
}

.navbar-inverse .navbar-nav>.active>a {
    color: #fff;
    background-color: #00d0ff;
}

.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color: #00d0ff;
}

.navbar-inverse .navbar-nav>.open>a {
    color: #fff;
    background-color: #00d0ff;
}


/*** Ofertas lateral ***/
.flecha-oferta{
  float: right;
  display: block;
  font-size: 2em;
}

.list-group-item:hover{
      background-color:#FFFF99  !important;
      cursor: pointer;
      text-decoration: none;

}
.list-group-item>a:hover{
      text-decoration: none;

}

/*****CARD Index***/
/*boton*/
.btn-group>.btn:hover{
  background-color: #337ab7;
  color: white;
}
/*imagen*/
.card-img-top{
  max-width: 500px;
}

/*Felipe 2019 pedidos*/
.degradado {
  width: 100%;
  height: 200px;
  position: absolute;
  bottom: 0px;
  background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
    background-image: -o-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%); 
  background-image: linear-gradient(to top,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
}
.titulodevideo {
  color: white;
  font-family: inherit;
  font-weight: 500;
  font-size: 24px;
}
.margeninferior{
  margin-bottom: 50px;
}
.linkblanco, .linkblanco:visited,.linkblanco:active,.linkblanco:hover{
  color: #fff;
}
.carousel-caption {

text-shadow: 0 0px 5px rgba(0,0,0,1);
}
/* .card
{
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
min-height: 654px;
} */

.card-body
{
  position: relative;
  height: 169px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}

.card-body h3
{
  height: 52px;
  
}
.card-body > div
{
  position: absolute;
  bottom: 16px;
}

.promociones .card-body{
  height: 169px;
}
 
.paquetes .card-body
{
  position: relative;
  height: 169px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
.paquetes .card
{
 min-height: 667px;
}


.cruceros .card-body
{
  position: relative;
  height: 266px;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
}
.cruceros .card
{
 min-height: 667px;
}

.paginainicio .card-body
{
  height: 225px;
}
.paginainicio .card
{
  min-height: 470px;
}

.card-xl{
  height: 190px;
  position: absolute;
  bottom: 0px;
  /* background: #111111b3; */
  /* left: Calc(12%); */
  width: 100%;
  /*box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.1); */
  text-align: left;
  padding: 0px 16px;
  color: #fff;
}

.card-xl .titulo{
  font-size: 2.7em;
  color: #ffff99;
  font-weight: bold;
}

.card-xl .precio {
  margin-right: 13px;
  margin-top: -104px;
  float: right;
}

.card-xl .descripcion{
  font-weight: 400;
}

.card-xl .boton{
  border: 1px solid #fff;
  background: transparent;
  position: absolute;
  bottom: 41px;
  right: 30px;
}

a#siguiente {
    height: Calc(100% - 30px);
}

.carousel-indicators {
  display: none;
  bottom: 0px;
}

/*.card-xl a.btn.btn-lg.btn-primary {
  position: absolute;
  bottom: 41px;
}*/
.imgmovil{
    display: none;
    background-color: black;
  }

  /*
  .imgescritorio{
    display: flex;
    transform: scale(1.5, 1.5);
	-webkit-animation-name: zoomin;
  	-webkit-animation-duration: 40s;
  	animation-name: zoomin;
  	animation-duration: 40s;
}
@-webkit-keyframes zoomin {
  from {transform: scale(1, 1);}
  to {transform: scale(1.5, 1.5);}
}


@keyframes zoomin {
  from {transform: scale(1, 1);}
  to {transform: scale(1.5, 1.5);}
  }
*/


.modal-dialog
{
  margin-top: 100px!important;
  max-width: 90%!important;
}

.modal
{
  z-index: 9999!important;
  padding-top: 0px!important;
}
.modal-body
{
  padding:0px!important;
}





.infocontacto
{
  height: 350px;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
}
.infocontacto .contactos
{
  background-color: #337ab7;
  height: 336px;
  padding-left: 32px;
  padding-right: 32px;

}
.infocontacto .contactos h3
{
 color:white;
}
.infocontacto .contactos ul
{
  padding-left: 0px;
}
.infocontacto .contactos ul li
{
  list-style: none; /* Esta linea quita los puntos de la lista */
  color: white;
  margin: 0;
  position: relative;
  padding-top: 13px;
  padding-right: 0px;
  padding-bottom: 13px;
  padding-left: 50px;
  word-wrap:break-word;
}


.infocontacto .contactos ul li .glyphicon
{
position:absolute;
left: 0;
top: 5px;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 23px;
text-align: center;
}


.infocontacto .contactos ul li a
{
  color:white;
  text-decoration: none;

}




.infocontacto .mapa iframe
{
  width: 100%;
  height: 336px;
  border:none;
}
.infocontacto .mapa
{
  height: 336px;
}



.infologo
{
  height: 106px;
  width: 100%;
  margin-top: 36px;
  margin-bottom: 36px;

}
.infologo .logocentrado
{
  text-align: center;
}
.infosomos
{
  margin-top: 0px;
}
.infosomos .quienessomos
{
  padding-left: 0px;
}
.infosomos .quienessomos p
{
  text-align: justify;
  line-height: 2;
}
.infosomos .fotoagencia
{
  padding-top: 25px;
}
.infosomos .fotoagencia img
{
  width: 80%;
  height: auto;
}
.infoequipo .equipo
{
  padding-left: 0px;
  padding-right: 25px;
}
.infoequipo .equipo img
{
  width: 100%;
  height: auto;
  border: 5px solid white;  
}
.infoequipo .equipo p
{
  text-align: justify;
  line-height: 2;
}
.infoequipo
{
  background-color: rgba(186, 213, 216, 1);
  margin-top: 30px;
  padding-bottom: 50px;
}
.galeria
{
  background-color: rgba(186, 213, 216, 1);
  margin-top: 0px;
  padding-bottom: 50px;
}
.infoequipo .equipo h5
{
  border-bottom:2px solid #337ab7;
  margin-bottom: 25px;
  padding-bottom: 13px;
  width: 200px;
}
.infoequipo .equipo h3
{
  font-weight: 500;
}
.contenedoranuncio {
  position: relative;
}
.contenedoranuncio h3 {
  position: absolute;
  top: -14px;
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  left: 17px;
  width: 207px;
  text-shadow: 2px 2px 2px black;
}
.contenedoranuncio h4 {
  position: absolute;
  bottom: 57px;
  color: #f9f027;
  font-size: 41px;
  font-weight: 800;
  left: 12px;
  text-shadow: 2px 2px 2px black;
}
.contenedoranuncio h4 small {
  color: #f9f027;
  margin-left: 3px;
  font-size: 18px;
  font-weight: 600;
  text-shadow: 2px 2px 2px black;
}
.contenedoranuncio h5 {
  position: absolute;
  bottom: 30px;
  color: #f9f027;
  font-size: 25px;
  font-weight: 800;
  left: 16px;
  text-shadow: 2px 2px 2px black;
}
.contenedoranuncio h5 small {
  color: #f9f027;
  margin-left: 3px;
  font-size: 18px;
  font-weight: 600;
  text-shadow: 2px 2px 2px black;
}
.contenedoranuncio h6 {
  position: absolute;
  bottom: -10px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  min-width: 114px;
  min-height: 30px;
  padding-left: 12px;
  padding-top: 7px;
  font-size: 18px;
  font-weight: 700;
}
.elemnoticias
{
  background-color: rgb(255, 255, 255);
  margin-top: 30px;
  padding-bottom: 50px;
}

/*INICIA HLR AGOSTO 2021*/

/*Back mapa ruta chepe*/
.backmapa {
  background-color: #eae7e2;



}

/* Slider CSS */

.slidercss {
	width: 100%;
	margin: auto;
	overflow: hidden;
}

.slidercss ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
}

.slidercss li {
	width: 100%;
	list-style: none;
}

.slidercss img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

/*Clima*/
#clima{
  margin-top: -10px;
}

/* Traductor google */

.traductor {
  margin-right: 1em;
}


/* POPUP en index */

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#26262c;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:850px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding: 10px 10px 10px 10px;
  background-color:#ffffff;
  font-size: 15pt;
}

.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
 background-color:#D1D1D1;
 color: green;
}
.popupoption2:hover{
 color: red;
}


/* Importar Tipografias */
@font-face {
  font-family: BABY-BLUE;
  src:url(/fonts/BABY-BLUE.OTF);
}

@font-face {
  font-family: Warung-Kopi;
  src:url(/fonts/Warung-Kopi.otf);
}


/*Traducir con Google*/

 /*google translate Dropdown */
 
 #google_translate_element select{
  background:#7d0025;
  color:#fff;
  border: none;
  border-radius:3px;
  padding:3px 4px;
 
}
  
  /*google translate link | logo */
    .goog-logo-link{
    display:none!important;
    }
  .goog-te-gadget{
   color:transparent!important;
  }
  
  /* google translate banner-frame */
  
  .goog-te-banner-frame{
  display:none !important;
  }




/*Agregar fuente en Menu Mis Quince*/
.baby {
  font-family: BABY-BLUE;
  src:url(/fonts/BABY-BLUE.OTF);
  color: yellow;
  font-size: 2em;
}

.warung-kopi {
  font-family: Warung-Kopi;
  src:url(/fonts/Warung-Kopi.otf);
  color: #000;
}


/* Mega menu para XV  */



.mega-area {
  position: absolute;
  background: #fff;
  width: 600px;
  overflow: hidden;
  left: 0;
  right: 0;
  padding: 15px;
}

.mega-area a {
  text-decoration: none;
  font-weight: 500;
}

.mega-area .img-wrapper img {
  
  transition: transform 0.3s ease-in-out;
}

.mega-area .img-wrapper:hover img {
  transform: scale(1.03);
}


/* Termina MegaMenu */

/*Mis Quince Itinerarios*/
.titulodias{
  display: block;
  background-image: linear-gradient(#333366, #ff0099);
  padding: 0.5em;
  margin: 20px 0;
}

.titulodias h2{
  font-family: Warung-Kopi;
  font-size: 4em;
  font-weight: 900;
  color: yellow;
  text-align: center;
  margin-bottom: -30px;
  margin-top: -30px;
  -webkit-text-stroke: 0.2px black;
  
}

.titulodias h3{
  font-family: Warung-Kopi;
  font-size: 2.5em;
  font-weight: 700;
  color:ivory;
  text-align: center;
  
}

.titulodias h4{
  font-family: Warung-Kopi;
  color:ivory;
  text-align: center;
}

.info-itinerario{
  font-family: Warung-Kopi;
  font-size: 1.5em;
  color:black;
  text-align: left;
  margin-bottom: 70px;
}

.info-itinerario-imgcentrada{
  display: block;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.info-itinerario img{
  display: block;
  max-width: 100%;

}

.info-itinerario-imginicio{
  display: block;
  max-width: 100%;
  margin: auto;
  padding-top: 5%;

}



.colderecha {
  padding: 10px;
  background:#ddd;

}

.bloque-borde {
  background: #ffffff;
  padding: 5px;
  border-style: solid;
  border-color: #ccc;
  border-width: thin;
  margin-bottom: 1em;
}

.iconos-descarga {
  display: flex;
  align-items: center;
  justify-content: center;
}

.iconos-descarga ul {
padding-inline-start: 0px;
  
}

.iconos-descarga ul li {
  display: inline-block;
  margin: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  
}

.iconos-descarga ul li a {
  display: block;
  line-height: 50px;
  font-size: 3em;
  transition: .2s;
}

.iconos-descarga ul li a:hover {
  transform: translateY(-3px) scale(1.05);
}


/*area noticias tipo blog*/
.areanoticias {
  max-width: 90%;
  margin: 0 auto 2em auto;
  padding: 35px 30px;
}
.contenidonoticias {
  font-size: 1em;
  font-weight: 600;
  margin: 1em 0 1em 0;
  border-left: 5px solid #0c94e8;
  padding-left: 15px;
}
.imgnoticias {
  display: block;
  max-width: 100%;
  margin: auto;
  height: auto;
  border-radius: 5px;
}
.titulonoticias{
  font-weight: bold;
  font-size: 2em;
  color:#003366;
  margin-top: 5px;
  margin-bottom: 0.7em;
}
.fechanoticias{
  font-size: 1em;
  color: #9c9c9c;
  margin-top: -10px;
  text-decoration: underline;
  text-decoration-color: currentcolor;
}
.compartirnoticia {
  display: inline;
  justify-content: center;
  max-width: 50%; 
}
.compartirnoticia img {
  padding: 1em;
  width: 25em;
}
.lineapunteada {
  border: 2px dotted #D0D3D4;
  border-style: none none dotted; 
  margin: 60px 0 60px 0;
}
.botonleermas {
  display: block;
  padding: 15px 20px;
  margin-top: 0.8em;
  background: #009acd;
  text-align: center;
  color: white;
  font-size: 1.4em;
  border-radius: 3px;
  transition: all .4s ease in;
}

.botonleermas:hover {
  background: #005c7b;

}

/* HOTELES en Barrancas */

.boxredondo {
  border-width: 1px;
  border-radius: 15px;
  border-style: solid;
  border-color:#9c9c9c;

}

.boxredondo img {
  border-radius: 15px 15px 0 0;
  border-style: solid;
}

.txthotel {
  padding: 1em;
}

.starcolor {
  font-size: 0.9em;
  color:goldenrod;
}

.divhoteles {

  text-align: center;
}

.iconohoteles {
  font-size: 3.5em;
}

.iconohoteles :hover {
  color:red;
}




/*boton whatsapp flotante*/
.whatsapp {
  position:fixed;
  width:0px;
  height:10px;
  bottom:150px;
  right:90px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:23px;
}

/*NewsTicker en inicio*/
    .tcontainer {
        width: 100%;
        overflow: hidden;
    }
    
    .ticker-wrap {
        width: 100%;
        padding-left: 100%;
        background-color: #eee;
    }
    
    @keyframes ticker {
        100% {
            transform: translate3d(-100%, 0, 0);
        }
    }
    
    .ticker-move {
        display: inline-block;
        white-space: nowrap;
        padding-right: 100%;
        animation-timing-function: linear;
        animation: ticker 80s;
        animation-iteration-count: infinite;
    }
    
    .ticker-move:hover {
        animation-play-state: paused;
    }
    
    .ticker-item {
        display: inline-block;
        padding: 5 40px;
        font-size: 1.5em;
        color: #003366;
    }

    /*modificaciones al footer*/
    .logofooter {
      padding: 20px 0 20px;
    }

    .creditos {
      font-size: 0.7em;
    }

    /*caja azul titulo blanco*/
    .boxtitulo {
      width: 100%;
      font-weight: bold;
      font-family: Trebuchet MS;
      font-size: 2.3em;
      text-align: center;
      color: #ffffff;
      padding: 30px;
      background-color: #0174DF;
    }

    /* Texto con fondo azul */
    .txtbackazul {
      color:rgb(255, 255, 255);
      font-weight: bold;
      background-color: #0174DF;
      border-radius: 5px;
      padding: 10px;
      margin-bottom: -5px;
    }

    /* Caja datos de contacto en info */
    .ubicacion {
      background-color:rgba(51,122,183, 0.8);
      color:rgb(255, 255, 255);
      padding: 10px;
    }

    .ubicacion ul li{
      list-style: none; /* Esta linea quita los puntos de la lista */
      line-height: 30px;

    }

    .ubicacion ul li a{
      color:rgb(255, 255, 255);
    }



    /* SEPARADOR o DIVISOR */

    .separador {
      margin-top: 5%;
    }

    /* Titulo en los bloques */
    .titulobloque {
      background:#003366;
      padding: 2px 0px;
      width: auto;
    }

    .titulobloque p {
      color:rgb(255, 255, 255);
      font-size:x-large;
      font-weight: 600;
      text-align: center;

    }

    .titulobloque h1{
      color:rgb(255, 255, 255);
      font-size:1.9em;
      font-weight: 600;
      text-align: center;

    }

    .smalltxt {
      font-size: smaller;
    }

    .titulobloque2 {
      text-align: left;
      color:#0c94e8;
      font-size:1.2em;
      font-weight: 600;
      padding: 10px;
      width: auto;
    }

    .titulobloque3 {
      text-align: center;
      color:rgb(255, 255, 255);
      font-size:1.3em;
      font-weight: 500;
      padding: 10px 10px;
      margin: 0px 10px 10px 10px;
      width: auto;
    }

    /* Parrafo destacado con linea azul izquierda */

    .parrafodestacado {
      font-size: 1.2em;
      margin: 1em 0 1em 0;
      border-left: 5px solid #0c94e8;
      padding-left: 15px;
    }

    .titulodestacado {
      font-size: 2em;
      font-weight: 600;
      margin: 1em 0 1em 0;
      border-left: 5px solid #0c94e8;
      padding-left: 15px;
    }

    .txtcentro {
      text-align: center;
      
    }

    /* Botones que inviten a la acción el class se pone en la etiqueta a */
    .btnaccion {
      display: block;
      padding: 15px 15px;
      margin: 1.5em;
      background: #009acd;
      text-align: center;
      color:rgb(255, 255, 255);
      font-size: 1.4em;
      border-radius: 3px;
      transition: all .4s ease in;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }
    
    .btnaccion:hover {
      background: #005c7b;
      color:rgb(255, 255, 255);
      text-decoration: none;
    
    }

    .btnnaranja {
      display: inline-block;
      padding: 15px 15px 10px 15px;
      margin: 1.5em;
      background: #ff9933;
      text-align: center;
      color:rgb(255, 255, 255);
      font-size: 1em;
      border-radius: 3px;
      transition: all .4s ease in;
      box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }
    
    .btnnaranja:hover {
      background: #005c7b;
      color:rgb(255, 255, 255);
      text-decoration: none;
    
    }

          /* Botón azul el class se pone en la etiqueta a */
          .btnazul {
            display: block;
            padding: 5px;
            margin: 1em;
            background: #009acd;
            text-align: center;
            color:rgb(255, 255, 255);
            font-size: 1em;
            border-radius: 3px;
            transition: all .4s ease in;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
          }
          
          .btnazul:hover {
            background: #005c7b;
            color:rgb(255, 255, 255);
            text-decoration: none;
          
          }

           
          .btnverde {
            display: inline-block;
            width: 30%;
            margin-left: auto;
            margin-right: auto;
            padding: 10px 20px 10px 30px;
            background: #00CC33;
            text-align: center;
            color:rgb(255, 255, 255);
            font-size: 1em;
            border-radius: 10px;
            transition: all .4s ease in;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
          }
          
          .btnverde:hover {
            background: #005c7b;
            color:rgb(255, 255, 255);
            text-decoration: none;
          
          }


    /*HLR Slider Promociones Inicio*/

   
  .sliderpromo {
    
	overflow: hidden;
	position: relative;	
	
	}

// Styling
.slider {
  background: white;
		
  }

  @mixin white-gradient {
    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  }

  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 27))}
  }

	
	&::before,
	&::after {
		@include white-gradient;
		content: "";
		height: 100px;
		position: absolute;
		width: 200px;
		z-index: 2;
	}
	
	&::after {
		right: 0;
		top: 0;
		transform: rotateZ(180deg);
	}

	&::before {
		left: 0;
		top: 0;
	}
	
	.slide-track {
		animation: scroll 50s linear infinite;
		display: flex;
    width: calc(250px * 14);
  }
	
	.slide2 {
		height: 388px;
		width: 300px;
    margin-right: 20px ;
	} 



  /* bloque con fondo blanco con logo de fitur */

  .fiturback {
    background-image: url("/img/fiturback.jpg");
    background-position: center center;
    background-repeat: repeat repeat;


  }


  /* bloque con fondo valentin */

  .valentinback {
    background-image: url("/img/valentinback.jpg");
    background-position: center center;
    background-repeat: repeat repeat;
    padding: 5%;


  }


  /* bloque con fondo fijo y letras blancas */
  .bloquefondofijo {
    display: flex;
    padding: 100px 40px;
    justify-content: space-around;
    background-image: url(/img/coppercanyonback.jpg);
    background-attachment: fixed;
  }

  .bloqueletrasblancas {
    color:rgb(255, 255, 255);
    padding: 5%;
  }

  /* Bloque Chepe en Inicio */
  #sectionchepe {
    background: #003366;
    background-image: url("/img/fotochepe.jpg");
    height: 400px; 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

  }

  .bloquechepe {
    background: #003366;
    background-image: url("/img/fotochepe.jpg");
    height: 400px; 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

  }

  .titulodentrobloques {
    font-size: 3.2em;
    color:rgb(255, 255, 255);
    font-weight: 900;
    text-align: center;
    padding-top: 2em;
  }

  .txtdentrobloques {
    font-size: 2em;
    color:rgb(255, 255, 255);
    font-weight: 600;
    text-align: center;
    
  }

  .txt2dentrobloques {
    font-size: 1.5em;
    color:rgb(255, 255, 255);
    font-weight: 500;
    text-align: center;
    
  }

  .backazul {
    background: #003366;
  }

  .backazul2 {
    background: #003366;
    padding: 50px 5px 50px 0px;
  }

  .txtwhitedentrobloques {
    color:#FFF;
    font-weight: 500;
    border-left: 1px solid #0c94e8;
    padding: 1em;
  }



  .txtwhitedentrobloques2 {
    color:#0c94e8;
    border-left: 1px solid #0c94e8;
    padding: 1em;
  }

  .txtwhitedentrobloques3 {
    color:#FFF;
    font-weight: 400;
    line-height: 30px;
    padding: 1em;
  }

  .txtwhitedentrobloques3 a {
    color:#FFF;
    text-decoration: none;

  }

  .txtwhitedentrobloquescentro {
    color:#FFF;
    font-weight: 400;
    padding-bottom: 0.3em;
    text-align: center;
  }

  .txtbluedentrobloquescentro {
    color:#0c94e8;
    font-size: small;
    padding: 3em;
    text-align: center;
  }

  .opcioneshorizontal {
    display: flex;  
    align-items: center; 
    width: auto; 
  }

  .opcioneshorizontal2 {
    display: flex; 
    column-count: 6; 
    column-gap: 30px;
    align-items: center; 
    width: auto; 
  }

  /* Bloque Sliders */
  @keyframes slidy {
    0% { left: 0%; }
    20% { left: 0%; }
    25% { left: -100%; }
    45% { left: -100%; }
    50% { left: -200%; }
    70% { left: -200%; }
    75% { left: -300%; }
    95% { left: -300%; }
    100% { left: -400%; }
    }
    
    
    div#sliders { overflow: hidden; }
    div#sliders figure img { width: 20%; float: left; }
    div#sliders figure { 
      position: relative;
      width: 500%;
      margin: 0;
      left: 0;
      text-align: left;
      font-size: 0;
      animation: 50s slidy infinite; 
    }

/* Bloque XV en inicio*/
.bloquexv {
  display: block;
  padding: 10px 40px;
  justify-content: space-around;
  background-color: #005766;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.titlexv {
    font-family: BABY-BLUE;
    color: #ff0099;
    font-size: 5em;
    text-align: center;
    margin-bottom: 0.5em;

}

.parrafodestacadoXV {
  color: #ff0099;
  font-size: 1.5em;
  line-height: 2em;
  margin: 1em 0 1em 0;
  border-left: 5px solid #0c94e8;
  padding-left: 15px;
}

.escala img {
  
  transition: transform 0.3s ease-in-out;
}

.escala:hover img {
  transform: scale(1.03);
}

/* Seccion Tips de Viaje */

.espacioenrows {
  display: inline;
  padding: 10px;
}

.espacioimg {
  padding: 10px;
}

.titletwolines {
  width: 100%;
  color:#003366;
  font-size: 2em;
  margin: 0;
  padding: 0;
  text-align: center;
}
.titletwolines:after {
  display: inline-block;
  margin: 0 0 8px 20px;
  height: 2px;
  content: " ";
  text-shadow: none;
  background-color: #999;
  width: 10%;
}
.titletwolines:before {
  display: inline-block;
  margin: 0 20px 8px 0;
  height: 2px;
  content: " ";
  text-shadow: none;
  background-color: #999;
  width: 10%;
}


/*  QUINCEAÑERAS Y JOVENES POR EUROPA HLR  */

.bg-topxv {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 200px;
  top: 0;
  background-image: url(/img/xv24/bgstars.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}

.title_itinerario {
  font-size: 5em;
  font-weight: 900;
  line-height: 1.2;
  color: #FF0692;
  text-align: left;
  margin-top: 50px;
}

.title_big {
  font-size: 5em;
  font-weight: 900;
  line-height: 1.2;
  color: #003366;
  text-align: center;
}

.text_subbig {
  font-size: 3em;
  font-weight: 800;
  line-height: 1.2;
  color: #FF0692;
  text-align: center;
  margin-bottom: 40px;
}

.text_titlebox {
  font-size: 3em;
  font-weight: 600;
  line-height: 2;
  color: #FFFFFF;
  text-align: center;
  margin-bottom: 40px;
  background-color: #000066;
}

.boxciudades {
  background-color: #003366;
  border-radius: 8px;
  margin-bottom: 20px;
  width: 100%;
  min-height: 112px;
  padding: 21px;
  text-align: center;
}

.boxciudades p {
  font-size: 1.5em;
color: #fff;
}

.subtitle_itinerario {
  font-size: 1.5em;
  font-weight: 800;
  color: #FF0692;
  text-align: left;
}

.text_dia {
  font-size: 1.3em;
  font-weight: 800;
  color: #FF0692;
  text-align: left;
  line-height: 1em;
}

.text_diacds {
  font-size: 1.3em;
  font-weight: 800;
  color: #006699;
  text-align: left;
  margin-top: 40px;
}

.negrita_purple {
  font-weight: 600;
  color: #660099;
  text-align: left;
}

.negrita_blue {
  font-weight: 700;
  color: #067aff;
  text-align: left;
}

.negrita_red {
  font-weight: 600;
  color: #b31313;
  text-align: left;
}

.negrita_orange {
  font-weight: 800;
  color:#ff8000;
  text-align: left;
}

.tablecaption {
  font-weight: 700;
  color:rgb(255, 255, 255);
  text-align: center;
  background-color: #660099;
}

.tablageneral {
  font-weight: 700;
}

.totalapagar {
  background-color: #1CA2A5;
  border-radius: 8px;
  margin-top: 50px;
  margin-bottom: 40px;
  width: 100%;
  min-height: 112px;
  padding: 21px;
}

.totalapagar p {
  font-size: 1.5em;
  color: #fff;
  text-align: center;
}

.totalapagar h2 {
  font-size: 3em;
  color: #fff;
  text-align: center;
  font-weight: 700;
}

.parrafodestacadoxv {
  margin: 1em 0 1em 0;
  border-left: 10px solid #0c94e8;
  padding-left: 15px;
}

.parrafodestacadoxv h2 {
  font-size: 2.5em;
  font-weight: 800;
  color:#660099;
  margin: 1em 0 0.5em 0;
  padding-left: 15px;
}

.parrafodestacadoxv p {
  font-size: 1.5em;
  font-weight: 600;
  padding-left: 15px;
}

.txtpaises h2 {
  font-size: 2em;
  font-weight: bold;
  text-align: center;
}

.txtpaquete h2 {
  font-size: 2em;
  color:rgb(255, 255, 255);
  font-weight: bold;
  text-align: center;
}

.txtpaquete h3 {
  font-size: 1.4em;
  color:rgb(255, 255, 255);
  text-align: center;
}

.boxciudades2 {
  background-color: #4CAF50;
  border-radius: 10px;
  padding: 20px;
}

.boxciudades2 p {
  color: #fff;
  text-align: center;
}

.boxciudades2 h2 {
  color: #fff;
  font-size:1.2em;
  line-height: 1.5em;
  text-align: center;
}

.boxredondo {
  width: 450px;
  max-width: 100%;
  margin: auto;
  padding: 10px 20px;
  box-sizing: border-box;
  margin-top: 20px;
  border-radius: 10px;
  text-align: center;
}

.precio {
  font-size: 3em;
  font-weight: 800;
  color: #009999;
  text-align: center;
}

.fotoderecha {
  float: right;
}

.cabeceraxv {
  background-image: url(/img/xv25/fondocabecera.jpg);
  background-color: #cccccc; /* Used if the image is unavailable */
  height: 90%; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  margin-bottom: 3em;
}

/* Boton para compartir */

.iconosredes {
display:flex;
padding: 20px;
text-align: center;
}

.iconosredes img {
width: 50%;

  }
  
  



/* Formulario desde XV */

.formxv {
  width: 450px;
  max-width: 100%;
  margin: auto;
  background: rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
  box-sizing: border-box;
  margin-top: 20px;
  border-radius: 7px;
}

.input_formxv, textarea{
  color:#003366;
  width: 100%;
  margin-bottom: 20px;
  padding: 7px;
  box-sizing: border-box;
  font-size: 0.8em;
  border: none;
  border-radius: 2px;
}

textarea{
  min-height: 100px;
  max-height: 200px;
  max-width: 100%;
}

.titleform {
  font-size: 1.5em;
  color:#005c7b;
  font-weight: bold;
  text-align: center;
}

#boton{
  color: #f2f2f2;
  font-size: 1.2em;
  font-weight: bold;
  background: #003366;
}

#boton:hover {
  cursor: pointer;
  background:#ff9933;
}




/* Bloque paquetes xv2023 */
.bloquefondofijoxv23 {
  display: flex;
  padding: 100px 100px;
  justify-content: space-around;
  background-image: url(/img/paquetesback.jpg);
  background-attachment: fixed;
  flex-direction: column;
}





/*Galeria de Fotos en seccion misquince2023 */
/* Galeria 2 */
.lightbox-gallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.lightbox-gallery div > img {
  max-width: 100%;
  display: block;
  height: 150px;
  width: 250px;
  object-fit: cover;
}

.lightbox-gallery div {
  margin: 5px;
  flex-basis: 180px;
}

@media only screen and (max-width: 680px) {
  .lightbox-gallery {
    flex-direction: column;
    align-items: center;
  }

  .lightbox > div {
    margin-bottom: 10px;
  }

}

/*Lighbox CSS*/

.lightbox {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 30px;
  box-sizing: border-box;
}

.lightbox img {
  display: block;
  margin: auto;
  height: 100%;
}

.lightbox .caption {
  margin: 15px auto;
  width: 50%;
  text-align: center;
  font-size: 1em;
  line-height: 1.5;
  font-weight: 700;
  color: #eee;
}

.github-link {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
}

.github-link:hover,
.github-link:active,
.github-link:visited {
  color: #fff;
  text-decoration: none;
}




/* Texto en movimiento en seccion misquince2023 */
.boxtextoenmovimiento {
  background-color: #003366;
}

.textoenmovimiento h2 {
  color:#C3F0C9;
  font-size: 2em;
  font-weight: 700;
  max-width: 95%;
  text-align: center;
  transform: scale(0.94);
  animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
  padding-top: 0.5em;
  padding-bottom: 1em;
}
@keyframes scale {
  100% {
    transform: scale(1);
  }
}



/*  Termina Texto en Movimiento  */

/* Imagen alineadas horizontalmente Afiliados */

.imglinea {
  display: flex;
  justify-content: center;
}



  /* EMPIEZA switch español ingles HLR */
.en{
  color:#333;
}
.es{
  color:#333;
}
.check{
  position:relative;
  width:50px;
}
.check:before{
  content:'';
  position:absolute;
  width: 50px;
  height: 25px;
  background: #333;
  border-radius: 25px;
}
.check:after{
  content:'';
  position:absolute;
  width: 25px;
  height: 25px;
  background: #fff;
  border-radius: 25px;
  transition: 0.25s;
  border: 2px solid #333;
  box-sizing: border-box;
}
.check:checked:after{
  left: 25px;
  border: 2px solid #00a1ff;
}
.check:checked:before{
  background: #00a1ff;
}

    /* TERMINA switch español ingles HLR */

    /* EMPIEZA Sección Barrancas del Cobre HLR */
    .cajatitulo{
      background-image: url(/barrancasdelcobre/img/cajaimagen.jpg);
      height: 250px; 
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      
    }
    .cajatitulo p {
      font-size: 3.5em;
      font-weight: 700;
      color:#f9f027;

      margin-top: 50px;
      width: 90%;
      
    }
     .frasetxt{
      color:#003366;
      line-height: 1.3em;
     
    }
    .sectionbarrancasazul{
      display:block;
      background: #003366;
      height: auto; 
      width: 100%;
      margin: 80px 0px 50px 0px;
    }
    .sectionbarrancasazul img{
      float:left;
      margin-left: -15px;
      
    }

    .titlegaleria{
      font-size: 1.5em;
      font-weight: 700;
      color: #003366;
      margin-top: 20px;
      text-decoration: underline;
      text-decoration-color: currentcolor;
    }

    .txtsmall{
      font-size: 0.8em;
    }

/* formulario barrancas en inicio*/
.formbarrancas {
  width: 450px;
  max-width: 100%;
  margin: auto;
  background: rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
  box-sizing: border-box;
  margin-top: 20px;
  border-radius: 7px;
}

.input_formulario, textarea{
  color:#003366;
  width: 100%;
  margin-bottom: 20px;
  padding: 7px;
  box-sizing: border-box;
  font-size: 0.8em;
  border: none;
  border-radius: 2px;
}

textarea{
  min-height: 100px;
  max-height: 200px;
  max-width: 100%;
}

#boton{
  color: #f2f2f2;
  font-size: 1.2em;
  background: #003366;
}
#boton:hover {
  cursor: pointer;
  background:#ff9933;
}



.fondoazul{
    background-color: #0174DF;
}

.movtext {
  text-align: center;
  color: #ffffff;
  line-height: 0.5em;
  padding: 30px;
  position: relative;
  /* animation-name: example;
  animation-duration: 17s;  
  animation-fill-mode: forwards; */
}

@keyframes example {
  from {left: 1300px; top: 0px;}
  to {left: 0px; top: 0px; }
}

.movtext h2{
  color:#f9f027;
  font-size: 3em;
  font-weight: 700;
}

.movtext p{
  color:#f2f2f2;
  font-size: 1.8em;
  font-weight: 600;
}

.textblanco2 {
  text-align: center;
  color: #ffffff;
  line-height: 0.5em;
  padding: 30px;
  position: relative;
}

.textblanco2 h2{
  color:#f9f027;
  font-size: 3em;
  font-weight: 700;
}

.textblanco2 p{
  color:#f2f2f2;
  font-size: 1.8em;
  font-weight: 600;
}



/* Galeria Fotos FAM */

.galeriafotos{
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}

.galeriafotos img{
  max-width: 400px;
  padding: 1rem;
}

/* Termina Fotos FAM */

/* TERMINA Sección Barrancas del Cobre HLR */

/* INICIA Sección Slider Viajeros Conelva */

#proparallax {
	display: block;
	position: relative;
	overflow: hidden;
	min-height: 50rem;
	border: 5px solid rgb(4, 4, 27);
	box-shadow: 0px 8px 10px 8px grey;

  width:100%;
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	max-width:800px
}	

#proparallax img {
	position: absolute;
	width: 50rem;
	height: 50rem;
	overflow: hidden;
	object-fit: cover;
}

@keyframes parallax_one { /* controls img.one movement */
	0% { /* .imageloaded */
		height: 50rem;
		width: 100%;
		left: 0rem;
		opacity: 1;
	}
	/* .imagehold runs from 0 to 27.77% */
	27.77% { /* .imageloaded */
		width: 100%;
		left: 0rem;
	}
	27.78% { /* .imagepreunload */
		width: 100%;
		left: 0rem;
		right: 50rem;
	}
	33.33% { /* .imageunloaded */
		height: 50rem;
		width: 0rem;
		left: 0rem;
		right: 0rem;
		opacity: 1;
	}
	33.34% { /* imageoff */
		opacity: 0;	
	}
	94.43% { /* .imageon */
		left: 0rem;
		opacity: 0;
	}
	94.44% { /* .imageinitial */
		height: 50rem;
		width: 0rem;
		left: 50rem;
		opacity: 1;
	}
	100% { /* .imageloaded */
		width: 100%;
		left: 0rem;
		opacity: 1;		
	}
}

@keyframes parallax_two { /* controls img.two movement */
	0% { /* .imageoff */
		opacity: 0;
	}
	27.77% { /* .imageon */
		left: 0rem;
		opacity: 0;
	}
	27.78% { /* .imageinitial */
		width: 0rem;
		height: 50rem;
		left: 50rem;
		opacity: 1;
	}
	33.33% { /* .imageloaded */
		width: 100%;
		left: 0rem;
	}
	/* .imagehold runs from 33.34% - 61.10% */
	61.10%{ /* .imageloaded */
		width: 100%;
		left: 0rem;
	}
	61.11% { /* .imagepreunload */
		width: 100%;
		left: 0rem;
		right: 50rem;
	}
	66.67% { /* .imageunloaded */
		width: 0rem;
		right: 0rem;
		left: 0rem;
		height: 50rem;
		opacity: 1;
	}
	66.68% { /* .imageoff */
		opacity: 0;
	}
	100% { /* .imageoff */
		opacity: 0;
	}
}

@keyframes parallax_three { /* controls img.three movement */
	0% { /* .imageoff */
		opacity: 0;
	}
	61.10%{ /* .imageon */
		opacity: 0;
	}
	61.11% { /* .imageinitial */
		width: 0rem;
		height: 50rem;
		left: 50rem;
		opacity: 1;		
	}
	66.67% { /* .imageloaded */
		width: 100%;
		left: 0rem;
	}
	/* .imagehold runs from 66.67% - 94.43% */
	94.43% { /* .imageloaded */
		width: 100%;
		left: 0rem;
	}
	94.44% { /* .imagepreunload */
		width: 100%;
		left: 0rem;
		right: 50rem;
	}
	100% { /* imageunloaded */
		width: 0rem;
		right: 0rem;
		left: 0rem;
		height: 50rem;
		opacity: 1;
	}
}

#proparallax img.one{
	animation-name: parallax_one; /* controls img.one movement */
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 18s;
	animation-direction: forwards;
	object-fit: cover;
}

#proparallax img.two {
	animation-name: parallax_two; /* controls img.two movement */
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 18s;
	animation-direction: forwards;
	object-fit: cover;
}

#proparallax img.three {
	animation-name: parallax_three; /* controls img.three movement */
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 18s;
	animation-direction: forwards;
	object-fit: cover;
}



/* TERMINA Sección Slider Viajeros Conelva */

    /* diseños mail html */

    .bloquemail{
      background: #142e4f;
      height: 100px;
      text-align: center;
      padding-top: 1em;

  }

  .bloquemail p{
    color: #fff;
    text-align: center;
    line-height: 1em;

}

  .imgmail{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }


    /* GaleriaFlyers Aeroterrestres */
.galeriaflyers{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  width: 95%;
  margin: auto;
  grid-gap: 30px;
  padding: 10px 0;
  overflow: hidden;

}    

.galeriaflyers img{
  width: 100%;
  vertical-align: top;
  height: auto;
  object-fit: cover;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);

}

    /* GaleriaFlyers2 sin sombra */
.galeriaflyers2{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  width: 95%;
  margin: auto;
  grid-gap: 30px;
  padding: 10px 0;
  overflow: hidden;

}    

.galeriaflyers2 img{
  width: 100%;
  vertical-align: top;
  height: auto;
  object-fit: cover;

}




.afiliado{
  width: 95%;
  padding: 5px;
  margin-top: 3em;

}

.titulodentrobloques {
  font-size: 2.5em;
  margin: 50px;
}

.bloquecapacitaciones{
  display: block;
  background-color: #1f0066;
  padding-bottom: 50px;
}

.bloquecapacitaciones p{
  color: #fff;
  font-size: 0.9em;
  height: 0.8em;

}

.bloquecapacitaciones h2{
  font-size: 1.3em;
  color: #fff;
  font-weight: 600;

}

  /* EMPIEZA RESPONSIVO HLR */
@media (max-width: 1160px){
 /* body {background: #794ea0;} */

}


  @media (max-width: 768px){

 /* body {background: #00CC33;  } */

 .textblanco2 {
  text-align: center;
  color: #ffffff;
  line-height: 0.5em;
  padding: 30px;
  position: relative;
}

.textblanco2 h2{
  color:#f9f027;
  font-size: 2em;
  font-weight: 400;
}

.textblanco2 p{
  color:#f2f2f2;
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1em;
}


/* Mega menu para XV  */
.mega-area {
  position: absolute;
  background: #fff;
  width: 90%;
  overflow: hidden;
  left: 0;
  right: 0;
  padding: 15px;
}

.mega-area a {
  text-decoration: none;
  font-weight: 500;
}

.mega-area .img-wrapper img {
  padding: 20px;
  transition: transform 0.3s ease-in-out;
}

.mega-area .img-wrapper:hover img {
  transform: scale(1.03);
}

/* Termina MegaMenu */

        .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
        margin-right: -10px;
        margin-top: 80px !important;
  
    }

  
   .carousel,.carousel-inner, .carousel-inner>.item {
    /*height: 50vh;*/
    
  }
  .carousel-inner>.item>a>img, .carousel-inner>.item>img{
    
    width: 100%;
    

  }

 
  .card-xl{
    height: 190px;
    position: absolute;
    bottom: 0px;
    /*background: #111111b3;*/
    /* left: Calc(12%); */
    width: 100%;
    box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.1);
    text-align: left;
    padding: 0px 16px;
    color: #fff;
  }
  
  .card-xl .titulo{
    font-size: 2em;
    color: #ffff99;
    font-weight: bold;
  }
  
  .card-xl .precio {
    font-size: 1em;
    margin-right: 13px;
    margin-top: -104px;
    float: left;
  }
  
  .card-xl .descripcion{
    font-weight: 200;
  }
  
  .card-xl .boton{
    border: 1px solid #fff;
    background: transparent;
    position: absolute;
    bottom: 41px;
    right: 30px;
  }
  
  a#siguiente {
      height: Calc(100% - 180px);
  }


  .imgmovil{
    display: block;
    /*height: 50vh;*/
    width: 100%;
    background-color: black;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }


  .titulobloque2 {
    text-align: left;
    background:#003366;
    color:rgb(255, 255, 255);
    font-size: 1em;
    font-weight: 600;
    
    
  }

  .opcioneshorizontal {
    display: flex;  
    align-items: center; 
    flex-direction: column;
    
  }

  .opcioneshorizontal2 {
    display: flex; 
    column-count: 6; 
    column-gap: 30px;
    width: auto; 
    flex-direction: column;

  }

  .backazul {
    background: #003366;
    
  }

  .bloquefondofijo {
    display: flex;
    padding: 100px 40px;
    justify-content: space-around;
    background-image: url(/img/coppercanyonback.jpg);
    background-attachment: fixed;
    flex-direction: column;
  }

      /* Botón que invite a la acción el class se pone en la etiqueta a */
      .btnazul {
        display: block;
        padding: 5px 5px;
        margin: 1em;
        background: #009acd;
        text-align: center;
        color:rgb(255, 255, 255);
        font-size: 1em;
        border-radius: 3px;
        transition: all .4s ease in;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
      }
      
      .btnazul:hover {
        background: #005c7b;
        color:rgb(255, 255, 255);
        text-decoration: none;
      
      }




      /* Aqui va el menu hamburguesa*/

 

      /* Termina el menu hamburguesa*/

      .sectionbarrancasazul{
        display:block;
        background: #003366;
        height: 770px; 
        width: 100%;
        margin: 80px 0px 50px 0px;
      }

      .btnverde {
        display: block;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        padding: 10px 20px 10px 30px;

        background: #00CC33;
        text-align: center;
        color:rgb(255, 255, 255);
        font-size: 1em;
        border-radius: 10px;
        transition: all .4s ease in;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
      }
      
      .btnverde:hover {
        background: #005c7b;
        color:rgb(255, 255, 255);
        text-decoration: none;
      
      }
  
    }

  @media (max-width: 360px){
    
/* Mega menu para XV  */
.mega-area {
  position: absolute;
  background: #fff;
  width: 90%;
  overflow: hidden;
  left: 0;
  right: 0;
  padding: 15px;
}

.mega-area a {
  text-decoration: none;
  font-weight: 500;
}

.mega-area .img-wrapper img {
  padding: 20px;
  transition: transform 0.3s ease-in-out;
}

.mega-area .img-wrapper:hover img {
  transform: scale(1.03);
}

/* Termina MegaMenu */



.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-right: -10px;
margin-top: 80px !important;

}


.carousel,.carousel-inner, .carousel-inner>.item {
/*height: 30vh;*/

}
.carousel-inner>.item>a>img, .carousel-inner>.item>img{

width: 100%;


}


.card-xl{
height: 170px;
position: absolute;
bottom: 0px;
/* background: #111111b3; */
/* left: Calc(12%); */
width: 100%;
box-shadow: 0 -1px 8px rgba(0, 0, 0, 0.1);
text-align: left;
padding: 0px 16px;
color: #fff;
}

.card-xl .titulo{
font-size: 1.5em;
color: #ffff99;
font-weight: normal;
}

.card-xl .precio {
font-size: 1em;
margin-right: 13px;
margin-top: -74px;
float: left;
}

.card-xl .descripcion{
font-size: 0.5em;
margin-right: 13px;
margin-top: 14px;
}

.card-xl .boton{
border: 1px solid #fff;
background: transparent;
position: absolute;
bottom: 21px;
right: 30px;
}

a#siguiente {
  height: Calc(100% - 180px);
}


.imgmovil{
display: block;
/*height: 30vh ;*/
width: 100%;
background-color: black;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}

/**/

.titulobloque2 {
text-align: left;
background:#003366;
color:rgb(255, 255, 255);
font-size: 1em;
font-weight: 600;


}



.opcioneshorizontal {
display: flex;  
align-items: center; 
flex-direction: column;

}

.backazul {
background: #003366;

}

  /* Botón que invite a la acción el class se pone en la etiqueta a */
  .btnazul {
    display: block;
    padding: 5px 5px;
    margin: 1em;
    background: #009acd;
    text-align: center;
    color:rgb(255, 255, 255);
    font-size: 1em;
    border-radius: 3px;
    transition: all .4s ease in;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  }
  
  .btnazul:hover {
    background: #005c7b;
    color:rgb(255, 255, 255);
    text-decoration: none;
  
  }

  .sectionbarrancasazul{
    display:block;
    background: #003366;
    height: 770px; 
    width: 100%;
    margin: 80px 0px 50px 0px;
  }

  .boxtitulo {
    max-width: 100%;
    font-family: Trebuchet MS;
    font-size: 2em;
    text-align: center;
    color: #ffffff;
    padding: 30px;
    background-color: #0174DF;
  }

  .textblanco2 {
    text-align: center;
    color: #ffffff;
    line-height: 0.5em;
    padding: 30px;
    position: relative;
  }
  
  .textblanco2 h2{
    color:#f9f027;
    font-size: 2em;
    font-weight: 400;
  }
  
  .textblanco2 p{
    color:#f2f2f2;
    font-size: 1.5em;
    font-weight: 300;
    line-height: 1em;
  }


}


  
  /*@media (max-width: 1150px){
    .carousel,.carousel-inner, .carousel-inner>.item {
      height: 81vh;
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img{
      
    }
  
    .card-xl{
      height: 350px;
    }
  
    .card-xl h4{
      display:none !important;
    }
  
    .imgmovil{
      display: block;
      height: 81vh;
      width: 100%;
      background-color: black;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
  
    .imgescritorio{
      display: none;
    }
  
    a#siguiente {
      height: Calc(100% - -1%);
    }
  
    .carousel-indicators {
      bottom:0px;
    }
  
  }
  */