/***********************************************************************************************************
    CSS Para CABECERA del Aplicativo
************************************************************************************************************/
/*--------------------------------------------------------------------------------
    Logo - Idioma
---------------------------------------------------------------------------------*/
header.cabecera {
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

    header.cabecera hr {
        margin: 5px 0 5px 0;
        padding: 0;
    }

    header.cabecera img {
        /*Tamaño de la Imagen Original 2125 * 591*/
        width: 300px;
        display: block;
        max-width: 100%;
        height: auto;
    }

header label.descSPRI {
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
}

header.cabecera button.Idioma {
    text-transform: uppercase;
    background-color: transparent;
    border: 0;
}

    header.cabecera button.Idioma.active {
        color: #D0042B;
    }

header.cabecera div.AtencionCliente {
    text-align: right;
}

    header.cabecera div.AtencionCliente button {
        padding: 10px;
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ededed));
        background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top, white, #ededed) repeat scroll 0 0;
        box-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
        -webkit-box-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
        -moz-box-shadow: 0px 0px 4px rgba(255, 255, 255, 1);
        cursor: pointer;
        color: #A0A0A0;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #cccccc;
        font-size: 1em;
        color: #555555;
        font-weight: bold;
    }

.barraOcultarCabecera {
    width: 100%;
    position: relative;
}

    .barraOcultarCabecera label {
        /*padding-top: 5px;*/
    }

.botonMostrarCabecera {
    background-color: #ededed;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-width: 1px;
    color: #555555;
}

    .botonMostrarCabecera:hover {
        background-color: #D0042B;
        color: white;
    }

/*--------------------------------------------------------------------------------
    Datos de Sesion
---------------------------------------------------------------------------------*/
.datosSesion {
    background-color: #ededed;
}

    .datosSesion h4 {
        margin-top: 5px;
        margin-bottom: 0px;
    }

.dvUsuario {
    text-align: right;
}

.btnDesloguear {
    background-color: transparent;
    border: none;
}

/**********************************************************************************
    ESTILOS RESPONSIVE CABECERA
**********************************************************************************/
/*    ESTILOS LG    */
@media all and (min-width: 1200px) {
}

/*    ESTILOS MD    */
@media all and (max-width: 1199px) {
}

/*    ESTILOS SM    */
@media all and (max-width: 991px) {
    /*--------------------------------------------------------------------------------
        Logo - Idioma
    ---------------------------------------------------------------------------------*/
    header label.descSPRI {
        font-stretch: ultra-condensed;
        font-size: smaller;
        text-align: left;
        font-size: smaller;
    }

    header.cabecera button.Idioma {
        font-size: smaller;
        font-stretch: ultra-condensed;
    }

    div.AtencionCliente {
        font-size: smaller;
        font-stretch: ultra-condensed;
    }
}

/*    ESTILOS XS    */
@media all and (max-width: 767px) {
    /*--------------------------------------------------------------------------------
        Logo - Idioma
    ---------------------------------------------------------------------------------*/
    header.cabecera img {
        /*Tamaño de la Imagen Original 2125 * 591*/
        width: 150px;
    }

    header.cabecera div.AtencionCliente {
        text-align: left;
    }

        header.cabecera div.AtencionCliente button {
            padding: 2px;
        }
}

/*    ESTILOS XXS MUY PEQUEÑO    */
@media all and (max-width: 270px) {
}