/*
 *	generated by WOW Slider 7.8
 *	template Zippy
 */


@font-face {
    font-family: 'dinmedium';
    src: url('../fonts/DINMedAlt.eot');
    src: url('../fonts/DINMedAlt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINMedAlt.woff2') format('woff2'),
         url('../fonts/DINMedAlt.woff') format('woff'),
         url('../fonts/DINMedAlt.ttf') format('truetype'),
         url('../fonts/DINMedAlt.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'dinregular';
    src: url('../fonts/dinnextroundedltpro-regular.eot');
    src: url('../fonts/dinnextroundedltpro-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dinnextroundedltpro-regular.woff2') format('woff2'),
         url('../fonts/dinnextroundedltpro-regular.woff') format('woff'),
         url('../fonts/dinnextroundedltpro-regular.ttf') format('truetype'),
         url('../fonts/dinnextroundedltpro-regular.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'din_alternatebold';
    src: url('../fonts/DIN Alternate Bold-webfont.eot');
    src: url('../fonts/DIN Alternate Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DIN Alternate Bold-webfont.woff2') format('woff2'),
         url('../fonts/DIN Alternate Bold-webfont.woff') format('woff'),
         url('../fonts/DIN Alternate Bold-webfont.ttf') format('truetype'),
         url('../fonts/DIN Alternate Bold-webfont.svg#din_alternatebold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@import url(https://fonts.googleapis.com/css?family=Open+Sans&subset=latin,cyrillic,latin-ext);

@import url(https://fonts.googleapis.com/css?family=Arimo&subset=latin,cyrillic,latin-ext);


@font-face {
  font-family: 'Calibri';
  src: url('../fonts/Calibri.eot?#iefix') format('embedded-opentype'),  url('../fonts/Calibri.woff') format('woff'), url('../fonts/Calibri.ttf')  format('truetype'), url('../fonts/Calibri.svg#Calibri') format('svg');
  font-weight: normal;
  font-style: normal;
}



.quienes {
  overflow-y: hidden;
  overflow-x: hidden;
}
#wowslider-container1 { 
	display: block;
	zoom: 1; 
	position: relative;
	width: 100%;
	max-width: 100%;
	max-height:none;
	margin:0px auto 0px;
	z-index:90;
	text-align:left; /* reset align=center */
	font-size: 10px;
	text-shadow: none; /* fix some user styles */

	/* reset box-sizing (to boostrap friendly) */
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box; 
}


* html #wowslider-container1{ width:1600px }
#wowslider-container1 .ws_images ul{
	position:relative;
	width: 10000%; 
	height:100%;
	left:0;
	list-style:none;
	margin:0;
	padding:0;
	border-spacing:0;
	overflow: visible;
	/*table-layout:fixed;*/
}
#wowslider-container1 .ws_images ul li{
	position: relative;
	width:1%;
	height:100%;
	line-height:0; /*opera*/
	overflow: hidden;
	float:left;
	/*font-size:0;*/
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

#wowslider-container1 .ws_images{
	
	left:0;
	top:0;
	height:100%;
	max-height:none;
	max-width: 100%;
	vertical-align: top;
	border:none;
	overflow: hidden;
}
#wowslider-container1 .ws_images ul a{
	width:100%;
	height:100%;
	max-height:none;
	display:block;
	color:transparent;
}
#wowslider-container1 img{
	max-width: none !important;
}
#wowslider-container1 .ws_images .ws_list img,
#wowslider-container1 .ws_images > div > img{
	width:100%;
	border:none 0;
	max-width: none;
	padding:0;
	margin:0;
}
#wowslider-container1 .ws_images > div > img {
	max-height:none;
}

#wowslider-container1 .ws_images iframe {
	position: absolute;
	z-index: -1;
}

#wowslider-container1 .ws-title > div {
	display: inline-block !important;
}

#wowslider-container1 a{ 
	text-decoration: none; 
	outline: none; 
	border: none; 
}

#wowslider-container1  .ws_bullets { 
	float: left;
	position:absolute;
	z-index:70;
}
#wowslider-container1  .ws_bullets div{
	position:relative;
	float:left;
	font-size: 0px;
}
/* compatibility with Joomla styles */
#wowslider-container1  .ws_bullets a {
	line-height: 0;
}

#wowslider-container1  .ws_script{
	display:none;
}
#wowslider-container1 sound, 
#wowslider-container1 object{
	position:absolute;
}

/* prevent some of users reset styles */
#wowslider-container1 .ws_effect {
	position: static;
	width: 100%;
	height: 100%;
}

#wowslider-container1 .ws_photoItem {
	border: 2em solid #fff;
	margin-left: -2em;
	margin-top: -2em;
}
#wowslider-container1 .ws_cube_side {
	background: #A6A5A9;
}


#wowslider-container1.ws_gestures {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdB…0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#wowslider-container1.ws_gestures.ws_grabbing {
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: url("../data1/images/backogrundhome1.jpg"), move;
}

/* hide controls when video start play */
#wowslider-container1.ws_video_playing .ws_bullets {
	display: none;
}
#wowslider-container1.ws_video_playing:hover .ws_bullets {
	display: block;
}
/* IE fix because it don't show controls on hover if frame visible */
#wowslider-container1.ws_video_playing_ie .ws_bullets,
#wowslider-container1.ws_video_playing_ie a.ws_next,
#wowslider-container1.ws_video_playing_ie a.ws_prev {
	display: block;
}


/* youtube/vimeo buttons */
#wowslider-container1 .ws_video_btn {
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 55;
}
#wowslider-container1 .ws_video_btn.ws_youtube,
#wowslider-container1 .ws_video_btn.ws_vimeo {
	display: block;
}
#wowslider-container1 .ws_video_btn div {
	position: absolute;
	background-image: url(./playvideo.png);
	background-size: 200%;
	top: 50%;
	left: 50%;
	width: 7em;
	height: 5em;
	margin-left: -3.5em;
	margin-top: -2.5em;
}
#wowslider-container1 .ws_video_btn.ws_youtube div {
	background-position: 0 0;
}
#wowslider-container1 .ws_video_btn.ws_youtube:hover div {
	background-position: 100% 0;
}
#wowslider-container1 .ws_video_btn.ws_vimeo div {
	background-position: 0 100%;
}
#wowslider-container1 .ws_video_btn.ws_vimeo:hover div {
	background-position: 100% 100%;
}

#wowslider-container1 .ws_playpause.ws_hide {
	display: none !important;
}

#wowslider-container1  .ws_bullets { 
	padding: 5px; 
}
#wowslider-container1 .ws_bullets a { 
	width: 14px;
	height: 14px;
	background: url(./bullet.png) left top;
	float: left; 
	text-indent: -4000px; 
	background-size: 14px;
	position:relative;
	margin-left: 1px;
	color:transparent;
}
#wowslider-container1 .ws_bullets a:hover{
	background-position: 0 50%;	
}
#wowslider-container1 .ws_bullets a.ws_selbull{ 
	background-position: 0 100%;
}	
#wowslider-container1 a.ws_next, #wowslider-container1 a.ws_prev {
	background-size: 200%;

	position:absolute;
	top:50%;
	margin-top:-2.4em;
	z-index:60;
	height: 5em;
	width: 5em;
	background-image: url(./arrows.png);
}
#wowslider-container1 a.ws_next{
	background-position: 100% 0;
	right:0.5em;
}
#wowslider-container1 a.ws_prev {
	left:0.5em;
	background-position: 0 0; 
}
#wowslider-container1 a.ws_next:hover{
	background-position: 100% 100%;
}
#wowslider-container1 a.ws_prev:hover {
	background-position: 0 100%; 
}

/*playpause*/
#wowslider-container1 .ws_playpause {
    width: 5em;
    height: 5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2.5em;
    margin-top: -2.5em;
    z-index: 59;
	background-size: 100%;
}

#wowslider-container1 .ws_pause {
    background-image: url(./pause.png);
}

#wowslider-container1 .ws_play {
    background-image: url(./play.png);
}

#wowslider-container1 .ws_pause:hover, #wowslider-container1 .ws_play:hover {
    background-position: 100% 100% !important;
}/* bottom center */
#wowslider-container1  .ws_bullets {
    bottom: 0px;
	
    right: 0;
}
#wowslider-container1  .ws_bullets div{
	/* left:-50%; */
}
#wowslider-container1 .ws-title{
	position:absolute;
	display:block;
	/* font: 2.4em 'Arimo', sans-serif; */
	top: 250px;
	/* left: 0; */
	/* margin-right:0.4em; */
	/* padding:0.3em; */
	/* color:#000000; */
	z-index: 50;
	/* font-weight: bold; */
	/* border-radius:0 0.1em 0.1em 0; */
	-moz-border-radius:0 0.1em 0.1em 0;
	/* -webkit-border-radius:0 0.1em 0.1em 0; */
	  width: 500px;
}
#wowslider-container1 .ws-title div{
	margin-top: 0.3em;
	font-size: 0.666em;
	line-height: 1.15em;
	font-weight: normal;
	color: #222222;
}
#wowslider-container1 .ws-title span{
	line-height: 1.15em;	
}#wowslider-container1 .ws-title .p1{
	animation: wsBasic 1.5s ;
	-moz-animation: wsBasic 1.5s ;
	-webkit-animation: wsBasic 1.5s ;
}

#wowslider-container1 .ws-title  .sub1{
	animation: wsBasic 1.8s ;
	-moz-animation: wsBasic 1.8s ;
	-webkit-animation: wsBasic 1.8s ;
}

#wowslider-container1 .ws-title  .sub2{
	animation: wsBasic 2.1s ;
	-moz-animation: wsBasic 2.1s ;
	-webkit-animation: wsBasic 2.1s ;
}

#wowslider-container1 .ws-title  .sub3{
	animation: wsBasic 2.5s ;
	-moz-animation: wsBasic 2.5s ;
	-webkit-animation: wsBasic 2.5s ;
}

#wowslider-container1 .ws-title  .sub4{
	animation: wsBasic 2.8s ;
	-moz-animation: wsBasic 2.8s ;
	-webkit-animation: wsBasic 2.8s ;
	  display: block;
  width: 100px;
}
}



@keyframes wsBasic{0%{left:-1000%} 100%{left:0%} }
@-moz-keyframes wsBasic{0%{left:-0%} 16.67%{left:-0%} 33.33%{left:-100%} 50%{left:-100%} 66.67%{left:-200%} 83.33%{left:-200%} }
@-webkit-keyframes wsBasic{0%{left:-1000%} 100%{left:0%}} }

#wowslider-container1 .ws_bullets  a img{
	text-indent:0;
	display:block;
	bottom:20px;
	left:-32px;
	visibility:hidden;
	position:absolute;
    border: 4px solid rgba(220, 220, 220, 0.6);
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	max-width:none;
}
#wowslider-container1 .ws_bullets a:hover img{
	visibility:visible;
}

#wowslider-container1 .ws_bulframe div div{
	height:48px;
	overflow:visible;
	position:relative;
}
#wowslider-container1 .ws_bulframe div {
	left:0;
	overflow:hidden;
	position:relative;
	width:64px;
	background-color:rgba(220, 220, 220, 0.6);
}
#wowslider-container1  .ws_bullets .ws_bulframe{
	display:none;
	bottom:25px;
	overflow:visible;
	position:absolute;
	cursor:pointer;
    border: 4px solid rgba(220, 220, 220, 0.6);
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
#wowslider-container1 .ws_bulframe span{
	display:block;
	position:absolute;
	bottom:-10px;
	margin-left:-1px;
	left:32px;
	background:url(./triangle.png);
	width:15px;
	height:6px;
}#wowslider-container1 .ws_bulframe div div{
	height: auto;
}

@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}



.google-maps{
	border: 4px solid #fff;
	max-width: 352px;
	position: absolute;    
	top: 254px;    
	right: 25px;
}


/* MF - pasado a head de html para usarlo dinamicamente*/
/*

.hoteles section article:first-child{

background-image: url('../data1/images/hoteles-background.jpg');
 

/* margin: auto; */


/* padding: 0px; */

/*
width: 575px;

background-repeat: no-repeat;

height: 200px;


/* background-size: 100% 100%; */

/*
float: left;

}
*/


.hoteles aside {
     padding-top: 2px;
   
     width: 349px;
	 margin-left:-22px;    
     float: left;
}


/*  MF agregado */
.hoteles aside li {
     padding-left:3px;
}
/*  */


.destino aside {
	width: 349px;   
     float: left;
}
.contenedor-responsive {
  /* position: relative; */
  /* padding-bottom: 56.25%; */
  /* padding-top: 9px; */
  /* height: 217px; */
  /* overflow: hidden; */
  max-width: 352px;
  /* max-height: 217px; */
  /* left: 580px; */
  float: left;
  margin: 0 6px  2px;
  height: 200px;
  /* bottom: 183px; */
  /* border: 4px solid #fff; */
}


  .contenedor-responsive iframe,
.contenedor-responsive object,
.contenedor-responsive embed {
  /* position: absolute; */
  /* top: 0; */
  /* left: -1px; */
  /* width: 100%; */
  /* height: 100%; */
  /* border: 4px solid #fff; */
}



section{
	width: 960px;
	margin: 6px auto;
	height: 100%;
}

@media all and (max-width:430px){

	body{overflow-x: hidden;
}

}

#wowslider-container1 .ws-title{

max-width: 99%;
	

}
  	.hoteles aside {
  /* width: 88%; */
  /* margin: auto; */
}

.hoteles #container {
  padding-left: 0; 
  width: 100%;
}

img.foto-hotel{
	/* display: none; */
}


}

@media all and (max-width:961px){
	.google-maps{
	border: 4px solid #fff; 
	/* top: 254px; */    
	/* right: 4%; */
}



aside {
  float: left;
}

}


@media (max-width: 1260px) and (min-width: 960px){
	.google-maps{
	border: 4px solid #fff;   
	top: 254px;    
	right: 44px;
}

iframe{
		max-width: 100%;
	}


}




.menu { display: block;margin:0; padding:0; text-align:right}
.menu li {line-height:18px; font-size:16px; font-weight: 2px; background: url(../data1/images/palito.png) no-repeat 100%;list-style:none; display:inline-block}
.menu li:last-child{background: none;}
.menu li a {color: #fff;text-transform:uppercase;padding:8px 10px 4px;text-decoration:none;font-weight: 2px;font-size: 16px;font-family: 'dinregular';letter-spacing: -1px;margin:0 9px 0 2px;}
.menu li a:active, 
.menu li ul li a:active {background: rgba(32, 136, 121, 0.75);}

.menu li:last-child a{ margin-right:0;}

.menu li a:hover {background: rgba(0, 0, 0, 0.7);}
.menu li ul {display:none;position:absolute;background: rgba(0,0,0,0.5);width: auto;padding:0;list-style-type:none; text-align:left; margin:2px;}
.menu li ul li {width: 100%;border:none;padding: 5px 0;background: none; text-align:left; display:block}
 
.menu li ul li a {
 margin: 0;
 padding: 5px 20px;
 display:block

 }
.menu li ul li a:hover {
 background: rgba(0, 0, 0, 0.70);
 }
 
 .menu li ul.secondLevel{ position:relative;background: rgba(0,0,0,0.2); top:0; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}

.slicknav_nav{ padding-left:0!important}
.slicknav_nav .slicknav_row{ margin-left:0!important; margin-right:0!important}
.slicknav_nav ul{ margin-left:0!important}


.logo{ display:block; width:125px; height:44px; background-image:url(../data1/images/logo_gat.svg); background-size:100% auto; background-repeat:no-repeat; margin:25px 0 0; float:left}
#divmenu{width:835px; margin:auto; float:left; margin:43px 0 0;}


.titulo,.titulo-l{
	color: #fff;
	background: rgba(32, 136, 121, 0.75);
	font-size: 24px;
	font-family: 'dinregular';
	padding: 8px 15px;
   
}

.subtitulo1,.subtitulo2,.subtitulo3,.subtitulo4{
	color: #000;
	background: rgba(242, 242, 242, 0.75);
	font-size: 18px;
	font-family: 'dinregular';
	padding: 8px 15px;
	 content: '';
	text-align: right;

}
.subtitulo1-l,.subtitulo2-l,.subtitulo3-l,.subtitulo4-l{
	color: #000;
	background: rgba(242, 242, 242, 0.75);
	font-size: 18px;
	font-family: 'dinregular';
	padding: 8px 15px;
	 content: '';
	text-align: left;

}

.tramita{
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
  opacity: 0.3;
  height: 100%;
  background-image: url('../data1/images/trama.png');
  cursor: hand;
}


.tramita-hotel{
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
  opacity: 0.3;
  height: 238px;
  background-image: url('../data1/images/trama.png');
}
.ws-title{z-index: 10001;}
.ws-title .p1{
	-webkit-animation-name: wsBasic;
	-webkit-animation-iteration-count: 1;
	position: relative; 
}

.ws-title .titulo-l{
	-webkit-animation-name: movimiento-diagonal;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	position: relative; 
}


.ws-title .p2{
	-webkit-animation-name: wsBasic;
	-webkit-animation-duration: 2.25s;
	-webkit-animation-iteration-count: 1;
	position: relative; 
}
.ws-title .subtitulo2{
	-webkit-animation-name: movimiento-diagonal;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-webkit-animation-duration: 2.5s;
	position: relative; 
}

.ws-title .subtitulo3{
	-webkit-animation-name: movimiento-diagonal;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-duration: 3s;
	position: relative; 
}

.ws-title .subtitulo1-l{
	-webkit-animation-name: movimiento-diagonal;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	position: relative; 
}

.ws-title .subtitulo2-l{

 -webkit-animation-name: movimiento-diagonal;
   -webkit-animation-duration: 2.25s;
   -webkit-animation-iteration-count: 1;
   position: relative; 
}
.ws-title .subtitulo3-l{

 -webkit-animation-name: movimiento-diagonal;
   -webkit-animation-duration: 2.50s;
   -webkit-animation-iteration-count: 1;
   position: relative; 
}
.ws-title .subtitulo4-l{

 -webkit-animation-name: movimiento-diagonal;
   -webkit-animation-duration: 3s;
   -webkit-animation-iteration-count: 1;
   position: relative; 
}

/* Header */

#header,
.header{margin: 0;padding: 0;height: auto;  width: 100%;height: 238px;position:relative;}

.containerCenter{max-width: 960px; margin:auto; position:relative; width:96%;}
.containerCenter .contIndex{ position:absolute; width:100%; z-index:8}

#headerBgFade{ width:100%; height:238px; position:absolute; z-index:2; display:none}
#headerBg{ width:100%; height:238px;position:absolute; z-index:1;}

.header-0{background: url('../data1/images/header-quienes.jpg') 100% 100%; background-size: cover;}
.header-1{background: url('../data1/images/header-hotel.jpg') 100% 100%; background-size: cover;}
.header-2{background: url('../data1/images/header-destino.jpg') 100% 100%; background-size: cover;}
.header-3{background: url('../data1/images/header-receptivos.jpg') 100% 100%; background-size: cover;}
.header-4{background: url('../data1/images/header-novedades.jpg') 100% 100%; background-size: cover;}
.header-5{background: url('../data1/images/header-contacto.jpg') 100% 100%; background-size: cover;}
.header-6{background: url('../data1/images/header-novedades.jpg') 100% 100%; background-size: cover;}
.header-7{background: url('../data1/images/header-servicios.jpg') 100% 100%; background-size: cover;}


/*
.header-hotel{
  background: url('../data1/images/header-hotel.jpg') 100% 100%;
  background-size: cover;
}

.header-destino{
  background: url('../data1/images/header-destino.jpg') 100% 100%;
  background-size: cover;
}

.header-novedades {
  background: url('../data1/images/header-novedades.jpg') 100% 100%;
  background-size: cover;
}

.header-contacto {
  background: url('../data1/images/header-contacto.jpg') 100% 100%;
  background-size: cover;
}

.header-quienes {
  background: url('../data1/images/header-quienes.jpg') 100% 100%;
  background-size: cover;
}

.header-servicios {
  background: url('../data1/images/servicios.jpg') 100% 100%;
  background-size: cover;
}
*/

body{
	margin: 0;
	font-weight: normal;
	overflow-x: hidden;
}

.langMenu{ position:absolute; top:0; right:0; background:rgba(255,255,255,0.6); padding:2px 5px; font-family: 'dinregular';}
.langMenu ul{ display:block; padding:0; margin:0;}
.langMenu ul li{ display:inline-block; list-style:none; font-size:12px; border-right:1px solid #020202; /*line-height:15px;*/}
.langMenu ul li:last-child{ border-right:none;}
.langMenu ul li a{ color:#020202; text-decoration:none; padding:2px 3px 0 ; display:block; margin-right:2px;}
.langMenu ul li.active a{ background:#239685; color:#FFF;}

.slicknav_btn{ margin:25px 5px 6px!important}


/*  MF */
/*
.destino section article:first-child{
		background-image: url('../data1/images/destino-background.jpg');
		padding: 0px;
		height: 200px;
		width: 596px;
		background-repeat: no-repeat;    
		height: 201px;
		float: left; 
}
*/
/*  MF */
/* Lo puse en <head> de la pag para poder cambiarlo dinamicamente */

.destino section article div span{
		font-family: Trebuchet MS;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		margin-left: 10px;
		vertical-align: text-top;
}


.hoteles section article div p, 
.destino section article div p{
		font-family: 'Trebuchet MS';
		color: #fff;
		background: rgba(0, 0, 0, 0.75);  
		padding: 8px 14px 12px 9px;
		font-size: 12px;
		line-height: 1.3em;
		display: inline-block;
		margin: 0px;
		height: 80px;
		max-width: 370px;
}

.destino section article div p{
		height: 83px;	
		display: inherit;
}

.form{
	height: 395px;
	float: left;
	width: 518px;
	margin-left: 35px;
	margin-top:20px;
}

	

.form label {
	color: #239685;
	font-family: 'din_alternatebold';
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
	top: 9px;
} 


input {
  background-color: #bcdfd9;
  border: none;
  width: 411px;
  height: 33px;
  float: right;
}


 h1, .contenedor-novedades h2, .quienes_texto .asec {
  color: #239685;
  background: #fff;
  font-size: 17px;
  font-family: 'dinregular';
  text-transform: uppercase;
  padding: 6px 16px 2px 10px;
  display: inline-grid;
  margin: 6px 3px 7px 9px; 
  text-align: left;
  float: left;
  letter-spacing: -1px;
  /* line-height: 1; */
  text-decoration:none;
}

  h2 {
  color: #239685;
  font-size: 18px;
  font-family: 'Trebuchet MS';
  text-transform: uppercase;
  margin: 10px 0px 2px 0px;
  text-align: left;
}

img.foto-hotel {
  float: left;
}

.bloques div h1{

	margin-right: 54px; 
	margin-left: 25px;

}
.bloques div p {
  color: #fff;
  margin-left: 25px;
  padding: 5px;
  width: 302px;
  background: rgba(0, 0, 0, 0.75);
}


.descripcion ul {
    margin: 0;
    padding-left: 12px;
}

 .descripcion p {
    margin: 0; 
}

.hoteles .descripcion, .destino .descripcion, .bloques div p {
  padding-left: 25px;
  font-family: Trebuchet MS;
  font-size: 12px;
  max-width: 556px;
  display: inline-block;
  float: left;
  padding-right: 22px;
}


footer{
	font-family: dinregular;
	font-size: 11px;
	clear: both;
	padding-left: 0px;
	padding-bottom: 20px;
	padding-top: 40px;
	/* width: 960px; */
	margin: auto;
	max-width: 960px;
}
.btn:hover{
  background: url('../data1/images/pdf.png') no-repeat 88% 55% #430f16;
}


.btn {
  font-family: "Calibri";
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 12px;
  padding: 7px 36px 7px 10px;
  text-decoration: none;
  margin: 0;
  line-height: 6em;
  background: url('../data1/images/pdf.png') no-repeat 88% 55% #dd1733;
  text-align: left;
  width: 100%;
}

#button-wrap-inner{
  width: 134px;}


iframe {
  /* border: 4px solid #fff; */
}
.imagelightbox-arrow {
  width: 50px;
  height: 49px;
  vertical-align: middle;
  display: none;
  position: fixed;
  z-index: 10039;
  /* background: rgba(0, 0, 0, 0.75); */
  top: 50%;
  margin-top: -3.75em;
  background-color: transparent;
  border: none;
}
		.imagelightbox-arrow-left:hover,
		.imagelightbox-arrow-left:focus
		{
			  border: none;
  background-image: url(../engine1/arrows.png);
  background-position: 0% 100% ;
			}
	.imagelightbox-arrow-right:hover,
		.imagelightbox-arrow-right:focus
		{
			  border: none;
  background-image: url(../engine1/arrows.png);
  background-position: 100% 100%; 
			}
	
		.imagelightbox-arrow:active
		{
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
				  border: none;
  background-image: url(../engine1/arrows.png);
  background-position: 0% 0%;
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
				  border: none;
  background-image: url(../engine1/arrows.png);
 background-position: 100% 0% ;
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				/* width: 50px; */ /* 40 */
				/* height: 3.75em; */ /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 0.25em; /* 20 */
				
			}
			.imagelightbox-arrow-right
			{
				right: 0.25em; /* 20 */

			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}


#imagelightbox {
  cursor: pointer;
  position: fixed;
  z-index: 10000;

  -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );    
  box-shadow: 0 0 8.125em rgba( 0, 0, 0, .75 );
}




.destino #container {
  width: 355px;

  margin: 0;
  padding: 0;
}

.destino .container ul {
	 padding: 0;
}


#container li {
  display: inline-block;

}

.hoteles #container ul {
  padding: 0;

  /* margin: 0 10px; */
  /* width: 305px; */
  margin: 0 0 0 10px;
}

.hoteles #container img {
  width: 110px;
  height: 97px;

}
.destino aside{
   /* float: right; */
  
   /* padding-right: 25px; */
  
   /* padding-top: 25px; */

}


.destino #container ul li {

  	width: 345px;
  	

  	height: 118px;
  	margin: 0;

}

.destino #container ul li a{
    /* margin: 13px 11px; */
}

  .destino-1{
  	background: url('../data1/images/destino1.jpg') no-repeat 100% 100%;

  }
  
  .destino-2{
  	background: url('../data1/images/destino2.jpg') no-repeat 100% 100%;

  }

    .destino-3{
  	background: url('../data1/images/destino3.jpg') no-repeat 100% 100%;

  }

.vista.left span{

	margin-left: 25px;
}
.vista.right span,.vista.left span{
  	  clear: both;
  
  	  /* margin-left: 25px; */
  
  	  color: #fff;
  
  	  font-family: Trebuchet MS;
  
  	  /* font-size: 1em; */
  
  	  /* position: relative; */    
  	  display: inline-block;    
  	  font-size: 12px;
  	  padding: 0;
  	  margin: 0;
  	  font-size: 12px;
  	  line-height: 2px;
  	  /* left: 25px; */
  	  font-weight: normal;

  }

  aside h3, .contenedor-responsive h3, .abrir{
  	font-family: 'dinregular';
  	background-color: #239685;
  	font-size: 12px;
  	text-transform: uppercase;
  	padding: 7px 21px 6px 10px;
  	letter-spacing: 0px;
  	display: inline-block;
  	color: #fff;
  	font-weight: normal;
  	margin: 0px 0 6px 0;
}

.abrir{
	  position: relative;
	  bottom: 31px;
 	  left: 24px;
	  color:#FFF;
	  padding: 5px 14px 3px 13px;
}

.abrir a:link, .abrir a:visited{
	text-decoration:none;
	color:#fff;	
}


@media all and (max-width:760px) {
	#wowslider-container1 .ws_fullscreen {
		display: block;
	}
}


.vista {
    width: 474px;
    height: 200px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: left;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    margin: 3px 3px 3px 3px;
}
.vista .mascara, .vista .contenido {
    width: 100%;
    height: 200px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.vista img {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

/******************************************************************************/
/* Estilos para ejemplo 1 */
.vista img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.vista .mascara {
    /* opacity: 0; */
    background-color: hsla(34, 6%, 1%, 0.5);
    /* -webkit-transition: all 0.4s ease-in-out; */
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.vista p { 
		padding: 6px 11px 4px 9px;
	
		font-family: 'Trebuchet MS';
		font-size: 12px;
		text-align: justify;

	
		max-width: 350px;
	
		margin-top: 51px;
		position: relative;
		margin-top: 61px;
		top: 0px;
 		
		line-height: 1.3;
		margin-right: 17px;
		color: #fff;
		background-color: hsla(34, 6%, 1%, 0.5);    
	
		/* letter-spacing: -0.9px; */
}


.vista a.informacion{
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.vista:hover img { 
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
} 
.vista:hover .mascara { 
    opacity: 0;
}

.vista:hover p,
.vista:hover a.informacion {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.vista:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.vista:hover a.informacion {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}


.vista.left p {
    position: relative;
    left: 25px;
}

.vista.right p, .vista.right h1,.vista.right span,.vista.right h2 {
    position: absolute;    
    right: 0;
    float: right;
    margin-right: 22px;
    /* left: inherit; */
    right: 8px;    margin-left: 10px;
    text-align: justify;
}


.vista.left p, .vista.left h1,.vista.left span, .vista.right h2 {
    position: absolute;    
    left: 0;
    /* float: right; */
    margin-left: 17px;
}


.footer-home{position: absolute;
  bottom: 10px;
  color: #fff;
  z-index: 1000;
  padding: 0 0 0 20px;}


/* MF modificado */
.estrella {
  position: relative;
  left: 33px;     
  clear: both;
  /*background: url('../data1/images/estrellita.png') 100%;*/
  height: 13px;
  width: 65px;
  /*background-repeat: repeat-x;*/
}

/* MF  agregados */
.estrella_1 {
  background: url('../data1/images/estrellita_1.png') 30%;
  background-repeat: no-repeat;
}

.estrella_2 {
  background: url('../data1/images/estrellita_2.png') 100%;
  background-repeat: no-repeat;
  width: 40px;
}

.estrella_3 {
  background: url('../data1/images/estrellita_3.png') 100%;
  background-repeat: no-repeat;
  width: 50px;
}

.estrella_4 {
  background: url('../data1/images/estrellita_4.png') 100%;
  background-repeat: no-repeat;
  width: 65px;
}

.estrella_5 {
  background: url('../data1/images/estrellita_5.png') 100%;
  background-repeat: no-repeat;
  width: 85px;
  /*margin-left: -15px;*/
}

/* MF */



.destino #container .vista a .estrella, .hoteles .vista a .estrella{
	position: absolute;
  
	left: 25px;
  
	top: 45px;
	/* padding-right: 10px; */
}

.estrella span{  position: relative;
  left: 65px;
  color: #fff;
  font-family: Trebuchet MS;
  font-size: 12px;
  padding-bottom: 1px;

  float: left;  text-shadow: 1px 1px #000;  bottom: 4px;  padding-left: 8px;   width: 230px !important;}



.vista .titulo1{
  position: absolute;
  top: 0px;

  margin-bottom: initial;
}

.vista .titulo2{
  position: absolute;
  top: 33px;

  margin-bottom: 3px;
}

.vista .titulo3{
  position: absolute;
  top: 66px;

}

.vista a  h1 {
  position: absolute;
  top: 5px;
  /* left: 0px; */
}

span.lugar {
  top: 179px;
  text-shadow: 2px 2px #000;
}.estrella-right{

	right: 196px;
  

	left: inherit !important;
	

	line-height: 1px;

}

.p1{  
	color: #fff;
  background: rgba(32, 136, 121, 0.75);
  font-size: 24px;
  font-family: 'dinregular';
  padding: 18px 18px 14px 16px;  display: inline-block;  /* margin-left: 25px; */  margin: 13px 0px 1px  25px;
} 	
  

   .p2{
   	color: #000;
  background: rgba(242, 242, 242, 0.75);
  font-size: 18px;
  font-family: 'dinregular';
  padding: 11px 15px;
  content: '';
  text-align: left;	 display: inline-block;  margin: 3px 0  0  25px;

   	line-height: 17px;
}



@media all and (max-width:400px){
	.p1 {
  
  font-size: 18px;
  padding: 12px 9px 7px 12px;
  margin: 13px 0px 1px 25px;

}


.p2 {
  font-size: 12px;
  padding: 13px 13px;
  margin: 3px 0 0 25px;
  line-height: 1;
}


.hoteles #container ul{

	width: 100%;
}
.hoteles section article div p,.destino section article div p{
	line-height: 1.2em;
}
}



#container ul {
  padding: 0;
  margin: 0;
}.contenedor {
  margin-top: 3px;
}




.contenedor-responsive p {
  font-family: dinregular;
  margin: -5px 1px 5px 0px;
  border-bottom: 1px #e7e7e7 solid;
  padding: 12px 4px 7px 6px;
  border-left: 1px #e7e7e7 solid;
  border-right: 1px #e7e7e7 solid;
  color: #666666;
}
.contacto .contenedor-responsive{

height: inherit;

width: 331px;

}
.contenedor-responsive .direc {
  background-color: #239685;
  width: 314px;
  height: 148px;
  float: inherit;
  margin: 2px 0px 23px 0;
  padding: 17px 0 0 17px;
  line-height: 1.3;
}

.contenedor-responsive .direc p{

font-family: Trebuchet MS;
font-size: 14px;
color: #fefefe;
  border: none;
  margin: 0;
  padding: 0
}

.contenedor-novedades .vista {
    width: 314px;
    height: 420px;

}

.contenedor-novedades .vista h2 {
margin-left: 25px;
}

.contenedor-novedades .vista p{
    height: 300px;
    margin-left: 24px;
}

.contenedor-novedades.vista .mascara, .contenedor-novedades .vista .contenido {
    height: 420px;
}

.contenedor-novedades .mascara {
    height: 420px;
}


textarea#mensaje {
  background-color: #bcdfd9;
  border: none;
  width: 514px;
  height: 171px;
  margin-top: 17px;
}

.destino .bandera{
color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-family: trebuchet ms;
  position: relative;
  bottom: 0px;
  left: 7px;}


  .destino .contenedor-responsive {
  padding-bottom: 3px;
}

.vista.right p{
	text-align: justify;
}

.destino #container .vista a .estrella span, .hoteles section article .estrella span{
	bottom: 0px;
}

.contenedor-novedades {
  margin-top: 3px;
}

a.aprim:hover, a.asec:hover, a#submit:hover {
  color: #239685;
  background-color: #fff;
}


#submit {
  font-family: 'dinmedium';
  background-color: #239685;
  font-size: 12px;
  text-transform: uppercase;
  padding: 3px 10px 3px 10px;
  width: 92px;
  color: #fff;
  text-decoration: none;
}

.form div {
  height: 47px;
}


.quienes_texto h2, .quienes_texto .aprim{
  color: #fff;
  background-color: #239685;
   margin: 6px 3px 7px 9px; 
  padding: 4px 11px;
  float: left;
  margin: 0;
  margin-right: 10px;
    font-family: 'dinregular';
  text-transform: uppercase;
    font-size: 18px;
      
  margin: 0px 3px 0px 9px;
  letter-spacing: -1px;
      text-decoration: none;
}

.quienes_texto{
	  width: 457px;
	  float: left;
	  margin-right: 60px;
	  margin-left: 5px;
	  margin-top: 4px;
	  margin-bottom: 12.5px;
}
.quienes_texto p{

  clear: both;
  font-family: 'Trebuchet MS';
  font-size: 12px;
  text-align: justify;
  padding-top: 10px;
}

.quienes_texto span{

  font-size: 18px;
  color: #239685;

}

.reco {
    width: 381px;
    float: left;
    font-family: 'Trebuchet MS';
    margin-top: 17px;
}

.cuadrados {
    height: 110px;
    width: 381px;
    padding: 0;
    margin: 0;
}


.cuadrados.cuadrado1 {
    background-color: #8fc9c1;

}


.cuadrados.cuadrado2 {
    background-color: #5ab0a3;

}


.cuadrados.cuadrado3 {
    background-color: #239685;
}



.slides span, .cuadrados span {
    color: #fff;
    padding-left: 12px;
    font-size: 14px;
    padding-bottom: 10px;
    font-family: 'Trebuchet MS';    
    font-size: 14px;
}

.slides p, .cuadrados p {
    color: #fff;
    font-size: 19px;
    margin: 0;
    padding: 9px 23px 20px 10px;
    font-family: 'Trebuchet MS';    
    font-size: 18px;
    font-style: italic;
}

.clientes {
  width: 437px;
  height: 237px;
  background-color: #3f403f;
  color: #fff;
  padding: 16px;
  float: left;
  margin: 1px 3px 6px 4.5px;
   filter: url('#grayscale'); /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%); /* Para cuando es estándar funcione en todos */
filter: Gray(); /* IE4-8 and 9 */
}

.clientes p {
    font-family: 'Trebuchet MS';    font-size: 12px;
    float: right;
    width: 302px;
    padding: 0;
    margin: 0;
    text-align: justify;
    line-height: 1.3;
}

.clientes .puesto{
	  font-size: 12px;
  font-style: italic;
  font-weight: normal;
  
	  line-height: 1;
  text-align: center;
}

.clientes img {

	  float: left;
  margin-right: 16px;

}


.clientes .divfoto{
	width: 114px;
  float: left;
  margin-right: 17px;

}

.clientes .divtexto{ 
	float: left;
  margin: 0;
  padding: 0;
} 

.clientes span {
  font-family: 'Trebuchet MS';
  font-size: 14px;
  font-weight: bold;
  display: block;
  line-height: 2;
  text-align: center;
  letter-spacing: -0.5px;
}


.divfoto a {
    font-family: 'Trebuchet MS';
    font-size: 12px;
    text-transform: uppercase;    
    padding: 7px 25px 7px 25px;    
    width: 118px;    color: #fff; 
   background-color: #239685;
    text-decoration: none;
    margin-top: 33px;
    position: relative;
    top: 39px;
        -webkit-filter: grayscale(0%) !important;
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none !important;
}

div.clientes:hover {
    background-color: #5ab0a4;
    transition: all 0.7s ease-in-out;
    -webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: none;

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


a.active {

  background: rgba(32, 136, 121, 0.50);
}


/* fade slider */
.slides {
    height: 109px;
    margin: 0;
    overflow:hidden;
    position:relative;
    width: 400px;
    float: left;
   
    /* padding-top: 20px; */
    /* margin-top:10px; */
}
.slides ul {
    list-style:none;
    position:relative;
    padding-top: 0;
    margin-top:0;
}
 .slides ul li {
width:900px;
    padding-top: 0;
    margin-top:0;
}

/* keyframes #anim_slides */


.slides ul li {
    /* opacity:0; */
    position:relative;
    top:0;
}


.slides ul li div {
    width: 380px;
    font-family: 'Trebuchet MS';
    margin-top: 17px;
    position:absolute;
    /* top:50%; */
 
   
}


.mapa_clientes {
  width: 351px;
  height: 427px;
  margin: 30px 0;
  background: url('../data1/images/mapa.png') 100% 100%;
  float: left;
}

.mapa_clientes a {
  background-color: #29ccb4;
  color: #fff;
  font-family: 'dinregular';
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  padding: 5px 12px 4px 8px;
  font-weight: lighter;
  opacity: 0.4;
  cursor: pointer;
}

.mapa_clientes a:hover {

  opacity: 1;
}

#argentina, #chile , #brasil , #peru, #bolivia, #paraguay, #uruguay {
    display: none;
}


.clientes_texto{
	max-width:609px;
	font-family: 'Trebuchet MS';  
	height: 474px;
	float:left;
	width:100%
}

.clientes_texto h2{
	width:100%;
}

.clientes_texto ul {
	width:33%;
	float:left;
	margin:0 0.5% 0 0;
	padding:0;
}
.clientes_texto ul:nth-child(3n+3){
	margin-right:0;
}
.clientes_texto ul li {
    background-color: #29ccb4;
    color: #fff;
    font-family: 'Trebuchet MS';
	font-size:13px;
	padding-top:3px;    
    padding-left: 6px;
    margin-bottom: 1px;
    text-transform: capitalize;
	height:17px;
	list-style:none;
	display:block;
}

.clientes_texto li:nth-child(even) {
    background-color: #239685 !important;
}




a#boton {
  position: relative;
  top: 276px;
  left: 110px;
}


.quienes_texto .asec, .quienes_texto .aprim {
  padding: 6px 13px 3px 12px;
  margin: 1px 4px;

}


.quienes_texto ul  {

    display: block;
  list-style-type: none;
  float: left;
  padding: 0;
  margin: 0;
}

.quienes_texto ul  li{
  background-image: url(../data1/images/palito.png);
  background-repeat: no-repeat;
  background-position: 101% 48%;
    line-height: 18px;
  font-size: 13px;
  position: relative;
  float: left;
}


.quienes_texto ul li:last-child {
  border: none;
  background: none;
}


.servicios {
  background: url('../data1/images/servicios-fondo.jpg') 100% 100%;
  width: 934px;
  height: 693px;
  padding-top: 7px;
  padding-left: 28px;
  float:left;
}
.servicios-cuadrados{
  width: 189px;
  height: 120px;
  font-family: 'din_alternatebold';
  color: #fff;
  text-transform: uppercase;	
  float: left;
  opacity:0;

}

.servicios-cuadrados:hover{
background-color: rgba(35,150,133, 0.20);
-webkit-transition: all 0.2s ease-in-out;
}


.serv1 {
  background: url('../data1/images/iconos.png') no-repeat -25% -12% rgba(35,150,133, 0.98);
  
}

.serv2 {

  background: url('../data1/images/iconos.png') no-repeat 16% -12% rgba(35,150,133, 0.95);
}

.serv3 {

  background: url('../data1/images/iconos.png') no-repeat 57% -12% rgba(35,150,133, 0.85);
}

.serv4 {

  background: url('../data1/images/iconos.png') no-repeat 98% -12% rgba(35,150,133, 0.75);
}
.serv5 {

  background: url('../data1/images/iconos.png') no-repeat -25% 15% rgba(35,150,133, 0.95);
}

.serv6 {

  background: url('../data1/images/iconos.png') no-repeat 16% 15% rgba(35,150,133, 0.85);
}

.serv7 {
  background: url('../data1/images/iconos.png')no-repeat 57% 15% rgba(35,150,133, 0.75);
}

.serv8 {
  background: url('../data1/images/iconos.png') no-repeat 98% 15% rgba(35,150,133, 0.65);
}
.serv9 {
  background: url('../data1/images/iconos.png') no-repeat -27% 43% rgba(35,150,133, 0.85);
}
.serv10 {
  background: url('../data1/images/iconos.png') no-repeat  15% 43% rgba(35,150,133, 0.75);
}
.serv11 {
  background: url('../data1/images/iconos.png') no-repeat 56% 43% rgba(35,150,133, 0.65);
}
.serv12 {
  background: url('../data1/images/iconos.png') no-repeat 98% 43% rgba(35,150,133, 0.55);
}
.serv13 {
  background: url('../data1/images/iconos.png') no-repeat -27% 71% rgba(35,150,133, 0.75);
}
.serv14{
  background: url('../data1/images/iconos.png') no-repeat 16% 71% rgba(35,150,133, 0.65);
}
.serv15 {
  background: url('../data1/images/iconos.png') no-repeat 57% 71% rgba(35,150,133, 0.55);
}
.serv16 {
  background: url('../data1/images/iconos.png') no-repeat 98% 71% rgba(35,150,133, 0.45);
}
.serv17 {
  background: url('../data1/images/iconos.png') no-repeat -27% 98% rgba(35,150,133, 0.65);
}
.serv18 {
  background: url('../data1/images/iconos.png') no-repeat 15% 98% rgba(35,150,133, 0.55);
}
.serv19 {
  background: url('../data1/images/iconos.png') no-repeat 56% 98% rgba(35,150,133, 0.45);
}
.serv20 {
  background: url('../data1/images/iconos.png') no-repeat 98% 98% rgba(35,150,133, 0.35);
}


.servicios p {
  padding: 0px 7px 0px 9px;
  line-height: 2px;
}


.servicios-1{

	font-size: 18px;
	line-height: 5px;
}

.servicios-2{

	font-size: 16px;
}

.servicios-3{

	font-size: 14px;
}

.servicios-4{

	font-size: 12px;
}



@media screen and (max-width: 960px) {

	.contenedor-responsive iframe, .contenedor-responsive object, .contenedor-responsive embed{
		width: 100%;
		  position: inherit;
	}

.quienes_texto{

width: 90% !important;
}

.quienes_texto ul li{
	background: none !important;
}

.clientes .divtexto{
  padding-top: 24px;
}
.clientes p{
	width: 99%;
}
.divfoto a{
top: 11px;	
}

.clientes{

width: 90%;
height: 100%;
}


section{
	width: 100%;
	margin:0; 
}


.contenedor-responsive {
 
   max-width: 98%;
   left: 0;
   bottom: 0;
   margin: auto;
}

.hoteles section article:first-child, .destino section article:first-child{
	width: 100%;
}

.destino #container ul .vista:first-child{
	margin-top: 0px;

}


.hoteles aside {
    float: left !important;
  padding-left: 25px;
    width: 88%;
  margin: auto;
}


.vista{
	  float: inherit !important;
  clear: left;
}


}



.rowTour{ width:100%; float:left; margin:6px 0 0;}

.rowTour .contentText{ width:53.6%; margin:0; float:left}
.rowTour .contentText.videos{ width:100%}
.mr2{ margin-right:2%!important;}
.rowTour .contentText .logoTour{ width:17.9%; float:left; margin-right:3%;}
.rowTour .contentText .logoTour img{ width:100%;}
.rowTour .contentText .infoTour{ width:79.1%; float:left}
.rowTour .contentText .infoTour p{ margin:0 0 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#000}
.rowTour .contentText .infoTour h4{ display:block; margin:0 0 5px; font-weight:normal; font-style:italic;font-family: "dinregular"; color:#239685; font-size:18px;}
.rowTour .contentText .infoTour ul{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 10px; padding:0;}
.rowTour .contentText .infoTour ul li:before{ content:"-"; margin-right:5px;}
.rowTour .contentText .infoTour ul li{ list-style:none;}

.rowTour .contentText .infoTour .videoFrame{ width:100%; float:left}
.rowTour .contentText .infoTour .videoFrame iframe{ width:100%; height:400px;}


.contentText.tAr .logoTour{ width:17.9%; float:left; margin-left:3%; margin-right:0;}
.contentText.tAr .infoTour{ text-align:right}

.rowTour .contentSlide{ width:44.4%; float:left; margin:0;}
.rowTour .contentSlide .item img{width:100%; display:block;}

.rowTour .contentSlide.mr2{ margin-right:0!important}

#slide1,
#slide2{ width:100%; float:left}

#slide1 .item img,
#slide2 .item img{ width:100%; display:block;}

.owl-theme .owl-controls .owl-pagination{ position:absolute}
.owl-theme .owl-controls .owl-buttons { position:absolute; top:50%; margin-top:-25px; width:100%;}
.owl-theme .owl-controls .owl-buttons div{ width:50px!important; height:50px!important; padding:0!important; border-radius:50%!important; background:none!important; color:#fff!important; margin:0!important; position:absolute; display:block!important; text-align:center!important; color:#131313; font-size:60px!important; opacity:1!important}
.owl-theme .owl-controls .owl-buttons .owl-prev{ left:0;}
.owl-theme .owl-controls .owl-buttons .owl-prev i{ margin-right:0;}
.owl-theme .owl-controls .owl-buttons .owl-next{ right:10px;}
.owl-theme .owl-controls .owl-buttons .owl-next i{ margin-left:5px}

.centerDiv{ max-width:756px; width:96%; margin:auto;}

@media (max-width:990px){
	
	
	/* Destino */
	.destino section article:first-child{ width:100%!important; background-size:100% auto; margin:15px 0!important}
	.contenedor-responsive{ width:96%!important; max-width:990px; float:none;}
	.destino .contenedor-responsive{float:left;}
	.contenedor-responsive iframe{width:100%!important}
	.destino aside{ width:96%; float:none!important; display:block; margin:10px auto!important;}
	.destino #container{ width:100%; float:left;}
	.destino #container li.vista{ width:calc(50% - 6px)!important;}
	
	/* Quines somos */
	.quienes_texto{ width:96%; margin:10px auto; float:none;}
	aside h3{ width:calc(100% - 30px); padding:5px 15px!important}
	
	/* Hoteles */
	.vista { width:calc(50% - 6px); float:left!important; clear:none}
	.vista img{height:auto;}
	
	.hoteles .descripcion, .destino .descripcion, .bloques div p{ width:96%; margin:10px auto; float:none; max-width:990px; padding:0; display:block;}
	
	
	.hoteles section article:first-child{ width:100%!important; background-size:100% auto; height:240px!important;}
	.hoteles section article:first-child .fb-like{ margin-top:40px;}
	.hoteles section article div p{ width:calc(100% - 163px); padding:10px!important; max-width:990px;}
	.hoteles .contenedor-responsive{ float:left; width:100%!important; margin-top:15px;}
	#button-wrap-inner{ margin:10px 0;}
	#button-wrap-inner .btn{ display:block; line-height:32px}
	
	.hoteles .descripcion, .destino .descripcion, .bloques div p{font-size:14px;}
		
	/* servicios */
	.servicios{ width:calc(100% - 40px)!important; padding:10px 20px!important; }
	.servicios h1{ width:calc(100% - 20px)!important; padding:5px 10px!important;margin:auto!important}
	
	/* contacto */
	.contenedor-responsive h1{ width:calc(100% - 20px); padding:5px 10px;}
	.contenedor-responsive .direc{ width:calc( 100% - 356px); float:left; height:157px; margin:0;}
	.contenedor-responsive .direc img{float:left;}
	.contenedor-responsive p{ width:calc(100% - 28px); padding:10px; margin:-6px 0 0; float:left;}
	
	.form{ width:96%; margin:20px auto; display:block; float:left; padding:0 2%; height:auto;}
	.form label{ width:120px; float:left; margin-right:5px;}
	.form input[type="text"], .form input[type="email"], .form textarea{ width:calc(100% - 133px)!important; float:left; }
	#submit{ margin:10px 6px 0 0!important}
	
	/* novedades */
	.contenedor-novedades .vista{ width:calc(50% - 6px); float:left!important}
	.contenedor-novedades .vista a{ display:block; width:100%; height:100%; position:relative;}
	.contenedor-novedades .vista .abrir{bottom:0; position:absolute;}
	.contenedor-novedades .mascara{ height:100%!important}
	.newsOpen { width:96%; margin:auto;}
	.newsOpen img{ margin:0 10px 10px 0!important;}
	.newsOpen .quienes_texto{ width:auto!important;}
	.newsOpen .quienes_texto h1{ float:none!important}
	.newsOpen .quienes_texto p{ clear:none!important}
	footer{width:96%; margin:10px auto;}
	
	.clientes { width:calc(96% - 32px)!important; margin:10px auto!important; float:none!important; height:auto!important; min-height:190px}
	.clientes .divfoto{ height:auto!important; margin:0 15px 15px 0!important;}
	.clientes .divfoto a{ top:auto!important; display:block!important; text-align:center!important; padding:6px 0!important; margin-top:10px!important}
	.clientes .divtexto{float:none!important; padding:0!important }
	.clientes .divtexto p {float:none!important; }
}

@media (max-width:830px){
	
	.centerDiv{ max-width:568px;}
}

@media (max-width:810px){
	
	/* hoteles */
	.vista { width:calc(100% - 6px); }
	
	/* destino */
	.destino #container li.vista{ width:calc(100% - 6px)!important; margin-bottom:5px!important;}
	
	.servicios{ height:auto;}
	.vista .mascara{ height:100%!important}
	
	.destino #container ul,
	.hoteles #container ul{ margin:0!important; padding-left:0!important}
	.destino #container li,
	.hoteles #container li{ list-style:none; width:32%!important; height:auto!important; margin:0 2% 2% 0!important; display:block!important; float:left!important; padding:0;}
	.destino #container li:nth-child(3n+3),
	.hoteles #container li:nth-child(3n+3){margin-right:0!important;}
	.destino #container li a,
	.hoteles #container li a{display:block}
	.destino #container li img,
	.hoteles #container li img{ width:100%!important; height:auto!important; display:block;}
	
}

@media (max-width:700px){
	
	.contenedor-novedades .vista{ width:calc(100% - 6px); height:430px;}
	
	.contenedor-novedades .vista p{ width:calc(100% - 54px)!important; max-width:990px; margin-left:17px; margin-right:17px; padding:10px; height:auto!important; margin-top:110px!important}
	
	.contenedor-responsive .direc{width:calc(100% - 17px);}
	.contenedor-responsive img{ width:100%;}
	.contenedor-responsive p{ width:calc(100% - 22px);}	
	
	.form label{ top:auto;}
	.form input[type="text"], .form input[type="email"], .form textarea{ margin-bottom:10px; width:100%!important;}
	#submit{ width:100%; padding:0!important; margin:10px 0 0!important}
}

@media (max-width:600px){
	
	.destino section article:first-child{ width:100%!important; background-size:auto 100%; background-position:center;}
	.destino #container li.vista{ width:100%!important;}
	
	.centerDiv{ max-width:378px;}
	
	
	
	
	
	.hoteles section article:first-child{ background-size:auto 100%!important; height:auto!important; padding-bottom:20px;}
	img.foto-hotel{float:none!important;}
	.hoteles section article div p{ width:calc(100% - 40px); height:auto!important}
	.destino aside,
	.hoteles aside{ float:none!important; padding:0!important; width:96%!important}
	.destino #container ul,
	.hoteles #container ul{ margin:0!important;}
	.destino #container li,
	.hoteles #container li{ list-style:none; width:49%!important; height:auto!important; margin:0 2% 2% 0!important; display:block!important; float:left!important; padding:0;}
	.destino #container li:nth-child(2n+2),
	.hoteles #container li:nth-child(2n+2){margin-right:0!important;}
	.destino #container li:nth-child(3n+3),
	.hoteles #container li:nth-child(3n+3){margin-right:2%!important;}
	.destino #container li:nth-child(6n+6),
	.hoteles #container li:nth-child(6n+6){margin-right:0!important;}
	.destino #container li a,
	.hoteles #container li a{display:block}
	.destino #container li img,
	.hoteles #container li img{ width:100%!important; height:auto!important; display:block;}
	
	.clientes_texto{ height:auto!important}
	.clientes_texto ul{width:100%!important; margin:0!important}
	
	.newsOpen img{ width:100%!important; margin:0 0 10px!important;}
}

@media (max-width:480px){
	
	/* quienes somos */
	.quienes_texto ul{width:100%;}
	.quienes_texto ul li {width:100%; list-style:none;}
	.quienes_texto ul li a{ width:calc(100% - 20px)!important; padding:5px 10px!important; margin:0 0 5px!important;}
	
	/* hoteles */
	.vista { height:270px;}
	.vista .mascara, .vista .contenido{height:100%;}
	.vista a h1{ width:calc(100% - 40px);padding:5px 10px!important; margin:5px 10px!important; left:auto!important; right:auto!important; font-size:15px;}
	.vista img{ height:100%; width:auto;}
	.contenedor-novedades .vista img{ width:100%; height:auto; }
	.vista p{ width:calc(100% - 60px); padding:10px 20px!important; margin:80px 10px 0!important; right:auto!important; left:auto!important}
	span.lugar{bottom:20px!important; top:auto!important}
	
	.destino #container .vista a .estrella, .hoteles .vista a .estrella{top:55px!important; left:10px!important}
	
	/* Servicios */
	.centerDiv{ max-width:189px;}
	
	
	#wowslider-container1 .ws_images .ws_list img, #wowslider-container1 .ws_images > div > img{ height:100%!important; width:auto!important; max-width:auto!important; max-height:auto!important}
	
	
}