/*region1---------------------------------------------------------------------------*/

/*.modulo {
    float: left;
    
    width: 100px;
    height: 90px;
    margin: 1px;
    padding: 0;
    cursor: pointer;
}

    .modulo img {
        padding: 4px 4px 5px 4px;
        width: 90px;
        height: 80px;
        position: relative;
        margin: 1px;
    }

    .modulo h3 {
        margin: 0;
        padding: 3px 5px 0 0;
        max-width: 96px;
        overflow: hidden;
        line-height: 1.1em;
        font-size: .7em;
        font-weight: normal;
        text-transform: uppercase;
        color: #999;
    }

    .modulo p {
        visibility: hidden;
    }

    .modulo:hover p {
        visibility: visible;
        position: absolute;
        width: 98px;
        height: 90px;
        top: 0;
        margin: 1px;
        padding: 0;
        line-height: 90px;
        letter-spacing: normal;
        vertical-align: middle;
        max-width: 98px;
        word-wrap: break-word;
        text-align: center;
        color: #fff;
        font-size: .7em;
        background-color: rgba(0,200,120,0.35);
        -moz-transition: background .2s linear, color .2s linear;
        -webkit-transition: background .2s linear, color .2s linear;
        -o-transition: background .2s linear, color .2s linear;
    }*/

/*ul.k-panelbar, ul.k-panelbar .k-group, ul.k-panelbar .k-content, ul.k-panelbar .k-link {
    border-width: 0;
}

    ul.k-panelbar .k-group .k-link {
        font-family: Calibri;
        font-size: small;
    }

.k-panelbar .k-header {
    font-family: Calibri;
    font-size: medium;
}*/

/*region2---------------------------------------------------------------------------*/




.bs-cabecera {
    position: absolute;
    top: 13px;
    height: 50px;
    width: 100%;
    background: blue;
    color: #003f59;
    font-family: Calibri;
    font-size:14px;
}

.bs-cuerpo {
    position: absolute;
    top: 82px;
    left: 0px;
    width: 100%;
}

/*.bs-panel-principal {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: yellow;
}

.bs-panel-derecho {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background: red;
    overflow: hidden;
}

.bs-panel-inferior {
    position: absolute;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: green;
    overflow: hidden;
}

.bs-box {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    background: white;
}*/

/*.bs-tabs {
            position: absolute;
            top: 0px;
            left: 0px;
            right: 0px;
            height: 30px;
            overflow: auto;
            background: pink;
        }

        .bs-frames {
            position: absolute;
            top: 30px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            overflow: auto;
            background: orange;
        }*/

        .bs-frame {
            
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            height: 100%;
            width: 100%;
            overflow: hidden;
            overflow-x: hidden;
            overflow-y: hidden;
            border: none;
        }

/*region3---------------------------------------------------------------------------*/

.k-tabstrip-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    background: blue;
}

.bs-tabstrip {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    border-width: 0px 1px 1px 1px;
}
    
#tabstrip .k-content {
    padding: 0;
}

/*
.bs-tab {
    position: relative;
    top: 0px;
    left: 0px;
    border: none;
    height: 14px;
    width: 140px;
    max-width: 140px;
}

.bs-tab-close {
    position: absolute;
    height: 14px;
    width: 14px;
    top: 0px;
    right: -8px;
    color: blue;
    text-align: center;
    line-height: 14px;
}

.bs-close-tab {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 27px;
    width: 33px;
    cursor: pointer;
    background-image: url('../Imagenes/Comun/closeTab.png');
}

.k-tabstrip-items {
    z-index: 1;
    white-space: nowrap;
    width: 95%;
    height: 27px;
    overflow-y: hidden;
    font-family: Calibri;
    font-size: small;
}

    .k-tabstrip-items .k-state-default .k-link {
        color: #003f59;
        font-size: small;
        font-family: Calibri,sans-serif;
    }*/

/*region4---------------------------------------------------------------------------*/

/*.bs-menu {
    position: fixed;
    top: 87px;
    bottom: 10px;
    width: 0px;
    z-index: 3;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    overflow: hidden;
}



.bs-menu-derecha {
    right: 0px;
    background: red;
}

.bs-menu-content {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    background: yellow;
    overflow: auto;
}

.bs-menu-test {
    background: grey;
    height: 100%;
    width: 220px;
}



*/


/*.bs-menu-izquierda {
    left: 0px;
    background: blue;
}*/

/*region5---------------------------------------------------------------------------*/

.bs-panel-display {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 300px;
    background: yellow;
    z-index: 1 !important;
}

.bs-panel-display-izquierda {
    left: 0px;
}

.bs-panel-display-derecha {
    right: 0px;
}

/*region6---------------------------------------------------------------------------*/

body {
    font-family: Calibri;
}

/*.bs-tab-panel-izquierdo {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 40px;
    width: 25px;
    background: #13688c;
    color: white;
    cursor: pointer;
}

.bs-tab-panel-derecho {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    width: 25px;
    background: #13688c;
    color: white;
    cursor: pointer;
}*/

.bs-logo {
    position: absolute;
    top: 0px;
    left: 60px;
    height: 50px;
    width: 125px;
    background: white;
    background: url(../Imagenes/Login/DGRV_logo3.jpg) no-repeat;
    background-size: contain;
}

/*#btnSubModulos, #btnSubModulosDerecha {
    position: fixed;
    text-align: left;
    top: 25px;
    z-index: 1;
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
    visibility: hidden;
}

#btnSubModulos {
    left: 20px;
}

#btnSubModulosDerecha {
    right: 16px;
}*/

.botonMenuModulo {
    background: url(../../Content/Imagenes/Portal/menu-options.png) no-repeat 50% center;
    cursor: pointer;
    background-color: white;
    border-radius: 0%;
    border-width: 0px;
}

.bs-moludo-panel {
    background-color: #fff !important;
    outline: 1px solid #a3d0e4;
}

.bs-moludo-panel {
    position: fixed;
    top: 0;
    display: none;
    height: 94px;
    z-index: 2;
    left: 36%
}

.bs-nombre-pais {
    position: absolute;
    top: 2px;
    left: 185px;
    height: 24px;
    width: 70px;
    background: white;
}

.bs-bandera-pais {
    position: absolute;
    top: 8px;
    left: 218px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/ec.png) no-repeat;
    background-size: contain;
}

/*#region revisar (usar herencia) */

.bs-bandera-pais-co {
    position: absolute;
    top: 4px;
    left: 243px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/co.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-ec {
    position: absolute;
    top: 4px;
    left: 236px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/ec.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-mx {
    position: absolute;
    top: 4px;
    left: 230PX;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/mx.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-py {
    position: absolute;
    top: 4px;
    left: 242px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/py.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-br {
    position: absolute;
    top: 4px;
    left: 220px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/br.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-do {
    position: absolute;
    top: 4px;
    left: 250px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/do.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-pr {
    position: absolute;
    top: 4px;
    left: 255px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/pr.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-pe {
    position: absolute;
    top: 4px;
    left: 215px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/pe.png) no-repeat;
    background-size: contain;
}
.bs-bandera-pais-cr {
    position: absolute;
    top: 4px;
    left: 248px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/cr.png) no-repeat;
    background-size: contain;
}


.bs-bandera-pais-us {
    position: absolute;
    top: 4px;
    left: 236PX;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/us.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-en {
    position: absolute;
    top: 4px;
    left: 248px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/en.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-sv {
    position: absolute;
    top: 4px;
    left: 252px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/sv.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-gt {
    position: absolute;
    top: 4px;
    left: 252px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/gt.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-ni {
    position: absolute;
    top: 4px;
    left: 250px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/ni.png) no-repeat;
    background-size: contain;
}

.bs-bandera-pais-hn {
    position: absolute;
    top: 4px;
    left: 246px;
    width: 20px;
    height: 15px;
    background: url(../Imagenes/Paises/hn.png) no-repeat;
    background-size: contain;
}

/*#endregion */

.bs-sesion {
    position: absolute;
    top: 35px;
    right: 0px;
    width: 280px;
    background: white;
    height:20px;
}

.bs-salir {
    position: absolute;
    right: 0px;
    width: 80px;
    height: 20px;
    background: white;
    font-size: 14px;
}

.bs-clave {
    position: absolute;
    right: 80px;
    width: 200px;
    height: 14px;
    background: white;
    font-size: 14px;
}

.bs-usuario {
    top: 35px;
    position: absolute;
    bottom: 8px;
    left: 300px;
    width: 300px;
    height: 14px;
    background: white;
    font-size: 14px;
    cursor: default;
}

.bs-info {
    top: 35px;
    position: absolute;
    bottom: 8px;
    right: 280px;
    width: 200px;
    height: 14px;
    background: white;
    font-size: 14px;
}

.bs-link {
    color: #136c9a;
    cursor: pointer;
    text-decoration: none !important;
}

.bs-inicio-logo-box {
    position: absolute;
    height: 111px;
    width: 455px;
}

/*region6---------------------------------------------------------------------------*/

.bs-cabecera {
    background: #fff;
}

/*.bs-panel-principal {
    background: #fff;
}

.bs-panel-derecho {
    background: #fff;
}

.bs-panel-inferior {
    background: #fff;
}

.bs-box {
    background: #fff;
}

.k-tabstrip-wrapper {
    background: #fff;
}

.bs-menu {
    background-color: #fff !important;
    outline: 1px solid #a3d0e4;
}

.bs-menu-izquierda {
    background: transparent;
}

.bs-menu-derecha {
    background: transparent;
}

.bs-menu-content {
    background: #daecf0;
}

.bs-menu-test {
    background: transparent;
}



.bs-panel-display {
    background: #fff;
}*/

.bs-moludo-boton {
    left: 50%;
    position: fixed;
    top: 1em;
    height: 20px;
    width: 20px;
    background: red;
    z-index: 2;
    color: rgb(43, 138, 190);
}

    /*.bs-moludo-boton button {
        height: 20px;
        width: 20px;
        background: url(../Imagenes/Portal/nav_down_blue.png) no-repeat 50% top;
        cursor: pointer;
        border: none;
    }*/

.bs-moludo-boton {
    background: transparent;
}


.bs-nombre-pais {
    background: #fff;
}

.bs-sesion {
    background: #fff;
}

.bs-salir {
    background: #fff;
}

.bs-clave {
    background: #fff;
}

.bs-usuario {
    background: #fff;
}

.bs-info {
    background: #fff;
}


/*

    Pagina Inicio .css

*/


body {
}

.clase-tabla-cabecera {
    padding: 0;
    margin: 0;
    border: 0;
    border-collapse: collapse;
    position: absolute;
    top: -8px;
    width: 100%;
}

.clase-tabla-contenedor {
    border-collapse: collapse;
    width: 100%;
}

    .clase-tabla-contenedor th, td {
        padding: 0;
        margin: 0;
    }

.btnCerrarTodo {
    /*background: url('../../Content/Imagenes/Portal/tabCloseAll.png') no-repeat 50% top;*/
    height: 20px;
    width: 18px;
    border: none;
    cursor: pointer;
    z-index: 3;
    position: relative;
    top: -16px;
}

.btnCerrar {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    width: 13px;
    height: 13px;
    position: relative;
    top:-2px;
    right: -10px;
    color:#136c9a;
}

.btnCerrarHover {
    background: url('../../Content/Imagenes/Portal/tabCloseHover.png') no-repeat 50% top;
    height: 20px;
    width: 18px;
    border: none;
    cursor: pointer;
}

/*.botonMenuModulo {
    background: url('../../Content/Imagenes/Portal/window_sidebar.png') no-repeat 50% center;
    cursor: pointer;
    background-color: #136c9a;
    border: 2px solid;
    border-style: solid;
    border-color: #136c9a;
    border-width: 4px 4px 4px 4px;
    -moz-border-radius: 50%;
    border-radius: 50%;
}*/


/*.bs-menu {
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}*/

.botonModulo {
    background: url('../../Content/Imagenes/Portal/nav_down_blue.png') no-repeat 50% top;
    height: 20px;
    width: 18px;
    border: none;
    cursor: pointer;
}

.CeldaEncabezado {
    width: 25px;
    height: 3px;
    background-color: #FFFFFF;
    font-family: Calibri;
    font-size: .9em;
}

.CeldaSesion {
    width: 20px;
    font-family: Calibri;
    font-size: 1em;
}

.CeldaEncabezadoTextos {
    width: 100%;
    height: 3px;
    background-color: #FFFFFF;
    font-family: Calibri;
    font-size: .8em;
}

#panelbar {
    width: 230px;
    border-style: none;
    background-color: transparent;
    overflow: auto;
}

#slide-in-handle {
    position: absolute;
    top: 54px;
    left: 230px;
    width: 204px;
    z-index: 2;
    height: 204px;
    margin-left: -230px;
    text-indent: -999em;
    overflow: hidden;
}

#slide-in-share ul {
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2;
    height: 100%;
    text-align: center;
}

#slide-in-share li {
    display: block;
    z-index: 1;
    margin: 0;
}

.modulo {
    float: left;
    /*width: 91px;*/
    width: 100px;
    height: 90px;
    margin: 1px;
    padding: 0;
    cursor: pointer;
}

    .modulo img {
        /*padding-top:6px;*/
        padding: 4px 4px 5px 4px;
        /*width: 80px;*/
        width: 90px;
        height: 80px;
        position: relative;
        margin: 1px;
    }

    .modulo h3 {
        margin: 0;
        padding: 3px 5px 0 0;
        max-width: 96px;
        overflow: hidden;
        line-height: 1.1em;
        font-size: .7em;
        font-weight: normal;
        text-transform: uppercase;
        color: #999;
    }

    .modulo p {
        visibility: hidden;
    }

    .modulo:hover p {
        visibility: visible;
        position: absolute;
        /*width: 90px;*/
        width: 98px;
        height: 90px;
        top: 0;
        margin: 1px;
        padding: 0;
        line-height: 90px;
        letter-spacing: normal;
        vertical-align: middle;
        /*max-width:90px;*/
        max-width: 98px;
        word-wrap: break-word;
        text-align: center;
        color: #fff;
        font-size: .7em;
        background-color: rgba(0,200,120,0.35);
        -moz-transition: background .2s linear, color .2s linear;
        -webkit-transition: background .2s linear, color .2s linear;
        -o-transition: background .2s linear, color .2s linear;
    }

/*.k-tabstrip-items {
    z-index: 1;
    white-space: nowrap;
    width: 95%;
    height: 27px;
    overflow-y: hidden;
    font-family: Calibri;
    font-size: small;
    padding: 0.7em .3em 0;
}*/

    /*.k-tabstrip-items .k-state-default .k-link {
        color: #003f59;
        font-size: small;
        font-family: Calibri,sans-serif;
    }*/










ul.k-panelbar, ul.k-panelbar .k-group, ul.k-panelbar .k-content, ul.k-panelbar .k-link {
    border-width: 0;
}

    ul.k-panelbar .k-group .k-link {
        font-family: Calibri;
        font-size: small;
    }

.k-panelbar .k-header {
    font-family: Calibri;
    font-size: medium;
}

#tabstrip #close1 {
    background-repeat: no-repeat;
    background-position: right;
    width: 13px;
    height: 13px;
    position: relative;
    right: -10px;
    padding-right: 0px;
}

#CabeceraTmp {
    min-width: 1230px;
    width: 100%;
}

#panel {
    background-color: #daecf0;
}

.enlaceCabecera {
    color: #136c9a;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

    .enlaceCabecera:hover {
        color: #85b2d3;
    }

li.ui-menu-item {
    list-style-type: none;
}

.clase-td-logo {
    width: 574px;
}