.tbox {
    position: absolute;
    display: none;
    padding: 14px 17px;
    z-index: 900
}


.tinner {
    padding: 15px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff url(botones/preload.gif) no-repeat 50% 50%;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333
}

.tmask {
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: #000;
    z-index: 800
}

.tclose {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(botones/close.png) no-repeat
}

.tclose:hover {
    background-position: 0 -30px
}



#error {
    background: #ff6969;
    color: #fff;
    text-shadow: 1px 1px #cf5454;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 0
}

#error .tcontent {
    padding: 10px 14px 11px;
    border: 1px solid #ffb8b8;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#success {
    background: #2ea125;
    color: #fff;
    text-shadow: 1px 1px #1b6116;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10;
    -moz-border-radius: 0;
    border-radius: 0
}

#bluemask {
    background: #4195aa
}

#frameless {
    padding: 0
}

#frameless .tclose {
    left: 6px
}

.otrono {
    font-family: Verdana, sans-serif;
}




a {
    text-decoration: none;
    color: #FFFFFF;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}



.cssbutton {

    padding: 0px;

    font-family: Geneva, Vera, Arial, Helvetica, sans-serif;

    font-size: x-small;

    font-variant: small-caps;

    border: 0px solid #000033;

}

.info,
.success,
.warning,
.error,
.validation {

    border: 1px solid;

    margin: 10px 0px;

    padding: 12px 10px 10px 50px;

    background-repeat: no-repeat;

    background-position: 9px center;

    width: 500px;

    font-size: 14px;

    text-transform: capitalize;

}

.info {

    color: #00529B;

    background-color: #BDE5F8;

    background-image: url('botones/info.png');

}

.success {

    color: #4F8A10;

    background-color: #DFF2BF;

    background-image: url('botones/success.gif');

}

.warning {

    color: #9F6000;

    background-color: #FEEFB3;

    background-image: url('botones/warning.png');

}

.error {

    color: #D8000C;

    background-color: #FFBABA;

    background-image: url('botones/error.png');



}

.negros {

    font-weight: bolder;

    font-family: Verdana, sans-serif;

    font-size: 9.6px;

    color: #000033;

    text-transform: capitalize;

}

.negros1 {

    font-weight: bolder;

    font-family: Verdana, sans-serif;

    font-size: 17px;

    color: #000033;

    text-transform: capitalize;

}

.negros2 {

    font-weight: bolder;

    font-family: Verdana, sans-serif;

    font-size: 13px;

    color: #000033;

    text-transform: capitalize;

}

.textareas {

    overflow: hidden;

    color: #000000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    border: 0px #FFFFFF solid;

}

.textareas01 {

    overflow: hidden;

    color: #000000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    border: 0px #FFFFFF solid;

}





.titulo {
    font-family: Verdana, sans-serif;
    font-size: 13px;
    color: #781313;    
    background-color: #7fa3b9;
    font-weight: bolder;
    text-align: center;    
    height: 45px;    
    padding-left: 10px;
    padding-right: 10px;
}

.titulo1 {

    font-family: Verdana, sans-serif;

    font-size: 11px;

    color: #000000;

    border: 0px #FE8625 solid;

    background-color: #efefef;

    font-weight: bolder;

}

.factura {

    font-family: Tahoma, Geneva, Vera, Arial, Helvetica, sans-serif;

    font-size: 14px;

    color: #000000;

    border: 0px #FFFFFF solid;

    border-collapse: separate;

}

.Cajafactura {

    font-family: Tahoma, "Century Gothic", "Arial Narrow";

    font-size: 15px;

    color: #000033;

    border: 0.5px #102CAF solid;

    font-weight: bold;

}

.PreAlerta {

    font-family: Tahoma, "Century Gothic", "Arial Narrow", Verdana, sans-serif;

    font-size: 13px;

    background-color: #FEFDF1;

    color: #000033;

    border: 0px #102CAF solid;

    text-transform: capitalize;

}

.loadbill {

    font-family: Tahoma, "Century Gothic", "Arial Narrow", Verdana, sans-serif;

    font-size: 10px;

    background-color: #FEFDF1;

    color: #000033;

    border: 0px #102CAF solid;

    text-transform: capitalize;

}





.Cajafondo {

    font-family: Verdana, sans-serif;

    font-size: 9px;

    color: #000033;

    border: 1px #102CAF solid;

    background-color: #FEFDF1;

    -moz-border-radius: 0.5em;

    -webkit-border-radius: 0.5em;

    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);

    -moz-box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;

    box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;

}



.Cajasize {

    width: 200px;

}











.Iframe {

    font-family: Verdana, sans-serif, Arial;

    font-size: 9px;

    color: #000042;

    border: 0px #102CAF solid;

    border-collapse: collapse;

    background-color: #b4c1ff;

}

.Caja {

    font-family: Verdana, sans-serif, "Arial Black";

    font-size: 9px;

    color: #000042;

    border: 0px #FFFFFF solid;

    border-collapse: collapse;

    background-color: rgba(173, 187, 222, 0.5);

    font-weight: bold;

    text-transform: uppercase;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);

    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    border-radius: 3px;





}

.mayusc {

    text-transform: capitalize;



}


.centro {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    color: #000000;

    font-weight: bold;

    text-transform: capitalize;

    text-align: center;

}



.cajasin2 {

    font-family: Verdana, sans-serif;

    font-size: 10px;

    color: #000000;

    border: 1.7px #ffffff solid;

    background-color: #F1F0FF;

    font-weight: bold;

    -moz-border-radius: 1em;

    -webkit-border-radius: 1em;

    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);

    -moz-box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;

    box-shadow: rgba(0, 0, 0, 0.4) 2px 2px 6px;

}



table.cajasin {

    font-family: Verdana, sans-serif;

    font-size: 10px;

    color: #000000;

    border: 0.5px #ffffff solid;

    background-color: #F1F0FF;

    font-weight: bold;



    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);

    -webkit-border-radius: .5em;

    -moz-border-radius: .5em;

    border-radius: .5em;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    -webkit-border-radius: 2em;

    -moz-border-radius: 2em;

    border-radius: 2em;







}



table.cajasin th.header,

table.cajasin th.tablesorter-header {

    height: auto;

    cursor: pointer;

}

table.cajasin th.header span:first-child,

table.cajasin th.tablesorter-header .tablesorter-header-inner {

    background: url(botones/css/none.png) no-repeat;

    padding: 1px 0 1px 25px;

}

table.cajasin th.headerSortUp span:first-child,

table.cajasin th.tablesorter-headerSortUp .tablesorter-header-inner {

    background: url(botones/css/asc.png) no-repeat;

}

table.cajasin th.headerSortDown span:first-child,

table.cajasin th.tablesorter-headerSortDown .tablesorter-header-inner {

    background: url(botones/css/desc.png) no-repeat;

}









/* Zebra Widget - row alternating colors */

/*table.cajasin tr.odd td {

        background-color:#6C6CA4;

        font-family: Verdana, sans-serif;

        font-size: 10.5px;

        color: #000000;

        font-weight: bold;

}

table.cajasin tr.even td {

        background-color:#ADB9F7;

        font-family: Verdana, sans-serif;

        font-size: 10.5px;

        color: #000000;

        font-weight: bold;

}

*/





/* Column Widget - column sort colors */

table.cajasin td.primary,

table.tablesorter tr.odd td.primary {

    background-color: #c0ffc0;

}

table.cajasin tr.even td.primary {

    background-color: #e8ffe8;

}



table.cajasin td.secondary,

table.tablesorter tr.odd td.secondary {

    background-color: #d6ffd6;

}

table.tablesorter tr.even td.secondary {

    background-color: #e8ffe8;

}



table.cajasin td.tertiary,

table.cajasin tr.odd td.tertiary {

    background-color: #eaffea;

}

table.cajasin tr.even td.tertiary {

    background-color: #f8fff8;

}









/* filter widget */

table.cajasin input.cajasin-filter {

    width: 95%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

table.cajasin tr.cajasin-filter,

table.cajasin tr.cajasin-filter td {

    text-align: center;

    background: #fff;

}

/* optional disabled input styling */

table.cajasin input.cajasin-filter.disabled {

    opacity: 0.5;

    filter: alpha(opacity=50);

}

table.cajasin tr.odd:hover td,

table.cajasin tr.even:hover td,

table.cajasin tr.hover td {

    background: #FF3;

    color: #000;

}







#easyTooltip {

    padding: 5px 10px;

    border: 1px solid #195fa4;

    font-size: 9px;

    background: #195fa4 url(javascript/easytooltip/bg.gif) repeat-x;

    color: #fff;



}







.boton {
    font-family: verdana, arial, sans-serif;

    font-size: 9px;

    font-weight: bold;

    padding: 1px;

    background-color: #ffffcc;

    color: #666666;

}

.boton1 {

    height: 30px;

    width: 150px;

    font-family: Geneva, Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: lighter;

    padding: 2px;

    background-color: #3366FF;

    border-width: 2;

    color: #FFFFFF;

    text-transform: capitalize;

    padding: .5em 1.2em .5em;

    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);

    -webkit-border-radius: .5em;

    -moz-border-radius: .5em;

    border-radius: .5em;

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

    -webkit-border-radius: 2em;

    -moz-border-radius: 2em;

    border-radius: 2em;

    color: #000009;

    border: solid 1px #D3CFF7;

    background: #f78d1d;

    background: -webkit-gradient(linear, left top, left bottom, from(#ACDBEC), to(#7EBAE8));

    background: -moz-linear-gradient(top, #ACDBEC, #7EBAE8);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ACDBEC', endColorstr='#7EBAE8');





}





.button1:hover {

    text-decoration: none;

}

.button1:active {

    position: relative;

    top: 1px;

}

.button1:hover {

    background: #000009;

    background: -webkit-gradient(linear, left top, left bottom, from(#67A9DB), to(#8ADDE6));

    background: -moz-linear-gradient(top, #67A9DB, #8ADDE6);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67A9DB', endColorstr='#8ADDE6');

}

.button1:active {

    color: #000009;

    background: -webkit-gradient(linear, left top, left bottom, from(#7EBAE8), to(#ACDBEC));

    background: -moz-linear-gradient(top, #7EBAE8, #ACDBEC);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7EBAE8', endColorstr='#ACDBEC');

}



































.color1 {

    background-color: #6C6CA4;

    font-family: Verdana, sans-serif;

    font-size: 12px;

    color: #000000;

    font-weight: bold;

}




.color2 {

    background-color: #ADB9F7;

    font-family: Verdana, sans-serif;

    font-size: 12px;

    color: #000000;

    font-weight: bold;

}

.color1 td,
.color2 td {
    padding: 5px;
}

.color1:hover, .color2:hover{
    background-color: #F8FE99;
}



.alerta1 {

    background-color: #F8FE99;

    font-family: Verdana, sans-serif;

    font-size: 10.5px;

    color: #000000;

    font-weight: bold;

}

.alerta2 {

    background-color: #FED9AB;

    font-family: Verdana, sans-serif;

    font-size: 10.5px;

    color: #000000;

    font-weight: bold;

}

.alerta3 {

    background-color: #FEA3A1;

    font-family: Verdana, sans-serif;

    font-size: 10.5px;

    color: #000000;

    font-weight: bold;

}

.texto {

    text-align: center;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #585858;

    font-size: 17px;

    text-transform: capitalize;

    text-shadow: 2px 2px 1px #999999;



}

.textoerror {

    text-align: center;

    font-family: Georgia, "Times New Roman", Times, serif;

    color: #FF3300;

    font-size: 17px;

}

.cajades {

    font-family: Verdana, sans-serif;

    font-size: 9.6px;

    color: #0000FF;

    border: 1px #102CAB solid;

    background-color: #B1B1B1;

    font-weight: bold;

}

.img {
    border: 0;
}

.a {
    text-decoration: none;

    color: #FFFFFF;

}





#contenedor_login {

    background-color: #c5c5c5;
    position: fixed;
    border-radius: 10px;
    min-width: 219px;
    margin: 15% auto auto 35%;
    width: 25%;
    height: auto;
    z-index: 1;
    padding: 23px;


}



#campo_icon {

    position: relative;

    margin-top: 0px;

    margin-left: 0px;

    width: 42px;

    height: 44px;

    z-index: 1;

}

#campo_icon_imagen {

    position: absolute;

    left: 12px;

    top: 9px;

    width: 18px;

    height: 21px;

    z-index: 1;

    background-image: url(botones/icon_us.png);

    background-repeat: no-repeat;

}

#campo_icon_imagen_pass {

    position: absolute;

    left: 12px;

    top: 9px;

    width: 18px;

    height: 21px;

    z-index: 1;

    background-image: url(botones/candado.png);

    background-repeat: no-repeat;

}

.redondo_campo_small {

    border-right: 1px solid #DADADA;

    text-align: center;

    width: 200px;

    -webkit-border-radius: 1px;

    -moz-border-radius: 1px;

    border-radius: 1px;

    background: #EBEBEB;



}

.menu {

    float: left;

    min-height: 50%;

    width: 5%;

    border: 0px solid #AADDFF;

    height: 250px;

    position: fixed;

}

.contenedor {

    float: left;

    height: auto;

    width: 90%;

    border: 0px solid;

    margin-left: 70px;

}

.tres-cols {

    float: left;

    width: 33%;

}

.dos-cols {

    float: left;

    width: 49%;

}

.cuatro-cols {

    float: left;

    width: 24%;

}

.cinco-cols {

    float: left;

    width: 19%;

}

.seis-cols {

    float: left;

    width: 16%;

}

.siete-cols {

    float: left;

    width: 14%;

}

.ocho-cols {

    float: left;

    width: 12%;

}

.multi-cols {

    float: left;

    width: 11%;

}

.conetedor-input {

    float: left;
    margin-left: 25px;
    width: 100%;

}

.ui-autocomplete {

    max-height: 180px;

    overflow-y: auto;

    /* prevent horizontal scrollbar */

    overflow-x: hidden;

    font-size: 12px;

}

.ui-widget {

    font-size: 12px !important;

}

#ListadoComisiones {



    float: left;

    width: 100%;



}