body {
background-color:#ffffff;
font-family: Palatino Linotype;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 100%;
font-size-adjust: none;
font-stretch: normal;
}
#cabecera{
width:100%;

}
#menus{
width:90%;
height:20px;
background-color: #000000;
color:#ffffff;
border:1px solid #000000;
font-size: 80%;
font-family:arial;
font-weight: bold;
padding-top:3px;
text-align:left;
padding-left:3%;
margin-left:3%;
margin-right:3%;
}
#menus a {text-decoration:none; color: #ffffff; }  

#caja_botones{
width:90%;
margin-left:3%;
margin-right:3%;
padding-left:3%;
padding-top:1%;
padding-bottom:2px;
background-color: #eaeaea;
border-left:1px solid #bdbdbd;
border-right:1px solid #bdbdbd;
border-bottom:1px solid #bdbdbd;
font-size: 70%;
font-family:arial;
font-weight: normal;

}
.table{
border:1px solid #000000;
width:300px;
}
#editor{
background-color: #ffffff;
width:90%;
height:330px;
border: 1px solid #666666;
font-family: Palatino Linotype;
font-size: 100%;
text-align:left;
color: #000000;
margin-left:3%;
margin-right:3%;
padding-left:3%;
padding-bottom:15px;
border-style: double;
border-color: #bdbdbd;
overflow: scroll;
scrollbar-face-color: #c7c7c7;
scrollbar-highlight-color: #f4f4f4;
scrollbar-shadow-color: #dfdfdf;
scrollbar-3dlight-color: #dfdfdf;
scrollbar-arrow-color: #dfdfdf;
scrollbar-darkshadow-color: #dfdfdf;
border-bottom: 1px double #666666;
}
#latin{
width:80%;
height:300px;
font-family: Palatino Linotype;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 100%;
line-height: 4px;
font-size-adjust: none;
font-stretch: normal;
visibility: visible; align:center;
}
#botones{
width:100%;
height:auto;
padding-top:1%;
padding-bottom:2px;
margin-left:-10px;

}
#botones2{
width:100%;
height:auto;
padding-top:2%;
padding-bottom:2%;
padding-left:10%;
visibility: visible; align:center;
}
#botones3{
width:100%;
height:auto;
padding-top:2%;
padding-bottom:2%;
padding-left:10%;
visibility: visible; align:center;
}
#botones4{
width:100%;
height:auto;
padding-top:2%;
padding-bottom:2%;
padding-left:10%;
visibility: visible; align:center;
}
#botones5{
width:100%;
height:auto;
padding-top:2%;
padding-bottom:2%;
padding-left:10%;
visibility: visible; align:center;
}

#botones6{
width:100%;
height:auto;
padding-top:2%;
padding-bottom:2%;
padding-left:10%;
visibility: visible; align:center;

}

#botones7{
width:100%;
height:auto;
padding-top:2%;
padding-bottom:2%;
padding-left:10%;
visibility: visible; align:center;

}
#botones8{
width:100%;
height:auto;
padding-top:2%;
padding-bottom:2%;
padding-left:10%;
visibility: visible; align:center;

}

#botones9{
width:100%;
height:auto;
padding-top:2%;
padding-bottom:2%;
padding-left:10%;
visibility: visible; align:center;

}

#botones9b{
width:100%;
height:auto;
padding-left:2%;
height:auto;
padding-top:2%;
padding-bottom:1%;
visibility: visible; align:center;
}

#botones9c{
width:100%;
height:auto;
padding-top:2%;
padding-bottom:2%;
padding-left:10%;
visibility: visible; align:center;}



#botones10{
width:100%;
height:auto;
padding-top:2%;
padding-bottom:2%;
padding-left:10%;
visibility: visible; align:center;}
span {
cursor:pointer
}
.insertar_tabla{
font-family: Arial;
color:#ffffff;
text-align:center;
font-style: bold;
}
.border{
border:1px solid #dbdfe6;}
.rojo {color:#FF0000;} .azul {color:#0066FF;} .verde {color:#009900;} .tecla1{
width: 6%; height: 35px; font-family: Palatino Linotype; font-size: 130%; font-weight:bold:}
.tecla2{
width: 15%; height: 35px;
margin-left: 20px; font-family: Palatino Linotype; font-size: 130%; font-weight: bold;}
.tecla3{
width: 3%; height: 35px; font-family: Palatino Linotype; font-size: 130%; font-weight: bold;}
.tecla4{
width: 25%; height: 35px; margin-left: 10px; font-family: Palatino Linotype; font-size: 130%; font-weight: bold;}