@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
	font-family: 'xx';
	src: url("xx.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'bann';
	src: url("bann.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}

@font-face {
	font-family: 'xenku';
	src: url("xenku.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display:swap;
}


html{width:100%;
	height:100%;
}

body{width:100%;height:100%;transition:all .5s;-moz-transition:all 1s;-webkit-transition:all .5s;-o-transition:all .5s; z-index:9998;}

* { margin: 0px;
padding: 0px; outline: 0;
}
iframe { display:block; border:none; }

.os-animation{
            opacity: 0;
 }  

.os-animation.animated{
            opacity: 1;
 }  
 
 *:focus { 
    outline: none; 
} 

#home{ width:100%; height:100%; }

#lap{ display: inline-block; width:100%; height:100%; text-align:center;margin: 0px; padding: 0px; outline: 0; }

#movil,#todomovil{ display:none;}

#elvideohome {
    position: absolute; z-index:1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.texto1{ font-family: "Archivo", sans-serif;color:#1e3d6e; font-size:14px; font-weight:600; text-decoration:none;}
.texto2{font-family: 'xx';color:#ffffff; font-size:50px; line-height:120%;  text-decoration:none;text-shadow: 2px 1px 0px rgba(0,0,0,0.63);}
.texto3{font-family: 'bann';color:#ffffff; font-size:50px; line-height:120%;  text-decoration:none;text-shadow: 2px 1px 0px rgba(0,0,0,0.63);}
.texto4{font-family: 'xx';color:#ffffff; font-size:30px; line-height:120%;  text-decoration:none;text-shadow: 2px 1px 0px rgba(0,0,0,0.63);}
.texto5{font-family: "Archivo", sans-serif;color:#1e3d6e; font-size:25px; line-height:120%;  text-decoration:none;}
.texto6{font-family: 'xx';color:#1e3d6e; font-size:40px; line-height:100%;  text-decoration:none;}
.texto7{font-family: "Archivo", sans-serif;color:#7f7f7f; font-size:19px; line-height:150%; font-weight:400;   text-decoration:none;}
.texto8{font-family: "Archivo", sans-serif;color:#1e3d6e; font-size:19px; line-height:120%; font-weight:700;  text-decoration:none;}
.texto9{font-family: 'xenku';color:#1e3d6e; font-size:19px; line-height:100%;  text-decoration:none;}
.texto10{font-family: 'xenku';color:#1e3d6e; font-size:28px; line-height:140%;  text-decoration:none;}
.texto11{font-family: 'bann';color:#1e3d6e; font-size:28px; line-height:140%;  text-decoration:none;} 
.texto12{font-family: 'xenku';color:#1e3d6e; font-size:20px; line-height:140%;  text-decoration:none;}
.texto13{font-family: 'xx';color:#1e3d6e; font-size:50px; line-height:140%;  text-decoration:none;}
.texto14{font-family: 'xenku';color:#1e3d6e; font-size:28px; line-height:140%;  text-decoration:none;}
.texto15{font-family: 'xx';color:#1e3d6e; font-size:60px; line-height:100%;  text-decoration:none;}
.texto16{font-family: 'xx';color:#bb0a34; font-size:60px; line-height:140%;  text-decoration:none;}
.texto17{font-family: 'xenku';color:#8c8c8c; font-size:13px; line-height:140%;  text-decoration:none;}
.texto18{font-family: 'xx';color:#ffffff; font-size:40px; line-height:100%;  text-decoration:none;text-shadow: 2px 1px 0px rgba(0,0,0,0.63);}
.texto19{font-family: 'xx';color:#ffffff; font-size:60px; line-height:100%;  text-decoration:none;text-shadow: 2px 1px 0px rgba(0,0,0,0.63);}
.texto20{font-family: 'xx';color:#ffffff; font-size:20px; line-height:180%;  text-decoration:none;text-shadow: 2px 1px 0px rgba(0,0,0,0.63);}
.texto21{font-family: "Archivo", sans-serif;color:#ffffff; font-size:15px; line-height:140%; font-weight:400;  text-decoration:none;}
.texto21a{font-family: "Archivo", sans-serif;color:#ffffff; font-size:15px; line-height:140%; font-weight:400;  text-decoration:none;}
.texto21b{font-family: "Archivo", sans-serif;color:#1e3d6e; font-size:15px; line-height:140%; font-weight:400;  text-decoration:none;}

.texto22{font-family: 'xx';color:#1e3d6e; font-size:40px; line-height:140%;  text-decoration:none;}
.texto23{font-family: "Archivo", sans-serif;color:#1e3d6e; font-size:19px; line-height:180%; font-weight:400;  text-decoration:none;}
.texto23a{font-family: "Archivo", sans-serif;color:#ffffff; font-size:19px; line-height:180%; font-weight:400;  text-decoration:none;}
.texto24{font-family: "xx", sans-serif;color:#ffffff; font-size:40px; line-height:100%; font-weight:400;  text-decoration:none;}
.texto25{font-family: "xx", sans-serif;color:#ffffff; font-size:14px; line-height:260%; font-weight:300;  text-decoration:none;}
.texto26{font-family: "Archivo", sans-serif;color:#ffffff; font-size:23px; line-height:120%; font-weight:400;  text-decoration:none;}
.texto27{font-family: "Archivo", sans-serif;color:#bb0a34; font-size:23px; line-height:120%; font-weight:700;  text-decoration:none;}


h1,h2,h3,h4,h5,h6{ display:inline !important; font-weight: 400;}

#frase{ width:800px; text-align: center;  height: 170px; left: 50%; margin-left: -400px; top:42%; position: absolute; z-index: 999;}

#arriba, #arriba1,#arriba2,#arriba3{display:inline-block;vertical-align:top;}
#arriba{ width:100%;  vertical-align:middle; text-align:right; background-color: #1e3d6e; height: 55px; position:absolute; z-index:9999;}
#arriba1{width:18%;margin-left:-4px; text-align:center; margin-top: 20px;  }
#arriba2{width:53%;margin-left:-4px;text-align:center; margin-top:17px;   }
#arriba3{width:29%; height: 55px; margin-left:-4px;text-align:right; background-color: #f2f5fa;   }

#menumovil{ display: none;}

.boton{font-family: "Archivo", sans-serif;  padding:10px;  text-align:center;HEIGHT:35px;border:2px solid #ffffff; font-size:14PX;color:#ffffff;font-weight:600; background-color: transparent;  cursor:pointer; transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; text-decoration: none; border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;}
.boton:hover{color:#1e3d6e; background-color:#ffffff; border:2px solid #ffffff; }


.boton2{font-family: 'xx';  padding:14px;padding-top:7px; padding-bottom:7px;  text-align:center;HEIGHT:35px;border:2px solid #ffffff; font-size:14PX;color:#1e3d6e; background-color:#FFFFFF;  cursor:pointer; transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; text-decoration: none; border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;}
.boton2:hover{color:#ffffff; background-color: transparent; border:2px solid #ffffff; }

.boton3{font-family: "Archivo", sans-serif;  padding:10px;  text-align:center;HEIGHT:35px;border:2px solid #1e3d6e; font-size:14PX;color:#1e3d6e;font-weight:600; background-color: transparent;  cursor:pointer; transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; text-decoration: none; border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;}
.boton3:hover{color:#ffffff; background-color:#1e3d6e; border:2px solid #1e3d6e; }


.boton4{font-family: 'xx';  padding:10px;  text-align:center;HEIGHT:35px;border:2px solid #ff0000; font-size:14PX;color:#FFFFFF; background-color:#ff0000;  cursor:pointer; transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; text-decoration: none; border-radius: 40px 40px 40px 40px;-moz-border-radius: 40px 40px 40px 40px;-webkit-border-radius: 40px 40px 40px 40px;}
.boton4:hover{color:#ff0000; background-color:#ffffff; border:2px solid #ff0000; }


#lafrase{ width:100%; height: 60px;  vertical-align:middle; text-align:center; background-color: #ff0000;}

.invi{ width:100%; height: 12px;}
#carrusel{
	background:url("../imagenes/carrusel.svg")center repeat-x;
	animation:200s para reverse infinite linear;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 35px;
	width: 100% ;
	text-align: center; 
}

@keyframes para {
	100% {
		background-position: 
		7680px;
	}
}

#conocenos{ width: 100%; text-align: center; background-color: #f2f5fa;}

.infotexto{ width: 90%; max-width:900px; text-align: center; display: inline-block;}

#blanco{ width: 100%; height: 15px;}

#separador, #separador1,#separador2,#separador3,#separador4,#separador5{display:inline-block;vertical-align:top;}
#separador{width:100%;vertical-align:middle; text-align:left;}
#separador1{width:32.5%;margin-right:-4px;height:560px; background:url(../imagenes/i1.jpg) no-repeat center center ;background-size:cover;}
#separador2{width:32.5%;margin-right:-4px;height:560px; background:url(../imagenes/i2.jpg) no-repeat center center ;background-size:cover;}
#separador3{width:32.5%;margin-right:-4px;height:560px; background:url(../imagenes/i3.jpg) no-repeat center center ;background-size:cover;}
#separador4{width:1.25%;margin-right:-4px; text-align:left; }
#separador5{width:1.25%;margin-right:-4px; text-align:left; }


#fechas{ width: 100%; text-align: center;}

#tips{ width: 100%; text-align: center; background-color: #f2f5fa;}

.infotexto2{ width: 90%; max-width:700px; text-align: center; display: inline-block;}

#lostips, #lostips1{display:inline-block;vertical-align:top;}
#lostips{width:1200px;vertical-align:middle; text-align:left;}
#lostips1{width:300px;margin-right:-4px; text-align: center;}

.lata{ width: 100%;}

#separa{width:100%;height:700px; background:url("../imagenes/nauticopa.jpg") no-repeat center center fixed;background-size:cover;}


#historia{ width: 100%; text-align: center;}

#histo, #histo1, #histo2, #histo3, #histo0, #histo00{display:inline-block;vertical-align:top;}
#histo{width:1200px;vertical-align:middle; text-align:left;}
#histo1{width:360px;margin-right:-4px; text-align: left;}
#histo2{width:360px;margin-right:-4px; text-align: left;}
#histo3{width:380px;margin-right:-4px; text-align: left;}
#histo0{width:50px;margin-right:-4px; text-align: left;}
#histo00{width:50px;margin-right:-4px; text-align: left;}


#separadordos, #separadordos1,#separadordos2,#separadordos3,#separadordos4,#separadordos5{display:inline-block;vertical-align:top;}
#separadordos{width:100%;vertical-align:middle; text-align:left;}
#separadordos1{width:32.5%;margin-right:-4px;height:560px; background:url(../imagenes/ii1.jpg) no-repeat center center ;background-size:cover;}
#separadordos2{width:32.5%;margin-right:-4px;height:560px; background:url(../imagenes/ii2.jpg) no-repeat center center ;background-size:cover;}
#separadordos3{width:32.5%;margin-right:-4px;height:560px; background:url(../imagenes/ii3.jpg) no-repeat center center ;background-size:cover;}
#separadordos4{width:1.25%;margin-right:-4px; text-align:left; }
#separadordos5{width:1.25%;margin-right:-4px; text-align:left; }

#boletos{ width: 100%; text-align: center; background-color: #1e3d6e;}

.boletosinfo{ width:90%; max-width: 1100px; text-align: center;}
.boletosinfo2{ width:90%; max-width: 610px; text-align: center; display: inline-block;}


#contactanos{ width: 100%; text-align: center; background-color: #f2f5fa;}

#footer{ width: 100%; text-align: center; background-color: #1e3d6e;}


.redes{ filter: grayscale(0); opacity:1;transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; cursor:pointer;}
.redes:hover{filter: grayscale(1);brightness(100%);}


@media screen and (max-width:1600px)
 {
#separa{height:600px;}
     
#separador1,#separador2,#separador3{height:500px; }
#separadordos1,#separadordos2,#separadordos3{height:500px; }
}


@media screen and (max-width:1300px)
 {
#separa{height:500px;}
#separador1,#separador2,#separador3{height:450px; }
#separadordos1,#separadordos2,#separadordos3{height:450px; }
}

@media screen and (max-width:1220px)
 {
#histo{width:1000px;vertical-align:middle; text-align:left;}
#histo1{width:300px;margin-right:-4px; text-align: left;}
#histo2{width:300px;margin-right:-4px; text-align: left;}
#histo3{width:300px;margin-right:-4px; text-align: left;}
#histo0{width:50px;margin-right:-4px; text-align: left;}
#histo00{width:50px;margin-right:-4px; text-align: left;}
     
#lostips{width:900px;}
 }

@media screen and (max-width:1020px)
 {
#histo{width:90%;vertical-align:middle; text-align:center;}
#histo1{width:100%;margin-right:0px; text-align: center;}
#histo2{width:100%;margin-right:0px; text-align: center;}
#histo3{width:100%;margin-right:0px; text-align: center;}
#histo0{ display: none;}
#histo00{ display: none;}
     
#separador1,#separador2,#separador3{height:400px; }
#separadordos1,#separadordos2,#separadordos3{height:400px; }
}


@media screen and (max-width:960px)
 {
 #lostips{width:600px;}
     
#separa{height:400px;}
.texto2{font-size:35px; }
.texto3{font-size:35px; }
     
#home{ display: none;}
#movil{ display: block;}
     
.texto24{font-size:35px;}     
}

@media screen and (max-width:820px)
 {
     #frase{ width:600px; text-align: center;  height: 100px; left: 50%; margin-left: -300px; top:45%;}
}
     
@media screen and (max-width:750px)
 {
#separa{width:100%;height:350px; background:url("../imagenes/nauticopa.jpg") no-repeat center center ;background-size:cover;}     

#separador1,#separador2,#separador3{height:350px; }
#separadordos1,#separadordos2,#separadordos3{height:350px; }

.texto2{font-size:30px; }
.texto3{font-size:30px; }
.texto4{font-size:25px; }
}

@media screen and (max-width:700px)
 {
#blanco{height:8px;}
    
#separador1,#separador2,#separador3{height:300px; }
 #separadordos1,#separadordos2,#separadordos3{height:300px; }
     
.texto4{font-size:20px; }
#frase{ width:420px; text-align: center;  height: 100px; left: 50%; margin-left: -210px; top:300px;}
.texto2{font-size:40px; }
.texto3{font-size:40px; }
     
.texto15{font-size:50px;}
.texto16{font-size:50px;} 
.texto19{font-size:50px;}
}

@media screen and (max-width:620px)
 { 
.texto22{font-size:35px;}
     
#lostips{width:450px;}
#lostips1{width:225px;}
.texto17{font-size:11px;}     
.texto19{font-size:36px;}
     
     
#separa{height:300px;}
#separador1,#separador2,#separador3{height:250px; }
#separadordos1,#separadordos2,#separadordos3{height:250px; }
}

@media screen and (max-width:500px)
 {
.texto15{font-size:38px;}
.texto16{font-size:38px;}
    
     
#separador1,#separador2,#separador3{height:200px; }
#separadordos1,#separadordos2,#separadordos3{height:200px; }
}


.button_container {
  position: absolute;
  top: 0px;;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #ffffff;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color:#1e3d6e;
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity: .9;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInUp .5s ease forwards;
  -moz-animation: fadeInUp .5s ease forwards;
          animation: fadeInUp .5s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
  -moz-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  text-align: center;
  margin-right:;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 60px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #FFF;
  text-decoration: none;
  overflow: hidden;
  font-size: 35px;
  opacity:1; text-transform:uppercase; line-height:100%;font-family: "Archivo", sans-serif;
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%; opacity:.6;
  -webkit-transition: .25s;
  transition: .25s;color:#ffffff;
}
.overlay ul li a:after {
  opacity:.6;-webkit-transition: .25s;
  transition: .25s;
}


@media screen and (max-width:1100px){
#arriba1{ width:35%; text-align:center;}
#arriba2,#arriba3{display:none;}
#arriba4{ display: inline-block;width:65%; height: 55px; margin-left:-4px;text-align:right;  } 
    
#menumovil{ z-index:9999;position: absolute;top: 15px;
  right: 30px;
  height: 27px;
  width: 35px; display:block;}
}

.hvr-icon-back2 {font-family: "Archivo", sans-serif; font-weight:700; font-size:14px;
  display: inline-block;
  vertical-align: middle;
transition:all .8s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;
 line-height:17px;  color:#ffffff; text-decoration:none;
}
.hvr-icon-back2:hover {
transition:all .8s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;
  color:#ffffff;
}
.hvr-icon-back2 .hvr-icon2 {
  transition:all .8s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;background:url(../imagenes/hover2.png);
}
.hvr-icon-back2:hover .hvr-icon2{
  transition:all .8s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s;background:url(../imagenes/hover.png); 
}