.factura-container {
  max-width: 800px;
  margin: 0 auto;
  border: 1px solid #000;
  padding: 15px;
}

.datos-empresa {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #000;
  padding-bottom: 1px;
}


.empresa {
  width: 60%;
  text-align: center;
	line-height: 1.8;
}


.empresa > article{
    float: left;
    padding: 0px;
    width: 100%;
    padding-bottom: 5px;
}

.empresa > article > img{
    float: left;
    width: 40%;
    height: auto;
}

.datos-factura {
  width: 38%;
  font-size: 13px;
  border-left: 1px dashed #000;
  padding-left: 10px;
	
}


.datos-factura > img{
    width: 100%;
    height: auto;
    margin: 0px !important;
    margin-top: 3px !important;
}


.cusWd{
    width: 100% !important;
    display: block;
    text-align: center;
    margin: 0px !important;
}
			
	

.num-auto {
  font-family: monospace;
  font-size: 10px;
 /* border-top: 1px dashed #000;*/
  /*padding-top: 5px;*/
  word-wrap: break-word;
	text-align: center;
}

.datos-cliente {
  margin-top: 15px;
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

.tabla-detalle {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  font-size: 13px;
}

.tabla-detalle th, .tabla-detalle td {
  border: 1px solid #000;
  padding: 6px;
  text-align: left;
  vertical-align: top;
}

.tabla-detalle th {
  background-color: #f0f0f0;
}

/* Sección inferior con 2 columnas */
.seccion-inferior {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  
	margin-top: 20px;
}

.columna-izquierda {
  width: 38%;
  font-size: 13px;
	
	padding-top: 1.35rem;
	/*background-color: yellow;*/
	padding-left: 0.7rem;
	padding-right: 0.7rem;
	
}



.info-adicional {
  margin-top: 10px;
  border-top: 1px dashed #999;
  padding-top: 5px;
}

.columna-derecha {
  width: 60%;
}

.tabla-totales {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.tabla-totales td {
  border: 1px solid #000;
  padding: 5px;
  text-align: right;
}

.tabla-totales td:first-child {
  text-align: left;
}

.tabla-totales .total-final td {
  font-weight: bold;
  background-color: #f8f8f8;
}

#htmlFactConte{
	/*
	width:800px;
	padding:10px;
	background:white;
	position:absolute;
	left:-9999px;
	top:-9999px;
	z-index: 9999;
	*/
	
	width:800px;
	position: absolute;
	padding:10px;
	background-color: #008af1;
	/*background:white;*/
    left: 0;
    top: 0;
    /*opacity: 0;*/
    z-index: -9999;
    pointer-events: none;
	
	
	/*
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
	*/
}

	/* --- */
			
.tabla-up{
    width: 100%;
      border-collapse: collapse;
      
	margin-top: 5px;
      font-size: 13px;

}

.tabla-up th, .tabla-up td {
  border: 1px solid #000;
  padding: 6px;
  text-align: left;
  vertical-align: top;
}

.tabla-up th {

}

.styleBgTbup{
    background-color: rgba(176,173,174,0.30);
    font-weight: bold;
}
			
			/* --- */

.columna-izquierda > div{
    padding: 1rem;
    /*background-color: antiquewhite;*/
    width: 80%;
    border-top: solid 1px #000000;
    padding-top: 0.3rem;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: 8rem;
}
			
.columna-izquierda > div > h2{
    float: left;
    /*background-color: aqua;*/
    margin: 0px;
    font-size: 12px;
    color: #000000;
    width: 100%;
    text-align: center;
}

/* --- */
			
.pieCont{

    display: block;

    max-width: 800px;
  margin: 0 auto;

  padding: 5px;

    padding-right: none !important;
    padding-top: 60px;
    padding-bottom: 10px;
    /*background-color: aqua;*/
}

.pieCont > article{
    margin-right: 1%;
    float: left;
    width: 32.3%;


    border-top: solid 1px #000000;
    /*background-color: antiquewhite;*/
}

.pieCont > article > h3{
    width: 100% !important;
    text-align: center;
    font-weight: bold;
    font-size: 13px;

    margin: unset;
    margin-bottom: none !important;
    /*background-color: chartreuse;*/

}

.columna-izquierda > article{
    padding: 1rem;
    margin: unset;
    width: 90%;
    /*border-top: solid 1px #000000;*/
    padding-top: 0.3rem;
    padding-left: 7%;
    padding-right: 7%;
    margin-bottom: 1rem;
}

.columna-izquierda > article > h2{
    float: left;
    /*background-color: aqua;*/
    background-color:rgba(211,211,211,1.00);
    margin: 0px;
    font-size: 14px;
    color: #000000;
    width: 100%;
    text-align: center;
    border-bottom: solid 1px #000000;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
	font-weight: bold;
}

.columna-izquierda > article > label{
    float: left;
    padding: 0.5rem;
    min-width: unset !important;
    width: 92% !important;
    /*background-color: red;*/
    font-size: 11px !important;
    text-align: justify;
    margin: 0px;
	font-weight: 500;
}