body {
}

.tablaizquierda 
{
    float: left;
    width: 50%;
    height: 105px;
    /*background-color:#9c2343;*/
    background-color: #A6A6A8;
}

.tabladerecha {
    float: right;
    width: 50%;
    height: 105px;
    background-color: #A6A6A8;
}

.celda_hsm {
    width: 250px;
    background-color: #A6A6A8;
}

/*footer {
    clear: both;
    background-color: #A6A6A8;
    font-size: .8em;
    height: auto;
    margin-top: 10px;
}*/

/********************
*   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;
    }
    
}