.boton {

    padding: 0.1em 0.6em;
    border: 1px solid #CCC;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #d1d1d1;
    color: #333;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 2px #FFF inset;
    border-radius: 3px;
    display: inline-block;
    margin: 0px 0.1em;
    text-shadow: 0px 1px 0px #FFF;
    line-height: 1.4;
    white-space: nowrap;
    font-size: 12px;

}

.tecla{

    padding: 0.1em 0.6em;
    border: 1px solid #CCC;
    font-family: Arial,Helvetica,sans-serif;
    background-color: #F7F7F7;
    color: #333;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 2px #FFF inset;
    border-radius: 3px;
    display: inline-block;
    margin: 0px 0.1em;
    text-shadow: 0px 1px 0px #FFF;
    line-height: 1.4;
    white-space: nowrap;
    font-size: 12px;

    
}

.campo{
color:navy;
font-weight: bold;

}
.capi{
font-size: 2em;
font-weight: bold;
}
.link{
    color: navy;
    font-size: 16px;
    text-decoration: none;
}