@font-face{
	font-family: 'piersans';
	src: url('../media/fuentes/pier-regular.otf');
}
@font-face{
	font-family: 'piersans';
	src: url('../media/fuentes/pier-bold.otf');
	font-weight: bold;
}
html {
    overflow: scroll;
    -ms-overflow-style: none;
}
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
::-ms-overflow-style: none; }
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
}
::-moz-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}
body{
	font-family: 'piersans', sans-serif;
	font-size:62.5%;
	background-size:cover;
	overflow:hidden;

}
iframe{
width: 105vw;
height: 1650px;
overflow-x: hidden;
overflow-y: hidden;
margin: 0;
padding: 0;
margin-right: -15px;
margin-bottom: -20px;
}
.container:first-child{

}
.cabecera{
	padding-top: 25px;
	padding-bottom: 20px;
}
.logo{
	width: 50%;
}
.logo img{
	width: 400px;
	height: auto;
	margin-left: 50px;
}
.redes{
	color: #929292;
	margin-top: -20px;
	
}
.face{
	font-size: 3em;
	margin-top: 10px;
	margin-left: -10px;
	float: right;
}
.face img{
	width: 40px;
}
.face img, .email img{
	margin-left: 5px;
	height: auto;
}
.redes img{
	width:36px;
	height: auto;
}
.redes h2{
	font-size: 3.2rem;
	color: #0b57a2;
}
.email-head{
	color: #42a1da;
	display: block-inline;
	width: auto;
	margin-left: 50px;
}
.email-head h5{
	font-weight: normal;
	font-size: 3em;
	margin-left: 35px;
}
.email-head img{
	width: 30px;
	height: auto;
	margin-right: 5px;
}
.email-head div{
	margin-top: 5px;
	font-size: 2.6em;
	;}
.navegacion{
	height: 70px;
	padding-top: 15px;
}
.nave{
	padding-left: 0;
	margin-left: -20px;
}
.navegacion li{
	list-style: none;
	display: inline;
	font-size: 4em;
	font-weight: bold;
	padding: 5px 25px 5px 25px;
	border-right: 2px solid rgba(196, 198, 199, 0.45);
}
.navegacion li:last-child{
	border: none;
}
.navegacion li:hover, .navegacion li:active{
	background-color: rgba(21,85,250,0.55);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 7px;

}
.navegacion li:hover a{
	color: #fff;
}
.navegacion a{
	text-decoration: none;
	color: #0b57a2;
}
.nav-boton{
	display: inline-block;
	visibility: hidden;
	font-size: 4em;
	color: #0b57a2;
	cursor: pointer;
	float: left;
}
.nav-boton:before{
	content: "Menu";
}
.background{
	/*background: url(../media/img/bg-01.jpg) no-repeat center center fixed;
	background-size: cover;*/
}
.motor{
	background-color: rgba(0,0,0,0.5);
	height: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 30px;
}
.motor-vuelo{
	background-color: transparent;
}
.slider{
	background-color: rgba(0,0,0,0.5);
	height: 335px;
	margin: 20px 0 20px 20px;
	margin-top: 20px;
	margin-left: 20px;
	width: 545px;
}
.slider-body{
	position: relative;
	left:10px;
	top: 25px;
	width: 500px;
	height: 295px;

}
.slider-body img{
}
.headline{
	width: 100%;
	height: 140px;
	text-align: center;
	color: #0b57a2;
	font-size: 6em;
	margin-top: 0px;
	margin-bottom: 15px;
	position: relative;
}
.headline img{
}
.frase1, .frase2, .frase3, .frase4, .frase5, .frase6, .frase7, .frase8{
	position: absolute;
	top: 10px;
}
.frase1{
	animation-name:frase1;
	animation-duration:40s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes frase1{
0%{opacity: 0;}
4%{opacity: 1;}
17%{opacity: 1;}
20%{opacity: 0;}
100%{opacity: 0;}
}
@-moz-keyframes frase1{
0%{opacity: 0;}
4%{opacity: 1;}
17%{opacity: 1;}
20%{opacity: 0;}
100%{opacity: 0;}
}
@keyframes frase1{
0%{opacity: 0;}
4%{opacity: 1;}
17%{opacity: 1;}
20%{opacity: 0;}
100%{opacity: 0;}
}
.frase2{
	animation-name:frase2;
	animation-duration:40s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes frase2{
0%{opacity: 0;}
20%{opacity: 0;}
24%{opacity: 1;}
36%{opacity: 1;}
40%{opacity: 0;}
100%{opacity: 0;}
}
@-moz-keyframes frase2{
0%{opacity: 0;}
20%{opacity: 0;}
24%{opacity: 1;}
36%{opacity: 1;}
40%{opacity: 0;}
100%{opacity: 0;}
}
@keyframes frase2{
0%{opacity: 0;}
20%{opacity: 0;}
24%{opacity: 1;}
36%{opacity: 1;}
40%{opacity: 0;}
100%{opacity: 0;}
}
.frase3{
	animation-name:frase3;
	animation-duration:40s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes frase3{
0%{opacity: 0;}
40%{opacity: 0;}
44%{opacity: 1;}
56%{opacity: 1;}
60%{opacity: 0;}
100%{opacity: 0;}
}
@-moz-keyframes frase3{
0%{opacity: 0;}
40%{opacity: 0;}
44%{opacity: 1;}
56%{opacity: 1;}
60%{opacity: 0;}
100%{opacity: 0;}
}
@keyframes frase3{
0%{opacity: 0;}
40%{opacity: 0;}
44%{opacity: 1;}
56%{opacity: 1;}
60%{opacity: 0;}
100%{opacity: 0;}
}
.frase4{
	animation-name:frase4;
	animation-duration:40s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes frase4{
0%{opacity: 0;}
60%{opacity: 0;}
64%{opacity: 1;}
76%{opacity: 1;}
80%{opacity: 0;}
100%{opacity: 0;}
}
@-moz-keyframes frase4{
0%{opacity: 0;}
60%{opacity: 0;}
64%{opacity: 1;}
76%{opacity: 1;}
80%{opacity: 0;}
100%{opacity: 0;}
}
@keyframes frase4{
0%{opacity: 0;}
60%{opacity: 0;}
64%{opacity: 1;}
76%{opacity: 1;}
80%{opacity: 0;}
100%{opacity: 0;}
}
.frase5{
	animation-name:frase5;
	animation-duration:40s;
	animation-iteration-count: infinite;
}
@-webkit-keyframes frase5{
0%{opacity: 0;}
80%{opacity: 0;}
84%{opacity: 1;}
96%{opacity: 1;}
100%{opacity: 0;}
}
@-moz-keyframes frase5{
0%{opacity: 0;}
80%{opacity: 0;}
84%{opacity: 1;}
96%{opacity: 1;}
100%{opacity: 0;}
}
@keyframes frase5{
0%{opacity: 0;}
80%{opacity: 0;}
84%{opacity: 1;}
96%{opacity: 1;}
100%{opacity: 0;}
}


.servicios{
	height: 213px;
	width: 370px;
	margin-left: 15px;
	margin-bottom: 10px;
	overflow: hidden;
	text-decoration: none;
	box-shadow: 2px 2px 2px #000;
}
.servicios img{
	width: 370px;
	height: auto;
	position: relative;
	left: -15px;
}
.servicios:hover img{
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transform:scale(1.3);
}
.servicios h3{
	width: 100% ;
	position: absolute;
	top: 70px;
	right: 0px;
	text-align: center;
	font-size: 6em ;
	color:white;
	text-shadow: 2px 2px 2px #000;
	filter:DropShadow(Color=#000000, OffX=1, OffY=1);
	text-decoration: none;
}
.renglondoble h3{
	position: absolute;
	top: 50px;
}
.renglondoble span{
	font-size: 2.5rem;
}
.subheadline{
	width: 100%;
	margin-top: 30px;
}
.subheadline hr{
	width: 33.33%;
	height: 3px;
}
.subheadline h3{
	text-align: center;
	color: #929292;
	font-size: 4em;
	margin-top: 10px;
	
}
.enlaces{
	width: 100%;
	text-align: center;
	margin-top: 30px;
	font-size: 3em;
	margin-bottom: 20px;
}
.pie{
	margin-top: 50px;
	margin-bottom: 30px;
}
.pie hr{
	margin-top: 20px;
	margin-bottom: 30px;
	height: 3px;
}
.redes-pie img{
	width: 40px;
	margin-right: 10px;
}

.logo-pie img{
	height: 40px;

}
.atencion-clientes{
	float:right;
	width: auto;
}
.atencion-clientes h5{
	color: #3ea2da;
	font-size: 2.5em;
	margin: 0;
	width: auto;
}
.atencion-clientes h5:first-child{
	margin-bottom: 10px;
	margin-left: 35px;
}
.atencion-clientes img{
	margin-right: 10px;
	height: 25px;
}
.imagenes-formulario{
	height: auto;
}
.formulario{}
.imagenes-formulario img{
	width: 100%;
	height: auto;
}
.intro-formulario{
	color: #0B9BD3;
	font-size: 2.5em;
	margin-left: 40px;
	margin-right: 100px;
	text-align: justify;
}
.intro-formulario2{
	color: #0B9BD3;
	font-size: 3em;
	margin: 30px 100px 30px 40px;
	text-align: justify;
	width: auto;
}
.datos-generales{
	margin-top: 10px;
}
.formulario-subtitulo{
	width: 93%;
	font-size: 6em;
	margin-left: 5px;
	padding-left: 5px;
	margin-bottom: 20px;
	margin-top: 20px;
	color: #42a1da;
	border-bottom: 1px solid #0B9BD3;
	border-left: 1px solid #0B9BD3;
}
.formulario-subtitulo h2{
	display: inline;
}
.nombre-organizador{
	margin-left: 20px;
	margin-top: 10px;
}
.nombre-organizador label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.nombre-organizador input{
	height: 30px;
	width: 720px;
	border-radius: 5px;
	font-size: 3em;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
}
.personas{
	margin-right: 40px;
}
.personas input{
	width: 65px !important;
}
.puesto{
	margin-left: 20px;
}
.puesto label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.puesto input{
	height: 30px;
	width: 400px;
	border-radius: 5px;
	font-size: 3em;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
}
.destino{
	margin-left: 20px;
}
.destino label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.destino input{
	height: 30px;
	width: 350px;
	border-radius: 5px;
	font-size: 3em;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
}
.nombre-empresa{
	margin-left: 35px;
	margin-top: 10px;
}
.nombre-empresa label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.nombre-empresa input{
	height: 30px;
	width: 720px;
	border-radius: 5px;
	font-size: 3em;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
}
.ciudad{
	margin-left: 20px;
	margin-top: 0px;
}
.ciudad label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.ciudad input{
	height: 30px;
	width: 175px;
	border-radius: 5px;
	font-size: 3em;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
}
.estado{
	margin-left: 20px;
	margin-top: 0px;
}
.estado label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.estado input{
	height: 30px;
	width: 225px;
	border-radius: 5px;
	font-size: 3em;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
	color: #929292;
}
.telefono{
	margin-left: 20px;
	margin-top: 0px;
}
.telefono label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.telefono input{
	height: 30px;
	width: 190px;
	border-radius: 5px;
	font-size: 3em;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
}
.email{
	margin-left: 20px;
	margin-top: 0px;
}
.email input, .email label{
	font-size: 3em;
}
.fecha{
	margin-left: 20px;
	margin-top: 0px;
}
.fecha input{
	height: 30px;
	width: 185px;
	border-radius: 5px;
	font-size: 3em;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
	color: #929292;
}
.fecha label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.email label{
	display: block;
	color: #42a1da;
}
.email input{
	height: 30px;
	width: 190px;
	border-radius: 5px;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
}
.selector{
	margin-left: 20px;
	margin-top: 0px;
}
.selector label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.selector select{
	height: 30px;
	width: 95px;
	border-radius: 5px;
	font-size: 3em;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
	color: #929292;
}
.selector-grande{
	margin-left: 20px;
	margin-top: 0px;
	display: inline;
}
.selector-grande label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.selector-grande select{
	height: 30px;
	width: 270px;
	border-radius: 5px;
	font-size: 3em;
	padding-left: 10px;
	box-shadow: 2px 2px 2px black;
	margin-bottom: 20px;
	color: #929292;
}
.comentario{
	margin-left: 30px;
	margin-top: 0px;
	margin-bottom: 10px;

}
.comentario label{
	display: block;
	font-size: 2.5em;
	color: #42a1da;
}
.comentario textarea{
	width: 700px;
	height: 250px;	
	font-size: 2.5em;
	color: #929292;
	border:1px solid #929292;
}
.nombre-organizador2 input{
	width: 500px;
}
.nombre-empresa2{

}
.nombre-empresa2 input{
	width: 400px;
}
.enviar{
	float: right;
	margin-top: 220px;
}
.enviar input{
	background-color: #42a1da;
	height: 50px;
	width: 150px;
	color: white;
	font-size: 2.5em;
}
.enviar input:hover{
	background-color: #0b57a2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;

}
.confirmacion{
	margin-top: 70px;
	margin-bottom: 70px;
	width: auto;	
	width: 100%;
}
.confirmacion h5{
	font-size: 10em;
	text-align: center;
	color: #0B9BD3;
}
.confirmacion h6{
	font-size: 5em;
	text-align: center;
	color: #929292;

}
.confirmacion div{
	width:400px;
	padding: 15px 0px;
	background-color: #0B9BD3;
	border-radius: 20px;
	color: white;
	font-size: 4em;
	text-decoration: none;
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
}
.confirmacion div a{
	color: white;
	text-decoration: none;
	margin: 0 auto;
}
.confirmacion div:hover a{
	text-decoration: none;
}
.confirmacion div:hover{
	background-color: #305c8d;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.1s ease;
}
.especifico-grupos{
	padding-left: 0px;
}
.especifico-adventures{
	margin-left: 5px;
}
.texto-cruceros{
	margin-top: 30px;
	margin-bottom: 30px;
}
.bannerxcaretfondo{
	background: url(../media/img/fondoxcaretbanner.jpg);
	background-size: cover;
	padding-top: 10px;
	padding-bottom: 75px;
	margin-bottom: 50px;
}
.bannerxcaret a{
	display: block;
	width: 250px;
	height: 200px;
	float: left;
	margin: 0 auto;
}
.bannerxcaret a:hover{
	border: 1px white solid;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.bannerxcaret img{
	width: 90%;
	margin: 0 auto;
	margin-left: 5%;
}
.bannerxcaret a:hover img{
	margin-left: 0px;
	width: 100%;
}
.imgxcaret img{
	margin-top: 60px;
}
.logo-xcaret{
	height: 75px;
	width: 100%;
	color: rgba(0,0,0,0.5);

}
.logo-xcaret img{
	width: 100%;
}
.containerBox{
	width: 550px !important;
	background-color: rgba(1,1,1,0);
}
.calen-hoteles img{
position: absolute;
left: 500px !important;
}
.calen-atracciones img{
position: absolute;
left: 300px !important;
}
.containerBox-footer{
	background-color: #0B9BD3 !important;
}
.motor-adultos{
	width: 200px !important;
}
.go-up{
	font-size: 2.0em;
	color: white;
	width: 80px;
	height: 60px;
	padding: 10px 15px;
	text-align: center;
	background-color: rgba(21,85,250,0.50);
	position: fixed;
	top: 90%;
	left: 90%;
	text-decoration: none;
	border-radius: 10px;
}
.go-up:hover, .go-up:active, .go-up:visited{
	color: white;
	background-color: rgba(21,85,250,0.75);
	box-shadow: 1px 1px 10px #666;
	text-decoration: none;
	
} 
.divCell-50px{
		width: 100px;
	}
@media (max-width: 1199px) {
		#ui-datepicker-div{
	width: 900px !important;
}
	.containerBox{
	width: 950px !important;
}
.calen-atracciones img{
position: absolute;
left: 700px !important;
}
.calen-hoteles img{
position: absolute;
left: 890px !important;
}
	.redes{ font-size:.8em;
	}
	.email-head{
		margin-left: 40px;
	}
	.slider{
		width: 550px;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.navegacion li{
		font-size: 3em;
		padding: 5px 15px 5px 15px
	}
	.motor{
	margin-top: 20px;
}
	.servicios{
		width: 45%;
		height: 200px;
		display: inline-block;
	}
	.servicios-main a:last-child{
	margin-left: 22.5%
}
	.servicios img{
		width: 130%;
		margin-left: -15px;
	}
	.logo-pie img{
		position: relative;
		left: -75px;
	}
	.atencion-clientes h5{
		font-size: 2.2em;
	}
	.estadogrupos{
		margin-left: 247px;
	}
	.intro-formulario{
	margin-right: 30px;
}
.bannerxcaret img{
	width: 80%;
	margin-left: 10%;
}
iframe{
height: 2370px;
}
.divCell{
max-width: 300px;
}
}
@media (max-width: 991px) {
	iframe{
	width: 100%;
}
		#ui-datepicker-div{
	width: 700px !important;
}
		.containerBox{
	width: 730px !important;
}
.calen-atracciones img{
position: absolute;
left: 470px !important;
}
.calen-hoteles img{
position: absolute;
left: 670px !important;
}
	.logo img{
		margin-left: 0px;
		width: 100%;
	}
	.redes{ font-size:.7em;
	}
	.redes img{
		width: 25px;
	}
	.email-head{
		margin-left: 0px;
	}
	.servicios h3{
}
.servicios img{
	width: 130%;
	}
.logo-pie img{
	height: 35px;
}
.atencion-clientes h5{
	font-size: 1.7rem;
	width: 100%;
}
.estado select{
	width: 200px;
}
.estado{
	margin-left: 100px;
}
.especifico-vip{
	margin-left: 0px;
}
.fecha input{
	width: 100px;
}
.nombre-empresa2{
	margin-left: 20px;
}
.enviar {
	display: block;
	float: none;
	margin-left: 20px;
	margin-top: 0px;
}
.enviar-xcaret{
	margin-top: 550px;
}
.enviar-disney{
	margin-top: 500px;
}
.estadogrupos{
	margin-left: 300px;
}
.email-grupos{
	margin-left: 316px;
}
.evento-convenciones{
	margin-right: 120px;
}
	.intro-formulario2{
	margin-right: 0px;
}
.bannerxcaret img{
	width: 85%;
	margin-left: 40%;
}


}
@media (max-width: 859px) {
	.nombre-empresa input{
		width: 400px;
	}
	.headline img{
		width: 600px;
		height: auto;
	}
	.headline{
		height: 105px;
	}

}
@media (max-width: 767px) {
	body{
		width: 750px;
		overflow-x: hidden;
	}
		.containerBox{
	width: 700px !important;
}
.containerBox input{
	height: 50px !important;
}
iframe{
	width: 100%;
}
	.buttonForm{
		height: 55px !important;
	}
	.buscar-label{
		font-size: 15px !important;
		margin-top: -20px;
	}
.calen-atracciones img{
position: absolute;
left: 450px !important;
}
.calen-hoteles img{
position: absolute;
left: 620px !important;
}
		.ciudad input, .estado select, .telefono input, .email input, .estado input{
		width: 262px;

	}
	.logo{
		width: 100%;
	}
	.logo img{
		width: 70%;
		margin-left: 15%;
	}
	.redes{
		width: 100%;
	}
	.redes div{
		margin-top: 10px;
		float: none;
		margin:0 auto;
	}
	.navegacion{
		height: auto;
	}
	.navegacion li{
		display: block;
		width: 100%;
		text-align: center;
		border-bottom: #0b57a2 1px solid;
	}
	.nav-boton{
		visibility: visible;
		width: 100%;
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
		margin-left: 10px;
	}
	.nav-boton:active, .nav-hoveboton:r{
		background-color: #0b57a2;
		color: white;
	}
	.nave{
		display: none;
	}
		.servicios img{
		height: 130%;
		width: auto;
		margin-left: -15px;

	}
	.servicios h3{
	font-size: 7em;
	margin-top: 15px;
}
.servicios img{
		width: 120%;
		height: auto;
	}
.cabecera{
	padding-bottom: 10px;
}

	.redes{
		width: 80%;
		height: 20px;
		float: left;
		margin: 0 auto;
		text-align: center;
		margin-left: 10%;
		margin-top: 30px;
		display: none;
	}
	.redes-pie{
		visibility: hidden;
	}
	.logo-pie{
		margin-left: 20%;
		width: 60%;
		height: auto;
	}
	.logo-pie img{
		left: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
		
	}
	.pie hr{
	margin-top: 0px;
	margin-bottom: 0px;
	visibility: hidden;
}
		.servicios{
		width: 90%;
		margin-left: 5%;
		height: 200px;
		display: inline-block;
	}
		.servicios-main a:last-child{
	margin-left: 5%;
	margin-top: 20px;
}
.atencion-clientes{
	width: 100%;
	font-size: 1.5em;
	margin-top: 10px;
	float: none;
	text-align: center; 

}
.atencion-cliente h5{
	text-align: center !important;
}
.ciudad{
	margin-right:-20px;
}
.estado{
	margin-right: 50px;
}
.fecha input{
	width: 300px;
}
.selector-grande {
	display: block;
	margin-left:20px; 
}
.nombre-organizador input{
	width: 400px;
}
.email-grupos{
	margin-left: 20px;
}
.go-up{
	left: 80%;
}
}
@media (max-width: 713px){
	.pie hr{
	visibility: hidden;
	margin: 0;
	}


}
@media (max-width: 661px) {
	.servicios{
		margin-top: 20px;
	}
	.ciudad, .estado, .telefono{
		width: 100%;
		display: block;
		margin-left: 20px;
	}
	.selector-grande select{
		width: 400px !important;

	}
	.ciudad input, .estado select, .telefono input, .email input, .estado input{
		width: 262px;

	}
	.comentario textarea{
		width: 100%;
	}
	.especifico-vip{
		margin-left: 5px;
	}
	#ui-datepicker-div{
	width: 800px !important;
}
}
@media (max-width: 608px) {
	.redes{
		font-size:.7em;
	}
	.selector{
		margin-right: 50px;
	}

	.headline img{
		width: 550px;
		height: auto;
	}
	.containerBox input{
	height: 70px !important;
}

}
@media (max-width: 550px){


	.slider{
		display: none;
	}
}
@media (max-width: 507px) {
		.containerBox{
	width: 390px !important;
}
.calen-atracciones img{
position: absolute;
left: 150px !important;
}
.calen-hoteles img{
position: absolute;
left: 320px !important;
}
	body{
		width: 490px !important;
	}
	.headline{
		height: 50px
	}

	.logo img{
		width: 90%;
		margin-left: 5%;
	}
.headline{
	display: none;
}
.redes img{
	visibility: hidden;
}
#ui-datepicker-div{
	width: 400px !important;
}
.telefono-xcaret{
	height: 100px;
    margin-top: 150px
}
.estado{
	height: 85px !important;
    margin-top: 85px !important;
}
.estado-xcaret {
	height: auto !important;
	margin-top: 0px !important;
}
}
@media (max-width: 481px){
	.container, .container-fluid{
		width: 100%;
		overflow-x:hidden;
	}
	.redes{
		font-size: 2.4em;
	}
	.background{
		width: 100%;
	}
	.slider{
		display: none;
	}
	.container{
		width: 100%;
	}
	.comentario textarea{
		width: 400px;

	}
		.calendarioIcon-hotel{
	height: 60px !important;
	width: auto;
}
.divCell label{
	font-size: 25px !important;
}
	.divCellSmall{
		margin-right: 30px;
		width: 200px;
	}
}
@media (max-width: 440px){
	.redes{
		visibility: hidden;
	}
	.headline img !important{
	width: 150px;
	height: auto;

}

body{
zoom: 50%;
}
}
@media (max-width: 386px) {

	.containerBox input, .containerBox select {
	height: 120px !important;
	font-size: 2em;
}
.calendarioIcon-hotel{
	height: 50px !important;
	width: auto;
	margin-right: 10px;
	margin-top: 20px;
}
	body{
		width: 100% !important;
		height: 100%;

	}
				.containerBox{
	width: 650px !important;
}
		#ui-datepicker-div{
	width: 900px !important;
}

		#ui-datepicker-div td{
	height: 20px;
	font-size: 20px;
}
.divCell-100px{
	margin-right: 80px;
}
.ui-corner-all{
	font-size: 40px;
}
.ui-datepicker-title{
	height: 50px;
}
.ui-datepicker-month, .ui-datepicker-year{
	font-size: 20px;
}
.ui-datepicker-year{

}
.ui-datepicker-month{
	position: relative;
	top: 10px;
}
.calen-hoteles img{
position: absolute;
left: 580px !important;
}
.calen-atracciones img{
position: absolute;
left: 390px !important;
}
.atencion-clientes{
	font-size: 1.2em;
}
	.headline{
		display: none;
	}
	.headline img{
		width: 350px;
		height: auto;
	}
	.divCell-100px label, .divCell label{
		font-size: 1.5em;
	}
	.containerBox .titulo{
		font-size: 40px;
	}
	.buttonForm{
		height: 70px !important;
	}
	.buscar-label{
		font-size: 30px !important;
	}
	#id_regreso
	iframe{
		height: 2800px !important;
	}
	.searchCity{
		margin-right: 20px !important;
	}
	.divCellSmall{
		margin-right: 30px;
		width: 200px;
	}
	.divCellSmall label{
		font-size: 25px !important;
	}
	.divCell-50px{
		width: 200px;
	}
	.divCell-50px label{
		font-size: 25px;
	}
	.ui-datepicker-calendar span{
	font-size: 20px !important
}
.intro-formulario, .intro-formulario2{
	font-size: 25px;
}
.formulario-subtitulo{
	font-size: 35px;
}

.nombre-organizador label, .ciudad label, .estado label, .telefono label, .email label, .fecha label, .selector-grande label, .comentario label, .nombre-empresa label, .selector label, .destino label {
	font-size: 25px;
}

.personas{
	margin-right: 40px !important;
}
.enlaces{
	font-size: 25px;
}
.atencion-clientes {
	font-size: 15px;
}
.datos-generales input, .datos-generales select, .datos-generales textarea{
	font-size: 25px;
}
.comentario-grupos textarea{
	font-size:28px;
}

.selector{
	margin-right: 50px;
}
.selector select{

}

.ciudad label{
	display: block;
	color: #42a1da;
	height: 30px;
}


}
@media (max-width: 354px) {
	.servicios img{
		width: 120%;
	}

	.logo img{
		width: 100%;
		margin-left: 0;
	}

			.containerBox{
	width: 600px !important;
}

.calen-hoteles img{
position: absolute;
left: 520px !important;
}
.calen-atracciones img{
position: absolute;
left: 350px !important;
}
}
@media (max-width: 331px) {
	.atencion-clientes{
		font-size: 1em;
	}	.logo img{
		width: 100%;
		margin-left: 0;
	}
	.servicios h3{
		font-size:6em;
	}
				.containerBox{
	width: 560px !important;
}
.calen-hoteles img{
position: absolute;
left: 470px !important;
}
.calen-atracciones img{
position: absolute;
left: 310px !important;
}
}
@media (max-width: 311px) {
	.background{
		width: 100%;
	}
	.slider, .slider-body{
		display: none;
	}
	.servicios h3{
	font-size: 5em;
	margin-top: 15px;
}
			.containerBox{
	width: 500px !important;
}
.calen-hoteles img{
position: absolute;
left: 420px !important;
}
.calen-atracciones img{
position: absolute;
left: 250px !important;
}
		#ui-datepicker-div{
	width: 800px !important;
}
}

@media (max-width: 270px) {
			.containerBox{
	width: 450px !important;
}
.personas, .selector{
	margin-right: 85px !important;
}
.calen-hoteles img{
position: absolute;
left: 320px !important;
}
.containerBox input,.containerBox select{
	font-size: 1.5em;
}
#ui-datepicker-div{
	width: 800px !important;
}
}
@media (max-width: 230px) {
			.containerBox{
	width: 400px !important;
}
.calen-hoteles img{
position: absolute;
left: 300px !important;
}
}



#cf7_controls {
	display: none;
  text-align:center;
  margin-top: 20px;
}
#cf7_controls span {
  margin-right:10px;
  padding-right: 2em;
  padding-top: 1em;
  border-radius: 30px;
  border: 5px solid white;
  cursor:pointer;
}
.selected{
	background-color: #0b57a2;
}
#cf7 {
  position:relative;
  height:281px;
  width:450px;
  margin:0 auto 10px;
}
#cf7 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#cf7 img.opaque {
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}
.antispam { display:none;}

.minutostraslados{
	margin-left: 15px;
}

.atracciones-ninos{
	margin-left: 15px;
}





.slide{
    width: 100%;
    height: 100%;
    position: relative;
}
 
.slide img{
    height: 280px;
    position: absolute;
}
 
.slide .img2, .slide .img3 {
    display: none;
}
#next, #last{
	width: 30px !important;
	height: auto !important;
	position: relative;
	top: 130px;
	width: 100%;
	cursor: pointer;
	opacity: 0.5;
}
#next:hover, #last:hover{
	opacity: 1;
}
#next{
	left: 355px;
}
#last{
	left: 10px;
}
.ie, .ie2{
	height: 60px;
	width: 100%;
	text-align: center;
	background-color: yellow;
	font-size: 2.5em;
	color: #929292;
	padding-top: 15px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .ie, .ie2{
	display: none;
}


}
@-moz-document url-prefix() {
    .ie, .ie2{
	display: none;
}
html{
	overflow-x: hidden;
	-moz-scrollbars-vertical-none;
}
iframe{
	height: 83vh;}

}
@supports (-ms-accelerator:true) {
        .ie{
	display: unset;}
}#top{
	position: absolute;
	top: -600px;
}
div[name^="top"] { color: red }{
	position: absolute;
	top: -600px;
}

@supports (-ms-accelerator:true) {
    .selector {
        property: value;
    }
}
.cargando iframe{
	height: 0px;
	width: 0px;
	height: 0vh;
	width: 0vw;
}
