@charset "utf-8";
/* CSS Document */
	#formulario{
		display:block;
		position: relative;
		margin: 20px auto;
		width: 90%;
		padding: 30px 5%;
		max-width: 700px;
		border-radius: 3px;
		outline-offset: -10px;
	    background:#293505 linear-gradient(#293505, #475c07);
	    outline: #7ab61f 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:#bcaeb0 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:#7ab61f !important;
	}
	.error{
		display:block;
		margin: 100px 10%;
		border:#7ab61f 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{
		color:#FFF !important;
		background: #7ab61f;
	}
	.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;
	}
}