@charset "utf-8";
 
 /*Responsive Styles*/
 
 /* (1) *********TABLET LANDSCAPE***********/
 
 @media screen and (max-width : 1280px){
	/*Make dropdown links appear inline*/
	
body {
	font: 1.2em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	color: #404040;
	background: #ffffff;
	margin: 0;
	padding: 0;
	padding: 0;
}

#vidsize iframe {
width: 711px;	
height: 389px;
}

#mapsize iframe {
width: 700px;	
height: 418px;
}

#slidersize iframe {
width: 700px;	
height: 418px;
}

.div.swiper-container {
      width: 700px;
      height: 418px;
      background: #fff;
	  
    }

#calsize iframe {
width: 100%;	
height: 500px;
}

#calsize div {
width: 95%;
padding-left: 6px;	
font: 0.7em Helvetica, Arial, sans-serif; 
color: black; 
background-color: #E3E9FF;
}


#div-center {
margin-left: 5%;
margin-right: 5%;
}

#div-center img {
width: 700px;
height: 292px;
}
 } 
 
/* (2) *********TABLET LANDSCAPE***********/
 
  @media screen and (max-width : 970px){
	  
body {
	font: 1em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	color: #404040;
	background: #ffffff;
	margin: 0;
	padding: 0;
	padding: 0;
}



	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 0px;

	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		float: center;
	}
	

#vidsize iframe {
width: 600px;	
height: 400px;
}

#mapsize iframe {
width: 600px;	
height: 413px;
}

#slidersize iframe {
width: 600px;	
height: 413px;
}

.div.swiper-container {
      width: 600px;
      height: 413px;
      background: #fff;
    }

#calsize iframe {
width: 100%;	
height: 450px;
}

#calsize div {
width: 95%;
padding-left: 6px;	
font: 0.7em Helvetica, Arial, sans-serif; 
color: black; 
background-color: #E3E9FF;
}


#nav100 {
    margin-top:20px ;
    width:95%; 
    background-color:white;
    float:center;
    padding:0px;
    border:2px solid #ffffff;
    position: relative;
    z-index: 1;
}

#nav100:after { /** On Top of nav100 **/
    background-color: white;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: -1;
}

#nav60 {
    margin:5px auto;
    width:85%;
    background-color:white;
    float:center;
    padding:25px;
    border:2px solid #dfdfdf;
    position: relative;
    z-index: 1;
}

#nav60:after {
    background-color: #f1f1f1;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: -1;
}

 } 
 
 
 
 /* (3) ********TABLET PORTRAIT***********/
 
  @media screen and (max-width : 800px){
	  
body {
	font: 1.4em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	color: #404040;
	background: #ffffff;
	margin: 0;
	padding: 0;
	padding: 0;
}



	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 0px;
		margin-bottom: 0px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		float: center;
	}
	

#vidsize iframe {
width: 600px;	
height: 400px;
}

#mapsize iframe {
width: 600px;	
height: 413px;
}

#slidersize iframe {
width: 600px;	
height: 413px;
}

.div.swiper-container {
      width: 600px;
      height: 413px;
      background: #fff;
    }
#calsize iframe {
width: 100%;	
height: 450px;
}

#calsize div {
width: 95%;
padding-left: 6px;	
font: 0.7em Helvetica, Arial, sans-serif; 
color: black; 
background-color: #E3E9FF;
}



#nav100 {
    margin-top:20px ;
    width:95%; 
    background-color:white;
    float:center;
    padding:0px;
    border:2px solid #ffffff;
    position: relative;
    z-index: 1;
}

#nav100:after { /** On Top of nav100 **/
    background-color: white;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: -1;
}

#nav60 {
    margin:5px auto;
    width:85%;
    background-color:white;
    float:center;
    padding:25px;
    border:2px solid #dfdfdf;
    position: relative;
    z-index: 1;
}

#nav60:after {
    background-color: #f1f1f1;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: -1;
}

 } 
 
 /* (4) ********MOBILE PORTRAIT***********/

@media screen and (max-width : 786px){
	
body {
	font: 0.8em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	line-height: 2.2em;
	color: #404040;
	background: #ffffff;
	margin: 0;
	padding: 0;
	padding: 0;
}

#nav100 {
	margin-top:0px ;
	margin-left:5px ;	
    width:100%;
    background-color:white;
    float:center;
    padding:10px;
    border:2px solid #dfdfdf;
    position: relative;
    z-index: 1;
}



#nav100:after { /** On Top of nav100 **/
    background-color: white;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: -1;
}
	
	
h1 {
  font-size: 180%;
  font-style: normal;
  line-height: 1.8em;
  margin-bottom: 0.6em;
  color: #00000;

}

h2 {

  font-size: 140%;
  font-style: normal;
  line-height: 1.8em;
  margin-bottom: 0.6em;
  color: #00000;;
}

h3 {
  font-size: 110%;
  font-style: normal;
  line-height: 1.8em;
  margin-bottom: 0.6em;
  color: #00000;
}

h4{
  font-size: 90%;
  font-style: normal;
  line-height: 1.8em;
  margin-bottom: 0.6em;
  color: #00000;

}

h5{

  font-size: 75%;
  font-style: normal;
  line-height: 0em;
  margin-bottom: 0.6em;
  color: #00000;

}	
	
	/*Make dropdown links appear inline*/
	ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 0px;
		margin-bottom: 0px;
	}
	/*Make all menu links full width*/
	ul li, li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		float: center;
	}
	


#vidsize iframe {
width: 300px;	
height: 200px;
}

#mapsize iframe {
width: 300px;	
height: 200px;
}

#slidersize iframe {
width: 300px;	
height: 206px;
}

.div.swiper-container {
      width: 300px;
      height: 206px;
      background: #fff;
    }
	
#calsize iframe {
width: 100%;	
height: 350px;
}

#calsize div {
width: 95%;
padding-left: 6px;	
font: 0.7em Helvetica, Arial, sans-serif; 
color: black; 
background-color: #E3E9FF;
}

.wrapperbody {
	border: 0px solid black;
	width: 95%;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
	background: #ffffff; /* WHITE */
}



h1 {
  font-size: 180%;
  font-style: normal;
  line-height: 1.8em;
  margin-bottom: 0.6em;
  color: #00000;

}

h2 {

  font-size: 140%;
  font-style: normal;
  line-height: 1.8em;
  margin-bottom: 0.6em;
  color: #00000;;
}

h3 {
  font-size: 110%;
  font-style: normal;
  line-height: 1.8em;
  margin-bottom: 0.6em;
  color: #00000;
}

h4{
  font-size: 90%;
  font-style: normal;
  line-height: 1.8em;
  margin-bottom: 0.6em;
  color: #00000;

}

h5{

  font-size: 75%;
  font-style: normal;
  line-height: 1em;
  margin-bottom: 0.6em;
  color: #00000;

}


	
#freecontactform {	
	background: #E3E3E3;
	width: 330px;
	border-width: 2px;
	border-color: #C23A2B;
	border-style: solid;
	padding:10px;
	border-color: solid #126E89;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#freecontactform textarea {
    background: #CBCBCB;
    border-radius: 2em;
    border: 1px solid silver;
    padding: 1.0em;    
    color: #000000;
    font-size: 1.2em;
    padding-left: 1.0em;    
    outline: none;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px hsl(0, 0%, 2%);
	width: 150px;
	height: 250px;
}

#freecontactformgreen {
background: #E3E3E3;
width: 330px;
border-width: 2px;
border-color: green;
border-style: solid;
padding:10px;
border-color: solid #126E89;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#div-center {
	margin-left: 1%;
margin-right: -1%;
}

#div-center img {
width: 350px;
height: 146px;
}

#nav100 {
    margin-top:20px ;
    width:95%; 
    background-color:white;
    float:center;
    padding:0px;
    border:2px solid #ffffff;
    position: relative;
    z-index: 1;
}

#nav100:after { /** On Top of nav100 **/
    background-color: white;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: -1;
}

#nav60 {
    margin:5px auto;
    width:85%;
    background-color:white;
    float:center;
    padding:15px;
    border:2px solid #dfdfdf;
    position: relative;
    z-index: 1;
}

#nav60:after {
    background-color: #f1f1f1;
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    z-index: -1;
}

.pricestable {
	font-size: 14px;
background: #88B6C4;
width: 350px;
border-width: 2px;
border-color: #126E89;
border-style: solid;
padding:10px;
border-color: solid #126E89;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

#buttonmaps a {


  font-size: 0.6em;
  background-color: #126E89;
  box-shadow: 0 5px 0 #0F5B70;
  color: white;
  padding: 0.5em 1em;
  position: relative;
  font-weight:bold;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 50px;
z-index: 2;
white-space: nowrap;
}

#buttonAdventures a {

  min-width: 600px ;
  font-size: 0.6em;
  background-color: #126E89;
  box-shadow: 0 5px 0 #0F5B70;
  color: white;
  padding: 0.5em 1em;
  position: relative;
  font-weight:bold;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 50px;
	z-index: 2;
	white-space: nowrap;

}

#buttonwhatsapp a {

  min-width: 600px ;
  font-size: 0.6em;
  background-color: #126E89;
  box-shadow: 0 5px 0 #0F5B70;
  color: white;
  padding: 0.5em 1em;
  position: relative;
  font-weight:bold;
  text-decoration: none;
 // text-transform: uppercase; 
  line-height: 50px;
	z-index: 2;
	  white-space: nowrap;

}

#buttonwhatsapp a:hover {
  background-color: #009C00;
  cursor: pointer;

}

#buttonwhatsapp a:active {
  box-shadow: none;
  top: 5px;
}

#buttonFooter a {

  min-width: 600px ;
  font-size: 0.6em;
  background-color: #126F8A;
  box-shadow: 0 5px 0 #0F5B70;
  color: white;
  padding: 0.5em 1em;
  position: relative;
  font-weight:bold;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 50px;
	z-index: 2;
	  white-space: nowrap;

}

#navFooter {
    width:100%;
    background-color:#126F8A;
    float:center;
    padding:25px;
    border:2px solid #dfdfdf;
    position: relative;
    z-index: 1;
}

}  /*** END REACTIVE MENU **/