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


#formulario{
	display:block;
	margin: 60px auto;
	padding: 30px 5%;
	width: 90%;
	max-width: 760px;
	background-color: #d0e5a9;
}

#formulario p{
	padding: 12px 5px;
}
#formulario label{
	display:block;
	float:left;
	width: 30%;
}
#formulario input, #formulario textarea, #formulario select{
	border:#bbc3ba 1px solid;
	border-radius: 2px;

	background:#FFF;
	box-shadow:#ddd 3px 3px 3px inset;
	padding: 10px 1%;
	font-size: 14px;
	font-weight:bold;
	width: 60%;
	max-width: 480px;
	color:#000;
}

#formulario .casilla{
	width:auto !important;
}
#formulario .boton{
	width:auto !important;
	padding: 10px 40px !important;
	background: #f9c919;
	border:#b8ca95 2px solid;
	color:#000 !important;
	box-shadow: none !important;
	border-radius: 2px;
	font-size: 1.3em;
}
#formulario .boton:hover{
	background: #000;
	border:#f9c919 2px solid;
	color:#FFF !important;
}

#textoenviado{
	padding: 20px;
	background: #DCB;
	font-weight: bold;
	margin: 50px 3%;
}


.error{
	display:block;
	position: relative;
	margin: 40px auto;
	background: #d0e5a9 url("../img/error.png") no-repeat center 20px;
	border:#d0e5a9 8px solid;
	width: 90%;
	max-width: 600px;
	padding: 220px 3% 20px 3% !important;
	font-size: 18px;
	color:#000;
	text-align: center;
}
.error strong{
	display:block;
	padding-bottom: 30px;
}
.error a{
	border: #000 2px solid;
	padding: 5px 20px;
	background: #f9c919;
}
.error a:hover{
	border-color: #f9c919;
	color: #f9c919;
	background: #000;
}



@media screen and (max-width: 800px) {
	#formulario label{
		width: 100%;
		padding-bottom: 3px;
	}
	#formulario input, #formulario textarea, #formulario select{
		display: inline-block;
		clear:left;
		margin: 0 4% 5px 4%;
		width: 90%;
		max-width: none;
	}
}