/* CSS Document */
#boton_teclado {z-index:1002;position:fixed; left:0; bottom:0;}

#boton_teclado_num {z-index:1005;position:fixed; left:0; bottom:0;}

div#teclado {position:fixed; bottom:0; left:0; right:auto; text-align:center; z-index:1005!important; background-color:#FFFFFF; height:302px;}
div#teclado_num { position:fixed; z-index:1005!important; bottom:5px; left:5px; right:auto; text-align:center; background-color:#FFFFFF; height:200px; border:0px;}
div.numerico { width:150px; height:300px!important; width:180px; background-color:#999999; border:2px solid #5BBBFF; margin:0; padding:0; position:absolute; top:-1px; right:-1px;}
div#minusculas { width:840px; border:1px solid; min-height:300px; margin:0; padding:0; float:left; z-index:1005!important;}
div#mayusculas { width:840px; border:1px solid; min-height:300px; margin:0; padding:0; z-index:1005!important;}
div#caracteresMin,
div#caracteresMay { z-index:1005!important; width:180px; min-height:300px; background-color:#999999; border:2px solid #FF0000; margin:-1px; padding:0; position:absolute; top:-1px; right:-1px; z-index:100; }
div#teclado ul,
div#teclado_num ul { list-style:none; width:100%; margin:0; padding:0;}
div#teclado ul li,
div#teclado_num ul li { background-image: url(../images/teclado/tecla_simple_down.gif);cursor:pointer; display:block; float:left; margin:0; padding:15px 0 0; width:60px; height:45px; background:transparent url(../images/teclado/tecla_simple.gif) no-repeat left top; font-size:1.2em; cursor: hand;}
/*div#teclado ul li.doble { width:120px; background-image: url(../images/teclado/tecla_doble_down.gif); background-image: url(../images/teclado/tecla_doble.gif);}
div#teclado ul li.espacio { width:660px; background-image: url(../images/teclado/tecla_espacio_down.gif); background-image: url(../images/teclado/tecla_espacio.gif);}*/
div#teclado ul li.doble,
div#teclado_num ul li.doble { width:120px; background-image: url(../images/teclado/tecla_doble_down.gif); background-image: url(../images/teclado/tecla_doble.gif);}
div#teclado ul li.espacio,
div#teclado_num ul li.espacio { width:660px; background-image: url(../images/teclado/tecla_espacio_down.gif); background-image: url(../images/teclado/tecla_espacio.gif);}
div#teclado ul li#mover,
div#teclado_num ul li#mover_num {cursor:move;}
img.muestra_teclado {cursor:pointer; width:40px; height:40px; vertical-align:middle;}
div#listanombres {z-index:150; position:absolute; background-color:#F0F0F0; margin:0; padding:2px; left:685px; top:220px; min-height:20px; margin-bottom:20px;}
div#listanombres a,
div#listanombres a.noactivo { z-index:151; font-size:1em; text-align:left; color:#000000; text-decoration:none; clear:both; display:block; background-color:transparent;}
div#listanombres a:hover,
div#listanombres a.activo { background-color:#FF0202; color:#FFFFFF; cursor:pointer; text-decoration:none;}

/*div#teclado { position:fixed; z-index:1005!important; bottom:5px; left:5px; right:auto; text-align:center; background-color:#FFFFFF; height:200px; border:0px;}
div.numerico { width:150px; height:300px!important;}
div#minusculas { width:700px; border:1px solid; min-height:200px; margin:0; padding:0; float:left;}
div#mayusculas { width:700px; border:1px solid; min-height:200px; margin:0; padding:0;}
div#caracteresMin,
div#caracteresMay,
div#numerico,
div#numericoMin,
div#numericoMay{ width:300px; min-height:200px; background-color:#999999; border:2px solid #5BBBFF; margin:0; padding:0; position:absolute; top:-1px; right:-1px; z-index:100; }
div#numerico{ width:150px; border:0; min-height:300px;}
div#numericoMin,
div#numericoMay{ width:150px; min-height:200px; left:-1px; right:auto;}
div#teclado ul { list-style:none; width:100%; margin:0; padding:0;}
div#teclado ul li { background-image: url(../images/teclado/tecla_simple_down.gif); cursor:pointer; display:block; float:left; margin:0; padding:10px 0 0; width:50px; height:40px; background:transparent url(../images/teclado/tecla_simple.gif) no-repeat left top; font-size:1.2em; cursor: hand;}
div#teclado ul li.doble { width:100px; background-image: url(../images/teclado/tecla_doble_down.gif); background-image: url(../images/teclado/tecla_doble.gif);}
div#teclado ul li.espacio { width:500px; background-image: url(../images/teclado/tecla_espacio_down.gif); background-image: url(../images/teclado/tecla_espacio.gif);}
div#teclado ul li#mover {cursor:move;}
div#teclado div#numericoMin ul li,
div#teclado div#numericoMay ul li,
div#teclado div#caracteresMin ul li,
div#teclado div#caracteresMay ul li { background-image: url(../images/teclado/tecla_a_simple_down.gif); background:transparent url(../images/teclado/tecla_a_simple.gif) no-repeat left top;}
div#teclado div#numericoMin ul li.doble,
div#teclado div#numericoMay ul li.doble,
div#teclado div#caracteresMin ul li.doble,
div#teclado div#caracteresMay ul li.doble  { background-image: url(../images/teclado/tecla_a_doble_down.gif); background-image: url(../images/teclado/tecla_a_doble.gif);}
img.muestra_teclado {cursor:pointer; width:40px; height:40px; vertical-align:middle;}
div#listanombres {z-index:150; position:absolute; background-color:#F0F0F0; margin:0; padding:2px; left:685px; top:220px; min-height:20px; margin-bottom:20px;}
div#listanombres a,
div#listanombres a.noactivo { z-index:151; font-size:1em; text-align:left; color:#000000; text-decoration:none; clear:both; display:block; background-color:transparent;}
div#listanombres a:hover,
div#listanombres a.activo { background-color:#FF0202; color:#FFFFFF; cursor:pointer; text-decoration:none;}
div#listanombres {z-index:150; position:absolute; background-color:#F0F0F0; margin:0; padding:2px; left:685px; top:220px; min-height:20px; margin-bottom:20px;}
div#listanombres a,
div#listanombres a.noactivo { z-index:151; font-size:1em; text-align:left; color:#000000; text-decoration:none; clear:both; display:block; background-color:transparent;}
div#listanombres a:hover,
div#listanombres a.activo { background-color:#FF0202; color:#FFFFFF; cursor:pointer; text-decoration:none;}*/