@charset "utf-8";
/* -------------------------------------------------------------------- */
/* - Autor: Jose Manuel Unica, jmunica@gmail.com - */
/* -------------------------------------------------------------------- */


html {background:#333 url(../images/fnd_general.png) repeat-y top center;}
body { margin:0 auto; }
#doc { background-color:#FFF;}
#bd {
     height: auto!important; /* para los browsers buenos */
     height: 400px; /* para IE5+ */
     min-height: 400px; /* para los browsers buenos */
	}


	 
.a_derecha {text-align:right;}
a { color:#0BABFF;}
a:hover { color:#006BA6;}
.centrado { text-align:center}

.btn-p1 { margin:1em 0; padding:2em 0; border-top:1px dotted #666;}
a.btn-1 { background-color:#0BABFF; padding:0.5em 1em; margin:2em; color:#FFF; text-decoration:none;}
a.btn-1b { font-size:135%; font-weight:bold;}

a.btn-1:hover { background-color:#006BA6;}

.btn-p2 { margin:1em 0;}
a.btn-2 { font-size:135%; font-weight:bold;}

a.btn-4 { font-size:115%; font-weight:bold;}
.error { border:1px solid #CC0000; background-color:#FFCC66; padding:10px; margin:5px 0;}

.notas {color:red;}

/* ----------------------------------------------------------- */
/* GENERAL: ESTRUCTURAS MODIFICADAS */
/* ----------------------------------------------------------- */
.yui-g .yui-u {width:47.1%;}



/* ----------------------------------------------------------- */
/* GENERAL: CABECERA */
/* ----------------------------------------------------------- */
#hd { margin-bottom:1.5em; margin-top:10px;}
.login-cab { color:#CCCCCC; font-weight:bold; text-align:right; margin:10px 5px;}
.login-cab img {vertical-align: middle;}
h1 {font:bold 222% Arial, Helvetica, sans-serif}
h1 span { display:block;}
h2 {font:normal 130% Arial, Helvetica, sans-serif; color:#666; border-bottom:1px solid #AEAEAE;}
h2 strong { font-weight:bold}
.nav {border-bottom:1px solid #666; border-top:1px solid #999; font-size:140%; padding:7px;}
.nav li { border-left:1px solid #ccc; display:inline; margin-right:7px; padding-left:10px;}
.nav li.first { border-left:0px solid #ccc; margin-right:7px; padding-left:0px;}
.nav li a {text-decoration:none;}
.nav li.on,
.nav li.on a { color:#000000; font-weight:bold;}

/* Introducci‚àö‚â•n */
#bd { 
	position:relative;	
	height: auto !important;  
	height: 400px;	
	min-height: 400px;
	}
	
.cronometro {position: absolute; top:27px; left:-145px; background-color:red;}
.cronometro p {background:#000 url(../images/fnd_crono.png) repeat-y top center; position: fixed; width:131px; height:46px; font-size:212%; font-weight:bold; line-height:1.7em; text-align:center; color:#FFF;}

.cronometro p.alerta_a {background:red url(../images/fnd_crono_a.png) repeat-y top center;}
.cronometro p.alerta_b {background:red url(../images/fnd_crono_b.png) repeat-y top center;}

.introduccion { margin-bottom:2em}
.introduccion p {font:normal 116% Arial, Helvetica, sans-serif; color:#333; margin-bottom:1em;}
h3 { text-align:center; font-size:189%; color:#666; margin-top:2em;}
h3 strong {color:#333; font-weight:bold;}
h3 em {color:#333; font-style:normal;}
.comenzar, .boton { text-align:center; line-height:4em;}
.boton_derecha {text-align:right}
.comenzar a, .boton a { font-size:18px; background-color:#0babff; color:#FFF; text-decoration:none; padding:10px 15px;}
.comenzar a:hover, .boton a:hover  { text-decoration:underline;}
.caja_agrupadora_1 { background-color:#e8f4f2; padding:2em 1em 1em 1em; margin-top:1em;}

.email { background-color:#e8f4f2; border:1px solid #daebe8; margin:2.5em 0em 0.5em 0em; padding:0.6em; text-align:right;}
.email strong { font-weight:bold;}
.email input { margin-left:0.7em; padding:0.1em}
.email input.boton { margin-left:0.2em; padding:0em; font-size:12px; line-height:14px;}

/* ----------------------------------------------------------- */
/* GENERAL: PIE */
/* ----------------------------------------------------------- */
#ft { color:#999999; padding:10px; border-top:1px dotted #CCC;}
.comment { font-size:11px; color:#666;}



/* ----------------------------------------------------------- */
/* SECCIÓN: GENERAL */
/* ----------------------------------------------------------- */
.sec-general {}
.sec-general h2 { border:0; margin-bottom:10px;}
.sec-general h4 { font-size:120%; color:#333333; margin-bottom:5px;}
.sec-general p { margin-bottom:1em; color:#666666;}
.sec-general p strong { font-weight:bold;}

/* ----------------------------------------------------------- */
/* GENERAL: PIE */
/* ----------------------------------------------------------- */
.sec-legal {}
.sec-legal p { margin-bottom:10px;}
.sec-legal p strong { font-weight:bold;}

/* ----------------------------------------------------------- */
/* SECCIÓN: HOME */
/* ----------------------------------------------------------- */
.sec-home {}
.sec-home .yui-g .yui-u {width:49.1%;}
.sec-home p { margin-bottom:1em;}
.sec-home p strong {font-weight:bold}
.sec-home .btn-acceso { text-align:center; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #CCC; padding-left:25% }
.sec-home .btn-acceso a.btn-3 {background:url(../images/fnd-btn-3.png) no-repeat 0 0; width:150px; height:70px; text-align:center; display:block;text-decoration:none; margin-left:15px; }
.sec-home .btn-acceso a.btn-3:hover {background:url(../images/fnd-btn-3.png) no-repeat 0 -80px;}
.sec-home .btn-acceso a.btn-3 strong { color:#FFFFFF; font-weight:bold; line-height:3em;}
.sec-home .btn-acceso a.btn-3 em { color:#D2EDFE;}
.sec-home .btn-acceso a.btn-3.centrado {padding-top: 10px}


.sec-home .promo_not { margin-bottom:2em;}
.sec-home .promo_not .hd { border-bottom:1px solid #CCCCCC; margin-bottom:1px;}
.sec-home .promo_not .bd {
	background-color:#f5f5f5;
	margin-bottom:1px;
	height: auto !important;  
	height: 94px;	
	min-height: 94px;  
	}
.sec-home .promo_not .ft { border-top:1px solid #CCC;}
.sec-home .promo_not .mg { float:left; display:inline; margin-right:10px;}
.sec-home .promo_not .mt { color:#333333; font-size:120%; font-weight:bold; padding:8px 0; margin:0 12px;}

/* MÓDULO: DESTACADOS */
.md-destacados { margin-bottom:20px;}
.sec-home .md-destacados { margin-left:50px;}
.sec-home .md-destacados .md-p-estadisticas,
.sec-home .md-destacados .md-participa {
	height: auto !important;  
	height: 155px;	
	min-height: 155px;	
	}
.sec-home .md-destacados .first {background-color:#f5f5f5;}
.sec-home .md-destacados .yui-u .hd { background-color:#FFFFFF;}
.sec-home .md-destacados .yui-u .bd { padding:7px;}
.sec-home .md-destacados .yui-u .ft p { }
.md-destacados h2 { color:#333333;}
.md-destacados h2 strong { font-weight:bold;}


/* MÓDULO: ESTADÍSTICAS */
.md-p-estadisticas {}
.tb-media {}
.sec-home .tb-media { margin-top:-5px; }
.sec-home .tb-media td {border-top:1px solid #CCC; padding:5px 0 5px 2px; text-align:right;font-weight:bold;}
.sec-home .tb-media th {border-top:1px solid #CCC; padding:5px 2px 5px 3px;}
.sec-home .tb-media tr.t-puntos th {border-top:0;}
.sec-home .tb-media tr.t-puntos th em { display:block; color:#CCCCCC; font-size:120%; margin-bottom:0px;}
.sec-home .tb-media tr.t-puntos td { border-top:0; color:#08732A; font-size:270%; line-height:70%;}
.sec-home .tb-media tr.t-aciertos th {}
.sec-home .tb-media tr.t-aciertos td {color:#08732A;}
.sec-home .tb-media tr.t-tiempo th {}
.sec-home .tb-media tr.t-tiempo td {color:#08732A;}
.sec-home .tb-media tfoot td {font-size:80%; color:#999999; text-align:left; font-weight:normal;}

/* MÓDULO: PARTICIPA */
.md-participa {background-color:#f5f5f5;}
.md-participa .hd { background-color:#FFFFFF;}
.sec-home .md-participa { margin-left:15px;}
.md-participa a {color:#006BA6;}
.md-participa a:hover {color:#0BABFF;}

/* MÓDULO: RANKING */
.ranking {}
.sec-home .ranking { margin-left:50px;}
.ranking a { text-decoration:none}
.ranking a:hover { text-decoration:underline;}
.ranking caption { font-size:140%; margin-bottom:-17px;}
.ranking caption strong { font-weight:bold;}
.ranking caption em { color:#999999;}
.ranking th { color:#666; font-weight:bold; font-size:90%; text-align:center; border-bottom:1px solid #666666;}
.ranking td {background:#DCDCDC url(../images/fnd-t-ranking.png) repeat-x top left; border-bottom:1px solid #fff; padding:3px; vertical-align:middle;}
.ranking td a { color:#0078B9;}
.ranking td strong { font-weight:bold; color:#000000}
.ranking td.t-aciertos,
.ranking td.t-tiempo,
.ranking td.t-puntos { font-size:110%; color:#707070; text-align:center;font-weight:bold;}
.ranking td.t-usuario { font-weight:bold; padding-left:6px; text-align:left;}

.ranking td.t-usuario a { display:block; overflow:hidden; width:60px;}

.ranking td.t-posicion { text-align:center; width:20px; font-size:170%; color:#666666;}
.ranking td.t-avatar { border-left:1px solid #A7A7A7; border-right:1px solid #A7A7A7; width:30px; text-align:center;}
.ranking td.t-puntos { color:#000000;}

.ranking tr.destacado {}
.ranking tr.destacado td {background:#484848 url(../images/fnd-t-ranking-d.png) repeat-x top left; color:#FFFFFF;}
.ranking tr.destacado td.t-posicion strong,
.ranking tr.destacado td.t-puntos,
.ranking tr.destacado td.t-usuario a {color:#FFFFFF;}
.ranking tr.destacado td.t-aciertos,
.ranking tr.destacado td.t-tiempo {color:#CCCCCC;}

.ranking .ft { color:#CCCCCC; text-align:right; border-top:1px solid #666; padding-top:2px; font-size:95%;}
.ranking .ft a { font-weight:bold;}



.yui-gh:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-gh{zoom:1;}

.md-u-logado { background-color: #f5f5f5; margin-bottom:15px; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC;}
.md-u-logado h2 { padding:3px 6px; border:0;}
.md-u-logado .ranking {}
.md-u-logado .ranking tr.destacado td { background-color: #B85A14; background-image:none;}
.md-u-logado .alerta-hacer_test { text-align:left; margin-top:20px;}
.md-u-logado .alerta-hacer_test p { margin-bottom:20px;}

.search_user {border-top:1px dotted #CCCCCC; margin-top:10px; padding-top:20px; text-align:center;}
.search_user label { font-size:16px; margin-right:15px;}


/* ----------------------------------------------------------- */
/* SECCIÓN: RANKING */
/* ----------------------------------------------------------- */
.sec-ranking {}
.sec-ranking acronym { border-bottom:1px dotted #333333;}

.sec-ranking .ranking { margin:0 5px 10px 5px;}
.sec-ranking .ranking th { padding-bottom:3px;}
.sec-ranking .ranking td.t-posicion { font-size:130%;}
.sec-ranking .ranking td.t-aciertos,
.sec-ranking .ranking td.t-tiempo,
.sec-ranking .ranking td.t-puntos {font-size:100%; font-weight:normal;}
.sec-ranking .ranking td.t-puntos {font-weight:bold;}
.sec-ranking .ranking td.t-usuario { width:30%; white-space:nowrap;}

.sec-ranking .ranking .paginador { text-align:center; color:#666; margin:5px;}
.sec-ranking .ranking .paginador strong { color:#000000; font-weight:bold;}
.sec-ranking .ranking .paginador a { margin:0 5px;}
.sec-ranking .ranking .paginador .off { color:#CCCCCC;}

.sec-ranking .yui-gb .yui-u { text-align:center; width:27%;}
.sec-ranking .yui-gb .first { text-align:center; width:42%;}

/* ----------------------------------------------------------- */
/* SECCIÓN: ARCHIVO */
/* ----------------------------------------------------------- */
.sec-archivo {}
.cal-archivo {background-color:#F3F3F3; border-bottom:1px solid #CCC; border-top:1px solid #CCC;margin-top:-45px; padding-bottom:1em; position:relative; margin-bottom:20px;}
.cal-archivo .yui-gb { margin:0 55px;}
.cal-archivo .btn-anterior,
.cal-archivo .btn-siguiente { position:absolute; top:81px;  width:40px;  background-color:blue;}
.cal-archivo .btn-anterior a,
.cal-archivo .btn-siguiente a { display:block; text-align:center; height:80px;}
.cal-archivo .btn-anterior a:hover,
.cal-archivo .btn-siguiente a:hover {background-color:#006BA6;}
.cal-archivo .btn-anterior a span,
.cal-archivo .btn-siguiente a span { display:none;}


.cal-archivo .btn-anterior {left:0; margin-left:5px;}
.cal-archivo .btn-siguiente { right:0; margin-right:5px;}

.cal-archivo .btn-anterior a { background:#0078B9 url(../images/ico_flecha-anterior.png) center center no-repeat;}
.cal-archivo .btn-siguiente a {background:#0078B9 url(../images/ico_flecha-siguiente.png) center center no-repeat;}

.sec-archivo table {padding:3px; background-color:#FFFEEA; margin:0 auto;}
/*.sec-archivo table caption { text-align:center; font-weight:bold; font-size:110%; color:#666666; margin:6px 0 3px 0;}*/
.sec-archivo table .t-mes th { text-align:center; font-weight:bold; font-size:110%; color:#666666; margin:6px 0 3px 0; background-color:#F3F3F3; padding-top:10px;}

/*.sec-archivo table th {color:#666; padding:4px; text-align:center; background-color:#F3F3F3; }*/
.sec-archivo table .t-dia td {color:#666; padding:4px; text-align:center; background-color:#F3F3F3; border:0;}

.sec-archivo table td { background-color:#F5F4DF; color:#CCCCCC; padding:5px 6px; text-align:center; border:1px solid #B5B19D; }
.sec-archivo table td a { text-decoration:none; display:block;}
.sec-archivo table td a:hover { background-color:#0BABFF; color:#FFFFFF;}
.sec-archivo table .marcado { background-color:#006BA6;}
.sec-archivo table .marcado a { background-color:transparent; color:#FFFFFF;}
.sec-archivo table .marcado a:hover { background-color:transparent; color:#FFFFFF;}

.sec-archivo .t-mes { }
.sec-archivo .t-dia {}

/* ----------------------------------------------------------- */
/* SECCIÓN: HACER TEST */
/* ----------------------------------------------------------- */
.pregunta {margin-bottom:1.5em; border-bottom:1px dotted #999;}
.pregunta h2 {font:normal 131% Georgia, "Times New Roman", Times, serif; color:#000; margin-bottom:0.5em; border:0;}
.pregunta label{font:normal 100% Arial, Helvetica, sans-serif; color:#666; display:block; margin-left:20px;; margin-bottom:0.5em;}

.pregunta .yui-u {}
.pregunta cite {font-size:85%; font-style:normal; text-align:right; color:#999; margin-top:0.3em; display:block;}

.pregunta .pregunta-autor,
.pregunta .pregunta-patrocinio {font:normal 90% Georgia, "Times New Roman", Times, serif; color:#666; margin:0.8em 0;}

.pregunta .pregunta-autor span,
.pregunta .pregunta-patrocinio span {border-bottom:1px solid #ccc;  border-top:1px solid #ccc; padding:0.3em 0.7em 0.3em 0.4em;}


.pregunta .pregunta-patrocinio {}
.pregunta .pregunta-autor span {background-color:#333333; color:#FFFFFF; font-weight:bold;}

.pregunta .mas-info {text-align:right; font:normal 90% Georgia, "Times New Roman", Times, serif; margin-bottom:0.5em; margin-top:0.5em;}

/* Resultados */
.pregunta .ok {background:url(../images/ok.png) no-repeat top left; padding-left:25px; color:#060;}
.pregunta .ko {background:url(../images/ko.png) no-repeat top left; padding-left:25px; color:#C00}
.pregunta .no_marcada {padding-left:25px; color:#999;}

.resultado { border:1px solid #377BFF; background-color: #F1F7FF; padding:20px 5px; padding-top:5px; margin-bottom:20px;}
.resultado h3 { margin:10px 1px 10px 1px; font-size:140%;}
.resultado .frase { color:#003366; font-size:15px; text-align:center;}
.resultado a.btn-modal-compartir { background-color:#0BABFF; padding:0.5em 1em; margin:2em; color:#FFF; text-decoration:none;}
.resultado a.btn-modal-compartir-b { font-size:135%; font-weight:bold;}
.social { font-size:15px; font-weight:bold; padding-top:10px;}
.social img { margin-right:2px; margin-bottom:2px;}

#mail-content { height:200px;}
#mail-content h4 {font:bold 14px Arial, Helvetica, sans-serif; color:#666666; margin-bottom:15px; margin-top:15px;}
#mail-content p { text-align:left; margin:0 30px 10px 30px;}
#mail-content p.centrado { text-align:center; margin-top:30px;}

#mail-content label { display:block; float:left; width:210px; margin-top:4px;}

#mail-content-recomendar { height:200px;}
#mail-content-recomendar h4 {font:bold 14px Arial, Helvetica, sans-serif; color:#666666; margin-bottom:15px; margin-top:15px;}
#mail-content-recomendar p { text-align:left; margin:0 30px 10px 30px;}
#mail-content-recomendar p.centrado { text-align:center; margin-top:30px;}

#mail-content-recomendar label { display:block; float:left; width:210px; margin-top:4px;}

/* ----------------------------------------------------------- */
/* SECCIÓN: LOGIN */
/* ----------------------------------------------------------- */
.sec-login {}
.sec-login .bd {padding:0.8em 1em 0 1em;}
.sec-login .bd p { margin-bottom:1em;}
.sec-login p.recordar {padding-top:0.5em; background-color:#FFFFFF}

.sec-login .first {background-color:#F3F3F3;}
.sec-login .first .hd {background-color:#FFF;}
.sec-login .first .bd {margin:0.8em 1em 0 1em; padding:0; border-bottom:1px solid #ccc;}
.sec-login .first .bd label { width:10em; float:left; display:block; font-weight:bold; color:#000000;}
.sec-login .first .bd input { width:14em;}

.sec-login .first .ft {background-color:#F3F3F3; margin:0 1em; padding:1em 0; border-top:1px solid #fff;}

.sec-login .bd .f_check { margin-bottom:1em; padding-bottom:1em;}
.sec-login .bd .f_check label {width: auto; display:inherit; margin-left:1em;}
.sec-login .bd .f_check input {width: auto; float:left; clear:both;}

/* ----------------------------------------------------------- */
/* MD: LOGIN */
/* ----------------------------------------------------------- */
.md-login { background-color:#333333; padding:10px; margin-bottom:10px;}
.md-login p { display:inline}
.md-login a.btn-1 {padding:0.3em 0.6em; margin:0 15px 0 5px;}
.md-login .f_check { color:#CCCCCC; margin-right:15px;}


/* ----------------------------------------------------------- */
/* MENSAJES */
/* ----------------------------------------------------------- */
.mesaje {padding:12px 15px 6px 15px; margin:10px 0 20px 0; border:1px solid #CCC; background-color:#f5f5f5;}
.mesaje h4 {color:#000000; font-size:160%; margin-bottom:5px;}
.mesaje h4 strong {font-weight:bold;}
.mesaje p {margin-bottom:8px; font-size:110%;}
.mesaje p strong {font-weight:bold;}


.mesaje-ok { border-color:#009933; background-color:#FFFFF5;}
.mesaje-ok h4 { color:#009900;}


/* ----------------------------------------------------------- */
/* SECCIÓN: NUEVO USUARIO */
/* ----------------------------------------------------------- */
.sec-nuevo_u {}
.sec-nuevo_u .bd {background-color:#F3F3F3; padding:1.5em 1.5em 1.5em 1.5em; margin-bottom:2em;}
.sec-nuevo_u .bd p {margin-bottom:1em;}

.sec-nuevo_u .bd label {width:11em; float:left; display:block; font-weight:bold; color:#000000;}
.sec-nuevo_u .bd input {width:14em;}
.sec-nuevo_u .bd p.f_check {padding-top:1em; padding-bottom:0.7em;}
.sec-nuevo_u .bd .f_check label {width: auto; display:inherit; margin-left:1em;}
.sec-nuevo_u .bd .f_check input {width: auto; float:left; clear:both;}
.sec-nuevo_u .bd p.f_check2 { padding-top:0.2em; padding-bottom:0.7em;}
.sec-nuevo_u .bd .f_check2 label {width: 7em;}
.sec-nuevo_u .bd .f_check2 input {width:2em;}

.sec-nuevo_u .bd .avatares { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:0.7em; margin-top:0.7em; margin-bottom:0.7em; padding-bottom:1em;}
.sec-nuevo_u .bd .avatares p { color:#000; font-weight:bold}
.sec-nuevo_u .bd .avatares input {width:2em; vertical-align:top;}
.sec-nuevo_u .bd .avatares label {width: 7em;}
.sec-nuevo_u .bd .avatares img {border:2px solid #666;}
.sec-nuevo_u .bd .avatares .checked img {border:2px solid #CC3300;}

.sec-nuevo_u .bd p { color:#666666;}
.sec-nuevo_u .bd p strong { color:#000; font-weight:bold;}


/* ----------------------------------------------------------- */
/* SECCIÓN: SOMOS */
/* ----------------------------------------------------------- */
/*.sec-somos, 
.sec-reglas { margin-right:150px; margin-left:10px;}*/

/* ----------------------------------------------------------- */
/* SECCIÓN: RECORDAR PASS */
/* ----------------------------------------------------------- */
.sec-forgot {}

.sec-forgot .email { text-align:left; background-color: #FFFFFF; border:0; margin:0;}

/* ----------------------------------------------------------- */
/* SECCIÓN: PARTICIPACIÓN, ENVIAR PREGUNTA */
/* ----------------------------------------------------------- */
.sec-e_pregunta {}
.sec-e_pregunta .bd {background-color:#F3F3F3; padding:1.5em 0 1.5em 1.5em; margin-bottom:2em;}
.sec-e_pregunta .bd p { margin-bottom:1em;}

.sec-e_pregunta .bd label { width:14em; float:left; display:block; font-weight:bold; color:#000000;}
.sec-e_pregunta .bd input { width:39em;}
.sec-e_pregunta .bd input.t1 { width:15em;}

.sec-e_pregunta .bd .opciones { border-top:1px dotted #CCCCCC; padding-top:1em; margin-right:1.5em; margin-top:1.5em;}
.sec-e_pregunta .bd .opciones .yui-u { color:#333333}
.sec-e_pregunta .bd .opciones .first { color:#666}
.sec-e_pregunta .bd .opciones strong { color:#000; font-weight:bold;}
.sec-e_pregunta .bd .opciones label { width: auto; display:inherit; margin-left:1em;}
.sec-e_pregunta .bd .opciones input { width: auto; float:left;}


/* ----------------------------------------------------------- */
/* SECCIÓN: BÚSQUEDA DE USUARIOS */
/* ----------------------------------------------------------- */
.sec-user-list {}
.sec-user-list ul { clear:both; margin-bottom:20px;}

.sec-user-list li { width:155px; margin-right:30px; margin-bottom:5px; float:left; display:inline; border-bottom:1px solid #CCCCCC; vertical-align:middle; padding-bottom:5px;}
.sec-user-list li img {vertical-align:middle; margin-right:5px;}
.sec-user-list li a { text-decoration:none;}

.sec-user-list ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.sec-user-list ul {zoom:1;}

/* ----------------------------------------------------------- */
/* GENERAL: PIE */
/* ----------------------------------------------------------- */
#ft { text-align:left; margin-top:2em; color:#CCCCCC}