* { font-family: 'Open Sans', sans-serif, Arial; font-size: 13px; }

.quizTitleStart { text-align: center; font-size: 21px; margin: 20px 0; padding: 20px; color: #fff; background-color: rgba( 0, 167, 213,1);  border-left: none; border-right: none; }

#formContainer {
	background:#fff;
	color:#000;
	padding: 0 20px 20px 20px;
}
.formTitle {font-size: 30px; font-weight: 300; color: #00A7D5; margin: 0 !important;}
#clearH			{ clear: both; margin: 0 0 0 0 !important; padding: 0 0 0 0 !important; height:1px !important; }
.question		{ font: bold 15px 'Open Sans', sans-serif, Arial; margin: 11px 0 2px 0 !important; color:#00A7D5; }
input, select, input[type=text], textarea {font: 13px 'Open Sans', sans-serif, Arial; margin: 0 !important; padding: 0 !important; }
#inputOption1	{ width: 22%; float: left; margin: 0 !important; }
#inputOption1b	{ width: 22%; float: left; margin: 0 !important; }
#inputOption2	{ width: 30%; float: left; margin: 0 !important; }
#inputOption3	{ width: 95%; float: left; margin: 0 !important; }
#inputOption4	{ width: 60%; float: left; margin: 0 !important; }
#inputOptionFull{ width: 90%; float: none; margin: 0 0 0 20px !important; }
#inputOption4 p	{ width: 120px !important; text-align:right;  margin: 3px 7px 0 0 !important; }
#inputOption4 span	{ font-size: 0.9em; color:#424242; padding: 0 0 0 10px; }
input[type=text] {border: 1px solid rgba(0,89,180,0.4); background-color: rgba(0,89,180,0.05);}
#inputOption1, #inputOption1b, #inputOption2, #inputOption3, #inputOption4 {
	margin: 0 0 0 10px !important;
	padding: 0 0 0 0 !important;
}
#inputOption1 p, #inputOption1b p, #inputOption2 p, #inputOption3 p {
	display: inline;
	position: relative;
	top:-3px;
	margin: 0 0 0 5px;
	font-size: 13px;
}
#inputOption4 p {
	display: inline-block;
	position: relative;
	top:-3px;
}
.inputFullWidth { width: 100% !important; margin-left: 10px;}
a {color:red; }

#btSend, #btWait { float: right; }
#btWait { display:none; }

.thx {
	font: 14px/18px Arial;
	margin: 42px 0 21px 0;
}

.imgTipoStand {
	display: block;
}

#TxtComentario { width:100%; margin: 0 0 10px 0 !important; border: 1px solid rgba(0,89,180,0.4); background-color: rgba(0,89,180,0.05); }

#tableFields td { padding: 2px 0; }
	#tableFields p { text-align: right; margin: 3px 5px 0 0; padding: 0; }
	#tableFields input {border: 1px solid rgba(0,89,180,0.4); background-color: rgba(0,89,180,0.05);}



/* RESPONSIVE */
/* TABLET LANDSCAPE */
@media (min-width: 680px) and (max-width: 810px) {
	/* .formTitle {color: #ffd700} */
}


/* TABLET PORTRAIT */
@media (min-width: 520px) and (max-width: 670px) {
	#formContainer {padding: 0 !important;}
	/* .formTitle {color: GREEN !important; } */
	.formTitle {font-size: 33px!important;}

	.imgTipoStand img {width: 95%;}
}



/* TABLET SMALL LANDSCAPE */
@media (min-width: 10px) and (max-width: 20px) {
	.formTitle {color: ORANGE}
}




/* PHONE LANDSCAPE */
@media (max-width: 570px) {
	* { font-size: 12px; }
	/* .formTitle {color: CYAN} */
	.formTitle {font-size: 20px!important;}
	.question { font-size: 12px!important; }
	.imgTipoStand img { display: none;}
	#tableFields {width: 100%!important;}
}



/* PHONE PORTRAIT */
@media (max-width: 350px) {
	/* .formTitle {color: magenta} */
	.formTitle {font-size: 20px!important;}
	#inputOption1, #inputOption2 {width: 100%;}
}