#wrapper{ height: auto !important; min-height: auto !important;}

.seccionContent{ width:1000px; position:relative; float:left; left:50%; margin-left:-500px; margin-bottom:80px; margin-top:100px !important;  margin-top:0px;}

.frameContacto{ width:100%; float:left; height:auto; margin-top:0px; position:relative; z-index:1; overflow:hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+21,ffffff+100&1+21,0+100 */
}
	.frameContacto-left{ float:left; width:50%; height:auto; background-color: #000;  margin-top:0px; background-image: url("../img/fondo-contacto.jpg"); background-repeat: no-repeat; background-size: cover; padding-bottom: 5vw;}
	.frameContacto-right{ float: right; width:50%; height:auto;  margin-top:0px;}

.reservasBox{ float:right; width: 700px; margin-right: 50px; padding-bottom: 150px;}
	.reservasBox a{float:left; font-size: 1.5rem;font-family: 'Libre Baskerville', serif; color: #fff; padding-left: 38px; margin-right: 40px; margin-top: 40px; margin-bottom: 0px;}
	.reservasBox a.telefono{ background-image: url("../../../templates/default/img/telefono.png"); background-size: 40px 40px; background-repeat: no-repeat; }
	.reservasBox a.whatsapp{ background-image: url("../../../../../templates/default/img/whatsapp.png"); background-size: 30px 30px; background-repeat: no-repeat; }
	.reservasBox a.email{ background-image: url("../../../../../templates/default/img/email.png"); background-size: 30px 30px; background-repeat: no-repeat; }

.reservasBox h2{font-family: 'Libre Baskerville', serif; color: #fff; float:left; width: 100%; font-size: 2vw; text-align: left; left: 0px; margin-left: 0px; margin-top: 100px;}
.reservasBox p{font-family: 'Libre Baskerville', serif; color: #fff; float:left; width: 100%; font-size: 1vw; text-align: left; left: 0px; margin-left: 0px;}



.formContent{ float:left; width:700px; margin-left:50px; margin-top:80px; position:relative; z-index:1;}
	.formContent input{ float:left; width:96%; padding-left:2%; padding-right:2%; background-color:rgba(76,98,111,0.1); border: none; color:#000; height:50px; line-height:52px; margin-bottom:11px; font-family: arial; font-size:1rem;}
	.formContent textarea{ float:left; width:96%; padding-left:2%; padding-right:2%;  background-color:rgba(76,98,111,0.1); border: none; color:#000; height:165px; padding-top:10px; padding-bottom:10px; resize:none; font-size:1rem; margin-bottom:6px; font-family: arial;}
	.formCell,.formCell2{ float:left; width:100%;}
	.formCell3{ float:left; width:50%;}
	.formCell4{ float:left; width:100%; background-image:url(../img/icono-calendario.jpg); background-repeat:no-repeat; background-position:380px 7px;}
	.fechaEx{ float:left; width:47%; padding-left:2.2%; height:31px; line-height:31px; border-bottom:solid 1px #000000; border-top:solid 1px #000000; border-left:solid 1px #000000; font-size:1rem; padding-top:1px; padding-bottom:1px;}
	#fecha,#fechasal{ float: left;width: 46%; padding-left:2%; padding-right:2%; background-color:transparent !important;}
	

	
.frameVentajas{ float:left; width: 100%;height: auto; background-color: #fff; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.3); box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);}	
.frameVentajas h3{font-family: 'Libre Baskerville', serif; color: #000; float:left; width: 100%; font-size: 1.6vw; text-align: center; left: 0px; margin-left: 0px; margin-top: 100px;}
.frameVentajas p{font-family: 'Libre Baskerville', serif; color: #000; float:left; width: 100%; font-size: 1vw; text-align: center; left: 0px; margin-left: 0px; margin-top: 0px;}
.frameVentajas ul{font-family: 'Libre Baskerville', serif; color: #000; float:left; width: 800px; position: relative; font-size: 1vw; text-align: left; left: 50%; margin-left: -400px; margin-bottom: 150px; list-style: none;}
.frameVentajas ul li{ height: 45px; line-height: 45px; background-image: url("../../../../../templates/default/img/tick-ok.png"); background-repeat: no-repeat; padding-left: 40px; background-size: 30px 30px; background-position: left center;}

.socialContacto{ float:left; width: auto; position: relative; left: 50%; margin-left: -12.2vw; margin-top: 2vw; margin-bottom: 9vw;}
.socialContacto img{float: left; width: 2.8vw; height: auto; margin-right: 0.8vw;}

		.formCaptchaSubmit{ width:100%; float:left; background-color:#f9f9f9; height:60px !important; overflow:hidden; min-height:0px !important; border:solid 1px #f9f9f9;}
			.formCaptchaSubmit .condiciones{ float:right; position:absolute; width:160px; margin-top:-74px; margin-left:240px; color:#999; font-size:0.8rem; }
			.formCaptchaSubmit .condiciones span{ text-decoration:underline; cursor:pointer;}
				
	.boton-form{ background-color:#000 !important; float:right !important; width:50% !important; border:none !important; height: 40px line-height:42px; color:#FFF !important; font-weight:700; font-size:1.1rem; text-transform:uppercase; text-align:center; margin-right:-2px; margin-top:10px; cursor:pointer;}
		.boton-form:hover{ opacity:0.6;}
		
.formError{ font-size:0.8rem; float:left; width:100%; color: #000; display:none; margin-top:-3px; margin-bottom:5px;}
		
		.g-recaptcha {
		transform:scale(0.77);-webkit-transform:scale(0.77);
		transform-origin:0 0;-webkit-transform-origin:0 0;
		}

	.formContent h5{ float:left; width:100%; font-size:2rem; color:#666667; font-family:'KaushanScript-Regular',arial; text-transform:uppercase; font-weight:400; letter-spacing:0.05rem; margin-bottom:0px; margin-top:36px; margin-bottom:25px;}
	
	
		.datosContactoCont{ position:relative; float: left; width:464px; margin:0; padding:0; list-style:none; margin-top:60px; margin-left:0px; text-align:justify; z-index:10;}
			.datosContactoCont div{ position:relative; float:left; width:100%; margin-bottom:20px; color:#000; font-size:1rem;}
				.datosContactoCont div h5{ text-transform:uppercase; margin-top:0px; margin-bottom:2px; font-size:1.1rem; font-weight:400; float:left; width:320px; font-weight:700; height:27px; line-height:27px; margin-left:17px; margin-top:14px; margin-bottom:4px;}
				.datosContactoCont div a{ position:relative; float:left; width:100%; color:#000; font-size:1rem; text-decoration:none;}
					.datosContactoCont div span{  font-size:1.3rem; text-align:center; width:47px; height:47px; float:left !important; background-color:#000; border-radius:50%; background-repeat:no-repeat; background-position:center; margin-bottom:20px;}
					.datosContactoCont div p{ float:left; width:60%; margin-left:17px; margin-top:0px; margin-bottom:0px; font-size:1.1rem;}
					#textoformulario{ float:left; width:100%; margin-left:0px; margin-top:0px; margin-bottom:0px; font-size:1.1rem; line-height:2rem;}


@media screen and (max-width : 760px)
{
	#body-container{ margin-top:0px; width: 100%; margin-left: 0px;}	
	
	.frameContacto-left { float: left; width: 100% !important; height: auto; left: 0px; margin-left: 0 !important; margin-right: 0px; margin-top: 30px !important; }
	
	.reservasBox { float: right; width: 94%; height: auto !important;  margin-right: 3%; padding-bottom: 40px !important; }	
	
	.reservasBox a{float:left; font-size: 13px; padding-left: 30px; margin-right: 40px; margin-top: 30px; margin-bottom: 0px; padding-bottom: 8px;}
	.reservasBox a.telefono{ background-size: 24px 24px; background-repeat: no-repeat; }
	.reservasBox a.email{ background-size: 24px 24px; background-repeat: no-repeat; }
	.reservasBox a.whatsapp{ background-size: 24px 24px; background-repeat: no-repeat; }
	.frameContacto-right{ margin-top: 20px !important;}

.reservasBox h2{ font-size: 16px; margin-top: 40px; margin-bottom: 0px;}
.reservasBox p{ font-size: 13px; margin-bottom: 0px; }
	.frameVentajas{box-shadow: none !important;}
	.frameVentajas h3{margin-top: 50px; font-size: 18px;}
	.frameVentajas p{margin-top:0px; font-size: 15px;}
	
	.socialContacto{ margin-left: -28vw;}
	.socialContacto img{ width: 7vw; height: auto; margin-right: 1.1vw;}
	
	.frameVentajas ul{ float:left; width: 70%; margin-left: 8%; left: 0px; font-size: 10px; margin-top: 10px !important;}
	.frameVentajas ul li{ float:left; width: 90%; line-height: 1.2; padding-left: 25px; background-size: 20px 20px; background-position: left top;}
	
	.frameContainer{ width:100%; left:0px; margin-left:0px; margin-top:0px !important; overflow:hidden !important;}	
	.seccionContent{ width:100%; left:0px; margin-left:0px; margin-top:0px !important;}
	.datosContactoCont,.formContent{ float:left; width:98% !important; left:0px; margin-left:0px !important; float:left !important; margin-top:20px !important; }
	.fechaEx{ width:46.83%; font-size:0.8rem;}

	#footer-frame {
    z-index: 20;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 0px;
}

.footerContainer {
    margin-top: 0px;
}

	.frameContacto-left{ float: left; width:50%; height:auto; left:0px; margin-left:3%; margin-right:0px;}
	.frameContacto-right{ float: left; width:100%; height:auto;}
	
	.formContent h5{ font-size:1.4rem; margin-bottom:15px; margin-top:0px; text-align:center;}

.formContent{ float:right; width:94% !important; margin-right:0px; margin-top:0px; margin-left:3% !important;}
	.boton-form{ width:100% !important;}
	
	.datosContactoCont{ width:94%; margin-left:3%; margin-top:30px;}
	.datosContactoCont div span{ width:35px; height:35px; margin-top:14px;}
	
		.datosContactoCont div{ margin-bottom:10px; font-size:0.95rem;}
			.datosContactoCont div h5{ font-size:1rem; width:80%; height:15px; line-height:15px; margin-left:10px; font-size:0.9rem;}
			.datosContactoCont div a{ position:relative; float:left; width:100%; color:#000; font-size:0.9rem; text-decoration:none;}
				.datosContactoCont div p{ width:80%; margin-left:10px; font-size: 0.9rem; }
	
	.seccionContent{ margin-bottom: 0px; }
	
	.infoTelefono a{ float:none !important; }
	
				
	#map{ top:200px;}
	
	.g-recaptcha {
	transform:scale(0.6);-webkit-transform:scale(0.6);
	transform-origin:0 0;-webkit-transform-origin:0 0;
	}
	
	.formCaptchaSubmit .condiciones{ margin-left:190px; width:140px;}
	
	#textoformulario{ font-size:0.95rem; line-height:1.4rem;}
	
}

/* ###################### EFECTOS TRANSICIONES BOTONES ########################### */	

.boton-form{
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}