body {
}

.tablaizquierda
{
    float:left;
    width:50%;
    height:105px;
    /*background-color:#134E9C;*/
    background-color:#c2ba98;
    color: #636569;
}

.tabladerecha
{
    float:right;
    width:50%;
    height:105px;
    /*background-color:#134E9C;*/    
    background-color:#c2ba98;
    color: #636569;
}

.celda_hsm
{
    width:250px;
    /*background-color:#134E9C;*/
    background-color:#c2ba98;
    color: #636569;
}

/********************
*   Mobile Styles   *
********************/

@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .tablaizquierda {
        float: none;
        width:100%;
        height:125px;
    }

    header .tabladerecha,
    header h3, header .white {
        float: none;
        width:100%;
        height:35px;
        font-size:medium;
        font-style:oblique;
        color:white;
        vertical-align:central;
        align-content:center;
        align-items:center;
        align-self:center;
    }
    
}