.boton {
    cursor: pointer;
    font-family: 'Century Gothic';
    text-align:center;
    padding:5px;
    font-size: 12px;
    border: solid;
    border-width: 1px;
    border-radius: 5px;
    background-color: rgb(39, 114, 2, 0.77);
    color: rgb(255, 224, 0);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
    .boton:active {
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
    }
    .boton:hover {
            background-color: rgb(57, 160, 5, 0,77);
            color: rgb(255, 224, 0, 0,77);
        }

.caja {
    border: solid;
    border-width: 1px;
    border-radius: 5px;
    border-spacing: 1px;
    background-color: rgb(238, 239, 218);
    color: rgb(9, 19, 104);
    font-family: 'Century Gothic';
    font-size: 12px;
}
.cajatit {
    border: solid;
    border-width: 1px;
    border-radius: 5px;
    border-spacing: 1px;
    background-color: rgb(238, 239, 218);
    color: rgb(9, 19, 104);
    font-family: 'Century Gothic';
    font-size: 16px;
}
    .campo {
        background-color: rgba(0, 0, 0,0);
        color: rgb(9, 19, 104);
        font-family: 'Century Gothic';
        font-size: 12px;
        border: none;
        border-spacing: 0px;
    }
    .campotit {
        background-color: rgba(0, 0, 0,0);
        color: rgb(9, 19, 104);
        font-family: 'Century Gothic';
        font-size: 16px;
        border:none;
        border-spacing:0px;
    }

    .titulo {
        background-color: rgba(0, 0, 0,0);
        color: rgb(9, 19, 104);
        font-family: 'Century Gothic';
        font-size: 18px;
        text-align: center;
        border: none;
        border-spacing: 0px;
    }
.centrado {
    text-align: center;
}
.izquierda{
    text-align: left;
}
.derecha {
    text-align: right;
}