@charset "utf-8";
@import "reset.css";
@import "fonts/stylesheet.css";
  
body { margin: 0 auto; font-family: "Georgia","Times New Roman", "Times", serif; font-size: 14px; color: black; }

.font-open {
font-family: "Open Sans", sans-serif;
font-size: 13px;
}
a { color: white; -webkit-transition: all 0.2s ease; }
a:hover { color: #BA141A; -webkit-transition: all 0.2s ease; }
.link2 { font-style: italic; color: black; } .link2:hover { color: black; text-decoration: underline; }

p { margin-bottom: 20px; margin-top: 0;}
h1 { color: #BA141A;  }
h2 { font-style: italic; font-weight: bold; font-size: 22px; margin-top: 10px; margin-bottom: 10px; }
h3 { color: #D7DF23; font-size: 16px; margin-bottom: 0; }
h4 { font-size: 16px; font-weight: bold; color: #BE1E2D; }
h5 { font-size: 15px; font-weight: normal; margin-top: 0; margin-bottom: 10px; color: white; }

.azul { color: #004071; }
.link_footer { color: #808285; } .link_footer:hover { color: #BA141A; }
.goUp { position: fixed; z-index: 300; bottom: 30px; right: 30px; display: none; cursor: pointer; }

#main { width: 100%; height: 100%;  position:absolute; margin: 0 auto;}

#header { position: relative; float: left; width: 100%; height: 145px; }
#logo { position: absolute; left: 20px; top: 30px; z-index: 500; }
#nav { position: absolute; right: 0; bottom: 0; height: 40px; width: 980px; color: white; 
background-image: url('imgs/bg_nav.jpg'); background-repeat: no-repeat; }

#nav ul { float: right; }
#nav ul li {  font-size: 12px; font-family: 'din-lightregular';  height: 40px; float: left; color: white; border-right: 2px solid white;  }
#nav ul li a { color: white; width: 116px; display: block; height: 40px; padding-left: 7px; padding-top: 5px;  }
#nav ul li a:hover, .select { background-color: #BA141A; }

#submenu { position: absolute; z-index: 4000; display: none; }
#submenu ul li { overflow: hidden; font-size: 10px; border: 0; height: 24px; display: block; float: none;   width: 116px;  border-top: 2px solid #FFF; background-color: #00A3E1;  }

.mostrar:hover > #submenu { display: block; }

#colores { position: absolute; top: 0; right: 0; }
#social { position: absolute; right: 35px; top: 15px; }

.whastapp { position: absolute; right: 33px; top: 52px; }
.15anios { position: absolute; right: 90px; top: 52px; }

#slider_home { float: left; width: 100%; margin-top: -3px; }
#slider { float: left; width: 90%; margin-left: 5%; height: 155px; margin-top: 20px;  }
#slider_item { float: left; width: 184px; height: 156px; overflow: hidden; margin-right: 14px;  }


.slick div { margin-right: 3px; margin-left: 3px; overflow: hidden; height: 155px; }

#footer { float: left; color: #808285; bottom: 0; width: 100%; padding-bottom: 14px; padding-top: 18px; margin-top: 18px; border-top: 2px solid #009444; }
#footer_col1 { float: left; margin-left: 25px; font-size: 12px; height: 60px; }
#footer_col2 { float: right; margin-right: 25px; text-align: right; height: 70px; }
#footer_item { float: left; margin-left: 30px;  }
#maslogos { position: absolute; right: 30px; bottom: -110px; }

#cont { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; }
#col1 { float: left; width: 338px; margin-left: 30px; }
#col2 { float: left; width: 500px; }
#viaje_item { float: left; width: 79px; height: 79px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; }

#col3 { float: right; width: 50px; text-align: right; }

.info, .masinfo, .contratar { display: block; width: 32px; height: 32px; overflow: hidden; margin-bottom: 4px;
background-image: url('imgs/iconos2.png'); background-repeat: no-repeat; -webkit-transition: none; }
.info:hover, .masinfo:hover, .contratar:hover { background-position-x: -33px; -webkit-transition: none; }
.masinfo { background-position-y: -29px; }
.contratar { background-position-y: -60px; }
.select_icono { background-position-x: -33px; }

#texto { color: #BE1E2D; position: absolute; right: 20px; margin-top: 5px; }

#senderos { -webkit-font-smoothing: antialiased; float: left; width: 100%; background-color: #C1EBFD; min-height: 500px;  margin-top: 2px; padding-bottom: 50px; }
#senderos h1 { color: #004071; }
#senderos_col1 { float: left; width: 250px; margin-left: 40px; margin-top: 38px;  }
#senderos_col2 { float: left; width: 680px; margin-top: 60px; }

#firma { position: absolute; margin-left: 580px; }

#newsletter { -webkit-font-smoothing: antialiased; float: left; width: 100%; margin-top: 6px; background-color: #579030;   }

#newsletter_foto { float: left; width: 500px; height: 420px; border-right: 6px solid white; margin-right: 30px; overflow: hidden; }
#newsletter_foto img { height: 100%; }

#newsletter_texto { color: white; height: 420px; font-size: 12px; padding: 16px; border-right: 6px solid white;  }

#newsletter_parte2 { float: left;  width: 100%; }

#newsletter_item { float: left; width: 50%; height: 154px; overflow: hidden; background-color: #D1D3D4; color: black; border-top: 6px solid white;  }
#newsletter_item:hover  { color: black; background-color: #EEE; }

#newsletter_item_foto { float: left; height: 100%; width: 30%; overflow: hidden; border-right: 6px solid white; }
#newsletter_item_foto img { height: 100%; }

#newsletter_item_texto { float: left; padding: 15px; width: 60%; font-size: 12px; }

#newsletter_item h1 { color: black; font-size: 13px;  }
#newsletter_item #fecha_newsletter { color: #579030; margin-top: 6px; margin-bottom: 6px; display: block;  }

#contacto {  -webkit-font-smoothing: antialiased; float: left; width: 100%;  background-image: url('imgs/bg.jpg'); background-repeat: repeat-x; color: white; margin-top: 2px; }
#contacto_cont { margin-left: 20px; float: left; width: 880px; margin-top: 30px; }

#pagos {  -webkit-font-smoothing: antialiased; float: left; width: 100%; height: 555px; background-color: #C1EBFD; color: #004071; margin-top: 2px; }

#map { float: left; width: 100%; margin-top: 50px; border-top: 6px solid white; margin-bottom: -13px; }

input, textarea { border: 0; height: 32px; width: 100%; background-color: white; padding-left: 5px; }
textarea { height: 112px; padding-top: 5px; margin-top: 4px; }
button { -webkit-font-smoothing: antialiased;	font-family: "Georgia","Times New Roman", "Times", serif;
 color: white; border: 0; margin: 0; background-color: #BA141A; padding: 10px; cursor: pointer; font-size: 16px; margin-top: 8px; padding-left: 24px; padding-right: 24px; }
button:hover { background-color: black; }

#salidas { float: left; min-height: 500px; width: 100%; padding: 70px; }
#salidas_item { float: left; width: 100%; border-bottom: 1px solid #009444; padding-bottom: 30px; margin-bottom: 30px; }
#salidas_imagen { float: left; width: 224px; height: 100%  }
#salidas_texto { float: left; width: 600px;  }
#salidas_mascara { float: left; width: 165px; height: 165px; overflow: hidden; margin-left: 20px; margin-bottom: 20px; }

#salimos { float: left; width: 100%; color: #BE1E2D; font-family: 'din-lightregular';  }
small { border: 1px solid #BE1E2D; padding: 6px; }

#cont_newsletter { margin: 0 auto; width: 1000px; display: table; }

#menu { position: absolute; right: 0; bottom: 0; height: 40px; width: 55%; text-align: right; padding: 8px 20px; 
	background: #004071; background: -webkit-linear-gradient(to right, white, #004071); background: linear-gradient(to right, white, #004071); display: none; }

.aux_contact { width:148px; }
.bio { display: inline-block; width: 135px; height: 135px; overflow: hidden; border-radius: 50%; }

.form_mobile { float: left; width: 100%; color: white; padding: 20px; display: none; }
.aux { border-right: 6px solid white; }
.titulo_seccion { position: absolute; left: 20px; top: 165px; z-index: 1000; background-color: white; font-size: 12px; padding: 10px; color: #BA141A; display: none; }
.titulo_seccion h1 { font-family: 'din-lightregular';  }


@media (max-width: 900px) {

	.goUp { bottom: -30px; right: -30px; display: none; cursor: pointer; width: 0; height: 0; display: none; opacity: 0; }

	input, textarea { border: 0; border: 1px solid white; height: 32px; width: 100%; background-color: transparent; padding-left: 10px; margin-bottom: 2px; color: white; font-size: 11px; }
	textarea { height: 112px; padding-top: 10px;  }
button { font-size: 12px; } 

	.aux { border: 0; }
	.aux_contact { width: 100%; }
	.nomobile { display: none; }
	body { font-size: 12px; }
	#menu, .form_mobile, .titulo_seccion { display: block; } 
	h2 { font-size: 16px; }
	h3 { font-size: 14px; }
	h4 { font-size: 12px; }
	h5 { font-size: 12px; }
	#colores { right: -2px; }

	#header { position: fixed; z-index: 3000; background-color: white; }
	#logo { left: 3px; top: 3px; }
	
	#nav { background-color: transparent; top: 145px; right: -800px; bottom: auto; height: auto; width: 100vw; background-image: none; background: #396586; background: -webkit-linear-gradient(to bottom, #004071, #396586 ); background: linear-gradient(to bottom, #004071, #396586 );}
	
	#nav ul { float: left; width: 100%; text-align: right; }
	#nav ul li { float: left; width: 100%; height: auto; margin: 0; border: 0; border-bottom: 1px solid white; }
	#nav ul li a { float: left; width: 100%; height: auto; margin: 0; padding: 10px 20px; }
	#nav ul li a:hover, .select { background-color: #BA141A; }

	#submenu { float: left; left: 0; right: auto; width: 100%; }
	#submenu ul li { margin: 0; font-size: 12px; height: auto; float: left; width: 100%; border-top: 1px solid #FFF; background-color: #00A3E1;  }

	#slider { width: 100%; margin:0; margin-top: 15px;  }
	.slick div { margin: 0; height: 155px; }

	/* #wowslider-container1 .ws_images img { height:105vh; width: auto; } */
	#wowslider-container1 .ws_bullets a {  font: 11px/11px Georgia,Times,sans-serif; margin: 0; padding: 5px; margin-right: 2px; margin-bottom: 2px; }
	#wowslider-container1 .ws_bullets { bottom: 80px; left: 0; margin-left: 20px; }
	#wowslider-container1 .ws-title { bottom: 40px; left: 20px; padding: 10px; font-size: 11px; }
	
	#footer { margin-top: 20px; text-align: center; } 
	#footer_col1 { margin: 0; height: auto; padding: 0 20px; width: 100%; text-align: center; }
	#footer_col2 { margin: 0; height: auto; width: 100%; text-align: center; }
	#footer_item { float: none; display: inline-block; margin: 0; margin-left:15px;  }
	#maslogos { position: static; float: left; width: 100%; right: auto; bottom: auto; }


	#senderos { margin-top: 145px; padding: 20px; }
	#senderos_col1 { width: 100%; margin: 0; }
	#senderos_col2 { width: 100%; margin: 0; }
	
	#firma { position: static; margin: 0; float: left; }


	#contacto { float: left; width: 100%; margin-top: 145px; }
	#contacto_cont { margin: 0; width: 100%; margin-top: 20px; }


	#col1 { width: 100%; margin: 0; padding: 0 20px; }
	#col2 { width: 100%; margin: 0; padding: 20px; }
	#col3 { width: 100%; text-align: right; padding: 0 20px; text-align: right; }
	#texto { left: 60px; right: auto; margin-top: -100px; }

	#pagos {  height: auto; margin-top: 145px; }


	#newsletter { margin: 0; width: 100vw; }
	#cont_newsletter { float: left; width: 100vw; }
	#newsletter_foto { float: left; width: 100vw; overflow: hidden; height: 100vh; border: 0; margin: 0; }
	#newsletter_texto { float: left; width: 100%; height: auto; font-size: 11px; padding: 20px; border: 0; }
	#newsletter_parte2 { width: 100vw; margin: 0; }
	#newsletter_item { float: left; width: 100vw; height: auto; border-top: 2px solid white; margin: 0; }
	
	#newsletter_item_foto { height: 100%; width: 100vw; border: 0; margin: 0; }
	#newsletter_item_foto img { height: auto; width: 100vw; }
	
	#newsletter_item_texto { float: left; padding: 20px; width: 100vw; font-size: 11px; }
	
	#newsletter_item h1 { color: black; font-size: 13px;  }
	#newsletter_item #fecha_newsletter { color: #579030; margin-top: 6px; margin-bottom: 6px; display: block;  }
	
#wowslider-container1 {
height: auto;
}
.aux-banner {
  aspect-ratio: 4/6;
  object-fit: cover;

}
.aux-banner-2 {
  aspect-ratio: 4/6;
  object-fit: cover;
}
}