/* CSS v3 */

body
{
    margin: 12px;
    padding: 0;    
    background-color: #e7e7e7;
    background-image: url(../Images/bg.jpg);
    border: solid 1px #333;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#header
{
    height: 115px;
    background-color: #fff;
    margin: 0;
    padding: 0;
    border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
}

#logo
{
    float: left;
    position: relative;
    top: 30px;
}

#sesion
{
    float: right;
    margin: 30px 25px 0 0;
    text-align: right;
}

#usuario
{
    color: #6e6e6e;
    font: 11px Verdana, Arial, sans-serif;
}

#fecha
{
    color: #6e6e6e;
    font: 11px Verdana, Arial, sans-serif;
    margin: 5px 0 5px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

#cerrar_sesion
{
    margin-top: 6px;
}

#ruta_seccion
{
    font: 11px Verdana, Arial, sans-serif;
    color: #4e4e4e;
    position: relative;
    bottom: 0;
    left: 25px;
    clear: both;
    width: 300px;
}

#ticker
{
    height: 40px;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#ticker li
{
    height: 40px;
    font: 11px Verdana, Arial, sans-serif;
    list-style: none;
    color: #6E6E6E;
    padding: 0;
    margin: 0;
}

#h_menu
{
    /*font: 11px Arial, Verdana, sans-serif;
    font-weight: bold;
    overflow: auto;
    background-image: url(../Images/bg_menu.png);
    background-repeat: repeat-x; */
    
     font: 11px Arial, Verdana, sans-serif;
    font-weight: bold;
    overflow: auto;
    background-image: url(../Images/bg_menu.png);
    background-repeat: repeat-x;
    /*background-color: inherit;*/
    background-color: #e7e7e7;
	
}

#h_menu ul
{
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
}

#h_menu li
{
    padding: 0;
    margin: 0;
    float: left;
}

#h_menu a
{
    text-decoration: none;
    color: #272727;
    display: block;
    padding-left: 8px;
    padding-right: 8px;
    height: 19px;
    text-transform: uppercase;
    text-align: left;
    padding-top: 7px;
}

#h_menu a:hover
{
    color: #ff6600;
}

#contenido_seccion
{
    color: #4e4e4e;
    text-align: left;
    background-color: #ffffff;
    margin: 0;
    overflow: auto;
    padding: 10px 4px 110px 4px;
    min-height: 300px;
    height: auto !important;
    height: 300px;
    background-image: url(../Images/logo2.png);
    background-repeat: no-repeat;
    background-position: right bottom;
}

#loginbox
{
    border: 1px solid #ccc;
    width: 400px;
    margin: 30px auto;
    padding: 30px 0;
}

#loginbox div
{
    margin: 10px;
}

#loginbox label
{
    width: 120px;
    float: left;
    color: #333;
    padding: 4px 20px 2px 2px;
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
    text-align: right;
}

#loginbox input
{
    width: 185px;
    font-size: 12px;
    color: #333;
    font-family: Verdana, Arial, Sans-Serif;
    border: 1px solid #666;
}

#loginbox input:focus
{
    border: 1px solid #ff6600;
    background-color: #ffffe0;
}

#loginbox select
{
    width: 185px;
    font-size: 12px;
    color: #333;
    font-family: Verdana, Arial, Sans-Serif;
    border: 1px solid #666;
}

#loginbox select:focus
{
    border: 1px solid #ff6600;
    background-color: #ffffe0;
}

#loginbox button
{
}



.link1
{
    color: #ff6600;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
}
.link1:hover
{
    text-decoration: underline;
}

.link2
{
    color: #666;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Sans-Serif;
    text-decoration: none;
}
.link2:hover
{
    color: #ff6600;
    text-decoration: none;
}

.link3
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

.link4
{
    color: #ff6600;
    font-weight: bold;
    text-decoration: none;
}
.link4:hover
{
    cursor: pointer;
    color: #333;
}







button, .btn2
{
    font-family: Verdana, sans-serif;
    font-size: 12px;
    padding: 3px 10px 3px 10px;
}

#divBotones
{
    margin: 20px 0 20px 0;
}

.tbEnc
{
    font: 11px /*"Lucida Console",*/ Verdana, sans-serif;
    color: #272727;
    border-collapse: collapse;
    background-color: #eaeaeb;
}
/*.tbEnc*/.td1
{
    /*background-color: #eaeaeb;*/
    font-weight: bold;
    padding: 3px 3px 3px 15px;
    text-transform: uppercase;
    border-bottom: solid 1px #d3d3d3;
}
/*.tbEnc*/.td2
{
    /*background-color: #eaeaeb;*/
    font-weight: normal;
    padding: 3px;
    text-transform: uppercase;
    border-bottom: solid 1px #d3d3d3;
}

.tbEnc input, select, textarea
{
    width: 95%;
}

.tbEnc .in
{
    width: auto;
}

input[type="file"]
{
    width: 260px;
}

.titulo2
{
    font: 12px sans-serif;
    font-weight: bold;
    color: #272727;
    text-transform: uppercase;
    letter-spacing: 5px;
    background-color: #eaeaeb;
    background-image: url(css_images/cuadro.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
    padding: 4px 4px 4px 22px;
    margin-bottom: 20px;
}

/* DESHABILITADO POR LAGL POR IMPLMENTACION DE FRAMEWORK BOOTSTRAP*/

h2
{
    font: 12px Sans-Serif, arial, Helvetica;
    margin: 10px 0 20px 0;
    color: #333;
    border-bottom: 1px solid #333;
    text-transform: uppercase;
}
h3
{
    font: 12px Sans-Serif, arial, Helvetica;
    margin: 10px 0 20px 0;
    color: #666;
    border-bottom: 1px solid #666;
    text-transform: uppercase;
    font-weight: bold;
}


.in3
{
    border: 1px solid #ccc;
    padding: 3px;
    text-transform: uppercase;
}
.in3:focus
{
    border: 1px solid #ff6600;
    background-color: #ffffe0;
}

.in4
{
    border: 1px solid #ccc;
    padding: 3px;
    text-transform: uppercase;
}

.td3
{
    padding: 3px;
    text-transform: uppercase;
    margin: 5px 0;
}

.b
{
    font-weight: bold;
}

.i
{
    font-style: italic;
}

.ta1
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
}






























/* OK */*
{
    /*font-size: 12px;*/ /*font-family: "Lucida Console";*/
}





/*a { outline-style: none; outline-width: 0; }*/

#footer
{
    font: 10px Arial, Verdana, sans-serif;
    background-image: url(../Images/bg_footer.jpg);
    height: 24px;
    background-repeat: no-repeat;
    background-position: left 50%;
    clear: left;
    color: #ffffff;
    text-align: right;
    padding-right: 26px;
    padding-top: 11px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}



#informacion
{
    float: left;
    margin-left: 8px;
    padding-left: 36px;
    padding-right: 26px;
}
#columnas
{
    margin-top: 8px;
    width: auto;
    background-image: url(../Images/fondo_contenido.jpg);
    background-color: #FFFFFF;
    overflow: hidden;
    background-repeat: repeat-y;
}




/*-->#cuenta { color: #6e6e6e; font: 12px "Lucida Console", Arial, Helvetica, sans-serif; margin-top:20px; }*/




.titulo_seccion
{
    font: 12px Verdana, Arial, sans-serif;
    color: #092e5e;
    margin: 5px 0 10px 0;
    text-align: left;
    text-transform: uppercase;
}

#centro
{
    text-align: center;
}

/*-->html #centro { text-align: center; width: 100% }*/

#sub_cuadro
{
    line-height: 20px;
    padding-left: 22px;
}


/* TABLAS */

/*borrar pronto, reemplazado por .ht */.header_tabla
{
    font: 11px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    background-color: #eaeaeb;
    padding: 4px;
    text-align: left;
}
/*borrar pronto, reemplazado por .htc */.header_tabla_center
{
    font: 11px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    background-color: #eaeaeb;
    padding: 4px;
    text-align: center;
}
/*borrar pronto, reemplazado por .htr */.header_tabla_right
{
    font: 11px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    background-color: #eaeaeb;
    padding: 4px;
    text-align: right;
}

/*borrar pronto, reemplazado por .td */.filaTabla
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF; /*font-stretch: normal;*/ /*text-align:center;*/
}
/*borrar pronto, reemplazado por .td */.filaTabla_left
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF; /*font-stretch:normal;*/
    text-align: left;
}
/*borrar pronto, reemplazado por .tdc */.filaTabla_center
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF;
    font-stretch: normal;
    text-align: center;
}
/*borrar pronto, reemplazado por .tdr */.filaTabla_right
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF;
    font-stretch: normal;
    text-align: right;
}

.filaTabla_right_BR
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFF0F0;
    font-stretch: normal;
    text-align: right;
}
.filaTabla_right_BY
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FAFAD2;
    font-stretch: normal;
    text-align: right;
}
.filaTabla_right_BG
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #F0FFF0;
    font-stretch: normal;
    text-align: right;
}
.filaTabla_right_R
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #ff0000;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF;
    font-stretch: normal;
    text-align: right;
}
.link_azul
{
    color: #092e5f;
    text-decoration: underline;
}

#caja_1
{
    float: left;
    width: 166px;
}
#caja_2
{
    float: left;
    width: 166px;
    margin-left: 92px;
    margin-right: 92px;
}
#caja_3
{
    float: left;
    width: 166px;
}

/* OK */.fixed
{
    table-layout: fixed;
}



#cuadro_titulo
{
    font: 11px "Lucida Console" , arial, Helvetica, sans-serif;
    color: #272727;
    background-color: #eaeaeb;
    background-image: url(css_images/cuadroGris.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
    padding: 4px 4px 4px 22px;
}
.cuadro_titulo
{
    font: 11px "Lucida Console" , arial, Helvetica, sans-serif;
    color: #272727;
    background-color: #eaeaeb;
    background-image: url(css_images/cuadroGris.gif);
    background-repeat: no-repeat;
    background-position: 3px center;
    padding: 4px 4px 4px 22px;
}

/* OK */.encabezadoLegend
{
    font: 11px "Lucida Console" , arial, Helvetica, sans-serif;
    color: #272727;
    background-color: #eaeaeb;
    padding: 4px 4px 4px 22px;
}




.vineta_naranja
{
    font: 11px Verdana, Arial, sans-serif;
    background-image: url(../Images/bullet.png);
    background-repeat: no-repeat;
    padding-left: 10px;
    color: #3b3b3b;
    text-decoration: none;
    background-position: 0 center;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 20px;
}

.vineta_naranja:hover
{
    color: #ff6600;
    text-decoration: none;
}



#cajas_columnas
{
    float: left;
    margin-top: 14px;
}

.borde_gris
{
    border: solid 1px #e5e5e5;
    padding: 20px;
    margin: 5px 0;
}

.texto
{
    font: 11px "Lucida Console" , arial, Helvetica, sans-serif;
    color: #272727;
}



.btn_enviar
{
    border: solid 1px #d4d4d4;
    padding: 2px 10px;
    font: 11px "Lucida Console" , arial, Helvetica, sans-serif;
    background-image: url(../Images/btn.jpg);
    background-repeat: repeat-x;
    height: 19px;
}
/* DESHABILITADO POR LAGL POR IMPLMENTACION DE FRAMEWORK BOOTSTRAP*/
/*
.btn
{
    border: solid 1px #d4d4d4;
    padding: 2px 10px;
    font: 11px "Lucida Console" , arial, Helvetica, sans-serif;
    background-image: url(../Images/btn.jpg);
    background-repeat: repeat-x;
    height: 19px;
}
*/

/*Escalar imagen semáforo*/
#semaforo
{
    height: 20px;
    vertical-align: middle;
    margin: 0 0;
    border: solid 1px #d3d3d3;
    text-align: center;
}

.semaforo
{
    width: 20px;
    border: solid 1px #d3d3d3;
    text-align: center;
}
.img_tabla
{
    width: 20px;
    text-align: center;
}
.btn_buscar
{
    background-image: url(css_images/icons/lupita.gif);
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
}








.editor-label
{
    float: left;
    border: 4px;
    width: 300px;
}

.form1
{
    font-size: 12px;
}
.form1 legend
{
    font-size: 16px;
    margin-left: 15px;
    font-weight: bold;
}
.form1
{
    width: 750px;
    margin-left: 20px;
}
.form1 label
{
    width: 150px;
    display: inline-block;
    margin-left: 20px;
}
.form1 label.error
{
    width: 300px;
    display: inline-block;
    color: #f00;
    margin-left: 10px;
}
.form1 p
{
    margin: 6px 0 6px 0;
}
.form1 input[type="text"]
{
    width: 200px;
}
.form1 select
{
    width: 206px;
}
.form1 option
{
}
.form1 input[type="submit"]
{
}
.form1 input[type="button"]
{
}
.form1 .buttons
{
    margin-left: 176px;
    margin-top: 20px;
}


.mensaje
{
    color: #ff6600;
    font-weight: bold;
    font-size: 12px;
}

.ui-corner-all
{
    font-family: Sans-Serif;
    font-size: 12px;
}

.tabla2
{
    border-collapse: collapse;
    table-layout: fixed;
    font-family: Sans-Serif;
    font-size: 12px;
    margin: 5px 0 5px 20px;
}
.tabla2 th
{
    padding: 2px 4px;
    border: 1px solid #999;
    background-color: #666;
    color: #fff;
}
.tabla2 td
{
    padding: 2px 4px;
    border: 1px solid #999;
}
.par
{
    background-color: #eee;
}
.impar
{
    background-color: #ccc;
}

.l
{
    text-align: left;
}
.c
{
    text-align: center;
}
.r
{
    text-align: right;
}





/* ORDENAMIENTO DE TABLAS */
/* ====================== */

th.sortAsc
{
    background: #d3d3d3 url(css_images/sort_asc.gif) no-repeat center right;
    color: #272727;
    text-align: left;
}
th.sortDesc
{
    background: #d3d3d3 url(css_images/sort_desc.gif) no-repeat center right;
    color: #272727;
    text-align: left;
}
.sort
{
    background: #eaeaeb url(css_images/sort.gif) no-repeat center right;
    color: #272727;
    text-align: left;
    cursor: pointer;
}


/* TABLAS */
/* ====== */
.tb1
{
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 12px;
}

.tb1 th
{
    background: #333;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    padding: 3px;
    border: 1px solid #333;
}

.tb1 td
{
    font-size: 12px;
    padding: 3px;
    border: 1px solid #333;
}

.div1
{
    margin: 10px;
}

/* DESHABILITADO POR LAGL POR IMPLMENTACION DE FRAMEWORK BOOTSTRAP*/
/*
label
{
    font-size: 12px;
}

input
{
    font-size: 12px;
    padding: 2px;
}
select
{
    font-size: 12px;
    padding: 2px;
}
*/

.no_border
{
    border: none;
}

.form2
{
    margin: 10px 0 10px 0;
}
.form2 fieldset
{
    font-size: 12px;
    font-weight: bold;
    color: #333;
}
.form2 label
{
    padding: 2px;
    font-size: 12px;
}
.form2 input
{
    padding: 2px;
    font-size: 12px;
}

.resumen
{
    font: 11px "Lucida Console" , Arial, Helvetica, sans-serif;
    text-align: left;
}
.res-l
{
    text-align: left;
}
.res-r
{
}

.green
{
    color: #008000;
}
.red
{
    color: #ff0000;
}
.yellow
{
    color: #eec900;
}
/*.yellow:hover { cursor: hand; }*/
.blue
{
    color: #092e5e;
}
.orange
{
    color: #ff6600;
}
.dark-gray
{
    color: #556270;
}

.orangeBorderTB
{
    /*font: 10px "Lucida Console", Arial, Helvetica, sans-serif;*/ /*color: #272727;*/
    border: solid 1px #d3d3d3; /*padding: 4px; background-color: #FFFFFF;*/ /*font-stretch: normal;*/ /*text-align: left;*/
    border-color: #ff6600 #d3d3d3 #ff6600 #d3d3d3;
}
.orangeBorderTBR
{
    /*font: 10px "Lucida Console", Arial, Helvetica, sans-serif;*/ /*color: #272727;*/
    border: solid 1px #d3d3d3; /*padding: 4px; background-color: #FFFFFF;*/ /*font-stretch: normal;*/ /*text-align: left;*/
    border-color: #ff6600 #ff6600 #ff6600 #d3d3d3;
}
.orangeBorderTBL
{
    /*font: 10px "Lucida Console", Arial, Helvetica, sans-serif;*/ /*color: #272727;*/
    border: solid 1px #d3d3d3; /*padding: 4px; background-color: #FFFFFF;*/ /*font-stretch: normal;*/ /*text-align: left;*/
    border-color: #ff6600 #d3d3d3 #ff6600 #ff6600;
}

.redBorderTB
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF; /*font-stretch:normal;*/
    text-align: left;
    border-color: #ff0000 #d3d3d3 #ff0000 #d3d3d3;
    text-decoration: line-through;
}
.redBorderTBR
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF; /*font-stretch:normal;*/
    text-align: left;
    border-color: #ff0000 #ff0000 #ff0000 #d3d3d3;
    text-decoration: line-through;
}
.redBorderTBL
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF; /*font-stretch:normal;*/
    text-align: left;
    border-color: #ff0000 #d3d3d3 #ff0000 #ff0000;
    text-decoration: line-through;
}

.greenBorderTB
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF; /*font-stretch:normal;*/
    text-align: left;
    border-color: #008800 #d3d3d3 #008800 #d3d3d3;
}
.greenBorderTBR
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF; /*font-stretch:normal;*/
    text-align: left;
    border-color: #008800 #00ff00 #008800 #d3d3d3;
}
.greenBorderTBL
{
    font: 10px "Lucida Console" , Arial, Helvetica, sans-serif;
    color: #272727;
    border: solid 1px #d3d3d3;
    padding: 4px;
    background-color: #FFFFFF; /*font-stretch:normal;*/
    text-align: left;
    border-color: #008800 #d3d3d3 #008800 #008800;
}

.errMsg
{
    font-size: 12px;
    color: #ff6600;
    font-weight: bold;
}

.div-l1
{
    float: left;
}
.div-l2
{
    float: left;
}


/* TABLAS 2.0 */

.tb
{
    font: 11px Verdana, Arial, Sans-Serif;
    color: #272727;
}

.coll
{
    border-collapse: collapse;
}

.th
{
    background-color: #eaeaeb;
    font-weight: normal;
    padding: 3px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    text-align: left;
}
.thr
{
    background-color: #eaeaeb;
    font-weight: normal;
    padding: 3px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    text-align: right;
}
.thc
{
    background-color: #eaeaeb;
    font-weight: normal;
    padding: 3px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    text-align: center;
}

.th2
{
    background-color: #eaeaeb;
    font-weight: normal;
    padding: 3px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    text-align: left;
    font-size: 9px;
}
.thr2
{
    background-color: #eaeaeb;
    font-weight: normal;
    padding: 3px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    text-align: right;
    font-size: 9px;
}
.thc2
{
    background-color: #eaeaeb;
    font-weight: normal;
    padding: 3px;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    text-align: center;
    font-size: 9px;
}

.sort2
{
    background: #eaeaeb url(css_images/sort.gif) no-repeat center right;
    color: #272727;
    cursor: pointer;
}
.sortAsc2
{
    background: #d3d3d3 url(css_images/sort_asc.gif) no-repeat center right;
    color: #272727;
}
.sortDesc2
{
    background: #d3d3d3 url(css_images/sort_desc.gif) no-repeat center right;
    color: #272727;
}





.td
{
    /*font-size: 12px;*/
    border: solid 1px #d3d3d3;
    padding: 3px;
}
.tdr
{
    /*font-size: 12px;*/
    border: solid 1px #d3d3d3;
    padding: 3px;
    text-align: right;
}
.tdc
{
    /*font-size: 12px;*/
    border: solid 1px #d3d3d3;
    padding: 3px;
    text-align: center;
}
.tdl
{
    /*font-size: 12px;*/
    border: solid 1px #d3d3d3;
    padding: 3px;
    text-align: left;
}


.tb2
{
    border: 3px solid #666;
    border-collapse: collapse;
    font-size: 12px;
}
.tb2 th
{
    background-color: #ccc;
    border: 1px solid #666;
    color: #333;
    padding: 3px;
}
.tb2 td
{
    border: 1px solid #666;
    padding: 3px;
}
.tb2 .hl
{
    background-color: #eee;
}
.tb2 .hl2
{
    background-color: #ffffcc;
}
.hl
{
    background-color: #eee;
}
.hl3
{
    background-color: #ccff99;
}
.hl4
{
    background-color: #ffffcc;
}
.hl5
{
    background-color: #b2bde1;
}

/* LINKS */
.link1
{
    font-size: 12px;
    font-weight: bold;
    color: #092e5f;
    text-decoration: none;
}
.link1:hover
{
    color: #ff6600;
}

/* TEXTOS */
.ff1
{
    font-family: Verdana, Arial, Sans-Serif;
}

.txt1
{
    font-size: 12px;
    font-weight: bold;
    color: #f00;
}
.txt2
{
    font-size: 12px;
    font-weight: bold;
    color: #ff6600;
}
.txt3
{
    font-size: 12px;
    font-weight: bold;
    color: #336600;
}
.txt4
{
    font-size: 12px;
    color: #ff6600;
}
.txt5
{
    color: #e7912c;
}
.txt6
{
    font-size: 12px;
    font-family: Monospace;
}

.fs12
{
    font-size: 12px;
}
.fs11
{
    font-size: 11px;
}
.fs10
{
    font-size: 10px;
}
.fs9
{
    font-size: 9px;
}

/* FORMS 2.0 */
.txarea1
{
    font-size: 12px;
}

/* BOTONES */



.btn_:focus
{
    outline: none;
}
/* "fix" borde punteado */
.btn_::-moz-focus-inner
{
    border: 0;
}
/* "fix" borde punteado */
.btn_
{
    font: 11px Verdana, Arial, sans-serif;
    background-color: #f5f5f5;
    border: 1px solid #acacac;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    text-decoration: none;
}

.btnOk
{
    background-image: url(css_images/btn_ok.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}
.btnCancel
{
    background-image: url(css_images/btn_cancel.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}
.btnSave
{
    background-image: url(css_images/btn_save.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}
.btnPrint
{
    background-image: url(css_images/btn_print.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}
.btnBack
{
    background-image: url(css_images/btn_back.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}
.btnFind
{
    background-image: url(css_images/btn_find.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}
.btnDev
{
    background-image: url(css_images/btn_dev.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}
.btnExcel
{
    background-image: url(css_images/btn_excel.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}
.btnLogout
{
    background-image: url(css_images/btn_logout.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}
.btnTun
{
    background-image: url(css_images/btn_tune.png);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}
.btnPercent
{
    background-image: url(css_images/btn_percent.jpg);
    background-position: 3px center;
    background-repeat: no-repeat;
    padding: 3px 8px 5px 23px;
}

.btnImg
{
    cursor: pointer;
    border: none;
}
.btnImg:hover
{
    position: relative;
    bottom: 0px;
}
.btnImg:active
{
    position: relative;
    bottom: -1px;
}

.btnImg2
{
    position: relative;
    top: 3px;
    cursor: pointer;
    border: none;
}
.btnImg2:hover
{
    position: relative;
    top: 3px;
}
.btnImg2:active
{
    position: relative;
    top: 4px;
}

/* Hs */
/* DESHABILITADO POR LAGL POR IMPLMENTACION DE FRAMEWORK BOOTSTRAP*/
/*
h1
{
    font-size: 12px;
    margin: 10px 0 20px 0;
    color: #333;
}*/


/* inputs */
.in1
{
    font-size: 12px;
    width: 140px;
}
.in2
{
    font-size: 12px;
    width: 140px;
}
/*.in3 { font-size: 12px; width: 180px; }*/

/* labels */
.lb
{
    font: 11px Verdana, Arial, sans-serif;
    padding-right: 5px;
}
.lbr
{
    text-align: right;
    padding-right: 5px;
    padding-top: 5px;
}
.lbr2
{
    font-family: Verdana, Arial, Sans-Serif;
    text-align: right;
    padding-right: 5px;
    padding-top: 3px;
    font-size: 11px;
}
.lb2
{
    font-family: Verdana, Arial, Sans-Serif;
    text-align: left;
    padding-right: 5px;
    padding-top: 3px;
    font-size: 11px;
}

/* DESHABILITADO POR LAGL POR IMPLMENTACION DE FRAMEWORK BOOTSTRAP*/
/* input, select, textarea
{   
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    height: 24px;
} */

/* DIVS */

.dl
{
    text-align: left;
}
.dr
{
    text-align: right;
}

ol li
{
    margin: 10px 0 10px 0;
}

/* OTROS */

.mano
{
    cursor: pointer;
}

/* Diego Barahona*/


.table .thead-dark th {
	color: #fff;
	background-color: #212529;
	border-color: #32383e
}




/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 992px) {
   .desaparece-md
    {        
        /*display: none !important;    
        background-color: Red;*/
        margin-top:10px;
        text-align: center !important;
    }
    
} 

.w3-example {
    background-color: #f1f1f1;
    padding: 0.01em 16px;
    margin: 20px 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important;
    font-weight: normal;    
    color: Green;
}


        
        .pagination>li>a,
        .pagination>li>span {
	        position: relative;
	        float: left;
	        padding: 6px 12px;
	        margin-left: -1px;
	        line-height: 1.42857143;
	        color: #4D4D4D;
	        text-decoration: none;
	        background-color: #fff;
	        border: 1px solid #ddd;
	        border-color:#4D4D4D;
	    
         }
        .pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
	        z-index: 3;
	        color: #fff;
	        cursor: default;
	        background-color: #4D4D4D;
	        border-color: #4D4D4D
         }
         .pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	z-index: 2;
	color: #000000;
	background-color: #eee;
	border-color: #ddd
}

  .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
  
}