@charset "utf-8";
/* CSS Document */

body{background:url(../imagenes/fondo.png); color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; }

a{color:inherit; text-decoration:none}
a:hover{color:#ff0;}

#MarcaFIN, .Fin{position:relative; height:0px; clear:both}

#FormEdicion{position:relative; margin:10px auto; border:0px dotted #c00; text-align:center}

#FormEdicion #Reloj{height:70px; overflow:hidden; border:0px dotted #FF6}
#FormEdicion #Reloj #Fecha{font-size:14px; border:0px solid #f00}
#FormEdicion #Reloj #Hora{font-size:40px; border:0px solid #0f6; line-height:42px}
#FormEdicion #Reloj #blinker{color:inherit}


#FormEdicion #Titulo{font-size:20px}
#FormEdicion #SubTitulo{font-size:72px;}
#FormEdicion #SubTitulo.ERROR{color:#d00; font-weight:bold}
#FormEdicion #SubTitulo.OK{color:#0a0; font-weight:bold}

#FormEdicion .Msg{position:relative; margin:0px auto; padding:0px 10px;  height:85px; border:0px solid #c00; font-size:14px; background:url(imagenes/blanco-trans80.png)}
#FormEdicion .Msg .Small{font-size:12px}

input[type='text'], input[type='password'], textarea{border:1px solid; margin-top:2px; font-size:16px; width:100%; color:#fff; background:transparent; border-radius: 7px; padding:2px 0px 2px 2px}
input[type='text']:focus, input[type='password']:focus, textarea:focus,
input[type='text']:hover, input[type='password']:hover, textarea:hover{outline:0; background:url(../imagenes/fondo.png); color:#ff0;}

input[type='submit']{border:0px; color:#fff; background:transparent; border-radius: 10px; padding:2px 10px; margin:0px}
input[type='submit']:hover, input[type='submit']:focus{outline:0; background:url(../imagenes/fondo.png); color:#ff0; cursor:pointer}

label{padding:1px; color:#fff; margin-left:1px; font-size:14px}

#FormAccesoPersonal{position:relative; margin:0px auto; text-align:start; border:0px solid;}
#FormAccesoPersonal #UserIcon{font-size:54px; float:left; margin-top:10px}
#FormAccesoPersonal #DatosAcceso{position:relative; border:0px dotted #ff0; margin:0px 5px 0px 50px;}
#FormAccesoPersonal #DatosAcceso .CeldaEdicion{position:relative; margin:0px; border:0px #ff0 solid;}
#FormAccesoPersonal #DatosAcceso .NombreUsuario{font-size:12px; font-weight:bold}
#FormAccesoPersonal #DatosAcceso .eMailUsuario{font-size:11px; font-style:italic;}
#FormAccesoPersonal #DatosAcceso .PerfilUsuario{font-size:11px; font-weight:normal}

#FormAccesoPersonal #DetallePerfilUsuario{position:relative; border:0px dotted #f0f; margin:0px; font-size:10px; height:50px; overflow:hidden}


#CtrlForm{position:relative; margin:0px auto; font-size:20px; border:0x solid; padding:0px 5px;}
#CtrlForm .Boton{border-radius:10px}
#CtrlForm .Boton i{font-size:32px}
#CtrlForm .Boton, #CtrlForm .Boton.Volver.Left{position: relative; float:left; width:85px; height:60px; text-align:center; border:0px solid; margin:5px; padding:10px 0px;}
#CtrlForm .Boton.Salida, #CtrlForm .Boton.Volver.Right{float:right}
#CtrlForm .Boton.Volver{float:none; margin:5px auto}

#CtrlForm .Boton.Pausa{float:none; clear:none; margin:3px auto; width:70px; height:30px; font-size:10px; padding:5px 0px; font-family:Verdana, Geneva, sans-serif}
#CtrlForm .Boton.Pausa i{font-size:18px}

#CtrlForm .Boton:hover{cursor: pointer; background:url(../imagenes/fondo.png); color:#ff0}

/*#CtrlForm .Boton.Entrada:hover{cursor: pointer; background-color:#AFA;}
#CtrlForm .Boton.Salida:hover{cursor: pointer; background-color:#FAA;}
#CtrlForm .Boton.Volver:hover{cursor: pointer; background-color:#AAF;}
#CtrlForm .Boton.Pausa:hover{cursor: pointer; background-color:#CCC;}*/

#CtrlForm .Boton img{width:90px;}
#CtrlForm .Boton.Pausa img{width:55px;}
#CtrlForm .Fin{position:relative; height:1px; clear:both}