body {
}

/* ------------------------------
Teclado (Botonera)
--------------------------------- */

#VentanaTeclado {  	
    width:680px;
    height:600px;
    max-width:680px;
    position:absolute;
    top:50px;
    left:70px; 
    z-index:10000000;
    visibility:hidden; 
}

#Teclado   	
{
    list-style:none;
    margin:0;
    padding:0;
    float:left;
 }

#Teclado li {
    float:left;  /*para eliminar el comportamiento de elemento de bloque(salto de linea)*/
    margin:0; 
    padding:0;
}

#Teclado li a {	
    text-decoration:none;	
    text-align:center;	
    color:#FFFFFF;	
    background: #8da4b4;
    font-weight: bolder;
    margin:2.5px;
    display: block;
    width: 50px;
    font-size:2.4em;
    border:solid 1px 8da4b4;
    padding:  5px 5px 5px 5px;
}

#Teclado li a.Especial{	
    width:150px;
    background: orange;
}

#Teclado li a.EspecialEstrecho{	
    background: orange;
    width:68px;
}

#Teclado li a.EspecialAlto{
   height: 71px;
   width:150px;
   background: orange;
}

#Teclado li a.EspecialEspacio{	
    width:560px;
    margin-left:50px;
    margin-right:50px;
}

#VentanaContenidosTeclado
{
    padding:  10px 10px 10px 10px;
    FONT-WEIGHT: bold;
    /*FONT-SIZE: 1.3em;*/
    BACKGROUND: #515165;
    COLOR: #1b8dcf;
    text-align:left;	
    TEXT-DECORATION: none;
    /*width:875px;*/
    width:850px;
    display:block;
    border-left:solid 2px #FFFFFF;
    border-right:solid 2px #FFFFFF; 
    border-top:solid 2px #FFFFFF;
    border-bottom:solid 2px #FFFFFF; 
    /*height:550px; */
    height:450px;

}

#TecladoTitulo
{
    padding:  10px 10px 10px 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 2.5em;
    BACKGROUND: #8da4b4;
    COLOR: #FFFFFF;
    text-align:left;	
    TEXT-DECORATION: none;
    /*height:30px;*/
    width:300px;
    display:block;
    border-left:solid 2px #FFFFFF;
    border-right:solid 2px #FFFFFF; 
    border-top:solid 2px #FFFFFF;
    border-bottom:solid 2px #FFFFFF; 
}


#VentanaTitulo
{
    padding:  10px 10px 10px 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 2.5em;
    BACKGROUND: #8da4b4;
    COLOR: #FFFFFF;
    text-align:left;	
    TEXT-DECORATION: none;
    height:20px;
    width:300px;
    display:block;
    border-left:solid 2px #FFFFFF;
    border-right:solid 2px #FFFFFF; 
    border-top:solid 2px #FFFFFF;
    border-bottom:solid 2px #FFFFFF;
    z-index: 1200;
}

#Ventana{
    width:850px;
    height:500px;
    max-width:850px;
    position:absolute;
    top:30px;
    left:40px; 
    z-index:1200;
}

A.CerrarVentanaTeclado
{	
    text-decoration:none;	
    text-align:center;	
    color:#FFFFFF;	
    background: #8F0000;
    font-weight: bolder;
    margin:10px;
    display: block;
    width: 30px;
    font-size:0.6em;
    height: 25px;
    border:solid 1px #000000;
    padding:  5px 5px 5px 5px;
    float:left;
}
/*
DIV.VentanaContenidos
{
    padding:  10px 10px 10px 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.3em;
    BACKGROUND: #FFFFFF;
    COLOR: #8da4b4;
    text-align:left;	
    TEXT-DECORATION: none;
    margin-left: 2px;
    border-left:solid 1px #DBEBF4;
    border-right:solid 1px #DBEBF4;
    border-top:solid  1px #DBEBF4;
    border-bottom:solid 1px #DBEBF4;
    clear: both;
}*/