/*PREPAC*/
body				{background:#dfe6ec; font-family:Arial, sans-serif; margin:0px; padding:0px;}
li					{list-style:none;}
a					{text-decoration:none;}
ul					{margin:0px; padding:0px;}
img					{border:none}
a img				{border:none;}

#contenedor			{width:1000px; margin:auto; margin-top:10px; position:relative;}

/*Texto Error*/
#texto_error 		{width:200px; padding:10px; position:absolute; color:#f95353; font-size:20px; font-weight:bold; text-transform:uppercase; top:330px; left:80px; display:none;
					 background:#feafb4; text-align:center; z-index:12; border:#f95353 solid 5px; -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2); box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2);}
#texto_acierto 		{width:200px; padding:10px; position:absolute; color:#37a456; font-size:20px; font-weight:bold; text-transform:uppercase; top:330px; left:80px; display:none;
					 background:#a3db92; text-align:center; z-index:12; border:#37a456 solid 5px; -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2); box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2);}

/*Menú*/
#menu				{position:absolute; top:-15px; left:380px; width:340px;}
#menu li a			{width:80px; height:80px; background:#f0f0f0; display:block; float:left; margin-right:5px; position:relative;
					 -webkit-border-radius:0px 0px 3px 3px; border-radius:0px 0px 3px 3px; z-index:1; padding-top:5px;}
#menu li a span		{color:#ed6f1b; text-align:center; display:block; font-size:10px; font-weight:bold; margin-top:-7px;}
#home_img			{background:url(../img/home_btn.png); width:55px; height:50px; margin:auto; margin-top:10px; margin-bottom:10px;}
#preparatorio_img	{background:url(../img/preparatorio_btn.png); width:80px; height:50px; margin:auto; margin-top:10px; margin-bottom:10px;}
#manual_img			{background:url(../img/manual_btn.png); width:51px; height:50px; margin:auto; margin-top:10px; margin-bottom:10px;}
#autores_img		{background:url(../img/autores_btn.png); width:47px; height:50px; margin:auto; margin-top:10px; margin-bottom:10px;}
.triangulo_btn		{background:url(../img/triangulo_btn.png); width:20px; height:10px; position:absolute; bottom:-10px; left:50%; margin-left:-10px; display:none;}

/*Temario*/
#temario			{position:absolute; top:140px; width:1000px;}
#temario li a		{width:180px; height:180px; display:block; float:left; background:#6988a1; margin-right:25px; overflow:hidden; position:relative;
				 	-webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2); box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2);}
.numero_tema		{position:absolute; right:-35px; top:-40px; font-size:175px; color:#5c768b;}
#temario li a span	{color:#FFF; margin-top:60px; margin-left:20px; display:block; font-size:17px; font-weight:bold; letter-spacing:1px;}
#temario li a img	{position:absolute; bottom:15px; right:15px;}

/*Iniciar sesión*/
#iniciar_sesion 		{width:310px; height:211px; padding:10px; padding-left:20px; position:absolute; top:114px; right:5px; background:#C1CEDA;}
#iniciar_sesion input	{width:286px; display:block; margin:0px; padding:0px; margin-bottom:10px; border:none; background:#dfe6ec; color:#707D9A; padding:2px; font-size:14px;
						 -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; float:left; height:15px;}
.acceder				{background:#ed6f1b !important; color:#FFF !important; width:100px !important; font-size:10px !important; margin-bottom:0px !important; padding:3px !important;
						 height:23px !important; cursor:pointer; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}
#iniciar_sesion	p		{font-size:10px; color:#707d9a; margin:0px; padding:0px;}

/*Bienvenido*/
#bienvenido				{width:220px; height:60px; padding:10px; position:absolute; top:-10px; right:25px; background:#d2dde5; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;
						 font-size:11px; font-weight:bold; color:#212e5c; z-index:1;}	
#editar_perfil			{display:block; float:left; width:180px; margin-left:5px; margin-top:2px; font-size:10px; color:#688ca8; cursor:pointer;}
#cerrar_sesion			{background:#ED6F1B; color:#fff; font-size:10px; padding:3px; height:15px; cursor:pointer; text-transform:uppercase; text-align:center;
						 -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px; line-height:15px; position:absolute; bottom:10px; right:10px;}		
					 
/*Cabecera*/
#cabecera				{background:#FFF; position:absolute; top:-42px; border:5px solid #c1ceda; -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2); box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2);}

/*Paginación*/
#paginacion				{position:absolute; top:122px; left:5px; z-index:998;}
#paginacion li			{display:block; float:left; margin-right:4px; margin-top:20px;}
#paginacion li a		{border:#C1CEDA solid 1px; padding:3px; color:#212E5C; font-size:11px; background:#FFF;}			

/*Pregunta*/
#contenedor_pregunta	{width:990px; position:absolute; top:173px; border:5px solid #c1ceda; background:#FFF;
						 -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2); box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2);}
#pregunta				{background:#FFF; position:relative;}
#titulo_pregunta		{position:absolute; top:15px; height:32px; background:#212f5d; color:#fff; line-height:24px; font-size:15px;}
#titulo_pregunta img	{background:#fff;}
#titulo_pregunta span	{position:relative; top:-10px; padding-left:20px; padding-right:20px;}
#pregunta_txt			{width:350px; font-size:12px; margin-left:10px; color:#212e5c; position:absolute; top:50px; left:10px;}
.normal ul				{margin-left:25px; margin-top:-13px;}
.ampliacion ul			{margin-left:25px; margin-top:-13px;}
.avanzar_retroceder_trazado {position:absolute; top:-35px; left:390px; width:300px;}

/*Explicación*/
.avanzar_retroceder_explicacion	{position:absolute; top:26px; left:410px; font-size:12px; color:#212E5C;}
.avanzar_explicacion			{display:block; float:left; margin-right:10px; cursor:pointer;}
.retroceder_explicacion			{display:block; float:left; margin-right:10px; cursor:pointer;}
.separador						{display:block; float:left; margin-right:10px; line-height:38px;}

/*Gráfica*/
#grafica				{float:right; display:block; position:relative; margin-top:65px; margin-right:20px; border:#c1ceda solid 5px; margin-bottom:20px; overflow:hidden !important;
						 -webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2); box-shadow:1px 1px 2px 1px rgba(0,0,0,0.2);}
.contenedor_lineas		{position:absolute !important; top:0px; left:25px; width:100%; height:100%;}
.lineas_n				{position:absolute; height:100%; z-index:2; border-left:solid #df5b5b 2px; left:0px;}
.lineas_g				{position:absolute; height:100%; z-index:2; border-left:solid #df5b5b 2px; left:0px;}
.tirador_rojo			{background:url(../img/tirador_rojo.png); width:30px; height:26px; position:absolute; top:0px; left:-16px; cursor:pointer;}
.txt_rojo				{color:#df5b5b; font-size:11px; position:absolute; top:5px; left:15px; width:100px;}
.linea_azul_n			{width:2px; height:100%; background:#5a7bbd; position:absolute; left:130px; z-index:3;}
.linea_azul_g			{width:2px; height:100%; background:#5a7bbd; position:absolute; left:130px; z-index:3;}
.tirador_azul			{background:url(../img/tirador_azul.png); width:30px; height:26px; position:absolute; top:0px; left:-14px; cursor:pointer;}
.txt_azul				{color:#5a7bbd; font-size:11px; position:absolute; top:5px; left:15px; width:100px;}
#swf_grande				{display:none;}
#swf_normal				{display:none;}
#swf_grande_2			{display:none;}
#swf_normal_2			{display:none;}
#swf_grande_3			{display:none;}
#swf_normal_3			{display:none;}
#swf_grande_4			{display:none;}
#swf_normal_4			{display:none;}

/*Footer*/
#footer					{position:absolute; right:0px; bottom:-68px; border-bottom:#dfe6ec solid 15px; width:170px !important; cursor:pointer;}
#footer_2				{cursor:pointer;}

/*Política Privacidad*/
.politica_datos			{position:absolute; bottom:-33px; left:70px; font-size:12px; font-weight:bold; color:#202E5E; text-decoration:underline; cursor:pointer; z-index:10000;}

/*Contacto*/
.contacto				{position:absolute; bottom:-33px; font-size:12px; font-weight:bold; color:#202E5E; text-decoration:underline; cursor:pointer; z-index:10000;}

/*Patrocinado por:*/
.patrocinado			{position:absolute; bottom:-33px; font-size:12px; font-weight:bold; left:715px; color:#202E5E; z-index:10000;}

/*Diferencia tiempo*/
#diferencia_tiempo		{position:absolute; top:84px; z-index:999999999999999; background:#212e5c; padding:3px; font-size:12px; right:25px; width:234px;
						 text-align:center; color:#fff; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px;}