.titulo {
    font-family: 'Century Gothic';
    font-size: 18px;
    color: #180a90;
    background-color: #f3f4fe;
    border: none;
    border-width: 2px;
    border-color: #180a90;
    border-radius: 10px;
    padding: 5px;
    font-weight:bold;
    
}
select,input {
    outline: none;
}

.izq {
    text-align: left;
}

.centro {
    text-align: center;
}

.der {
    text-align: right;
}
.bold{
    font-weight:bold;
}
html,body {
    width:100%;
    height:100%;
}
.titulo {
    font-family: 'Century Gothic';
    font-size: 18px;
    color: #180a90;
}
.titulo2 {
    font-family: 'Century Gothic';
    font-size: 15px;
    color: #180a90;
    font-weight:500;
}
.campo {
    font-family: 'Century Gothic';
    font-size: 14px;
    color: #180a90;
    padding: 3px;
    padding: 3px;
}
.fondo {
    background-color: #6370ef;
    color: #fff;
    border-radius:10px;
    border:solid;
    border-width:1px;
}
.caja {
    font-family: 'Century Gothic';
    font-size: 14px;
    color: #180a90;
    border: solid;
    border-radius: 5px;
    border-width: 1px;
    border-color: #180a90;
    padding:2px;
    padding:3px;
}

.letra{
    font-family:'Century Gothic';
    font-size:12px;
    color:#180a90;
}
table{
    margin:10px auto;
}
.celda {
    font-family: 'Century Gothic';
    font-size: 10px;
    color: #180a90;
    border: solid;
    border-radius: 1px;
    border-width: 1px;
    border-color: #180a90;
    padding:5px;
}
.cabecera{
    font-family: 'Century Gothic';
    font-size: 10px;
    color: #180a90;
    border: solid;
    border-radius: 1px;
    border-width: 1px;
    border-color: #180a90;
    padding: 5px;
    font-weight:bold;
}

.boton {
    font-family: 'Century Gothic';
    font-size: 14px;
    border-radius: 10px;
    border: solid;
    border-width: 1px;
    border-color: #180a90;
    background-color: #180a90;
    color: #fff;
    cursor: pointer;
    padding: 3px;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}
    .boton:active {
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
    }
    .boton:hover {
        background-color: #6370ef;
        color: #fff;
    }
    .boton_selected {
        font-family: 'Century Gothic';
        font-size: 14px;
        border-radius: 10px;
        border: solid;
        border-width: 1px;
        border-color: #180a90;
        background-color: #ff9c00;
        color: #fff;
        cursor: pointer;
        padding: 3px;
        transform: translateY(2px);
        -webkit-transform: translateY(2px);
        -moz-transform: translateY(2px);
        -ms-transform: translateY(2px);
        -o-transform: translateY(2px);
    }

.calendario {
    border-radius: 10px;
    border: solid;
    border-width: 1px;
    background-color: #f3f4fe;
    color: #180a90;
}