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


#formulario{
	display:block;
	margin: 40px auto;
	padding: 30px 5%;
	width: 90%;
	max-width: 900px;
	background: #EEE;
}

#formulario p{
	padding: 5px;
}
label{
	display:inline-block;
	width: 30%;
	text-align: right;
	font-weight: bold;
	margin-right: 2%;
}
#formulario .cg, #formulario .cp{
	border:#B399B6 1px solid;
	background:#FFF;
	box-shadow:#CCC 3px 3px 3px inset;
	padding: 10px 15px;
	font-size: 16px;
	font-weight:bold;
	width: 60%;
	max-width: 380px;
	color:#000;
}
#formulario .cp{
	width: 150px;
}

#formulario .gruporadio{
	display: inline-block;
	border:#A593BD 1px solid;
	background:#FFF;
	box-shadow:#CCC 3px 3px 3px inset;
	padding: 10px 15px;
	margin-left: -5px;
}

#formulario select{
	padding: 2px 2px 2px 5px;
}
#formulario .casilla{
	width:auto !important;
}
#formulario .boton{
	border: none;
	width:auto !important;
	background:#A593BD !important;
	color:#FFF !important;
	padding: 16px 4% !important;
	font-size: 16px !important;
	box-shadow: none !important;
	transition: color 0.1s, background 0.2s;
	border: #292f2f 1px solid;
}
#formulario .boton:hover{
	background:#E84F51 !important;
	transition: color 0.3s, background 0.4s;
}

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

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

	#formulario .gruporadio{
		margin-left: 4%;
	}

}