/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.2;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
a { outline:none; }

/* juego */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	background-color:#FFFFFF;
	/*color:#FFFFFF;*/
	padding:0px;
	margin:0px;
}

h2 { color:#003867; margin:10px 0;}


body#general { background:#FFFFFF url(../img/bg-laberinto-1.jpg) repeat-x; }

#global { background: url(../img/bg-laberinto-2.jpg) top center no-repeat; }


a:link, a:visited, a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}





#contenedor {
	width:632px;
	margin:0 auto;
}
#tit-juego { background:url(../img/bg-tit.gif) no-repeat; padding:0 20px 10px 10px; }
#tit-juego h1 a { float:left; display:block; width:400px; height:65px; background:url(../img/logo-laberinto.gif) no-repeat; margin:0; padding:0; }
#tit-juego h1 span { display:none; }
#tit-juego hr {background:#003867;color:#003867;clear:both;float:none;width:100%;height:1px;margin:0;border:none;}
#tit-juego a.ayuda { float:right; display:block; width:22px; height:22px; background:url(../img/ico-ayuda.png) no-repeat; margin-top:20px; }
#tit-juego a.ayuda:hover { background-position:bottom;}
#tit-juego .ayuda span { display:none;}

#tarjeta { clear:both; }
/*#fondo1 {
	background:#006d8b url(../img/fondo.jpg) left center no-repeat;
}
#fondo2 {
	background:#006d8b;
}*/
#cargando {
	height:220px;
	line-height:250px;
	font-size:18px;
	text-align:center;
	background: url(../img/load.gif) center 50% no-repeat;
}
#ficha {
	padding:15px 0 25px;
	clear:both;
	/*margin:15px 0 25px;*/
}

#ficha a {
	color:#9c0226;
	text-decoration:none;
	font-size:90%;
}

#pregunta h2 {
	color:#9c0226;
	margin-bottom:20px;
	font: 32px Georgia, "Times New Roman", Times, serif normal;
	text-align:center;
	background:none;
}

#pregunta h2 span { font-size:16px; color:#333333; }

#respuestas { }

#mas-info { color:#464646; font-size:13px; }
#mas-info p { color:#00497a; font-size:15px; margin:10px 0; padding:5px 0; }
#mas-info p.aprende { background:#F9F8F6 url(../img/ico-info.gif) center left no-repeat; padding-left:30px;}
#mas-info a:link, #mas-info a:visited, #mas-info a:hover { font-size:16px; text-decoration:underline; }

#mas-info #infocue span { color:#21517a; }

#imagen {
	float:left;
	width:240px;
	padding-right:10px;
	text-align:center;
	position:relative;
}
#imagen img {
	padding:3px;
	border:1px solid #e2ded7;
	background-color:#FFFFFF;
	margin-bottom:10px;
}

.puntos60, .puntos100{
	position:absolute;
	top:18px;
	left:59px;
	width:41px;
	height:30px;
	z-index:999;
}
.puntos60{
	background:url(../img/60puntos.gif) top left no-repeat;
}
.puntos100{
	background:url(../img/100puntos.gif) top left no-repeat;
}

.img-duda, .img-correcta, .img-incorrecta, .img-resuelto
{ height:170px; background:url(../img/img-preguntas.png) no-repeat; }
.img-duda, .img-resuelto { background-position:center top; }
.img-correcta { background-position:center -170px; }
.img-incorrecta { background-position:center -340px; }

#opciones {
	float:right;
	width:360px;
}
#opciones ul {
	display:inline;
	list-style:none;
	padding:0px;
	margin:0px;
}
#opciones ul li {
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}
#opciones ul li a, #opciones ul li div {
	color:#444;
	display:block;
	margin:0px;
	padding:5px;
	margin-bottom:5px;
	background:#a4dcff url(../img/bg-preguntas.png) repeat-x;
	border:1px solid #7db5de;
}

#opciones ul li a:hover { background-position:0 -60px; background-color:#a6c957; border-color:#87a93e; }

#opciones ul li .ok, #opciones ul li .elegir { background-position:0 -60px; background-color:#a6c957; border-color:#87a93e; }
#opciones ul li .ko { background-position:0 -120px; background-color:#a6c957; border-color:#d31a1c; }
#opciones ul li span, #opciones ul li a span { padding-left:20px; background:url(../img/iconos.png) no-repeat; }
#opciones ul li a:hover span, #opciones .elegir span { background-position:0 -20px; }
#opciones ul li .ok span { background-position:0 -60px; }
#opciones ul li .ko span { background-position:0 -40px; }
#opciones ul li strong { display:none; }


#propietario {
	clear:both;
	font-size:9px;
	color:#6666CC;
}

.preferencias { color:#003867; }

.preferencias a:link, .preferencias a:visited, .preferencias a:hover {
	color:#9c0226;
	text-decoration:none;
	font-size:90%;
}
.preferencias a:hover {
	text-decoration:underline;
}


/* /login */

#miimagen{
	display:block;
	float:left;
	margin-left:20px;
	background-color:#333333;
	text-align:center;
}
#miimagen a{
	display:block;
	width:70;
	padding:3px 5px;
	font-family:Tahoma, Arial, Verdana;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
}

/* /login */

/*
#puntuacion .promedio{
	color:#FFCC00;
}
.puntos {
	font-size:18px;
}
#pie-juego {
	background:#544733 url(../img/esq-inferior-i.gif) left bottom no-repeat;	
}
*/

a#next { display:block; width:130px; height:34px; color:#003867; font-size:20px; line-height:34px; background:url(../img/siguiente.png) no-repeat; padding-left:13px; margin-top:20px; clear:both; }


form{
	margin:30px 0px 20px 0px;
}
label{
	float:left;
	margin-left:110px;
	width:140px;
	text-align:right;
}
.label2{
	margin-left:20px;
}
.campo{
	margin-left:280px;
	display:block;
	clear:right;
	margin-bottom:10px;
}
.reg_enviar{
	margin-left:280px;
}

#puntuacion {
	color:#003366;
}
.puntos {
	font-size:18px;
}
#pie-juego {
	clear:both;
	background:#a30327 url(../img/bg-pie2.png) bottom no-repeat;	
}
.esquina {
	padding:20px 15px 10px;
	background: url(../img/bg-pie1.png) top no-repeat;
}
#pie-juego h2 { color:#FFFFFF; font-size:20px; line-height:18px; margin:0; padding:0; font-weight:normal; }
#pie-juego h3 { color:#ec748f; font-size:13px; margin:3px 0 10px; }
#pie-juego .columna-datos {
	width:31%;
	float:left;
}
#pie-juego .central { padding:0 10px; margin:0 10px; border-left:1px #670118 solid; border-right:1px #670118 solid; }
#pie-juego .columna-datos table { width:100%; border:0; }
#pie-juego .columna-datos table th { font-size:12px; color:#c3eaff; width:5%; text-align:center; }
#pie-juego .columna-datos table td { color:#FFD0CF; font-size:12px; padding-left:8px; }
#pie-juego .columna-datos table td.puntuacion { color:#e4c378; text-align:right; padding:0; }
#pie-juego .logo { clear:both; display:block; width:136px; height:42px; background: url(../img/logo-pie.png) no-repeat; margin:0 auto; }
#pie-juego .logo span { display:none; }

/* columna usuario */
#pie-juego .total {  height:57px; color:#330000; background:url(../img/bg-puntos-i.gif) no-repeat; }
#pie-juego .total div {  height:57px; font-size:32px; line-height:normal; text-align:right; background:url(../img/bg-puntos-d.gif) top right no-repeat; padding:12px 10px 0 5px; }
#pie-juego .total div span { font-size:12px; }
#pie-juego p.correctas { color:#ffcc00; font-size:14px; text-align:center; margin:5px 0 10px; }
#pie-juego .clear {background:#6E0019;color:#6E0019;clear:both;float:none;width:100%;height:1px;margin:0;border:none;}

.cuenta, .acceder, .registrarse, .salir {display:block; padding-left:24px; height:22px; font-size:14px; margin-top:5px; }
.acceder {background:url(../img/ico-acceder.png) left 50% no-repeat; }
.registrarse {background:url(../img/ico-registrarse.png) left 50% no-repeat; }
.cuenta {background:url(../img/ico-cuenta.png) left 50% no-repeat; }
.salir {background:url(../img/ico-salir.png) left 50% no-repeat; }


.no-romper { white-space:nowrap; }
.oculto {display:none;}

/*.clear {
display:block;
}

.clear:after,.container:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .clear {
height:1%;
}*/