body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, table, th, td{ margin:0pt; padding:0pt }
fieldset, img, abbr{ border:0pt none }
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, th, var{ font-style:normal; font-weight:normal }
caption, th{ text-align:left }
q:before, q:after{ content:'' }
ul{list-style: none }
p{ margin-bottom: 15px }
body{ color: #111; font-family: Verdana,Arial,sans-serif; font-size:100%; line-height:1.5em; background: #F3F5F5 url(img/bg_col.png) repeat-y scroll 0 }
a{ color:#006699;text-decoration:none }
a:hover{ color:#66cc00 }
.centrado{ margin:0 auto }
p.centrado{ text-align:center }
h3{ font-weight: bold; margin: 0 0 20px 0; font-size: 110% }
h4{ font-size: 100%; margin-bottom: 0.8em; color: #0099cc }
.clear{ visibility:hidden; clear:both; margin: 30px 0 }
.clearme{ clear:both }
.der{ float:right }
.izq{ float:left }
.ml10{ margin-left:10px }
.pagina_test{ width:960px }

/* iniciar y acabar un test
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.iniciar{ font-size:90%;line-height:1.5em; padding: 20px !important; }
.iniciar h2{ margin-bottom: 5px }
.iniciar h4{ margin-top:28px }
.iniciar h4 a{ background:#006699 none repeat scroll 0 50%; color:#FFFFFF; display:block; font-weight:bold; padding:10px; text-align:center; width:250px; border-radius:1em }
.iniciar h4 a:hover{ background:#92d3ff none repeat scroll 0 50%; color:#000 }
.iniciar h3.erradas{ background:#FCFFAF none repeat scroll 0 50%; color:#AE1212; display:inline; font-size:150%; margin:40px 0 20px; padding:5px 4px }


.resultado{ background-color:#F9EFE3;border:1px solid #B89C77; border-radius:1em; overflow:hidden; padding: 20px !important; }
.resultado h1{ background:transparent url(img/ico_stats2.png) no-repeat scroll left top; border-bottom:1px solid; color:#8E421D; font-size:150%; font-weight:bold; height:29px; margin-bottom:20px; padding:4px 0 0 38px; text-transform:uppercase }
.resultado p{ margin-bottom:8px }
.resultado .categoria{ font-weight:normal; padding-right:10px; color:#363c40 }
ul.resultado_informe{ color:#745C40; font-size:130%; list-style-image:none; list-style-type:square; overflow:hidden; margin-top:22px }
ul.resultado_informe li{ margin-bottom: 10px; margin-left: 1.5em }
ul.resultado_informe li.concluido{}
ul.resultado_estadisticas{ width: 400px; border-left:1px dashed #AAAAAA; float:right; font-size:90%; font-weight:normal !important; overflow:hidden; padding-left:16px }
ul.resultado_estadisticas li{ display:block; line-height:1.5em; margin:0; padding:0 }

/* CONTENIDOS */
#contenido{ float:right; width:800px; padding-top:15px }

/* CONTENIDOS - info */
#opcion-salir-nros{ width: 100%; overflow: hidden; margin: 15px 0 }
#opcion-salir-nros .corregir{ font-weight: bold }
#opcion-salir-nros .cancelar{ font-weight: bold }
#opcion-salir-nros .corregir-confirm,
#opcion-salir-nros .cancelar-confirm{ font-weight: bold; text-align: center; width: 100px; }
#opcion-salir-nros .volver{ color: #fff; font-weight: bold }
#opcion-salir-nros a{ display: block; text-align: center; width: 100px }

#opcion-salir-nros a{ background-color:#006699; color:#FFFFFF; border-radius:1em }
#opcion-salir-nros a:hover{ background:#92d3ff none repeat scroll 0 50%; color:#000 }
/*
#opcion-salir-nros a:hover{ background:#92d3ff; color:#000 }
*/
#opcion-salir-nros .salir-si,
#opcion-salir-nros .salir-no
{ display: inline-block; margin:0 10px 10px 0; padding:2px; text-align:center; vertical-align:middle; width:40px; overflow:hidden }

/* pie */
.relleno-final{ height: 400px; text-align: center }

xxx#opcion-salir-pie{ xwidth: 100%; xoverflow: hidden; text-align:center }
#opcion-salir-pie .corregir{ font-weight: bold }
#opcion-salir-pie .cancelar{ font-weight: bold }
#opcion-salir-pie .corregir-confirm,
#opcion-salir-pie .cancelar-confirm{ font-weight: bold }
#opcion-salir-pie .volver{ color: #fff; font-weight: bold }
#opcion-salir-pie a{ display: block; text-align: center; width: 100px; margin: 0 auto }

#opcion-salir-pie a{ background-color:#006699; color:#FFFFFF; border-radius:1em }
#opcion-salir-pie a:hover{ background:#92d3ff none repeat scroll 0 50%; color:#000 }
#opcion-salir-pie .salir-si,
#opcion-salir-pie .salir-no
{ display: inline-block; margin:0 10px 10px 0; padding:2px; text-align:center; vertical-align:middle; width:40px; overflow:hidden }


/*
{ display: inline-block; background:#fff; border:1px solid #333333; color:#000000; font-size:12px; height:20px; margin:0 10px 10px 0; padding:2px; text-align:center; vertical-align:middle; width:40px; overflow:hidden }
*/

/* CONTENIDOS - pregunta */
h1{ border-bottom:1px solid #0099CC; color:#0099CC; font-size:100%; padding-top: 20px; margin-bottom:20px; padding-bottom:3px }
h1 a{ padding-top: 20px; }
h2{ color:#222222; font-size:170%; font-weight:normal; line-height:1.4em; margin-bottom:0 }
h2 a {color: #0099cc;}
h2 a:hover {color: #66cc00;}
.pregunta{ background: #FFFFFF url(img/logos_fondo.png); border: 1px solid #DDDDDD; margin: 0 0 80px; padding: 0 20px 20px; overflow: hidden }
.pregunta .muestra_trans img{ vertical-align: text-bottom }
.pregunta .muestra_trans{ padding-left: 0.7em; padding-right: 1em; font-weight: bold }
.pregunta .trans{ display: none }
.pregunta .muestra_helpZH{ float: left }
.pregunta .oculta_helpZH{ float: left; display: none }
.pregunta .helpZH{ display: none }
.pregunta h1 small{ float:right; color:#bbb }

/* cuando el test esta activo cada respuesta esta dentro de un bloque a
   cuando el test esta revisado cada respuesta esta dentro de un bloque li */

.respuestas{ margin: 30px 0 40px 0 }
.respuestas li,
.respuestas a{ background-color:transparent; background-image:url(img/respuestas.png); background-position:0 0; background-repeat:no-repeat; margin-bottom:24px; padding-left:36px; min-height:40px }
.respuestas a{ display:block; text-decoration: none }
.respuestas a:focus{ outline: none } /* ie8 */
.respuestas .incorrecta{ color:#888888 }
.respuestas .correcta{ color:#2D5F0F; font-weight:bold }

.respuestas .superOK{ outline: #bbb dashed 1px }
.respuestas .superOK{ *border: 1px dashed #bbb } /* ie7 */

.respuestas .a{ background-position:0 0 }
.respuestas .b{ background-position:0 -200px }
.respuestas .c{ background-position:0 -400px }
.respuestas .d{ background-position:0 -600px;}
.respuestas .a_marcada{ background-position:0 -2000px }
.respuestas .b_marcada{ background-position:0 -2200px }
.respuestas .c_marcada{ background-position:0 -2400px }
.respuestas .d_marcada{ background-position:0 -2600px }
.respuestas .a_marcada_correcta{ background-position:-1000px 0 }
.respuestas .b_marcada_correcta{ background-position:-1000px -200px }
.respuestas .c_marcada_correcta{ background-position:-1000px -400px }
.respuestas .d_marcada_correcta{ background-position:-1000px -600px }
.respuestas .a_marcada_incorrecta{ background-position:-1000px -1000px }
.respuestas .b_marcada_incorrecta{ background-position:-1000px -1200px }
.respuestas .c_marcada_incorrecta{ background-position:-1000px -1400px }
.respuestas .d_marcada_incorrecta{ background-position:-1000px -1600px }
.respuestas .a_correcta{ background-position:-1000px -2000px }
.respuestas .b_correcta{ background-position:-1000px -2200px }
.respuestas .c_correcta{ background-position:-1000px -2400px }
.respuestas .d_correcta{ background-position:-1000px -2600px }

/* cuando el test esta activo y la pregunta no esta revisada */
.respuestas a:hover{ color: maroon; cursor:pointer; outline: #aaa dashed 2px; }
.respuestas a.a:hover {background-position:0 -1000px;}
.respuestas a.b:hover {background-position:0 -1200px;}
.respuestas a.c:hover {background-position:0 -1400px;}
.respuestas a.d:hover {background-position:0 -1600px;}

/* ie7 */
.respuestas a:hover{ *border: 2px dashed #aaa; *margin-top:-4px }

/* cuando la pregunta esta revisada */
ul.respuestas li{ color:#888888 }
ul.respuestas li.a_marcada_correcta,
ul.respuestas li.b_marcada_correcta,
ul.respuestas li.c_marcada_correcta,
ul.respuestas li.d_marcada_correcta,
ul.respuestas li.a_correcta,
ul.respuestas li.b_correcta,
ul.respuestas li.c_correcta,
ul.respuestas li.d_correcta{ color:#2D5F0F; font-weight:bold }

/* CONTENIDOS - imagen */
.foto{ float:right; margin:0 0 10px 30px; padding: 0 15px 10px 0 }
a.zoom{ background: transparent url(img/lupa2.gif) no-repeat scroll right bottom; display:block }
a.zoom img{ width: 160px }

/* CONTENIDOS - ayuda */
.preguntaAyudaZH{	overflow: hidden }
.preguntaAyudaZH .ayudaZH{ overflow: hidden }

/* CONTENIDOS - navegacion */
#navegacion{ width:100%; height:100px; background: transparent url(img/nav_bg.png) repeat-x; position: relative }
.nav_botones{ text-align:center; padding-top:20px }
#seguir{ position: absolute; right: 0; top: 41px; right:20px }
#atras{ position: absolute; left:0; top:41px; left:20px }
#corregir{ position: absolute; left:270px; top:23px; width: 200px }
#corregir #corregir-texto{ position: absolute; left:58px; top:30px; color: #ddd; font-weight:bold; font-size: 14px; width: 120px; text-align:center }
#corregir .bien{ color:green; margin-top:45px; display: block }
#corregir .mal{ color:maroon; margin-top:45px; display: block }
#corregir .carga{ background:transparent url(img/carga.gif) no-repeat 5px !important }

span.prgSig{ width:98%; float:left; clear:both; text-align:right; height: 2em; margin: 0 1em 0 0 }

/* Numeros de pregunta en la columna derecha */

#controles{ float: left; width: 120px; min-height: 600px; font-size: 80%; padding:15px 6px 10px 12px; min-height:600px; color: #eee; position:fixed }
.logo_test{ margin-bottom:15px }
#controles .clear{ margin:0 0 10px 0 }

#tiempo{ background:#FBF9D2 url(img/ico_time.png) no-repeat scroll left center; color:#333333; display:block; font-size:12px; height:23px; margin-bottom:0px; padding:0 0 0px 25px; width:70px; border:2px solid #CCCCCC }
.tiempoAviso1{ background-color: yellow !important }
.tiempoAviso2a{ background-color: #FF8C66 !important }
.tiempoAviso2b{ background-color: yellow !important }
.tiempoAgotado{ background-color: red !important; color: white !important  }

#numeros_pregunta{ overflow: hidden; margin-bottom: 10px }
#numeros_pregunta h4{ font-weight: bold; color: #ccc; text-transform:uppercase }
#numeros_pregunta a{color:#000 }
#numeros_pregunta a.actual{ outline: white solid 1px; border: 1px solid white }
#numeros_pregunta a{ background:#CCCCCC none repeat scroll 0; border:1px solid #333333; color:#000000; float:left; font-size:12px; height:20px; margin:0 10px 10px 0; padding:2px; text-align:center; vertical-align:middle; width:20px }
#numeros_pregunta a:hover{ background:#fffdd9; color:#000 }
#numeros_pregunta a.activa{ background:#fff none repeat scroll 0;  border:1px solid #333333; color:#000000 }
#numeros_pregunta a.pendiente{}
#numeros_pregunta a.hecha{ background:#777 }
#numeros_pregunta a.corregida_acertada{ background:#7bc054 }
#numeros_pregunta a.corregida_fallada{ background:red }

#ayuda_preguntas{ overflow: hidden }
#ayuda_preguntas h4{ font-weight: bold; color: #ccc; text-transform:uppercase }
#ayuda_preguntas a{color:#000 }
#ayuda_preguntas li{ background:#CCCCCC none repeat scroll 0; border:1px solid #333333; color:#000000; float:left; font-size:12px; height:20px; margin:0 10px 10px 0; padding:2px; text-align:center; vertical-align:middle; width:20px }
#ayuda_preguntas li:hover{ background:#fffdd9 }
#ayuda_preguntas li:hover a{ color:#000 }
#ayuda_preguntas li.activa{ background:#fff none repeat scroll 0; border:1px solid #333333; color:#000000 }
#ayuda_preguntas li.pendiente{}
#ayuda_preguntas li.hecha{ background:#777 }
#ayuda_preguntas li.corregida_acertada{ background:#7bc054 }
#ayuda_preguntas li.corregida_fallada{ background:red }
#ayuda_preguntas li{ float:left; width:40px }

#infoAdmin p{ line-height:1.4 }
#infoAdmin p{ margin-bottom:0 }
#infoAdmin p.infoAdmAcc{ font-size: 10px; padding-left: 4px }
#infoAdmin table{ width: 100px }
#infoAdmin table td{padding:0; margin:0; line-height:1.4 }
#infoAdmin table td.r{ text-align: right }
#infoAdmin span.infoRed{ color: white; font-weight:bold }