@font-face{
		font-family:'Futura';
		src:url(../../../fontfutura/Futura.ttc) format('truetype');
	}

body {
  padding-top: 0px;
  color:#4d5f6b !important;
  font-family: 'Futura';
}

h2{
	font-size:1em !important;
	text-align:center !important;
	margin-bottom:20px;
	font-weight: bold;
}

h3{
	font-size:1em !important;
}
p{
	font-weight: lighter;
}
/* MI CSS */

.contactleft{
	width: 50%;
	float:left;
	font-family: 'Futura';
	color:#fff;
}

.contactleft b{
	color: #74C9D2;
}
.peces1{
	position: absolute;
    left: 130px;
    margin-top: 50px;
}

.peces2{
	position: absolute;
    top: 57%;
    left: -390px;
}

.peces3{
	position: absolute;
    top: 46%;
    right: -380px;
    
}
.peces4{
	position: relative;
	left:50%;
	margin-left: -200px;
}
.containerqfishspa{
	width: 100%;
    height: auto;   	
    background-size: cover;
    box-sizing: border-box;
    padding: 0% 5% 0% 5%;
    position: relative;
}

.containerqfishspa2{
	width: 100%;
    height: auto;
    background: url(../../../images/fondo1.jpg) #000 no-repeat;
    background-size: 100%;
    box-sizing: border-box;
    
}


.containerqfishspa div{
	padding: 230px 20px 20px 20px;
    width: 100%;
    box-sizing: border-box;
}
.containerqfishspa div h2{
	color:#74C9D2;
	text-align: left !important;
	
	
}
.containerqfishspa div p{
	line-height: 23px;	
	text-align: justify;
	color:#fff;
}

.containerqfishspa div p b{
	color: #74C9D2;
}

/************/
.containerlaexperienciasuper{
	position:absolute;
	width: 100%;
    height: 700px;
    background: url(../../../images/mujer-sonriendo.jpg) #000 no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 100px;
	padding-bottom: 100px;
    
}
.containerlaexperiencia{
	position: relative;
	width: 100%;
	height: 700px;
}

.containerlaexperiencia div{
	color: #fff;    
    width: 67%;
    box-sizing: border-box;
    float: left;
    margin-left: 33%;
    
}
.containerlaexperiencia div h2{
	color:#14B6C2;
	text-align: left !important;
}
.containerlaexperiencia div p{
	line-height: 20px;	
	text-align: justify;
}

/*********************/
.containerhabitat{
	width: 100%;
    height: 550px;
    /*background: url('../../../images/mujer-sonriendo.jpg') no-repeat; */ 
    background-size: cover;
    box-sizing: border-box;
    padding: 5% 5% 5% 5%;
}
.containerhabitat div{
	/*background: #fff;*/
    padding: 20px;
    width: 50%;
    margin-left: 2%;
    margin-right: 2%;
    box-sizing: border-box;
    float:left;
    color:#4d5f6b;
}
.containerhabitat div h2{
	color:#74C9D2;
	text-align: left !important;
}
.containerhabitat div p{
	line-height: 23px;	
	text-align: justify;
}


/*********************/
.containerfishkids{
	width: 48%;
    height: 550px;
    float:left;
    background-size: cover;
    box-sizing: border-box;
    padding: 5% 0% 5% 0%;
}
.containerfishkids div{
	/*background: #fff;*/
    padding: 20px;
    width: 100%;
    
    box-sizing: border-box;
    
    color:#000;
}
.containerfishkids div h2{
	color:#fff;
	text-align: left !important;
}
.containerfishkids div p{
	line-height: 23px;	
	text-align: justify;
}

/************/

.containernegocios{
	margin-top: 33px;
}
.containernegocios div{
	background: #fff;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    float:left;
}
.containernegocios div h2{
	color:#74C9D2;
	text-align: left !important;
}
.containernegocios div p{
	line-height: 30px;	
	text-align: justify;
}

.containercontact{
	position:relative;
	background: #000;
	width: 100%;
	height: auto;
}


.fixed{box-shadow:0 0 10px rgba(0,0,0,0.5);position:fixed;top:0; z-index: 9;}
/* MI CSS */


nav{
	/*text-align:center; */
	position:relative;
}

.row>div{
	text-align:center;
}

.col-lg{
	float:left;
	width:25%;
}

.footer {
  padding: 40px !important;
  background-color:#434748;
  text-align:center;
  color:#ffffff;
}

#redes{
	display:inline-block; 
	position:absolute; 
	left:auto;
	right:0px; 
	margin-top:165px;
}

#olita{
	position: absolute;
   	width: 100%;
    right:0px;
    top:40px;
	z-index: -1;
}
#olita2{
	position: absolute;
   	width: 100%;
    right:0px;
    top:40px;
	z-index: -1;
	display: none;
}
/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
}

.jumbotron .btn {
  padding: 0px 24px;
  font-size: 21px;
}

.slidetitulo{
	position: absolute;
    z-index: 999;
    color: #fff;
    font-size: 17px;
    top: 75%;
    right: 5%;
    width: 350px;
    text-align: justify;
    line-height: 25px;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
  background-color: #fff;
  border: none;
  border-radius: 5px;
  text-align:center;
  display:inline-block;
  width:auto;
}

.nav-justified li{
	width:auto;
	margin-top:1%;
	float:left;
	text-align:center;
}

.nav-justified > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  color:#525b62;
  font-size:0.8em;
}

.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
	
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

.idioma{
	position:absolute;
	top:0px;
	right:15px;
	background:#000000;
	padding:5px 10px;
	border-radius:0px 0px 5px 5px;
}

#menuSecundario{
	display:none;
	position:absolute;
	top:60px;
	right:-35px;
	z-index:3;
}

#menuSecundario>ul{
	list-style:none;
	text-align:left;
}


.color-verde, .color-verde:active, .color-verde:visited, .color-verde:hover{
	color:#09c3cd;
}

/* SUB MENU */
#sub-menu{
	background-color:#222222;
	width:100%;
	height:50px;
	position:fixed;
	display:none;
	top:0px;
	left:0px;
	margin:0px;
}

.navbar-toggle{
	background: #222222;
	background: -moz-linear-gradient(top, #222222 0%, #444444 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #222222), color-stop(100%, #444444));
	background: -webkit-linear-gradient(top, #222222 0%, #444444 100%);
	background: -o-linear-gradient(top, #222222 0%, #444444 100%);
	background: -ms-linear-gradient(top, #222222 0%, #444444 100%);
	background: linear-gradient(to bottom, #222222 0%, #444444 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#444444', GradientType=0 );
	border:1px #333333 solid;
}

.navbar-toggle:hover{
	background: #222222;
}

.icon-bar{
	background-color:#ffffff;
}
/* END SUB MENU */

.voltear_horizontal{
	-moz-transform: scaleX(-1); /* Firefox */
	-o-transform: scaleX(-1); /* Opera */
	-webkit-transform: scaleX(-1); /* Chrome y Safari */
	transform: scaleX(-1); /* w3org */
	filter: FlipH; /* Internet Explorer */
}

.voltear_vertical{
	-moz-transform: scaleY(-1); /* Firefox */
	-o-transform: scaleY(-1); /* Opera */
	-webkit-transform: scaleY(-1); /* Chrome y Safari */
	transform: scaleY(-1); /* w3org */
	filter: FlipV; /* Internet Explorer */
}

.mensaje{
	text-align:center; 
	margin-top:25px;
	margin-bottom:50px;
}

.mensaje>p{
	margin:25px 0px;
	font-size:2.5em;
	letter-spacing:0.4em;
}

.sprite>img{
	background-image:url(../../../images/logo-1.png); 
	background-repeat:no-repeat;
	vertical-align: top;
}

.logo, .tripadvisor, .facebook, .videos, .fotos, .certificado, .olas, .peces{
	display:inline-block;
}

.logo>img{
	background-position:0px 0px; 
	width:354px; 
	height:220px;
}

.tripadvisor>img{
	
	width:45px; 
	
	display:inline-block; 
	vertical-align:middle;
}

.facebook>img{
	
	width:45px; 
	
	display:inline-block; 
	vertical-align:middle;
}

.videos>img{
	
	width:45px; 
	
	display:inline-block; 
	vertical-align:middle;
}

.fotos>img{
	background-position:-594px 0px; 
	width:76px; 
	height:74px; 
	display:inline-block; 
	vertical-align:middle; 
	margin-right:25px;
}

.certificado>img{
	    background-position: -710px 0px;
    width: 101px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 60px;
    margin-top: -10px;
}

.olas>img{
	background-position:-830px 0px; 
	width:704px; 
	height:55px; 
	display:inline-block;
}

.peces>img{
	background-position:-1535px 0px; 
	width:37px; 
	height:30px; 
	display:inline-block;
}

.division{
	background-image:url(../../../images/division.png); 
	background-repeat:repeat-x;
	vertical-align: top;
	width:100%; 
	height:25px;
}

.sitemap {
  text-align:center;
  display:inline-block;
  width:auto;
}

.sitemap > img{
	margin-right: 15px;
}
.sitemap li{
	width:auto;
	margin-top:1%;
	text-align:center;
	list-style:none;
	
	display:inline-block;
	margin-right: 20px;
}

.sitemap > li > a {
  text-align: center;
  color:#eee;
  font-size:0.8em;
}

.division_footer{
	height:1px;
	background-color:#d9dbdd;
	border-top:1px #9ea5a9 solid;
	margin-bottom:10px;
	width:50%;
	display:inline-block;
}

.copyright{
	text-align:center;
	font-size:0.8em;
}
.divisionlogofooter{
	width: 0px;
	display: none; 
}

@media (min-width: 768px) {
	.nav-justified {
		max-height: 52px;
	}
	.nav-justified > li > a {
		border-right: 1px solid #83e2e4;
		border-left: 1px solid #e2f5f9;
	}
	.nav-justified > li:first-child > a {
		border-left: 0;
		border-radius: 5px 0 0 5px;
	}
	.nav-justified > li:last-child > a {
		border-right: 0;
		border-radius: 0 5px 5px 0;
	}
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width:400px){
	.logo>img{
		 
		height:230px;
		
	}
}

@media (min-width:0px) and (max-width:767px){
	
	.container{
		width:100%; !important
		padding-right:0px !important;
		padding-left:0px !important;
		margin-right:0px !important;
		margin-left:0px !important;
		position:relative !important;
		overflow:hidden;
	}
	
	#principal{
		padding-top:50px;
	}
	
	#sub-menu{
		display:table;
		left:0px !important;
		border-bottom:1px #222222 solid;
		z-index:2;
		opacity:0.98;
	}
	
	.nav-justified{
		background-color:#111111;
		border-radius:0px;
		position:fixed;
		top:-200px;
		left:0px !important;
		margin:0px !important;
		padding:0px !important;
		border-top:1px #000000 solid;
		z-index:1;
		opacity:0.95;
	}
	
	.nav-justified li{
		width:50%;
		float:left;
	}
	
	.nav-justified>li:nth-child(7), .nav-justified>li:nth-child(9) {
		display:block;
	}
	
	.nav-justified li:nth-child(11){
		display:none;
	}
	
	.nav-justified li>a:hover{
		background-color:#222222;
		color:#ffffff;
	}
	
	.nav-justified li>a{
		border-radius:0px !important;
		padding-left:0px;
		padding-right:0px;
		text-align:center;
	}
	
	#logo{
		margin-left:10px;
	}
	
	/* Redes Sociales */
	#redes{
		position:fixed !important;
		left:-200px;
		top:-15px;
		z-index:3;
		overflow:hidden;
		max-width:200px;
		height:30px;
		margin-top:25px;
	}
	
	.certificado{
		display:none;
	}
	
	#olita{
		display: none !important;
		
	}
	
	#olita2{
	position: absolute;
    width: 100%;
    right: 0px;
    top: 70px;
    z-index: -1;
	display: block !important;
	}
	
	.tripadvisor, .facebook, .videos, .fotos{
		overflow:hidden;
		height:30px;
		margin-right:10px;
	}
	
	.tripadvisor{
		width:40px;
		line-height:20px;
	}
	
	.facebook{
		width:40px;
		line-height:30px;
	}
	
	.videos{
		width:40px;
		line-height:24px;
	}
	
	.fotos{
		width:33px;
		line-height:25px;
	}
	
	.tripadvisor img, .facebook img, .videos img, .fotos img{
		/*background-size:auto;
		width:1572px;
		height:154px;
		line-height:154px;*/
	}
	
	.tripadvisor img{
		/*background-position:-366px -80px; */
	}
	
	.facebook img{
		/*background-position:-441px -80px;*/
	}
	
	.videos img{
		/*background-position:-517px -80px;*/
	}
	
	.fotos img{
		background-position:-594px -80px;
	}
	/* END Redes Sociales */
	
	.slides{
		width:100%;
		height:auto;
		overflow:hidden;
	}
	
	.slides>img{
		width:126%;
		margin-left:-13%;
		height:auto;
	}
	
	#content{
		margin-left:15px !important;
	}
	
	.containerhabitat img{
		width: 100% !important;
	}
	
	.containerhabitat div{
		width: 100% !important;
		margin-left: 0px !important;
		padding: 20px 0px 0px 0px;
	}
	
	
	.containerlaexperiencia{
	position: relative;
    z-index: 10;
    margin-top: 150px;
    color: #000;
	}
	
	.containerlaexperiencia div{
	color: #3C3B3B;
    width: 100%;
    box-sizing: border-box;
    float: left;
    margin-left: 0%;
        padding: 15% 5% 0% 5%;
	}
	
	.peces1{
	display: none;
	}
	
	.contactleft{
	 width: 100%;
	}
	
	.sitemap > img {
    margin-right: 18px;
    margin-top: 15px;
	}
	.lffooter{
		margin-right: 35px !important;
	}
	
	#redes2{
		margin-right: 0px !important;
		width: 100% !important;
	}
	
	.lffooter{
	margin-right: 0px !important ;
	display: block;
	position: relative;
    left: 50%;
    margin-left: -25px;
    margin-bottom: 20px;
	}
	
	.sitemap{
		padding-left: 0px;
	}
	.sitemap > img {
		margin-right: 0px;
	}
	.logo5{
		width: 70px;
	}
	
	.logo1{
		position: relative;
    
	}
	.divisionlogofooter{
		width: 100%;
		height: 10px;
		display: block;
	}
	
	.slidetitulo{
		width: 100%;
		padding: 5%;
		position: relative;
		color:#292929;
		top:0%;
		right: 0%;
	}
	
}

@media (min-width:320px) and (max-width:679px){
	#bloque{
		width:100%;
		margin-bottom:35px;
	}
}

@media (min-width:580px) and (max-width:767px){
	.nav-justified li{
		width:33%;
		float:left;
	}
}

@media (max-width:479px){
	.col-lg{
		width:100%;
	}
	
	.olas{
		width:350px;
		height:55px;
		line-height:55px;
		overflow:hidden;
	}
	
	.olas img{
		background-position:-430px 0px;
		background-size:cover;
		width:800px;
		height:55px;
		line-height:55px;
	}
	
	#image{
		/*
		float:none !important;
		width:100% !important;
		background-color:#093;
		*/
		display:none;
	}
	
	#image>img{
		width:100% !important;
		height:auto !important;
	}
}

@media (min-width:480px) and (max-width:519px){
	.col-lg{
		width:50%;
	}
	
	.olas{
		width:400px;
		height:55px;
		line-height:55px;
		overflow:hidden;
	}
	
	.olas img{
		background-position:-550px 0px;
		background-size:cover;
		width:1000px;
		height:55px;
		line-height:55px;
	}
}

@media (min-width:520px) and (max-width:767px){
	.col-lg{
		width:50%;
	}
	
	.olas{
		width:480px;
		height:55px;
		line-height:55px;
		overflow:hidden;
	}
	
	.olas img{
		background-position:-650px 0px;
		background-size:cover;
		width:1200px;
		height:55px;
		line-height:55px;
	}
}

@media (min-width:680px) and (max-width:767px){
	#bloque{
		width:45%;
	}
}

@media (max-width:689px){
	#image>img{
		width:100% !important;
		height:auto !important;
	}
	
	#image{
		width:50%;
	}
	
	.noresponsive{
		display: none;
	}
}

@media (min-width:768px) and (max-width:991px){
	#menuSecundario{
		right:0px;
	}

	.container{
		width:98%; !important
		padding-right:0px !important;
		padding-left:1% !important;
		margin-right:0px !important;
		margin-left:0px !important;
	}
	
	.nav-justified li{
		padding-left:0px;
		padding-right:0px; 
		text-align:center;
	}
	
	.nav-justified li:first-child{
		min-width:90px;
	}
	
	.col-lg{
		width:50%;
	}
	
	.col-lg>p>a>img{
		width:50%;
	}
	
	/* Redes Sociales */
	#redes{
		display:inline-block !important;
		left:auto !important;
		right:0px !important;
		margin-right:-10px !important;
	}
	
	.tripadvisor, .facebook, .videos, .fotos{
		width:60px;
		height:58px;
		line-height:58px;
		overflow:hidden;
	}
	
	.tripadvisor img, .facebook img, .videos img, .fotos img{
		background-size:cover;
		width:1210px;
		height:58px;
		line-height:58px;
	}
	
	.tripadvisor img{
		background-position:-278px 0px;
	}
	
	.facebook img{
		background-position:-336px 0px;
	}
	
	.videos img{
		background-position:-394px 0px;
	}
	
	.fotos img{
		background-position:-452px 0px;
	}
	
	.certificado{
		width:100px;
		height:76px;
		line-height:76px;
		overflow:hidden;
		margin-left:10px;
	}
	
	.certificado img{
		background-size:cover;
		width:1400px;
		height:76px;
		line-height:76px;
		background-position:-628px 0px;
	}
	/* END Redes Sociales */
	
	.slides{
		width:100%;
		height:auto;
		overflow:hidden;
	}
	
	.slides>img{
		width:124%;
		margin-left:-12%;
		height:auto;
	}
	
	#content{
		margin-left:15px;
	}
	
	#bloque{
		width:45%;
	}
}

@media (min-width:768px){
	 .nav-justified>li:nth-child(10) {
		display:none;
	}
}

@media (min-width:845px){
	.nav-justified>li:nth-child(7) {
		display:block;
	}
	
	#menuSecundario>ul>li:nth-child(1){
		display:none;
	}
}

@media (min-width:960px){
	.nav-justified>li:nth-child(8) {
		display:block;
	}
	
	#menuSecundario>ul>li:nth-child(2){
		display:none;
	}
}

@media (min-width:992px){
	 .nav-justified>li:nth-child(10) {
		display:none;
	}
	
	#menuSecundario>ul>li:nth-child(1), #menuSecundario>ul>li:nth-child(2){
		display:block;
	}
}

@media (min-width:1100px){
	.nav-justified>li:nth-child(7) {
		display:block;
	}
	
	#menuSecundario>ul>li:nth-child(1){
		display:none;
	}
}

@media (min-width:1200px){
	.nav-justified>li:nth-child(8) {
		display:block;
	}
	
	#menuSecundario>ul>li:nth-child(2){
		display:none;
	}
}

@media (min-width:992px) and (max-width:1199px){
	.container{
		width:80%;
		padding-right:15px;
		padding-left:15px;
		margin-right:auto;
		margin-left:auto;
	}
	
	.nav-justified li{
		padding-left:0px;
		padding-right:0px; 
		text-align:center;
	}
	
	.nav-justified li:first-child{
		min-width:100px;
	}
	
	.col-lg{
		width:25%;
	}
	
	.col-lg>p>a>img{
		width:90%;
	}
	
	/* Redes Sociales */
	#redes{
		display:inline-block !important;
		left:auto !important;
		right:0px !important;
		margin-right:-10px !important;
	}
	
	.tripadvisor, .facebook, .videos, .fotos{
		width:60px;
		height:58px;
		line-height:58px;
		overflow:hidden;
	}
	
	.tripadvisor img, .facebook img, .videos img, .fotos img{
		background-size:cover;
		width:1210px;
		height:58px;
		line-height:58px;
	}
	
	.tripadvisor img{
		background-position:-278px 0px;
	}
	
	.facebook img{
		background-position:-336px 0px;
	}
	
	.videos img{
		background-position:-394px 0px;
	}
	
	.fotos img{
		background-position:-452px 0px;
	}
	
	.certificado{
		width:100px;
		height:76px;
		line-height:76px;
		overflow:hidden;
		margin-left:10px;
	}
	
	.certificado img{
		background-size:cover;
		width:1400px;
		height:76px;
		line-height:76px;
		background-position:-628px 0px;
	}
	/* END Redes Sociales */
	
	.slides>img{
		width:100%;
		height:auto;
	}
}

@media (min-width:1200px){
	.container{
		padding-right:15px;
		padding-left:15px;
		margin-right:auto;
		margin-left:auto;
	}
	
	#redes{
		display:inline-block !important;
		left:auto !important;
		right:0px !important;
		margin-right:-10px !important;
	}
	
	.slides>img{
		width:100%;
		height:auto;
	}
}