.grid-12 {margin: 0 auto; width: 100%;}
p.tituloFormulario { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
#postIt, #formularioTest1, .resultados{ font: 12px/1.7em "Open Sans",arial,sans-serif;}
#formularioTest1{ display:none; padding-bottom:25px;}
.formularioTest1 label, .formularioTest1 input[type=radio]{ cursor:pointer; display:inline-block;}
.formularioTest1 input[type=radio]{margin-left: 25px; margin-right: 5px;}
.formularioTest1 p{ margin-bottom:15px;}
#postIt p{ margin-bottom:15px; margin-top:0;}
#ronda2{ display:none;}
#ronda3{ display:none;}
.paginador{ text-align:right;}
#errorMensaje, #errorMensajeSiguiente, #errorMensajeSiguiente2{ color:#B00; display:none;}
#entre0y2, #entre3y6, #entre7y10 { border: clear:both; display:none;}
.divCerebro { border: display:inline-block; float:left; margin-right:25px!important;border-radius:6px; border:1px solid #eeeeee; padding:10px;box-shadow:0 0 8px #eee inset; display:none; margin-bottom:20px; }
.resultadoTexto strong{ font-weight:bold; color:#F89406; font-size:18px}
.imgCerebro{ display:block; width:150px;}
.imgCerebro, .resultadoTexto {-webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease;}
.divCerebro:hover .imgCerebro, .divCerebro:hover .resultadoTexto{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2)}
.divCerebro:hover .resultadoTexto{color:#fff; z-index:999; display:block;  margin-top:-15px; margin-left:4px; font-size:11px;}
.divCerebro:hover {  border:0px solid #eee; box-shadow:0 0 8px #999 inset;}
.resultadoTexto{ padding-left:44px;}
#postIt{ background:#FF6; width:430px; height:381px; padding:30px 35px 30px 35px; background:url(../img/test/postIt.png) no-repeat; margin:0 auto;}
#postIt .tituloPostIt{  font-size:1.50em;}
#postIt .btnFlecha{ background:url(../img/test/btnFlecha.png) no-repeat; width:85px; height:36px; padding:10px 0 0 15px; display:block; color:#FFF; text-decoration:none; float:right; margin-right:15px; margin-top:-15px;}
#postIt .btnFlecha:hover{background:url(../img/test/btnFlecha.png) no-repeat bottom; text-shadow:0 0 8px #fff; }
#verResultados, #verSiguiente{ background:url(../img/test/btnFlecha.png) no-repeat; width:100px; height:46px;display:block; color:#FFF; text-decoration:none; margin-top:10px; border:none; text-indent:-5px; line-height:5px; padding-bottom:3px; font-size:12px;}
#verResultados:hover, #verSiguiente:hover{background:url(../img/test/btnFlecha.png) no-repeat bottom; text-shadow:0 0 8px #fff; cursor:pointer;}
.formularioTest1 .tituloFormulario{ background:url(../img/test/fndBarraAzul.jpg) no-repeat #3A6BA6; max-width:720px; color:#FFF; font-size:1.25em; padding:0 10px 0 10px;}
.formularioTest1 .tituloFormulario.fndNaranja{background-image:url(../img/test/fndBarraNaranja.jpg); background-color:#D58232;}
.formularioTest1 .tituloFormulario.fndVerde{background-image:url(../img/test/fndBarraVerde.jpg); background-color:#8BAB48;}
.formularioTest1 .tituloFormulario.fndRojo{background-image:url(../img/test/fndBarraRojo.jpg); background-color:#AD3C38;}
.formularioTest1 .tituloFormulario.fndTurquesa{background-image:url(../img/test/fndBarraTurquesa.jpg); background-color:#3B9EB5;}
.formularioTest1 .tituloFormulario.fndMorado{background-image:url(../img/test/fndBarraMorado.jpg);  background-color:#715494;}
.formularioTest1 .tituloFormulario.fndMarron{background-image:url(../img/test/fndBarraMarron.jpg); background-color:#A27412;}
.formularioTest1 div{ border-bottom:#FF9900 solid 1px; clear:both; padding-bottom:10px; margin-bottom:10px;}
.formularioTest1, .resultados{ background:url(../img/test/fndHojaCuadros.png) repeat-y; padding-left:50px; margin-bottom:15px;}
.formularioTest1 input[type=radio]{ margin-left:0px;}
.formularioTest1 label{ display:block; margin-left:35px; text-indent:-20px;}
.formularioTest1 label:hover{ text-shadow:0 0 4px #FF8800; color:#EE8800;}
.resultados br.salto{ clear:both;}
.resultados a.btn{-moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #f5f5f5; background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3; border-image: none; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333; cursor: pointer; display: inline-block; font-size: 14px; line-height: 20px; margin-bottom: 0; padding: 4px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle;}
.resultados a.btn-small{border-radius: 3px; font-size: 11.9px; padding: 2px 10px;}
.resultados a.btn-warning{background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); text-decoration:none; margin-bottom:15px;}


.resultados a.btn-Azul{
	background-color: #5381B3; 
	background-image: linear-gradient(to bottom, #88C1EA, #5381B3); 
	background-repeat: repeat-x; 
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	text-decoration:none; margin-bottom:15px;}
.resultados a.btn-Naranja{
	background-color: #D99242; 
	background-image: linear-gradient(to bottom, #F1CF6F, #D99242); 
	background-repeat: repeat-x; 
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	text-decoration:none; margin-bottom:15px;}
.resultados a.btn-Verde{
	background-color: #96B258; 
	background-image: linear-gradient(to bottom, #CBE788, #96B258); 
	background-repeat: repeat-x; 
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	text-decoration:none; 
	margin-bottom:15px;}
.resultados a.btn-Rojo{
	background-color: #B5504D; 
	background-image: linear-gradient(to bottom, #EA928F, #B5504D); 
	background-repeat: repeat-x; 
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	text-decoration:none; 
	margin-bottom:15px;}
.resultados a.btn-Turquesa{
	background-color: #4DA8BA; 
	background-image: linear-gradient(to bottom, #88E5E9, #4DA8BA); 
	background-repeat: repeat-x; 
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	text-decoration:none; margin-bottom:15px;}
.resultados a.btn-Morado{
	background-color: #8266A4;
	background-image: linear-gradient(to bottom, #CFB8E9, #8266A4); 
	background-repeat: repeat-x; 
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 
	color: #fff; 
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); 
	text-decoration:none; 
	margin-bottom:15px;}

#modal1, #modal2, #modal3{ background:#FFF; width:50%; border-radius:4px; padding:8px; display:none; text-align:left; border-bottom:8px solid #ff9900; box-shadow:0 0 18px #fff; font:12px/1.7em "Open Sans",arial,sans-serif;}


.resultados a.btn-warning:hover{ background:#f89406;}
.botonesRect{ display:inline-block; clear:both; width:100%;}
.botonesRect2{display:inline-block; clear:both; width:70%;}
.goalProgress { background: #bbb; padding: 5px; border-radius: 3px; border:#000 solid 0px; margin-bottom:10px; float:left; width:100%; display:inline-block; margin-left:-5px;
}
div.progressBar {
background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #fff;border-radius: 3px;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);font-weight: normal; padding: 10px 0px 10px 0px;display: block;width: 20px;text-indent:10px;}
.numeroResultado{ font-weight:bold; color:#F00!important;}
@media screen and (max-width: 850px) { .botonesRect2{display:inline-block; clear:both; width:60%;} }
@media screen and (max-width: 550px) { #postIt{ width:200px; padding-top:12px; } #postIt p{ margin-bottom:0px;} #postIt .btnFlecha{ margin-top:0px;} .botonesRect2{display:inline-block; clear:both; width:100%!important;} }