<style type="text/css">
.topB{
 font-size:12px;

}


p {
    margin:5px;
position: absolute;  overflow: hidden;
  font-family: monospace; margin: 0px; 

}

p#p1 { left:  10%; width: 70%; top: 15%; height: 10%;}
p#p2 { left:  10%; right: 20%; top: 30%; height: 10%;}
p#p3 { right: 20%; width: 70%; top: 45%; height: 10%;}

p#p4 { left: 10%; width: 20%; top:    60%; height: 30%;}
p#p5 { left: 40%; width: 20%; top:    60%; bottom: 10%;}

#p6 { margin:5px; position: absolute;  overflow: hidden;
  font-family: monospace; margin: 0px; left: 88%; width: 12%; bottom: 0%; height: 9%;}

.bloquear {
    background-image:url(../../Imagenes/Proyecto/icons/fam/lock.png);
}
.desbloquear {
    background-image:url(../../Imagenes/Proyecto/icons/fam/lock_open.png);
}
.botonPrimeraPagina {
    background-image:url(../../Imagenes/Proyecto/icons/fam/backFirst.png);
}
.botonAtrasPagina {
    background-image:url(../../Imagenes/Proyecto/icons/fam/back.png);
}
.botonAdelantePagina {
    background-image:url(../../Imagenes/Proyecto/icons/fam/next.png);
}
.botonUltimaPagina {
    background-image:url(../../Imagenes/Proyecto/icons/fam/nextLast.png);
}
  
.obraConstructor {
    background-image:url(../../Imagenes/Proyecto/icons/fam/helmet.png);
}
.chatLinea {
    background-image:url(../../Imagenes/Proyecto/icons/fam/chatLinea.png);
}
.sitioWeb {
    background-image:url(../../Imagenes/Proyecto/icons/fam/sitioWeb.png);
}
.video {
    background-image:url(../../Imagenes/Proyecto/icons/fam/video.png);
}
.masOpciones {
    background-image:url(../../Imagenes/Proyecto/icons/fam/masOpciones.png);
}
.filtro {
    background-image:url(../../Imagenes/Proyecto/icons/fam/filter.png);
}
.OrdenDePago {
    background-image:url(../../Imagenes/Proyecto/icons/fam/OrdenPago.png);
}
.Retiros {
    background-image:url(../../Imagenes/Proyecto/icons/fam/Retiros.png);
}
.Depositos {
    background-image:url(../../Imagenes/Proyecto/icons/fam/Depositos.png);
}
.ReciboDinero {
    background-image:url(../../Imagenes/Proyecto/icons/fam/ReciboDinero.png);
}
.catalag {
    background-image:url(../../Imagenes/Proyecto/icons/fam/book.png);
}
.nav {
    background-image:url(../../Imagenes/Proyecto/icons/fam/folder_go.png);
}
.info {
    background-image:url(../../Imagenes/Proyecto/icons/fam/information.png);
}
.config {
    background-image:url(../../Imagenes/Proyecto/icons/fam/cog_edit.png); 
}
.cfdi {
    background-image:url(../../Imagenes/Proyecto/icons/fam/page_code.png);
}
.cte {
    background-image:url(../../Imagenes/Proyecto/icons/fam/user_green.png);
}

.prod {
    background-image:url(../../Imagenes/Proyecto/icons/fam/prod.gif);
}

.cert {
    background-image:url(../../Imagenes/Proyecto/icons/fam/cert.gif);
}
.money {
    background-image:url(../../Imagenes/Proyecto/icons/fam/money2.png);
}
.help {
    background-image:url(../../Imagenes/Proyecto/icons/fam/book_open.png);
}
.salir {
    background-image:url(../../Imagenes/Proyecto/icons/fam/salir.png);
}
.sopt {
    background-image:url(../../Imagenes/Proyecto/icons/fam/lightbulb.png);
}

.newf {
    background-image:url(../../Imagenes/Proyecto/icons/fam/page_new.gif);
}
.listf {
    background-image:url(../../Imagenes/Proyecto/icons/fam/page_tick.gif);
}
.listf2 {
    background-image:url(../../Imagenes/Proyecto/icons/fam/page_tick2.gif);
}
.subf {
    background-image:url(../../Imagenes/Proyecto/icons/fam/folder_go.png);
}

.descargaCU {
    background-image:url(../../Imagenes/Proyecto/icons/fam/descargaCU.png);
}

.user {
    background-image:url(../../Imagenes/Proyecto/icons/fam/user.png);
}

.user_add {
    background-image:url(../../Imagenes/Proyecto/icons/fam/user_add.png);
}

.user_edit {
    background-image:url(../../Imagenes/Proyecto/icons/fam/user_edit.png);
}

.actualizar {
    background-image:url(../../Imagenes/Proyecto/icons/fam/update.gif);
}

.borrar {
    background-image:url(../../Imagenes/Proyecto/icons/fam/borrar.png);
}

.llave1 {
    background-image:url(../../Imagenes/Proyecto/icons/fam/llave1.png);
}

.grid1{
    background-image:url(../../Imagenes/Proyecto/icons/fam/grid.png);
}


.escribir {
    background-image:url(../../Imagenes/Proyecto/icons/fam/add.png);
}
.report {
    background-image:url(../../Imagenes/Proyecto/icons/fam/report.png);
}
.report_ver {
    background-image:url(../../Imagenes/Proyecto/icons/fam/report_ver.png);
}
.avans{
  background-image:url(../../Imagenes/Proyecto/icons/fam/avans.png);
}

.nada {
    background-image:url(../../Imagenes/Proyecto/icons/fam/nada.png);
}

.micuenta {
    background-image:url(../../Imagenes/Proyecto/icons/fam/house.png);
}
/*  Otros Estilos */

.icon-grid {
	background-image:url(../../Imagenes/Proyecto/icons/fam/grid.png) !important;
}
#button-grid .x-panel-body {
	border:1px solid #99bbe8;
	border-top:0 none;
}
.add {
	background-image:url(../../Imagenes/Proyecto/icons/fam/add.gif) !important;
}
.cancF{
   background-image:url(../../Imagenes/Proyecto/icons/fam/cross.gif) !important;
}
.xmlF{
  background-image:url(../../Imagenes/Proyecto/icons/fam/xml.png) !important;
}
.pdf{
  background-image:url(../../Imagenes/Proyecto/icons/fam/pdf2.png) !important;
}
.email{
  background-image:url(../../Imagenes/Proyecto/icons/fam/email_go.png) !important;
}

.acuse{
  background-image:url(../../Imagenes/Proyecto/icons/fam/acuse.png) !important;
}

.option {
	background-image:url(../../Imagenes/Proyecto/icons/fam/plugin.gif) !important;
}
.remove {
	background-image:url(../../Imagenes/Proyecto/icons/fam/delete.gif) !important;
}
.upd {
    background-image:url(../../Imagenes/Proyecto/icons/fam/update.gif);
}
.save {
	background-image:url(../../Imagenes/Proyecto/icons/save.gif) !important;
}

.admin {
	background-image:url(../../Imagenes/Proyecto/icons/fam/user_suit.png) !important;
}

.soporte {
	background-image:url(../../Imagenes/Proyecto/icons/fam/user_comment.png) !important;
}

.regsop{
	background-image:url(../../Imagenes/Proyecto/icons/fam/cd.png) !important;
}

.busca{
	background-image:url(../../Imagenes/Proyecto/icons/fam/busca.png) !important;
}

.sucursal{
	background-image:url(../../Imagenes/Proyecto/icons/fam/chart_bar.png) !important;
}

.rf{
	background-image:url(../../Imagenes/Proyecto/icons/fam/rf.png) !important;
}

.Addenda{
	background-image:url(../../Imagenes/Proyecto/icons/fam/Addenda.png) !important;
}

.filter_add{
	background-image:url(../../Imagenes/Proyecto/icons/fam/filter_add.png) !important;
}

.filter_delete{
	background-image:url(../../Imagenes/Proyecto/icons/fam/filter_delete.png) !important;
}

.guardar{
	background-image:url(../../Imagenes/Proyecto/icons/fam/disk.png) !important;
}

.abortar{
	background-image:url(../../Imagenes/Proyecto/icons/fam/cancel.png) !important;
}

.percepciones {
    background-image:url(../../Imagenes/Proyecto/icons/fam/money.png);
}

.deducciones {
    background-image:url(../../Imagenes/Proyecto/icons/fam/money2.png);
}

.departamentos {
    background-image:url(../../Imagenes/Proyecto/icons/fam/aduana.png);
}

.qrcode {
    background-image:url(../../Imagenes/Proyecto/icons/fam/qrcode.png);
}

.importar {
    background-image:url(../../Imagenes/Proyecto/icons/fam/importar.png);
}

.recibos {
    background-image:url(../../Imagenes/Proyecto/icons/fam/recibos.png);
}

.incapacidades {
    background-image:url(../../Imagenes/Proyecto/icons/fam/health.png);
}

.horasextra {
    background-image:url(../../Imagenes/Proyecto/icons/fam/time_add.png);
}

.aceptar {
    background-image:url(../../Imagenes/Proyecto/icons/fam/accept.png);
}

.proveedor{
	background-image:url(../../Imagenes/Proyecto/icons/fam/lorry.png);
}
.banco{
	background-image:url(../../Imagenes/Proyecto/icons/fam/bank.png);
}
.actualizar{
	background-image:url(../../Imagenes/Proyecto/icons/fam/arrow_refresh.png);
}
.descargar{
	background-image:url(../../Imagenes/Proyecto/icons/fam/download.png);
}
.buzon{
	background-image:url(../../Imagenes/Proyecto/icons/fam/mail_box.png);
}
.moneyinenvelope{
	background-image:url(../../Imagenes/Proyecto/icons/fam/money_in_envelope.png);
}
.cart{
	background-image:url(../../Imagenes/Proyecto/icons/fam/cart.png);
}
.cart_add{
	background-image:url(../../Imagenes/Proyecto/icons/fam/cart_add.png);
}
.cart_remove{
	background-image:url(../../Imagenes/Proyecto/icons/fam/cart_remove.png);
}
.balance{
	background-image:url(../../Imagenes/Proyecto/icons/fam/balance.png);
}
.calc{
	background-image:url(../../Imagenes/Proyecto/icons/fam/calculator.png);
}
.calendar{
	background-image:url(../../Imagenes/Proyecto/icons/fam/calendar.png);
}
.upload{
	background-image:url(../../Imagenes/Proyecto/icons/fam/upload.png);
}
.LogoSAT{
	background-image:url(../../Imagenes/Proyecto/icons/fam/SAT.png);
}
.LogoZIP{

	background-image:url(../../Imagenes/Proyecto/icons/fam/ZIP.png);
}
.cuentasPorCobrar{
	background-image:url(../../Imagenes/Proyecto/icons/fam/coins_in_hand.png);
}
.cuentasPorPagar{
	background-image:url(../../Imagenes/Proyecto/icons/fam/money_delete.png);
}
.ordenesDePago{
	background-image:url(../../Imagenes/Proyecto/icons/fam/company_generosity.png);
}
.rv{
	background-image:url(../../Imagenes/Proyecto/rv.png);
}
/* estilos Generales */
img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
		border-style:none;
		}


.center2 {

	    display: block;
		margin-left: auto;
		margin-right: auto;
		border-style:none;
}
.valign {

   vertical-align: middle;

}

/* style rows on mouseover */
.x-grid-row-over .x-grid-cell-inner {
    font-weight: bold;
}
/* shared styles for the ActionColumn icons */
.x-action-col-cell img {
    height: 16px;
    width: 16px;
    cursor: pointer;
}
/* custom icon for the "buy" ActionColumn icon */
.x-action-col-cell img.buy-col {
    background-image: url(../../Imagenes/Proyecto/icons/fam/accept.gif);
}
/* custom icon for the "alert" ActionColumn icon */
.x-action-col-cell img.alert-col {
    background-image: url(../../Imagenes/Proyecto/icons/fam/error.gif);
}
.classTot{
   font-size:12px;
   font-family:Tahoma, Geneva, sans-serif;

}
.classTxt{
   font-size:13px;
   font-family:Tahoma, Geneva, sans-serif;
   vertical-align: text-bottom;

}

/******* HIPERVINCULO*********/
a:link, a:visited { text-decoration: none }
a:hover { text-decoration: underline;
        }
a.viewCfdi {
  color: #000;
}
a.viewCfdi:hover {
  color:#0033FF;
}

.x-grid-row-over .x-grid-cell-inner {
            font-weight: bold;
        }
/* shared styles for the ActionColumn icons */
.x-action-col-cell img {
    height: 16px;
    width: 16px;
    cursor: pointer;
}
/* custom icon for the "buy" ActionColumn icon */
.x-action-col-cell img.buy-col {
    background-image: url(../../Imagenes/Proyecto/icons/fam/accept.gif);
}
/* custom icon for the "alert" ActionColumn icon */
.x-action-col-cell img.alert-col {
    background-image: url(../../Imagenes/Proyecto/icons/fam/error.gif);
}

/****ESTILO PARA TABLAS*****/
.tableView
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 10px;
	margin: 25px 25px 10px 25px;
	text-align: left;
	border-collapse: collapse;

}

.tableView thead th.borderleft
{
	background: #b9c9fe url('../../Imagenes/Proyecto/icons/fam/left.png') left -1px no-repeat;
}
.tableView thead th.borderigth
{
	background: #b9c9fe url('../../Imagenes/Proyecto/icons/fam/right.png') right -1px no-repeat;
}
.tableView th
{
	padding: 2px;
	font-weight: normal;
	font-size: 11px;
	color: #039;
	background: #b9c9fe;
    text-align: center;

}
.tableView th.border{
  	padding: 2px;
	font-weight: normal;
	font-size: 11px;
	color: #039;
	background: #b9c9fe;
    text-align: center;
    border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.tableView td
{
	padding: 1px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
.tableView tfoot td.rounded-foot-left
{
	background: #e8edff url('table-images/botleft.png') left bottom no-repeat;
}
.tableView tfoot td.rounded-foot-right
{
	background: #e8edff url('table-images/botright.png') right bottom no-repeat;
}
/*
.tableView tbody tr:hover td
{
	background: #d0dafd;
}
*/

</style>
