body {font-family:Arial, Sans-Serif; margin:0; padding:0;}
.tit01 { font-size: 0.9em; font-weight: bold; color: #333; letter-spacing:-1px; padding:0 0 5px 0; }
.tit02 { font-size: 1.2em; font-weight: bold; color: #333; letter-spacing:-1px; padding:10px ; background-color:#e2e2e2; }
.txtfld01 { width: 95%; font-size: 11px; color: #333; }
.txtfld01a { font-size: 0.8em; color: #333; }
.bordr01 { border:none; background-color:none; }
.bordr02 { border-bottom:2px #CCC solid; margin:0 0 10px 0; }
.tittabla { font-size: 1.6em; font-weight: bold; color: #333; letter-spacing:-1px; }
.cels01 { font-size: 0.8em; font-weight: bold; color: #333; border-bottom:1px #CCC dotted;}
.cels01a { font-size: 0.7em; font-weight: bold; color: #333; text-align:left; border-bottom:1px #CCC dotted; background-color:#e2e2e2;}
.cels02 { font-size: 0.8em; font-weight: normal; color: #F60;}
.cels02a { font-size:0.7em; color: #333; background-color:#F2F2F2;}
.cels02b { font-size:0.7em; color: #333; }
.body01 { font-size: 0.9em; color: #333; padding:0 0 5px 0; }
.body02 { font-size: 1.1em; color: #333; }
p { font-size: 0.9em; color: #333; }
a { color: #F60; text-decoration: underline; }
h3 {color:#F60;}
#tablaTerminos ul {font-size:0.9em; color:#333; margin:20px;}
#tablaTerminos li {margin:10px;} 
.clear {margin:0; padding:0; clear:both;}
.bodyhm { font-size: 0.9em; color: #333; }
.btn01 { font-size: 0.8em; font-weight: bold; text-decoration: none; color: #FFF; }
.cels01b { font-size: 1.4em; padding:5px; font-weight: bold; color: #F60; background-color: #E2E2E2; text-align: left; }
.cels02c { font-size: 0.7em; color: #333; padding:5px; background-color: #F5F5F5; text-align: left; }
.cels02d { font-size: 0.7em; color: #333; text-align: left; }
.cels02e { font-size: 0.7em; color: #333; text-align: left; border-bottom:1px #CCC dotted; }
.colFormIzquierda {width:449px; padding:5px 0;}
.colFormDerecha {width:664px; padding:5px 0;}
.paginacion {margin:10px 0 0 0; font-size:0.7em; font-weight:bold; border-top:2px #999 solid; border-bottom:1px #999 solid; background-color:#e2e2e2; }
#contenedorMaster {margin:auto; width:990px;}
#bloquePeriodo {padding:10px 0; border-bottom:2px #000 solid; margin:0 6px 10px 6px; font-weight:bold; font-size:10pt; color:#5C5750;}
#textoPeriodo {float:left;}
#textoFecha {float:right;}
#bloque h3 {color:#000;}

/* ----- CABEZOTE ----- */
#cabezote {width:990px; margin:auto;}
#cabezote #logoMiplanillaCab {width:485px; height:100px; margin:0; padding:0 0 17px 0; float:left; display:block; background-image:url(../images/logoMiplanilla_cab.gif); background-repeat:no-repeat;}
#cabezote h1 {text-indent:-9999px;}
#cabezote #cajaBuscador {width:400px; float:right; margin:0;}

/* ----- PIEDEPAGINA ----- */
#piedePagina {width:990px; margin: 40px auto; padding:10px 0 0 0; border-top:2px #000 solid;}
#piedePagina ul {list-style:none; margin:0; padding:0;}
#piedePagina li {display:inline; padding:0 5px 0 0;}
#piedePagina #columnaIzquierdaPie {width:630px; float:left; display:block;}
#piedePagina #columnaIzquierdaPie #navegacionSecundaria {margin:5px 0 0 0; border-bottom:1px #CCC dotted;}
#piedePagina #columnaIzquierdaPie #navegacionSecundaria h4 {margin:0; padding:0;}
#piedePagina #columnaIzquierdaPie #navegacionSecundaria h4 a {margin:0; padding:0; font-size:1em; color:#F60;}
#piedePagina #columnaIzquierdaPie #navegacionSecundaria a {font-size:0.7em; color:#F60; text-decoration:none;}
#piedePagina #columnaIzquierdaPie #navegacionSecundaria a:hover {color:#666; text-decoration:underline;}
#piedePagina #columnaIzquierdaPie #navegacionSecundaria li {margin:0 2px 0 0; border-right:1px solid #CCC;}
#piedePagina #columnaIzquierdaPie #creditos {margin:5px 0 5px 0; padding:0 0 5px 0; font-size:0.7em; color:#666;}
#piedePagina #columnaIzquierdaPie #logosCreditos ul {border-bottom:1px #CCC dotted; margin:5px 0;}
#piedePagina #columnaIzquierdaPie #logosCreditos li {font-size:0.7em; color:#999; padding:0 20px 0 0;}
#piedePagina #columnaDerechaPie {width:280px; float:right; vertical-align:top; display:block;}
#piedePagina #columnaDerechaPie img {display:inline;}
#piedePagina #cierrePiedepagina {margin:10px 0 0 0; padding:10px 0; font-size:0.7em; text-align:center; border-top:1px #666 solid; border-bottom:2px #666 solid;}

/* ----- ESTILOS TABLAS ----- */

.tablaHeader { padding:5px; font-size: 0.8em; font-weight: bold; color:#FFF; text-align:center;  border-bottom:1px #333 solid;  background-color:#999;}
.tablaHeader td {border-bottom:1px #666 solid;}
.tablaHeader a {color: #FFF; }
.tablaHeader a:hover {color: #000; }
.tablaItem { font-size:0.7em; color: #333; text-align:center;  }
.tablaAlternatingItem { font-size:0.7em; color: #333; background-color:#F2F2F2; text-align:center; border-right:1px #CCC solid; padding:6px; }
.tablaTable {border:2px #666 solid; width:779px; background-color:#FFF; border-collapse:collapse   }
.tablaTable td  { border:1px #CCC solid; padding:6px; }
.tablaTable th {border:1px #CCC solid; padding:6px;}
.tablaFooter { font-size:0.7em; color: #333;  }
.tablaPaginador {margin:10px 0 0 0; font-size:0.7em; font-weight:bold; border-top:1px black solid; border-bottom:1px black solid; background-color:#e2e2e2; text-align:left }

/* ----- ESTILOS BOTONES ----- */

.setBotones {margin:20px 0; padding:5px 0 0 0; border-top:2px #999 solid;}
.setBotones .btnAceptar {margin:0 0 0 5px; padding:5px 7px; background-image:url(../images/bck_btnAceptar.gif); background-repeat:repeat-x; border:1px #900 solid; color:#FFF; font-weight:bold;}
.setBotones .btnAceptar:active {background-image:url(../images/bck_btnAceptarActivo.gif); background-repeat:repeat-x;}
.setBotones .btnOtro {margin:0 0 0 5px; padding:5px 7px; background-image:url(../images/bck_btnOtro.gif); background-repeat:repeat-x; border:1px #333 solid; color:#FFF; font-weight:bold;}
.setBotones .btnOtro:active {background-image:url(../images/bck_btnOtroActivo.gif); background-repeat:repeat-x;}
.btnBuscar {margin:0 0 0 3px; padding:2px 7px; background-image:url(../images/bck_btnAceptar.gif); background-repeat:repeat-x; border:1px #900 solid; color:#FFF; font-weight:bold; width:80px; height:25px}
.btnBuscar:active {background-image:url(../images/bck_btnAceptarActivo.gif); background-repeat:repeat-x;}
.botonForm {background-image:url(../images/btn02.gif); border-left:#610B0B 1px solid; border-right:#610B0B 1px solid;  padding:1px 20px; margin:0 2px; text-align:center; display:block; height:17px; width:70px; }
.barraBotones {padding:10px 0 0 0; border-top:1px #CCC dotted;}

/*no se usan
.botonGeneral{margin:0 0 0 5px; padding:5px 7px; background-image:url(../images/bck_btnAceptar.gif); background-repeat:repeat-x; border:1px #900 solid; color:#FFF; font-weight:bold;}
.botonGeneral:active {background-image:url(../images/bck_btnAceptarActivo.gif); background-repeat:repeat-x;}
.btnOtro {margin:0 0 0 5px; padding:5px 7px; background-image:url(../images/bck_btnOtro.gif); background-repeat:repeat-x; border:1px #333 solid; color:#FFF; font-weight:bold;}
.btnOtro:active {background-image:url(../images/bck_btnOtroActivo.gif); background-repeat:repeat-x;}
.botonLinkGeneral{ width:auto; background-image:url(../images/btn02.gif); color:White; font-size:0.7em; text-decoration:none;  border-width:0px;  font-weight:bold;   text-align:center; height:20px; padding:2px 15px 0 15px; }*/
/*no se usan*/


/* ----- MENU ----- */
#menu {width:980px; margin:auto; padding:5px; border:1px #900 solid; background-image:url(../images/bck_menu.gif); background-repeat:repeat-x;}


/* ----- CUERPO CONTENIDO INTERNA ----- */
#cuerpoInterna {width:980px; margin:auto; padding:0;}
#cuerpoInterna #breadcrumb {margin:10px 0 0 0; font-size:0.7em; color:#666; text-align:left}
#cuerpoInterna #breadcrumb a {color:#F60; text-decoration:underline;}
#cuerpoInterna #breadcrumb a:hover {color:#333; text-decoration:none;}
#cuerpoInterna #breadcrumb .activo {color:#900; font-weight:bold;}
#cuerpoInterna h2 {text-align:left; margin:10px 0; padding:0 0 5px 0; letter-spacing:-2px; border-bottom:1px #666 dotted;}
#cuerpoInterna h2 .seccionRaiz {color:#5C5750;}
#cuerpoInterna h2 .bullet {color:#999;height:19px; width:24}
#cuerpoInterna .listaDatos, .tablaDatos {margin:0 0 20px 0; width:780px; position:relative; z-index:1;}
#cuerpoInterna .listaDatos td{padding:3px 3px 3px 0;}
#cuerpoInterna .campoLista, .campoListaIBC, .campoListaCol, .textoListaCol {font-size:0.9em; margin:0 20px 0 0; padding:2px 2px 2px 0; color:#333; text-align:left;  border-bottom:1px #CCC dotted;}
#cuerpoInterna .textoLista, .textoListaIBC {font-size:0.9em; margin:0 20px 0 0; padding:2px 2px 2px 0; color:#333; text-align:left;  }
#cuerpoInterna .textoLista, .textoListaCol {margin:0;}
#cuerpoInterna .campoLista { min-width:200px; max-width:320px;  height:auto; font-weight:bold; padding-right:10px }
#cuerpoInterna .campoListaIBC {  font-weight:bold; padding-right:10px }
#cuerpoInterna .campoListaAncho { width:80%; height:25px; font-weight:bold; padding-right:10px; font-size:0.8em; }
#cuerpoInterna .mensajeInformativo { text-align:center; width:100%; color:#F60; font-size:0.7em; font-weight:bold; padding:10px 0 10px 0; }
#cuerpoInterna .campoListaCol {display:block; width:45%; height:22px; font-weight:bold;}
#cuerpoInterna .campoListaDestacado {display:block; color:#F60; width:37%; height:20px; font-weight:bold;}
/*#cuerpoInterna .textoLista {display:block;  height:auto; font-weight:normal; margin-left:10px}*/
#cuerpoInterna .textoLista {  height:auto; font-weight:normal; margin-left:10px}
#cuerpoInterna .textoLista table { border-collapse:collapse}
#cuerpoInterna .textoLista .textoListaGrande { width:420px}
#cuerpoInterna .textoLista .textoListaMedio { width:250px}
#cuerpoInterna .textoLista .textoListaChico { width:150px}
#cuerpoInterna .textoListaIBC { font-weight:normal; margin-left:10px}
#cuerpoInterna .textoListaCol {display:block; width:50%; height:22px; font-weight:normal;}
#cuerpoInterna .validador { font-size:0.7em}
#cuerpoInterna h3 { color:#000;margin:10px 0 10px 0; padding:8px 10px; letter-spacing:-1px; background-image:url(../images/bck_titularTabla.gif); background-repeat:repeat-x;}
#cuerpoInterna h3 a {color:#333;}
#cuerpoInterna h3 a:hover {color:#F60;}
#cuerpoInterna .tablaChecks {color:#000; font-size:0.7em; font-weight:bold; border: 1px solid #999 }
#cuerpoInterna .tablaChecks tr {padding:3px; border:none}
#cuerpoInterna .tablaChecks tr td {padding:3px; text-align:left; width:300px ; border: 1px solid #CCC }

#cuerpoInterna .tablaPermisosUsuario {color:#000; font-size:0.7em; font-weight:bold; border: 1px solid #999 }
#cuerpoInterna .tablaPermisosUsuario tr {padding:3px; border:none}
#cuerpoInterna .tablaPermisosUsuario tr td {padding:3px; text-align:left; width:auto; border: 1px solid #CCC }
#cuerpoInterna .tablaPermisosUsuario .titulo {text-align:center; }
#cuerpoInterna .tablaPermisosUsuario .check {text-align:center; }


#cuerpoInterna .mensajeAdvertencia { Font-Size:0.7em; color:Red; font-weight:bold; text-align:justify}
#cuerpoInterna .textoInformativo {text-align:justify; padding:2px; font-weight:normal; font-size:0.8em; font-weight:bold}
#cuerpoInterna .textoInformativo li {Font-Size:0.8em;  padding-right:5px}
#cuerpoInterna .textoInformativo h4 {margin:5px 0 5px 0; padding:5px; color:#5C5750; font-size:0.8em;  }
#cuerpoInterna .textoConfirmacion {width:80%; margin:10px 0; padding:10px; font-size:0.9em; font-weight:bold; text-align:center; background-color:#E5E5E5; border:1px #CCC solid;}
#cuerpoInterna .textoConfirmacion h4 {margin:10px 0 10px 0; padding:10px; color:#5C5750; font-size:1.3em; text-decoration:underline; }
#cuerpoInterna .labelRespuesta {margin:10px 0 10px 0; color:red; font-size:0.7em; font-weight:bold }


#cuerpoInterna #selectores {width:100%; margin:10px 0; padding:10px; font-size:0.8em; text-align:center; background-color:#E5E5E5; border:1px #CCC solid;}
#cuerpoInterna #selectores .opcionSelector { margin:0 30px 0 0; display:inline;}
#cuerpoInterna #selectores .opcionSelectorRotulo { margin:0 20px 0 0; display:inline; font-weight:bold;}

#cuerpoInterna .tablaBuscar { width:100%; background-color: #F5F5F5; font-weight:bold; font-size:0.7em; border:1px #666 solid; margin:2px 0 2px 0 }
#cuerpoInterna .tablaBuscar select { width:200px; font-size:0.9em;}
#cuerpoInterna .tablaBuscar .textBuscar { width:200px; font-size:0.9em;}
#cuerpoInterna .tablaBuscar .campoCriterio {text-align:right}
#cuerpoInterna .tablaBuscar .campoCriterioPlanillas {text-align:left; margin-left:10px; padding-left:10px;  vertical-align:middle;}
#cuerpoInterna .tablaBuscar .campoCriterioPlanillas select {width:300px;}
#cuerpoInterna .tablaBuscar .checkOpciones {text-align:center}
#cuerpoInterna .tablaBuscar .checkOpciones {text-align:center; padding:10px 0;}
#cuerpoInterna .tablaBuscar .checkOpciones input {margin:10px 2px 0 10px ; }

#cuerpoInterna .imagenesTXP {padding:20px 20px 20px 0px; text-align:center;}
#cuerpoInterna .imagenesTXP img { padding:20px 20px 20px 0px; margin:0 40px 0 0px;  vertical-align:middle}
#cuerpoInterna .mensajeDocumentoPrivado { font-size:0.8em; font-weight:bold}
#cuerpoInterna .campoListaPagada { display:block; width:400px;font-size:0.8em;font-weight:bold; height:25px; margin:0 20px 0 0; padding:2px 2px 2px 0; color:#333; text-align:left; float:left; border-bottom:1px #CCC dotted;}

#cuerpoInterna .grupoTablas .pestania { font:bold 0.9em arial; padding-top:10px; padding-top:10px; padding-right:10px; padding-bottom:10px; padding-left:10px; margin-right:1px; border:1px solid #333; color:#666; text-decoration:underline; background: url(../images/bck_pestaniaInactiva.gif) top left repeat-x;}
#cuerpoInterna .grupoTablas .pestaniaSelected {position:relative; top:1px; font:bold 0.9em arial; color:#F60; background-image: url(../images/bck_pestaniaActiva.gif);border-bottom-color:#EEE;text-decoration: none;}
#cuerpoInterna .grupoTablas .pestaniaHover {text-decoration:none; color:#F60;}
#cuerpoInterna .contenedorTabla { width:780px; margin: 0 0 20px 0; padding:10px; border:1px #333 solid; background-color:#EEE;}
#cuerpoInterna .campoListaNomina {  width:110px;font-size:0.7em;font-weight:bold; height:25px; margin:0 0 0 0; padding:2px 0px 2px 0; color:#333; text-align:right; border-bottom:1px #CCC dotted; }
#cuerpoInterna .campoListaMedioPago { display:block; width:300px;font-size:0.7em;font-weight:bold; height:180px;  margin:0 0 0 0; padding:2px 0px 2px 0; color:#333; text-align:right; border-bottom:1px #CCC dotted; }
#cuerpoInterna .textoListaNomina {  width:auto;font-size:0.7em; height:25px; margin:0 20px 0 0; padding:2px 2px 2px 0; color:#333; text-align:left;}
#cuerpoInterna .reportesExcelCSV a {margin:20px  0 20px 0; display:block; text-align:center;}

#cuerpoInterna .cajaError, .cajaExito, .cajaInformacion { margin:20px 0; padding:10px; width:600px}
#cuerpoInterna .cajaError img, .cajaExito img {float:left; margin:0 20px 0 25px;}
#cuerpoInterna .cajaInformacion img {float:left; margin:0 0 0 25px;}
#cuerpoInterna .cajaError h4, p, .cajaExito h4, p, .cajaInformacion h4, p {margin:0;}
#cuerpoInterna .cajaError .mensaje, .cajaExito .mensaje .cajaInformacion .mensaje {margin:10px 0 0 0; text-align:center; width:100%; float:left;}
#cuerpoInterna .cajaError {border:2px #F96 solid; background-color:#FFECE0;}
#cuerpoInterna .cajaError h4 {color:#F30;}
#cuerpoInterna .cajaError p, .cajaExito p {font-size:0.8em; color:#666;}
#cuerpoInterna .cajaExito {border:2px #666 solid; background-color:#E5E5E5; }
#cuerpoInterna .cajaExito h4 {color:#333;}
#cuerpoInterna .cajaInformacion {border:2px #FEB00C solid; background-color:#FFF7AD; }
#cuerpoInterna .cajaInformacion h4 {color:#704E05; text-align:center; width:60% }
#cuerpoInterna .datosNomina {float: right; text-align:right;}

#cuerpoInterna .chkNovedadesStyle { font-size:0.7em; font-weight:bold;}
#cuerpoInterna .chkNovedadesStyle input { display:block; float:left; margin-right:5px}

#cuerpoInterna .tablaFecha { font-size:10pt;}
#cuerpoInterna .tablaFecha input { width:80px}
#cuerpoInterna .tablaFecha select { width:50px}
#cuerpoInterna .checkGeneral { width:100%; font-size:10pt; font-weight:bold;}
#cuerpoInterna .radioTabla { font-size:10pt; font-weight:bold; text-align:center; margin:10px 0 10px 0}
#cuerpoInterna .radioTablaIzq { font-size:10pt; font-weight:bold; text-align:left;  margin:5px 0 5px 0px}
#cuerpoInterna .colombiano { font-size:8pt; font-weight:bold; }
#cuerpoInterna .colombiano select { width:auto }
#cuerpoInterna .subTipoCot { border:0 none #000}