/**************************************************************************************************/
/* CSS específico para el widget FORMULARIO DE CONTACTO APELLIDOS de propietarios                 */
/**************************************************************************************************/

input[type=text]{
	padding: 10px 7%;
	border: 1px solid #BEB8B1;
	box-shadow: inset 1px 2px 5px 0 rgba(189, 186, 178, 0.4);
	border-radius: 3px;
	width: 86%;
}
select{
	padding: 10px 5px;
	border: 1px solid #BEB8B1;
	box-shadow: inset 1px 2px 5px 0 rgba(189, 186, 178, 0.4);
	border-radius: 3px;
	width: 100%;
}
textarea{
	padding: 10px 7%;
	border: 1px solid #BEB8B1;
	box-shadow: inset 1px 2px 5px 0 rgba(189, 186, 178, 0.4);
	border-radius: 3px;
	width: 86%;
}

section{
	font-size: 1.1em;
	border-radius: 3px;
	width: 99%;
	min-width: 233px;
	max-width: 960px;
	min-height: 197px;
	line-height: 30px;
}

label{
	font-family: 'Yanone Kaffeesatz', Arial, sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
	}
	label span.obl{
		font-weight: bold;
		color: rgba(51,54,59,0.35);
	}

/* ------------------ */
/* Article formulario */
/* ------------------ */

section article.formulario{
	padding: 2%;
	}

	section article.formulario div{
		float: left;
	}

	section article.formulario div.nombre,
	section article.formulario div.apellidos,
	section article.formulario div.email,
	section article.formulario div.entrada,
	section article.formulario div.salida,
	section article.formulario div.alojamientos,
	section article.formulario div.generico{
		width: 37%;
		clear: left;
		margin: 0 0 7px 0;
		height: 37px;
		line-height: 37px;
	}

	section article.formulario div.nombre_campos,
	section article.formulario div.apellidos_campos,
	section article.formulario div.email_campos,
	section article.formulario div.entrada_campos,
	section article.formulario div.salida_campos,
	section article.formulario div.alojamientos_campos,
	section article.formulario div.generico_campos{
		width: 62%;
		margin: 0 0 7px 0;
	}
	section article.formulario div.entrada_campos input,
	section article.formulario div.salida_campos input{
		min-width: 70px;
	}
	section article.formulario div.entrada_campos input{
		background: #FFFFFF url(../images/in.png) no-repeat 97% 51%;
		background-size: 27px;
	}
	section article.formulario div.salida_campos input{
		background: #FFFFFF url(../images/out.png) no-repeat 97% 51%;
		background-size: 27px;
	}
	section article.formulario div.botones{
		width: 100%;
		text-align: center;
		margin: 0 0 7px 0;
		}
		section article.formulario div.botones div{
			float: none;
		}
		section article.formulario.doble div.botones div.boton{
			margin-bottom: 10px;
		}

/* ------------ */
/* Media Querys */
/* ------------ */

@media only screen and (min-width: 360px){
	section article.formulario.doble div.botones div.boton{
		float: left;
	}
	section article.formulario.doble div.botones a{
		float: right;
	}
	section article.formulario.doble div.botones div.boton{
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 430px){

	section article.formulario div.nombre,
	section article.formulario div.apellidos,
	section article.formulario div.email,
	section article.formulario div.entrada,
	section article.formulario div.salida,
	section article.formulario div.alojamientos,
	section article.formulario div.generico{
		width: 22%;
	}
	section article.formulario div.nombre_campos,
	section article.formulario div.apellidos_campos,
	section article.formulario div.email_campos,
	section article.formulario div.alojamientos_campos,
	section article.formulario div.generico_campos{
		width: 77%;
	}

	section article.formulario div.entrada_campos,
	section article.formulario div.salida_campos{
		width: 27%;
	}
	section article.formulario div.salida{
		clear: none;
		width: 12%;
		margin-left: 11%;
	}

}

@media only screen and (min-width: 600px){

	section article.formulario div.nombre,
	section article.formulario div.apellidos,
	section article.formulario div.email,
	section article.formulario div.entrada,
	section article.formulario div.salida,
	section article.formulario div.alojamientos,
	section article.formulario div.generico{
		width: 17%;
	}
	section article.formulario div.nombre_campos,
	section article.formulario div.apellidos_campos,
	section article.formulario div.email_campos,
	section article.formulario div.alojamientos_campos,
	section article.formulario div.generico_campos{
		width: 82%;
	}

	section article.formulario div.nombre_campos,
	section article.formulario div.apellidos_campos,
	section article.formulario div.email_campos,
	section article.formulario div.alojamientos_campos{
		width: 30%;
	}
	section article.formulario div.apellidos,
	section article.formulario div.alojamientos{
		clear: none;
		width: 15%;
		margin-left: 7%;
	}

	section article.formulario div.entrada_campos,
	section article.formulario div.salida_campos{
		width: 25%;
	}
	section article.formulario div.salida{
		clear: none;
		width: 10%;
		margin-left: 22%;
	}

}


/*
section article.formulario{
	padding: 2%;
	}
	section article.formulario div{
		float: left;
		}
		section article.formulario div.nombre,
		section article.formulario div.apellidos,
		section article.formulario div.entrada.sin_aloj,
		section article.formulario div.alojamientos,
		section article.formulario div.generico{
			width: 10%;
			margin: 0 0 2% 0;
		}
		section article.formulario div.email{
			width: 10%;
			margin: 0 0 2% 0;
		}
		section article.formulario div.nombre_campos,
		section article.formulario div.apellidos_campos,
		section article.formulario div.email_campos{
			width: 40%;
			margin: 0 0 2% 0;
		}
		section article.formulario div.email,
		section article.formulario div.email_campos{
			text-align: right;
		}
		section article.formulario div.alojamientos_campos{
			width: 25.2%;
		}
		section article.formulario div.entrada:not(.sin_aloj){
			width: 15%;
			text-align: right;
			margin-right: 2%;
			}
		section article.formulario div.salida{
			width: 15%;
			text-align: right;
			margin-right: 2%;
			}
		section article.formulario div.salida.sin_aloj{
			width: 33.6%;
		}
		section article.formulario div.entrada_campos,
		section article.formulario div.salida_campos{
			width: 15%;
			margin: 0 0 2% 0;
			}
			section article.formulario div.entrada_campos input{
				background: #FFFFFF url(../images/in.png) no-repeat right 51%;
				background-size: 23%;
			}
			section article.formulario div.salida_campos input{
				background: #FFFFFF url(../images/out.png) no-repeat right 51%;
				background-size: 23%;
			}
		section article.formulario div.generico{
			clear: left;
			}
			section article.formulario div.generico_campos{
				width: 67.5%;
			}
		section article.formulario.doble div.generico_campos {
			width: 58.8%;
			}
		section article.formulario div.botones {
			margin-top: 1.6%;
			}
			section article.formulario.doble div.botones {
				width: 31%;
				}
				section article.formulario div.botones div.boton{
					margin-left: 2%;
				}
				section article.formulario.doble div.botones div.boton.reserva{
					float: right;
				}


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

	section article.formulario textarea{
		width: 98%;
	}
	section article.formulario div.generico_campos {
		width: 84.5%;
	}

	section article.formulario div.email,
	section article.formulario div.entrada{
		clear: left;
		text-align: left;
	}
	section article.formulario div.apellidos_campos{
		width: 35%;
	}
	section article.formulario div.email_campos{
		margin-left: 0;
		text-align: left;
		width: 34%;
	}
	section article.formulario div.email_campos input,
	section article.formulario div.nombre_campos input{
		width: 80%;
	}

	section article.formulario div.nombre,
	section article.formulario div.apellidos,
	section article.formulario div.entrada.sin_aloj,
	section article.formulario div.alojamientos,
	section article.formulario div.generico{
		width: 15%;
		margin: 0 0 2% 0;
	}
	section article.formulario div.email{
		width: 15%;
		margin: 0 0 2% 0;
	}
	section article.formulario div.nombre_campos,
	section article.formulario div.apellidos_campos,
	section article.formulario div.email_campos{
		width: 34%;
		margin: 0 0 2% 0;
	}
	section article.formulario div.alojamientos_campos{
		width: 25%;
	}
	section article.formulario div.entrada:not(.sin_aloj){
		width: 14%;
		}
		section article.formulario div.entrada_campos:not(.sin_aloj),
		section article.formulario div.salida_campos:not(.sin_aloj){
			width: 13%;
		}
		section article.formulario div.salida_campos input,
		section article.formulario div.entrada_campos input{
			background-size: 26%;
		}
	section article.formulario.doble div.generico_campos {
		width: 41%;
		}

	 section article.formulario.doble div.botones {
		width: 44%;
		}
		section article.formulario div.botones div.boton{
			margin-left: 5%;
		}
}

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

	section article.formulario textarea{
		width: 98%;
	}
	section article.formulario div.generico_campos {
		width: 84.5%;
	}

	section article.formulario div.email{
		clear: left;
		text-align: left;
	}
	section article.formulario div.apellidos_campos{
		width: 35%;
	}
	section article.formulario div.email_campos{
		margin-left: 0;
		text-align: left;
		width: 34%;
	}
	section article.formulario div.email_campos input,
	section article.formulario div.nombre_campos input{
		width: 80%;
	}

	section article.formulario div.alojamientos{
		width: 13%;
	}
	section article.formulario div.alojamientos_campos{
		width: 36%;
		margin: 0 0 2% 2%;
	}
	section article.formulario div.entrada:not(.sin_aloj){
		clear: left;
		text-align: left;
		width: 13%;
	}
	section article.formulario div.salida:not(.sin_aloj){
		width: 45.8%;
	}
	section article.formulario div.entrada_campos:not(.sin_aloj),
	section article.formulario div.salida_campos:not(.sin_aloj){
		width: 18%;
	}
	section article.formulario.doble div.generico_campos {
		width: 35%;
	}
	section article.formulario.doble div.botones {
		width: 50%;
	}
	section article.formulario div.botones{
		width: 100%;
		text-align: center;
		margin-bottom: 2%;
	}
	section article.formulario div.botones div.boton{
		float: none;
	}
}
@media only screen and (max-width: 598px){

	section article.formulario div.email{
		clear: left;
		text-align: left;
	}
	section article.formulario div.apellidos_campos{
		width: 35%;
	}
	section article.formulario div.email_campos{
		margin-left: 0;
		text-align: left;
		width: 34%;
	}
	section article.formulario div.alojamientos_campos{
		width: 36%;
	}
	section article.formulario div.email_campos input,
	section article.formulario div.nombre_campos input{
		width: 80%;
	}

	section article.formulario div.salida.sin_aloj,
	section article.formulario div.salida:not(.sin_aloj){
		width: 38%;
	}

	section article.formulario div.entrada_campos:not(.sin_aloj) ,
	section article.formulario div.entrada_campos.sin_aloj ,
	section article.formulario div.salida_campos:not(.sin_aloj) ,
	section article.formulario div.salida_campos.sin_aloj {
		width: 22%;

	}
	section article.formulario div.generico_campos ,
	section article.formulario.doble div.generico_campos {
		width: 83%;
		text-align: right;
	}
	section article.formulario div.generico_campos  textarea,
	section article.formulario.doble div.generico_campos  textarea{
		width: 100%;
	}
	section article.formulario div.botones{
		width: 100%;
		text-align: center;
		margin-bottom: 2%;
	}
	section article.formulario div.botones div.boton{
		float: none;
	}
	section article.formulario.doble div.botones{
		width: 100%;
		margin-bottom: 2%;
	}
	section article.formulario.doble div.botones div.boton{
		margin-left: 15%;
		float: left;
	}
}

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

	select{
		width: 98%;
	}
	section article.formulario div.nombre,
	section article.formulario div.apellidos,
	section article.formulario div.email,
	section article.formulario div.entrada.sin_aloj,
	section article.formulario div.entrada:not(.sin_aloj),
	section article.formulario div.alojamientos,
	section article.formulario div.generico{
		width: 19.3%;
		margin-right: 0;
	}
	section article.formulario div.email{
		clear: left;
		text-align: left;
	}
	section article.formulario div.nombre_campos,
	section article.formulario div.apellidos_campos,
	section article.formulario div.email_campos{
		width: 31%;
		text-align: left;
	}
	section article.formulario div.apellidos_campos{
		width: 29%;
	}
	section article.formulario div.email_campos{
		margin-left: 0;
		width: 80%;
	}
	section article.formulario div.alojamientos{
		width: 17%;
		clear: left;
	}
	section article.formulario div.alojamientos_campos{
		width: 82%;
		margin-left: 1%;
		text-align: right;
	}
	section article.formulario div.generico_campos {
		width: 78%;
	}
	section article.formulario div.salida:not(.sin_aloj),
	section article.formulario div.salida.sin_aloj{
		width: 32.8%;
	}
	section article.formulario.doble div.generico_campos,
	section article.formulario div.generico_campos  {
		width: 78%;
	}
	section article.formulario.doble div.botones div.boton{
		margin-left: 20%;
	}
	section article.formulario div.nombre_campos input{
		width: 80%;
	}
	section article.formulario div.email_campos input{
		width: 97%;
	}
}

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

	section article.formulario{
		padding: 6% 2%;
	}
	input[type=text], select{
		padding: 5px 2px;
	}
	section article.formulario div.nombre,
	section article.formulario div.apellidos,
	section article.formulario div.email,
	section article.formulario div.alojamientos,
	section article.formulario div.generico{
		clear: left;
		width: 28%;
		text-align: left;
	}
	section article.formulario div.entrada{
		clear: left;
		width: 45%;
		text-align: left;
	}
	section article.formulario div.nombre_campos,
	section article.formulario div.apellidos_campos,
	section article.formulario div.email_campos,
	section article.formulario div.alojamientos_campos{
		margin-left: 0;
		width: 71%;
		text-align: right;
	}
	section article.formulario div.entrada_campos ,
	section article.formulario div.entrada_campos.sin_aloj,
	section article.formulario div.entrada_campos:not(.sin_aloj) ,
	section article.formulario div.salida_campos:not(.sin_aloj),
	section article.formulario div.salida_campos.sin_aloj,
	section article.formulario div.salida_campos {
		background-size: 25%;
	}
	section article.formulario div.entrada_campos input{
		background: #FFFFFF url(../images/in.png) no-repeat right 51%;
		background-size: 24%;
	}
	section article.formulario div.salida_campos input{
		background: #FFFFFF url(../images/out.png) no-repeat right 51%;
		background-size: 24%;
	}
	section article.formulario div.generico {
		width: 19%;
	}
	section article.formulario.doble div.generico_campos ,
	section article.formulario div.generico_campos {
		width: 76.4%;
		text-align: right;
	}
	section article.formulario.doble div.botones{
		width: 98.8%;
	}
	section article.formulario.doble div.botones div.boton.reserva{
		margin-left: 0;
	}
	section article.formulario div.nombre_campos input{
		width: 95%;
	}
	section article.formulario div.nombre_campos input{
		width: 95%;
	}
	section article.formulario div.email_campos input{
		width: 95%;
	}
}

@media only screen and (max-width: 400px) and (min-width: 349px){

	section article.formulario div.entrada_campos input,
	section article.formulario div.salida_campos input{
		background: #fff none;
	}

}
@media only screen and (max-width: 300px) {

	input[type=text], select{
		padding: 5px 2px;
	}
	section article.formulario div.nombre,
	section article.formulario div.apellidos,
	section article.formulario div.email,
	section article.formulario div.salida,
	section article.formulario div.salida.sin_aloj,
	section article.formulario div.salida:not(.sin_aloj),
	section article.formulario div.entrada,
	section article.formulario div.entrada.sin_aloj,
	section article.formulario div.entrada:not(.sin_aloj),
	section article.formulario div.alojamientos,
	section article.formulario div.generico{
		clear: left;
		width: 35%;
		text-align: left;
		margin-right: 0;
	}
	section article.formulario div.nombre_campos,
	section article.formulario div.apellidos_campos,
	section article.formulario div.email_campos,
	section article.formulario div.alojamientos_campos,
	section article.formulario div.entrada_campos.sin_aloj,
	section article.formulario div.entrada_campos:not(.sin_aloj),
	section article.formulario div.salida_campos.sin_aloj,
	section article.formulario div.salida_campos:not(.sin_aloj){
		margin-left: 0;
		width: 64%;
		text-align: right;
	}
	section article.formulario div.entrada_campos input,
	section article.formulario div.salida_campos input{
		background-size: 18%;
	}

	section article.formulario.doble div.generico_campos ,
	section article.formulario div.generico_campos {
		width: 59.1%;
		text-align: right;
		margin-left: 0.5%;
	}
	section article.formulario.doble div.botones div.boton{
		margin-left: 0;
	}
}

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

	section article.formulario.doble div.botones div.boton{
		float: none;
	}
	section article.formulario.doble div.botones div.boton.reserva{
		margin-top: 4%;
		float: none;
	}
}

*/