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



/* ----------------------------------------------------------- */
/* SECCIÓN: USUARIO */
/* ----------------------------------------------------------- */
.sec-usuario {}

/* MÓDULO: RESUMEN */
.u-resumen {margin-bottom:2em; border-bottom:1px solid #999999;}
.u-resumen .hd { position:relative;}
.u-resumen .hd .more { font-size:90%;}
.u-resumen .hd .more a {text-decoration:none;}
.u-resumen h2 { margin-bottom:0;}
.u-resumen .bd { background-color:#F3F3F3;}

.yui-gk {padding:10px; background: url(../images/fnd-t-usuario.png) 202px top repeat-y;}
.yui-gk .yui-u { float:left;}
.yui-gk .first {width:178px; margin-right:30px; }
.yui-gk .second { width:305px;}
.yui-gk .thirt {width:182px; float:right;}
.yui-gk:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-gk {zoom:1;}
.yui-gk .bd { border:0; background:transparent;}

.sec-usuario h4 { font-size:125%; border-bottom:1px solid #CCC;}


/* TABLA: DATOS USUARIO */
.tb-dat_usuario {}
.tb-dat_usuario tr {border-top:1px dotted #999999;}
.tb-dat_usuario th {padding:4px; font-weight:bold; color:#000000;}
.tb-dat_usuario td {padding:4px; font-size:120%; color:#08732A; text-align:right;}
.tb-dat_usuario .t-fecha th { text-align:center;}
.tb-dat_usuario .t-realizados {}
.tb-dat_usuario .t-aciertos {}
.tb-dat_usuario .t-tiempo {}
.tb-dat_usuario .t-puntos {}
.tb-dat_usuario .t-puntos strong { font-weight:bold;}
.tb-dat_usuario .t-posicion td { color:#999999;}
.tb-dat_usuario .t-posicion strong { font-weight:bold; color:#000000;}

/* TABLA: ÚLTIMOS TEST */
.tb-ultimos {}
.tb-ultimos td { border-left:1px solid #CCC;}
.yui-gk .second p { margin-top:1em; font-size:110%}
.yui-gk .second h4,
.yui-gk .second p strong { font-weight:bold;}

/* TABLA: MEDIA MENSUAL */
.tb-media-m {}
.sec-usuario tr.t-totales { border-top:1px solid #999;}

/* MÓDULO: MODIFICAR DATOS */
.mod-datos-3 {}
.mod-datos-3 #upload_button {float:right; width:110px; margin-top:15px;}
.mod-datos-3 #upload_button img { border:0;}

/* MÓDULO: ALERTA - HACER TEST */
.alerta-hacer_test {border-top:1px dotted #666; padding:2em 1em 1em 1em; background-color:#f5f5f5;}
.alerta-hacer_test p { font-size:130%; margin-bottom:1em; text-align:center}

/* MÓDULO: DATOS DEL MES */
.u-mes {margin-bottom:2em;}
.u-mes .mg {margin-bottom:1em;}

/* TABLA: DATOS MENSUALES */
.tb-datos { margin-top:10px;}
.tb-datos th { background-color:#333333; color:#FFFFFF; font-weight:bold; padding:6px 3px 4px 10px;}
.tb-datos .t-aciertos {text-align:center; width:15%;}
.tb-datos .t-tiempo {text-align:center; width:20%;}
.tb-datos .t-puntos {text-align:center; width:15%;}
.tb-datos .t-posicion {text-align:right; padding-right:20px; width:20%;}

.tb-datos .tr-odd { background-color:#F5F5F5; border-top:1px solid #C2C2C2;}
.tb-datos .tr-even { background-color:#E4E4E4; border-top:1px solid #C2C2C2;}
.tb-datos td {padding:6px 3px 4px 10px; font-size:110%; color:#333333;}

.tb-datos td.t-fecha {}
.tb-datos td.t-aciertos {}
.tb-datos td.t-tiempo {}
.tb-datos td.t-puntos {font-weight:bold; color:#08732A;}
.tb-datos td.t-posicion {color:#666666;}
.tb-datos td.t-posicion strong {color:#000; font-weight:bold;}

/* MÖDULO: EDITAR PERFIL */
.mod-datos-1 { padding-top:10px;}
.mod-datos-2 { padding-top:0px;}
.mod-datos-1 .bd label {width:12em; float:left; display:block; font-size:95%; font-weight:bold; color:#000000;}
.mod-datos-1 .bd input {width:9em;}
.mod-datos-1 .bd p {margin-bottom:1em; clear:both;}
.mod-datos-1 .bd .f_check2 label.f-t1 {width:3em;}
.mod-datos-1 .bd .f_check2 label.f-t2 {width:5em;}
.mod-datos-1 .bd .f_check2 label.f-t3 	{width:6em;}
.mod-datos-1 .bd .f_check2 input {width:2em;}

.mod-datos-1 .bd p.f_check {margin-top:10px; padding-top:10px; clear:both;}
.mod-datos-1 .bd .f_check input {clear:both;float:left;width:2em;}

.mod-datos-3 p { margin-bottom:4px;}
.mod-datos-3 img {border:1px solid #333; margin-right:3px; margin-bottom:5px;}
.mod-datos-3 .cabinet img {vertical-align:top; border:0; margin-top:16px;}


.mod-datos-3 .avatares img {border:1px solid #333; margin-right:1px; margin-bottom:5px;}

.mod-datos-3 .avatares { border:1px solid #CCC; padding:5px 3px; height:90px; overflow-x:hidden; overflow-y:scroll; }
.mod-datos-3 .avatares input {vertical-align:top;}
.mod-datos-3 .avatares label {width:77px; float:left; display:inline;}
.mod-datos-3 .avatares .checked img {border:2px solid #CC3300;}

.SI-FILES-STYLIZED label.cabinet
{
    width: 150px;
    height: 50px;
    background: url(../js/btn-choose-file.gif) 60px 0 no-repeat;
    display: block;
    overflow: hidden;
    cursor: pointer;
	margin-top:-40px;
}

.SI-FILES-STYLIZED label.cabinet input.file
{
    position: relative;
    height: 100%;
    width: auto;
    opacity: 0;
    -moz-opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}