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


/* Clase que tendra el tooltip */  
.cssToolTip {
 position:relative; /* Esta clase tiene que tener posicion relativa */
 /*color: #ff8c00; /* Color del texto */
 
}
 
/* El tooltip */
.cssToolTip div {
/*background: rgba(255,255,255,0.9) left 5px no-repeat;*/
background: #FFF;
 border: 0px solid #87cefa;
 border-radius: 5px;
 /*box-shadow: 5px 5px 5px #333;*/
 color: #1c190e;
 display: none; /* El tooltip por defecto estara oculto */
 font-size: 1.8em;
 padding: 2px 2px 2px 2px;
 max-width: 6000px;
 position: absolute; /*El tooltip se posiciona de forma absoluta para no modificar el aspezto del resto de la pagina */
 top: 58px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
 left: 0px; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
 z-index: 100; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
 
}
 
/* El tooltip cuando se muestra */
.cssToolTip:hover div {
 display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
}

.table_teclado{
	background: #FFF;
	width: 100px;
	border: 1px solid #757575;
	 border-spacing: 5px;
    border-collapse: separate;

}
.table_teclado tr td
{
	background: #828282;
	color: #FFF;
	padding: 2px 2px 2px 2px;
	cursor: pointer;
	border-radius: 3px;
	font-family: sans-serif;
	border: 0px solid #757575;
   
   
 
}

.table_teclado tr td:hover
{
	background: #525252;
}

.btn_delete
{
	position: absolute;
	left: .1em;
	bottom: .1em;
	width: 19px;
}