@charset "utf-8";

body {
    font-family:Arial,sans-serif;
    font-size:70%;
}

.encabezado{
	background-color:#E0E0E0; 
	width: 100%;
    width: 26.5cm;
	height: 27.5cm;
}

.imglogo{
	position: absolute;
	top: 30px;
	left: 30px;
	width: 180px;
}

.titulofactura{
    position:absolute;
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzNzREODIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwQTA4MDEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDYpIiAvPgo8L3N2Zz4=);
	top:30px;
	left:240px;
	width:740px;
	height: 32px;
}

.rfc{
	position: absolute;
	top: 70px;
	left:240px;}

.label_rfc{
	font-size:14px;
	font-style: italic;
	font-weight:bold;}

.input_rfc{
	height: 17px;
	font-size: 12px;
	margin-left: 60px;
	text-transform: uppercase;
	padding-left: 8px;}

.razon_social{
	position: relative;
	top: 95px;
	left:240px;}

.label_razonsocial{
	font-family:Arial,sans-serif;
	font-size:14px;
	font-style: italic;
	font-weight:bold;}

.imput_rzn_social {
	height: 17px;
	font-family: Airal,sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 7px;
	width: 63%;
}

.domicilio{
	position: relative;
	top: 100px;
	left:240px;}

.label_domicilio{
	font-family:Arial,sans-serif;
	font-size:14px;
	font-style: italic;
	font-weight:bold;}

.input_domicilio {
	height: 17px;
	font-family: Airal,sans-serif;
	font-size: 1em;
	margin-left: 24px;
	text-transform: uppercase;
	padding-left: 7px;
	width: 63%;
}

.ffiscal{
	position: absolute;
	top: 240px;
	left: 30px;}

.label_folio_fiscal{
	font-family:Arial,sans-serif;
	font-size:14px;
	font-style: italic;
	font-weight:bold;}

.input_folio_fiscal{
	height: 17px;
	font-family: Airal,sans-serif;
	font-size: 12px;
	/*margin-left: 125px;*/
	text-transform: uppercase;
	padding-left: 8px;}

.fhcertif{
	position: absolute;
	top: 270px;
	left: 30px;}

.label_fh_certificacion{
	font-family:Arial,sans-serif;
	font-size:14px;
	font-style: italic;
	font-weight:bold;}

.input_fh_certificacion{
	height: 17px;
	font-family: Airal,sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 8px;}

.titulocte{
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzNzREODIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwQTA4MDEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDYpIiAvPgo8L3N2Zz4=);
	 position:absolute;
	 top:150px;
	 left:30px;
	 width:950px;
	 height:32px;}

.labcte{
	position: absolute;
	top: 5px;
	left:15px;
	font-family: Arial,sans-serif;
	font-size: 17px;
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;}

.rfc_cte{
	position: absolute;
	top: 190px;
	left:30px;}

.label_r_f_c{
	font-family:Arial,sans-serif;
	font-size:14px;
	font-style: italic;
	font-weight:bold;}

.input_r_f_c{
	height: 17px;
	font-family: Airal,sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	padding-left: 8px;
}

.generales{
    position: absolute;
	top: 220px;
	left: 30px;
}

.label_name{
    font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.inp_nombre_generales{
	margin-left:1px;
	font-size: 14px;
	font-family: Arial,sans-serif;
	text-transform: uppercase;
}

.label_am{
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;}

.inp_ap_generales{
	margin-left:1px;
	font-size: 14px;
	font-family: Arial,sans-serif;
	text-transform: uppercase;
}

.label_ap{
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.inp_am_generales{	
	margin-left:1px;
	font-size: 14px;
	font-family: Arial,sans-serif;
	text-transform: uppercase;
}

.divPM{
	position: absolute;
	top: 515px;
	left:30px;}

.usoCFDI{
	position: absolute;
	top: 245px;
	left: 100px;}

.inCorreoElectronico {
	position: absolute;
	top: 270px;
	left: 30px;
}

.inCorreoElectronicoConfirma {
	position: absolute;
	top: 290px;
	left: 30px;
}


.label_calle{
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;}

.imput_calle{
margin-left:58px;
font-size: 14px;
font-family: Arial,sans-serif;
text-transform: uppercase;
padding-left: 7px;}

.label_noext{
	margin-left: 9px;
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;}

.imput_noext{
font-size: 14px;
font-family: Arial,sans-serif;
text-align: center;
margin-left: 19px;}

.label_noint{
	margin-left: 13px;
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;}

.imput_noint{
font-size: 14px;
font-family: Arial,sans-serif;
text-align: center;}

.domicilio2{
	position: absolute;
	top: 270px;
	left: 30px;}

.label_colonia{
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;}

.imput_col{
margin-left: 41px;
font-size: 14px;
font-family: Arial,sans-serif;
text-transform: uppercase;
padding-left: 7px;}

.label_delegacion{
	margin-left: 9px;
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;}

.imput_del{
font-size: 14px;
font-family: Arial,sans-serif;
margin-left: 26px;
text-transform: uppercase;
padding-left: 7px;}


.domicilio3{
	position: absolute;
	top: 295px;
	left: 30px;}

.label_estado{
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;}

.imput_edo{
margin-left: 47px;
font-size: 14px;
font-family: Arial,sans-serif;
text-transform: uppercase;
padding-left: 7px;}

.label_cp{
	margin-left: 10px;
	font-family: Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.imput_cp{
font-size: 14px;
font-family: Arial,sans-serif;
text-align: center;
text-transform: uppercase;
}


.tituloprod_serv{
	 background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzNzREODIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwQTA4MDEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDYpIiAvPgo8L3N2Zz4=);
	 position:absolute;
	 top:330px;
	 left:30px;
	 width:950px;
	 height: 32px;
}

.prod_serv{
	position: absolute;
	top: 2px;
	left: 35px;
	font-family:Arial,sans-serif;
	font-size:20px;
	font-style: italic;
	font-weight:bold;
	color: #FFFFFF;
}

.menu_serv{
    position: absolute;
    top: 370px;
    left: 23px;
}

.serieBoleto {
    position: absolute;
    top: 2px;
    left: 17px;
    font-family:Arial,sans-serif;
    font-size:16px;
    font-style: italic;
    font-weight:bold;
    width:100px;
}

.precio{
    position: absolute;
    top: 2px;
    left: 130px;
    font-family:Arial,sans-serif;
    font-size:16px;
    font-style: italic;
    font-weight:bold;
}

.dv{
    position: absolute;
    top: 2px;
    left: 200px;
    font-family:Arial,sans-serif;
    font-size:16px;
    font-style: italic;
    font-weight:bold;
}


.concepto{
    position: absolute;
    top: 2px;
    left: 260px;
    font-family:Arial,sans-serif;
    font-size:16px;
    font-style: italic;
    font-weight:bold;
}

.monto{
    position: absolute;
    top: 2px;
    left: 780px;
    font-family:Arial,sans-serif;
    font-size:16px;
    font-style: italic;
    font-weight:bold;
}

.titIva{
    position: absolute;
    top: 2px;
    left: 880px;
    font-family:Arial,sans-serif;
    font-size:16px;
    font-style: italic;
    font-weight:bold;
}

.conceptos{
    position: absolute;
    top: 395px;
    left: 40px;
}

.separador{
	 background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3NDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMzNzREODIiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwQTA4MDEiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3NDYpIiAvPgo8L3N2Zz4=);
	 position:absolute;
	 top:622px;
	 left:30px;
	 width:950px;
	 height: 32px;}

			.subtotal{
				position: absolute;
				top: 660px;
				left: -28px;}

			.label_subt{
				position: absolute;
				top: 2px;
				left: 787px;
				font-family:Arial,sans-serif;
				font-size:16px;
				font-style: italic;
				font-weight:bold;}

			  .impt_subt{
			  	position: absolute;
				top: 2px;
				left: 901px;
				text-align: center;
				font-size: 12px;}

			  /*IVA*/
			  .iva{
				position: absolute;
				top: 688px;
				left: -29px;}

			.label_iva{
				position: absolute;
				top: 5px;
				left: 787px;
				font-family:Arial,sans-serif;
				font-size:16px;
				font-style: italic;
				font-weight:bold;}

			  .impt_iva{
			  	position: absolute;
				top: 2px;
				left: 901px;
				text-align: center;
				font-size: 12px;}

			  .impt_iva_porcent{
			  	position: absolute;
				top: 2px;
				left: 815px;
				text-align: center;
				font-family: Areial,sans-serif;
				font-size: 12px;}

			  /*IMPORTE CON LETRA*/
			   .importe_letra{
				position: absolute;
				top: 724px;
				left: 45px;
}

				.impt_letra{
					height: 18px;
					font-size: 12px;
					font-family: Arial,sans-serif;
					padding-left: 7px;
					text-transform: uppercase;}

			.label_importeletra{
				left: 60px;
				left: 787px;
				font-family:Arial,sans-serif;
				font-size:16px;
				font-style: italic;
				font-weight:bold;}

			.label_total{
				position: absolute;
				top: 2px;
				left: 695px;
				font-family:Arial,sans-serif;
				font-size:16px;
				font-style: italic;
				font-weight:bold;}

			.impt_total{
				position: absolute;
				top: 2px;
				left: 812px;
				text-align: center;
				font-size: 12px;}

			.linea{
				position: absolute;
				top: 991px;
				left: 40px;
}

			.rfcsat{
				position: absolute;
				top: 1000px;
				left:50px;}

		/*DATOS SAT*/	
		.datossat{
			position: absolute;
			top: 1000px;
			left:215px;
}

			.lab_cadenaorig{
				font-family:Arial,sans-serif;
				font-size:12px;
				font-style: italic;
				font-weight:bold;}

			.cadena_original{
				font-family:sans-serif;
				font-size:11px;	
				resize:none;}

			.lab_sello{
				font-family:Arial,sans-serif;
				font-size:12px;
				font-style: italic;
				font-weight:bold;}

			.sello_digital{
				font-family:sans-serif;
				font-size:11px;	
				resize:none;}

			.lab_sellodigitalsat{
				font-family:Arial,sans-serif;
				font-size:12px;
				font-style: italic;
				font-weight:bold;}

			.sello_digital_sat{
				font-family:sans-serif;
				font-size:11px;	
				resize:none;}

			.no_seriecertifemisor{
				position: absolute;
				top: 180px;
				left: 0px;}

			.num_serie_certificado{
				font-family:Arial,sans-serif;
				font-size:12px;
				font-style: italic;
				font-weight:bold;}

			.impt_serie_certifemisor{
				width: 145px;
				font-family:sans-serif;}

			.num_ser_cert_sat{
				position: absolute;
				top: 170px;
				left: 17px;}

			.num_ser_sat{
				font-family:Arial,sans-serif;
				font-size:12px;
				font-style: italic;
				font-weight:bold;}

			.impt_serie_certif_sat{
				width: 145px;
				font-family:sans-serif;}

			.condiciones_pago{
				position: absolute;
				top: 233px;
				left: 101px;}

			.lab_cond_pago{
				font-family:Arial,sans-serif;
				font-size:12px;
				font-style: italic;
				font-weight:bold;}

			.imp_condiciones_pago{
				width: 145px;
				font-family:sans-serif;
				font-size: 12px;}

			.metodo_pago{
				position: absolute;
				top: 260px;
				left: 127px;}

			.label_met_pago{
				font-family:Arial,sans-serif;
				font-size:12px;
				font-style: italic;
				font-weight:bold;}

			.imp_condiciones_pago{
				width: 145px;
				font-family:sans-serif;
				font-size: 12px;}

			.forma_pago{
				position: absolute;
				top: 286px;
				left: 133px;}

			.label_forma_pago{
				font-family:Arial,sans-serif;
				font-size:12px;
				font-style: italic;
				font-weight:bold;}

			.imput_forma_pago{
				width: 200px;
				font-family:sans-serif;
				font-size: 12px;}

			.num_cuenta{
				position: absolute;
				top: 310px;
				left: 112px;}

			.label_no_cta{
				font-family:Arial,sans-serif;
				font-size:12px;
				font-style: italic;
				font-weight:bold;}

			.imput_num_cta{
				width: 200px;
				font-family:sans-serif;
				font-size: 12px;}

			.codQR{
				position: absolute;
				top: 200px;
				left:585px;}

			.leyendafin{
				position: absolute;
				top: 1000px;
				left: 350px;
				text-align: center;}

			.leyendafintext{
				top: 2px;
				left: 776px;
				font-family:Arial,sans-serif;
				font-size:12px;
				font-style: italic;
				font-weight:bold;}

			.bloquesat{
				position: absolute;
				margin-top: -250px;
				margin-left: -3px;
				}
				.pruebaa{
					position: absolute;
					top: 780px;
				}

		.rzn_soc{
			position: absolute;
			top: 510px;
			left: 30px;
		}

		.label_rzsoc{
			font-family: Arial,sans-serif;
			font-size: 13px;
			font-weight: bold;
		}

		.input_rzsoc{
			margin-left: 3px;
			font-size: 14px;
			height: 18px;
			font-family: Arial,sans-serif;
			text-transform: uppercase;
			padding-left: 7px;
		}

#btnGenerarFactura {
    position: absolute;
    top: 675px;
    left: 40px;
}

#btnNuevaFactura{
    position: absolute;
    top: 675px;
    left: 175px;
}

#divSelFormaPago {
    position: absolute;
    top: 655px;
    left: 305px;
}

#divSelMetodoPago {
    position: absolute;
    top: 677px;
    left: 305px;
}

#divSelConPago {
    position: absolute;
    top: 699px;
    left: 305px;
}

#divSelFormaPago select {
    width: 280px;
}

#divSelMetodoPago select {
    width: 280px;
}

#divSelConPago select {
    width: 280px;
}

#divCuentaBancaria {
    position: absolute;
    top: 677px;
    left: 589px;
	width: 168px;
}

#divCuentaBancaria input {
    width: 60px
}