@charset "utf-8";
/* CSS Document */




#formulario{
	background: #DDD;
	padding: 20px 3%;
}
#formulario p{
	padding: 3px;
}
label{
	display:block;
	float:left;
	width: 25%;
	text-align: right;
	padding: 0 10px;
}
#formulario input, #formulario textarea, #formulario select{
	border:#20323B 1px solid;
	background:#FFF;
	box-shadow:#CCC 2px 2px 2px inset;
	padding: 4px 10px;
	font-weight:bold;
	width: 60%;
	max-width: 500px;
	color:#000;
}
#formulario select{
	padding: 2px 2px 2px 5px;
}
#formulario .casilla{
	width:auto !important;
}
#formulario .boton{
	width:auto !important;
	background:#F60 !important;
	color:#FFF !important;
	padding: 8px 30px !important;
	font-size: 16px !important;
	color:#fff !important;
	box-shadow: none !important;
}
#formulario .boton:hover{
	background:#F90 !important;
}
.error{
	position: relative;
	margin: 20px auto;
	width: 100%;
	max-width: 550px;
	border:#700 2px solid;
	background: #CCC url("img/error.png") no-repeat 25px 10px;
	min-height:60px;
	padding: 160px 30px 20px 30px;
	color:#000;
}
.error strong{
	display:block;
	padding-bottom: 10px;
}
@media screen and (min-width: 900px) {
	#formulario{
		background: #DDD url("img/reservas.jpg") no-repeat right top;
	}
}
@media screen and (max-width: 800px) {
	#formulario{
		float:none;
		border-width:0;
		margin: 20px 0;
		background: #DDD url("img/reservas.jpg") no-repeat right top;
	}
	#formulario label{
		width: 60%;
		text-align: left;			
	}
	#formulario input, #formulario textarea, #formulario select{
		display:block;
		clear:left;
		margin: 0 5% 5px 10%;
	}
}