/* Minification failed. Returning unminified contents.
(94,17): run-time error CSS1038: Expected hex color, found '#fffff'
 */
/*
Elastic CSS Framework
Released under the MIT, BSD, and GPL Licenses.
More information http://elasticss.com

@author     Fernando Trasvi–a (@azendal)
@core team  Sergio de la Garza (@sgarza), Javier Ayala (@javi_ayala)
*/
.unit:after, .container:after, .columns:after, .column:after, .clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.unit, .container, .columns, .column, .clearfix {
    display: block;
    *zoom: 1;
    *display: inline-block;
}

.full-height {
    display: block;
}

.same-height {
    display: block;
}

.elastic-height {
    height: 0;
}

.horizontal-center {
    margin: 0 auto;
}

.vertical-center { /* margin:auto 0; */
    display: block;
}

.center { /* margin:auto */
    margin: 0 auto;
}

.column {
    float: left;
}

    .column.final {
        display: block;
    }

    .column.fixed {
        width: auto;
    }

    .column.elastic {
        display: block;
    }

.inverted > .column, .inverted > .container > .column {
    float: right;
}

.on-2.columns > .column:not(.fixed), .on-2.columns > .container > .column:not(.fixed) {
    width: 50%;
}

.on-3.columns > .column:not(.fixed), .on-3.columns > .container > .column:not(.fixed) {
    width: 33.33%;
}

.on-3.columns > .column.span-2, .on-3.columns > .container > .column.span-2 {
    width: 66.66%;
}

.on-4.columns > .column:not(.fixed), .on-4.columns > .container > .column:not(.fixed) {
    width: 25%;
}

.on-4.columns > .column.span-2, .on-4.columns > .container > .column.span-2 {
    width: 50%;
}

.on-4.columns > .column.span-3, .on-4.columns > .container > .column.span-2 {
    width: 75%;
}

body {
    margin: 0;
    padding: 0;
    background: #fffff;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: #5c5c5c;
}

#encabezado {
    display: block;
    width: 696px;
    height: 122px;
    background: url("../Images/sprite-header.png") no-repeat 0 0;
}

    #encabezado h1 {
        display: none;
    }

#btnCerrarSesion {
    display: block;
    float: right;
    background-color: #fff;
    width: 132px !important;
    border: none;
    padding: 0px;
}

#menu_encabezado {
    padding: 20px 0 10px 0;
}

#borde-inferior {
    padding-top: 1px;
    border-bottom: 1px solid #e0e0e0;
    height: 1px;
    width: 100%;
}

#menu_encabezado .dxb {
    background: url("../Images/sprite-header.png") no-repeat;
    height: 17px;
    width: 10px;
    padding-left: 30px;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
    line-height: 22px;
}

#menu_encabezado #btnBansiCom {
    display: none;
    //padding-top: 70px;
    background: #fff;
    border: none;
    margin-top: 70px;
    width: 112px;
}

    #menu_encabezado #btnBansiCom .dxb {
        width: 80px;
        background-position: 0 -172px;
        border: none;
    }

    #menu_encabezado #btnBansiCom:hover .dxb {
        background-position: 0px -196px;
        color: #fff;
    }

#menu_encabezado #cerrar_sesion {
    display: none;
    padding-top: 0px;
    padding: 0px !important;
    margin-top: 72px;
    border: none;
}

#menu_encabezado #btnCerrarSesion .dxb {
    width: 102px;
    background-position: -110.5px -171px;
    height: 19px;
    background-color: #fff;
    padding-right: 0px;
    margin-right: 0px;
}

    #menu_encabezado #btnCerrarSesion .dxb .dx-vat {
        line-height: 100%;
        padding: 5px 0;
        text-decoration: inherit;
        border: none;
    }

#menu_encabezado #btnCerrarSesion:hover .dxb .dx-vat {
    line-height: 100%;
    padding: 2px 0;
    text-decoration: inherit;
    border: none;
}

#menu_encabezado #btnCerrarSesion:hover .dxb {
    background-position: -110px -196px;
    color: #fff;
    margin-top: 3px;
}

#menu_encabezado #btn_contacto {
    float: left;
    display: none;
    padding-top: 70px;
}

    #menu_encabezado #btn_contacto a {
        display: block;
        width: 36px;
        height: 30px;
        background: url("../Images/sprite-header.png") no-repeat -263px -172px;
    }

.wrapper {
    margin: 0 auto;
    width: 980px;
    height: 100%;
}

.columna {
    float: left;
}

#menu_izquierda, .iframe-menu {
    width: 284px;
    height: 100%;
}

#contenido_central, .iframe-contenido, .iframe-encabezado {
    width: 696px;
}

#frameEncabezado {
    height: 135px;
}

.iframe-contenido, .iframe-menu, iframe-encabezado {
    display: block;
    border: 0;
}

/* Estilos loading panel */

#loadingIcon {
    position: absolute;
    top: 9px;
    left: 15px;
    width: 32px;
    height: 32px;
    background: url("../Images/loadingPanel.gif") no-repeat;
}

#loadingPanel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#loadingPanelOverlay {
    height: 100%;
    position: relative;
    top: 0px;
    width: 100%;
    z-index: 99998;
    background: url("../Images/semi-transprent-bkgd.png") repeat;
    display: none;
}

#loadingContainerIcon {
    background: #A9A9A9;
    border-radius: 10px;
    display: block;
    height: 50px;
    left: 50%;
    opacity: 0.65;
    position: absolute;
    top: 40%;
    width: 60px;
}
