body {
	/*! background:#EFECE6; */
}
html {
	color: #333;
	font-size: 16px;
	font-family: 'Quicksand', sans-serif; 
}
form, .container-form {
	padding:16px;
}
.white-popup h3 {
	color: #3D2681; 
	padding: 1em .5em 0 .5em;
	padding-top: 1em;
	padding-bottom: 0px;
	font-size: 22px;
	line-height: 1.1em; 
	text-align:center;
}
.como_container h2 {
	color:#DD221D;
	text-align:center;
}
.como_container .radios th {
	background:#3D2781;
	color:#fff;
	padding:.3em 1em;
}
table.radios {
	margin-bottom:3rem;
	border-radius:16px;
	border-spacing: 0;
  border-collapse: separate;
	overflow:hidden;
	  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.como_container .radios td { padding:10px; }
.como_container img {
	max-width:100%;
	height:auto;
}
.como_container .radios td input, .como_container .radios td label {
	width:100%;
	display:block;
	height:25px;
	cursor:pointer;
	text-align:center;
}
.como_container textarea {
	border:1px solid #ccc;
	width:100%;
	padding:.5em;
}
#encuesta.como_container { margin: 15px auto; }
.white-popup {	/*! padding: 20px; */
 -webkit-box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 2px 25px 0px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 24px;
-moz-border-radius: 24px;
border-radius: 24px;
	border: 0px solid #000000;	
	max-width: 700px;
	margin: 60px auto;
	border-top:5px solid #E20025;
	/*! color:#666; */
	background:#fff;
	overflow:hidden;
}
.encuesta_form { text-align:left; }
.encuesta_form .pregunta {
	font-weight:bold;
	background: #CFC3B5;
	width: 100%;
	border-top: 2px solid #827C78;
	padding:16px;
	display:block;
}
.borde-texto .ingresar {
	background: #E20025;
	color: #fff;
	font-size: 1.2rem;
	display: block;
	text-align: center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 8px 24px;
	margin-top: 40px;
	display:inline-block;
}
.form_inputs input[type="text"], .form_inputs input[type="password"] {
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: #EDEDEF;
	height: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ccc;
}
.form_inputs .campo {
	display: inline-block;
	width: 49%; 
}
.form_inputs input[type="text"], .form_inputs input[type="password"] {
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: #EDEDEF;
	height: 36px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ccc;
}
input.error { border: 1px solid red !important; }
.error { color: red; }
.right { float: right; }
.info {
	display:block;
	width:100%;
	margin-top:.5em;
}
.bases_concurso {
	text-align: center;
	width: 100%;
	margin: 0;
	vertical-align: top;
	min-height: 64px;
	color: #1471B4;
	text-decoration: underline;
}
label {
	cursor:pointer;
	margin-top:3px;
	display:inline-block;
	
}
label:hover {
	color:#000;
}
th label:hover {
	color:#fff;
}
.completa {
	padding:16px;
	font-size:1.4rem;
	text-align:center;
	margin:.5rem 0;
}
.colores {
	height:15px;
}
.como_container .radios .colores td {padding:0}
@media only screen and (max-width: 730px) {
	#encuesta.como_container {
  margin: 15px;
}
}