@charset "utf-8";




#formulario{
	display:block;
	position: relative;
	margin: 20px auto;
	width: 90%;
	padding: 30px 5%;
	max-width: 700px;
	background: #932121 linear-gradient(#932121, #d12121);
	border-radius: 3px;
	outline-offset: -10px;
	outline: #d39b95 1px solid;

}
#formulario p{
	padding: 5px;
	color: #f1e7b1;
}
#formulario a{
	color: #FFF;
}
label{
	display:inline-block;
	width: 30%;
}
#formulario input, #formulario textarea, #formulario select{
	border:none;
	background:#FFF;
	box-shadow:#bcb0ae 3px 3px 3px inset;
	padding: 8px 12px;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight:bold;
	width: 60%;
	max-width: 380px;
	color:#000;
}
#formulario select{
	padding: 2px 2px 2px 5px;
}
.casilla{
	width:auto !important;
}
.boton{
	width:auto !important;
	background:#000 !important;
	color:#FFF !important;
	margin: 10px 0;
	padding: 10px 40px !important;
	border-radius: 3px;
	font-size: 16px !important;
	color:#fff !important;
	box-shadow: none !important;
}
.boton:hover{
	background:#932121 !important;
}
.error{
	display:block;
	margin: 100px 10%;
	border:#d12121 3px solid;
	background: #FE8 url("../img/error.png") no-repeat center 20px;
	min-height:60px;
	padding: 120px 10% 20px 10%;
	color:#000;
	text-align: center;
}
.error strong{
	display:block;
	padding-bottom: 10px;
}
.error a{
	display: inline-block;
	padding: 10px 20px;
	background: #000;
	color: #FFF;
}
.error a:hover{
	background: #d12121;
}
.error:hover{
	background-color: #FFF;
	transition: background 2s;
}


#textoenviado{
	margin: 60px 5%;
	padding: 20px 2%;
	background: #DDD;
	border: #666 1px solid;
}


@media screen and (max-width: 800px) {
	#formulario{
		float:none;
		border-width:0;
	}
	#formulario input, #formulario textarea, #formulario select{
		margin: 5px 5% 10px 5%;
		width: 90%;
	}
	#formulario label{
		display: block;
		width: 100%;
		padding-bottom: 2px;
	}
	.error{
		margin: 30px 0;
	}
}