@import url(telerik.css);
/* CONTROLES BASICOS */
* {
    font-family: Verdana !important;
}
body, html {
    margin: 0;
    padding: 0;
    font-family: Verdana !important;
    font-size: 12px !important;
    font-weight: 100;
    color: #1b1b1b !important;
    background: #ffffff;
}
input::placeholder {
    color: grey;
}
textarea {
    padding-left:3px !important
}

div {
    display: block;
}

span, label {
    display: inline-block;
    vertical-align: top;
    line-height: normal;
}

a {
    display: inline-block;
    vertical-align: top;
    width: auto;
}

hr {
    height: 1px;
    margin: 4px 0;
    border: none;
}

h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    font-weight: 100;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

img {
    margin: 0;
    padding: 0;
    display: inline-block;
    height: auto;
    border: none;
}

table {
    white-space: normal;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-variant: inherit;
    font-style: inherit;
    color: inherit;
    text-align: inherit;
}


/* CONTENEDORES */
.contenedor {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.seccion {
    display: inline-block;
    height: auto;
}

.form-titulo {
    display: block;
    height: 45px;
    background-color: #a9b586;
    color: #FFFFFF;
    line-height: normal;
}

    .form-titulo > span:first-child {
        padding-left: 15px;
    }

.cont-comandos {
    display: block;
    height: auto;
    height: 30px;
}

.enc-session {
    padding-left: 20px;
    margin-bottom: 5px;
    background-color: #d7cfab;
    border-bottom: 1px solid #a1704d;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    color: #775e3c;
}

.contenedor-botones {
    bottom: 5px;
    position: absolute;
    right: 5px;
}

.label-space {
    padding-top: 4px;
}

.mrl-seccion {
    display: inline-block;
    width: 245px;
    height: 228px;
    margin: 1px;
    padding: 2px;
    color: inherit;
    text-decoration: none;
    background-position: center 30px;
    cursor: pointer;
}

    .mrl-seccion:hover {
        background-color: #e5e5e5;
    }

    .mrl-seccion span {
        /*height:60px;*/
        font-size: 18px;
    }

    .mrl-seccion img {
        width: 128px;
        height: 128px;
    }

    .mrl-seccion .nube-info {
        position: relative;
        width: 50px;
        height: 50px;
        background-image: url('../Img/burbuja-comentario.png');
        background-size: 40px;
        background-repeat: no-repeat;
    }

        .mrl-seccion .nube-info span {
            position: absolute;
            width: 20px;
            height: 20px;
            font-size: 14px;
            color: #FFFFFF;
            background-color: #0094ff;
            border-radius: 18px;
        }

.mrl-seccion-costo-laboral {
    display: inline-block;
    /*width: 300px;
    height: 205px;*/
    margin: 10px;
    padding: 10px;
    color: inherit;
    text-decoration: none;
    background-position: center 30px;
    cursor: pointer;
    text-align:center;
}

    .mrl-seccion-costo-laboral:hover {
        background-color: #e5e5e5;
    }

    .mrl-seccion-costo-laboral span {
        /*height:60px;*/
        font-size: 22px;
    }

    .mrl-seccion-costo-laboral img {
        width: 128px;
        height: 128px;
    }

    .mrl-seccion-costo-laboral .nube-info {
        position: relative;
        width: 50px;
        height: 50px;
        background-image: url('../Img/burbuja-comentario.png');
        background-size: 40px;
        background-repeat: no-repeat;
    }

        .mrl-seccion-costo-laboral .nube-info span {
            position: absolute;
            width: 20px;
            height: 20px;
            font-size: 14px;
            color: #FFFFFF;
            background-color: #0094ff;
            border-radius: 18px;
        }
.info-top-sec {
    margin-right: 5px;
    padding: 5px;
    background: url('../img/bg-info-top-sec.png') repeat-x left top;
    border-radius: 4px;
    user-select: none;
}

    .info-top-sec:last-child {
        margin-right: 0;
    }

/* POSICIONES */
.absoluta {
    position: absolute;
}

.relativa {
    position: relative;
}

.exacta {
    position: fixed;
}


/* ALINEACIONES */
.centrado {
    margin-left: auto;
    margin-right: auto;
}

.derecha {
    float: right;
}

.izquierda {
    float: left;
}

.texto-derecha {
    text-align: right;
}

.texto-izquierda {
    text-align: left;
}

.texto-centrado {
    text-align: center;
}

.texto, .combo {
    margin: 0;
    display: inline-block;
    border: 1px solid #CCCCCC;
    vertical-align: top;
    font-family: Verdana;
    font-size: inherit;
    resize: none;
    height: 26px !important;
    padding: 0!important;
}

.texto-full, .combo-full {
    margin: 0;
    padding:0 0 0 0px !important;
    display: block;
    border: 1px solid #CCCCCC !important;
    vertical-align: top;
    font-family: Verdana!important;
    font-size: 12px !important;
    font-size: inherit;
    resize: none;
    width: 100%;
    height: 26px !important;
    -webkit-appearance: field;
    appearance: field;
}

/* ESPACIOS */
.espacio1 {
    padding: 1px
}

.espacio2 {
    padding: 2px
}

.espacio3 {
    padding: 3px
}

.espacio5 {
    padding: 5px
}

.espacio8 {
    padding: 8px
}

.espacio10 {
    padding: 10px
}

.espacio15 {
    padding: 15px
}

.espacio20 {
    padding: 20px
}

.espacio25 {
    padding: 25px
}


/* CONTENEDORES
.contenedor { display:block; height:auto;  }
.session { display:inline-block; height:auto; padding:1px; vertical-align:top; }
.cont-comandos { display:block; height:auto; height:30px; }
.enc-session {
    padding-left:20px;
    margin-bottom:5px;
    background-color:#d7cfab;
    border-bottom:1px solid #a1704d;
    font-size:15px;
    font-weight:600;
    line-height:26px;
    color:#775e3c;
}
.label-space { padding-top:4px; }
		 */

/* ANCHOS */
.anchototal {
    width: 100%;
}

.ancho75 {
    width: 75px;
}

.ancho100 {
    width: 100px;
}

.ancho125 {
    width: 125px;
}

.ancho150 {
    width: 150px;
}

.ancho175 {
    width: 175px;
}

.ancho200 {
    width: 200px;
}

.ancho250 {
    width: 250px;
}

.ancho300 {
    width: 300px;
}

.ancho350 {
    width: 350px;
}

.ancho400 {
    width: 400px;
}

.ancho450 {
    width: 450px;
}

.ancho500 {
    width: 500px;
}

.ancho550 {
    width: 550px;
}

.ancho600 {
    width: 600px;
}

.ancho650 {
    width: 650px;
}

.ancho700 {
    width: 700px;
}

.ancho750 {
    width: 750px;
}

.ancho800 {
    width: 800px;
}

.ancho850 {
    width: 850px;
}

.ancho900 {
    width: 900px;
}


/* BORDES */
.borde {
    border: 1px solid #888888;
}

.bd-redondo {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.bd-gris-x1 {
    border: 1px solid #FAFAFA
}

.bd-gris-x2 {
    border: 1px solid #D8D8D8
}

.bd-gris-x3 {
    border: 1px solid #848484
}

.bd-gris-x4 {
    border: 1px solid #585858
}

.bd-gris-x5 {
    border: 1px solid #aaaba7
}


/* COLORES DE LETRA */
.blanco {
    color: #FFFFFF !important;
}

.blanco-x2 {
    color: #fbf9f7 !important;
}

.negro {
    color: #000000;
}

.rojo {
    color: #c70505;
}

.marron-x1 {
    color: #F1EDD6
}

.marron-x2 {
    color: #8e8661
}

.marron-x3 {
    color: #58533D
}

.gris-x1 {
    color: #FAFAFA
}

.gris-x2 {
    color: #D8D8D8
}

.gris-x3 {
    color: #848484
}

.gris-x4 {
    color: #585858
}

.naranja-x2 {
    color: #f55d0c;
}
.amarillo-x1 {
    color: #f1edd6 !important;
}

.amarillo-x2 {
    color: #e8e8a8 !important;
}

.amarillo-x3 {
    color: #f4f4d5 !important;
}

.bg-verde-x2 {
    background-color: #aade0b;
}

/* COLORES DE FONDO */
.bg-blanco {
    background-color: #FFFFFF;
}

.bg-marron-x1 {
    background-color: #F1EDD6
}

.bg-gris-x1 {
    background-color: #FAFAFA
}

.bg-gris-x2 {
    background-color: #D8D8D8
}

.bg-gris-x3 {
    background-color: #848484
}

.bg-gris-x4 {
    background-color: #585858
}

.bg-gris-x5 {
    background-color: #aaaba7;
}

.bg-rojo-x1 {
    background-color: #e28686
}

.bg-rojo-x2 {
    background-color: #c70505;
}

.bg-rojo-x3 {
    background-color: #a90000;
}

.bg-azul-x2 {
    background-color: #dde2e8 !important;
}

.bg-amarillo-x1 {
    background-color: #f1edd6 !important;
}

.bg-amarillo-x2 {
    background-color: #e8e8a8 !important;
}

.bg-amarillo-x3 {
    background-color: #f4f4d5 !important;
}

.bg-verde-x2 {
    background-color: #aade0b;
}

.bg-verde-x3 {
    background-color: #7b9e0e;
}

/*COLOERES DE LETRAS*/
.azul {
    color: #12A7E1 !important;
}

.azul-x2 {
    color: #0094A5 !important;
}

/* BOTONES */
.btn-adjuntar{
    background-color:silver;
    color:black;
    font-weight:bold;
}
.btn-close {
    display: inline-block;
    margin-bottom: 12px;
    width: 40px;
    height: 18px;
    cursor: pointer;
    margin-top: 0px;
}

.btn-fin-form {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 16px;
    cursor: pointer;
    top: 1px;
    left: -160px;
    right: 122px;
}

.btn-volver {
    font-size: 16px;
    text-decoration: none;
    color: #0094ff;
}

.boton {
    background: #eee;
    background-image: -webkit-linear-gradient(top,#eee,#9d9c9c);
    background-image: -moz-linear-gradient(top,#eee,#9d9c9c);
    background-image: -o-linear-gradient(top,#eee,#9d9c9c);
    background-image: linear-gradient(to bottom,#eee,#9d9c9c);
    border: 1px solid #888;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 2px 6px 3px;
    color: ButtonText;
    font-weight: normal;
    text-decoration: none;
}


/* CAJAS DE TEXTO */
input[type='text'], select {
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 1px !important;
    resize: none;
    font-family: Verdana !important;
    font-size: 12px !important;
    font-weight: normal;
    color: #1b1b1b !important;
}

select {
    padding: 2px 0;
}

    input[type='text']:disabled, textarea:disabled, select:disabled {
        color: inherit !important;
    }

.txt {
    margin: 0;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    resize: none;
    font-family: Verdana;
    font-size: 13px !important;
    font-weight: lighter;
    color: #1b1b1b !important;
}
/* Aplica el mismo estilo a los controles de fecha de telerik que a los demas de ASP */
.RadInput_Default .riTextBox, html body .RadInputMgr_Default {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    height: 22px;
    font-family: Verdana;
    font-size: 12px !important;
    font-weight: lighter;
    color: #1b1b1b !important;
}

.no-valido {
    border: 1px solid #c70505 !important;
    box-shadow: inset 0 0 5px 1px #ff0000;
}

/* CHECKBOX */
label[for=chkLee], label[for=chkEscribe], label[for=chkHabla], label[for=chkGlobal] {
    padding: 0 0 0 5px;
    font-family: Verdana;
    font-size: 11px !important;
    font-weight: lighter;
    color: #1b1b1b !important;
}
/* RADIO BUTTON TELERIK */
.rbText {
    padding-top: 4px;
}

.grid, .pager-footer {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 1px solid #b3ac8f;
    border-collapse: collapse;
}

    .grid span {
        margin: 0;
        padding: 0;
    }

    .grid th {
        padding: 5px 8px;
        background-color: #D7CFAB;
        border: 1px solid #b3ac8f;
        font-weight: 600;
        text-align: center;
    }

.grid-t th {
    padding: 5px 8px;
    background-color: #f5f5f5;
    border: 1px solid #b3ac8f;
    font-weight: 600;
    text-align: center;
}

.grid th a {
    color: inherit !important;
}

    .grid th a:hover, .grid-header a:hover {
        color: #0080FF !important;
    }

.grid td {
    padding: 5px;
    border-top: 1px solid #b3ac8f;
    border-bottom: 1px solid #b3ac8f;
    border-left: none;
    border-right: none;
}

    .grid td img, .grid td input[type="image"] {
        cursor: pointer;
        width: 25px;
        padding: 3px;
    }

        .grid td img:disabled, .grid td input[type="image"]:disabled {
            cursor: default;
            width: 16px;
            margin-top: 5px;
        }

.grid .alt {
    background-color: #F1EDD6;
    cursor: default !important;
}

.grid-t .alt {
    background-color: #f5f5f5;
    cursor: default !important;
}

.grid .sel {
    background-color: #d0effb;
}

.grid .footer {
    background-color: #EEEEEE;
    font-weight: 600;
    text-align: right;
}

    .grid .footer:hover {
        background-color: #EEEEEE;
    }

.grid .alt-gris {
    background-color: #F5F5F5;
}


.pager-footer tr {
    /*background-color: #EEEEEE;*/
    color: inherit;
}

    .pager-footer tr td {
        padding: 0;
        width: 50%;
        text-align: left;
    }

        .pager-footer tr td:last-child {
            padding: 3px 8px;
            text-align: right;
        }

.pager-footer td a {
    margin: 0;
    padding: 3px 8px;
    text-decoration: none;
    text-align: center;
    color: #191919;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

    .pager-footer td a:hover {
        background-color: #FFFFFF;
    }


/* UPDATE PANEL Y UPDATE PROGRESS */
.cont-prog {
    position: absolute;
    z-index: 10000;
    display: block;
    height: 99%;
    width: 120%;
    background-color: rgba(255,255,255,0.4);
    top: 1px;
    left: -2px;
}
.progreso {
    position: absolute;
    z-index: 100001;
    top: 50%;
    left: 50%;
    width: 150px;
    margin-top: -32px;
    margin-left: -82px;
    padding: 15px 15px 15px 50px;
    border: 2px solid #00C000;
    background-color: #F9F9F9;
    color: inherit;
    font-size: 14px;
    background-image: url('../img/ajax-loader.gif');
    background-position: 5px center;
    background-repeat: no-repeat;
    border-radius: 5px
}

.progreso-x1 {
    position: absolute;
    z-index: 100001;
    top: 50%;
    left: 50%;
    width: 100px;
    margin-top: -22px;
    margin-left: -82px;
    padding: 10px 15px 10px 50px;
    border: 2px solid #00C000;
    background-color: #F9F9F9;
    color: inherit;
    font-size: 14px;
    background-image: url('../img/ajax-loader.gif');
    background-position: 5px center;
    background-repeat: no-repeat;
    border-radius: 5px
}

/* OTRAS CLASES */
.mayuscula {
    text-transform: uppercase;
}

.miniscula {
    text-transform: lowercase;
}

.cursor-flecha {
    cursor: default;
}

.cursor-mano {
    cursor: pointer;
}

.negrita {
    font-weight: 600;
}

.nonegrita {
    font-weight: 100;
}

.sombra {
    box-shadow: 4px 4px 8px #CCC;
}

.sombra_4x {
    box-shadow: 3px 3px 15px #d7cfab;
}

.clearer {
    clear: both;
    width: 100%;
}


.cont-prog {
    position: absolute;
    z-index: 10000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url('../img/bg-progress.png');
    background-repeat: repeat;
}

.cont-prog-fix {
    position: fixed;
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('../img/bg-progress.png');
    background-repeat: repeat;
}

.msg-prog {
    position: absolute;
    z-index: 100001;
    top: 50%;
    left: 50%;
    width: 150px;
    margin-top: -35px;
    margin-left: -50px;
    padding: 15px 15px 15px 50px;
    border: 2px solid #CC6600;
    background-color: #F9F9F9;
    color: inherit;
    font-size: 12px;
    background-image: url('../img/loading.gif');
    background-position: 5px center;
    background-repeat: no-repeat;
}

.boton-help {
    margin: 0;
    padding: 4px 10px;
    border: 1px solid transparent;
    font-size: inherit;
    color: #191919;
    cursor: pointer;
}

    .boton-help:hover {
        background-color: #f1edd6 !important;
        border: 1px solid #9EB45C !important;
    }

.boton, .boton-save, .boton-search, .boton-clear, .boton-xls, .boton-Calculator, .boton-acept, .boton-cancel, .boton-printer, .boton-correo, .boton-salir, .boton-aplicar, .boton-delete, .boton-beneficio, .boton-edit {
    margin: 0;
    padding: 5px 10px;
    border: 1px solid transparent;
    font-size: inherit;
    color: #191919;
    cursor: pointer;
}

.boton-save, .boton-search, .boton-clear, .boton-xls, .boton-Calculator, .boton-acept, .boton-cancel, .boton-printer, .boton-correo, .boton-salir, .boton-aplicar, .boton-delete, .boton-beneficio, .boton-edit {
    padding: 6px 5px 6px 30px;
    border: 1px solid transparent;
    background-color: initial;
    background-repeat: no-repeat;
    background-position: left 5px center;
    background-size: 24px;
}

.boton-close {
    margin: 0 1px;
    padding: 12px 8px;
    border: 1px solid transparent;
    font-size: 15px;
    background-color: #FF0000;
    text-transform: uppercase;
}

    .boton-close:before {
        content: 'X';
        font-family: Verdana;
    }

.boton-save:hover, .boton-search:hover, .boton-acept:hover, .boton-clear:hover, .boton-xls:hover, .boton-Calculator:hover, .boton-printer:hover, .boton-correo:hover, .boton-salir:hover, .boton-aplicar:hover, .boton-delete:hover, .boton-beneficio:hover, .boton-edit:hover {
    background-color: #9EB45C !important;
    border: 1px solid #9EB45C !important;
}

.boton-close:hover {
    border: 1px solid transparent;
    background-color: #FF0000;
    color: #FFFFFF;
    cursor: pointer;
}

.boton-save {
    background-image: url('../img/save64.png');
}

.boton-search {
    background-image: url('../img/find48.png');
}

.boton-clear {
    background-image: url('../img/clear48.png');
}

.boton-xls {
    background-image: url('../img/excel32.png');
}

.boton-Calculator {
    background-image: url('../img/Calculator.png');
}

.boton-acept {
    background-image: url('../img/img_acept16.png');
}

.boton-cancel {
    background-image: url('../img/img_cancel16.png');
}
.boton-printer {
    background-image: url('../img/printer.png');
    background-size: 20px 20px;
}
.boton-correo {
    background-image: url('../img/email.png');
    background-size: 20px 20px;
}
.boton-aplicar {
    background-image: url('../img/aplicar.jpg');
    background-size: 20px 20px;
}
.boton-salir {
    background-image: url('../img/salir.png');
    background-size: 20px 20px;
}
.boton-delete {
    background-image: url('../img/delete.png');
    background-size: 20px 20px;
}
.boton-beneficio {
    background-image: url('../img/beneficios.png');
    background-size: 20px 20px;
}
.boton-edit {
    background-image: url('../img/editar.png');
    background-size: 20px 20px;
}
.barra-botones {
    border-bottom: 1px solid;
    margin-bottom: 5px;
}

/* TAMAÑOS DE FUENTES */
.size20 {
    font-size: 20px;
}

.size25 {
    font-size: 25px;
}

.size30 {
    font-size: 30px;
}

.size40 {
    font-size: 40px;
}

.bg-mensaje-fix {
    position: fixed;
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url('../img/bg-progress.png');
    background-repeat: repeat;
}


.bg-uploader {
    position: relative;
    width: 360px;
    height: 185px;
    top: 50%;
    margin-top: -90px;
    margin-left: auto;
    margin-right: auto;
    background-image: url('../img/bg-add-anexo.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bg-msg {
    position: absolute;
    width: 350px;
    height: 150px;
    top: 50%;
    left: 50%;
    margin-top: -90px;
    margin-left: -175px;
    background-image: url('../img/bg-telerik.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.bg-msg-sol {
    position: absolute;
    width: 350px;
    height: 150px;
    bottom: 25%;
    left: 50%;
    margin-top: -90px;
    margin-left: -175px;
    background-image: url('../img/bg-telerik.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.treeview-menu {
    margin: 0;
    padding: 0;
    position: relative;
}

    .treeview-menu td {
        padding: 2px;
    }

    .treeview-menu a {
        color: inherit;
    }

    .treeview-menu img {
        width: 16px;
    }

.oculto {
    display: none;
}

.reloj {
    width: auto;
    min-width: 260px !important;
    padding: 0 10px 15px 10px;
    font-size: initial;
    text-align: right;
    z-index: 1000;
    right: 10px;
    position: absolute;
    top: 10px;
    font-weight: 400;
}

.centerBlock {
    position: fixed;
    top: 50%;
    left: 50%;
    /*width: 50%;
    height: 200px;*/
    margin: -100px 0 0 -25%;
}

.boton_personalizado {
    text-decoration: none !important;
    text-align: left;
    padding: 6px 5px !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    color: #000000;
    background-color: #EEEEEE;
    border-radius: 6px !important;
    border: 1px solid #acadb1 !important;
}

    .boton_personalizado:hover {
        color: #1883ba;
        background-color: #ffffff;
        font-size: 14px !important;
    }
.rbl-radio label {
    padding:0.5rem;
    display:inline;
}
.RadComboBox table td.rcbInputCell {
    padding: 0px 4px 0px 2px !important;
}
.subTotalGrid {
    background-color: #efe9cf !important;
    color: #371100 !important;
    font-weight: bold !important;
}
.RadWindow_Default {
    background-color:transparent !important;
}