/*Hoja de Estilos */
/*Cuerpo del HTML */
body {
  zfont-family: sans-serif;
  zfont-size: 90%;
  background: #FFFFFF;
  font-family: Tahoma, Arial, helvetica, sans-serif;
  font-size: 10pt;
  color: #000000;
  background-image: url('imagenes/sheet_s.png') center;
}
/* Titulos */
h1 {
  text-align: center;
  font-size: 140%
}
#enpiModal {
  display: block;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0; width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.7);
}
#enpiModalContent {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  max-width: 90vw;
  max-height: 90vh;
  box-shadow: 0 0 20px #000;
  text-align: center;
}
#enpiModalContent img {
  max-width: 100%;
  max-height: 70vh;
  border-radius: 6px;
}
#enpiModalClose {
  position: absolute;
  top: 8px; right: 16px;
  font-size: 2rem;
  color: #fff; /* Cambiado a blanco */
  cursor: pointer;
  background: none;
  border: none;
}
h2 {
  text-align: center;
  font-size: 120%
}
h3 {
  text-align: center;
  font-size: 110%
}
h5 {
  text-align: center;
}
.hotkeys { text-align: right }
/* Parrafos */
p {
  margin-left: 2em;
  margin-right: 2em;
}
p.justificado {
  text-indent: 40pt;
  text-align: justify;
}
p.izquierda {
  text-indent: 40pt;
  text-align: left;
}
p.derecha {
  text-indent: 40pt;
  text-align: right;
  text-align: right;
}
p.estad {
  text-align: center;
  font-size: 90%;
  padding: 3px
}
/* Tabla */
table {
  font-family: Tahoma, Arial, helvetica, sans-serif;
  text-align: center;
  font-size: 13;
}
/* Tablas filas */
td {
  text-align: left;
  font-size: 90%;
}
/* Tablas filas alineado el texto a la izquierda */
td.izq {
  text-align: right;
}
/* Tablas filas alineado el texto a la derecha */
td.der {
  text-align: left;
}
/* Tablas filas alineado el texto a la izquierda con color azul oscuro */
td.izq-color {
  color: #FFFFFF;
  background: #1E5F99;
  font-weight: bold;
  text-align: right;
}
td.izq1-color {
  color: #800000;
  background: #F9f7ED;
  font-weight: bold;
  text-align: right;
}

.historial_content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5rem;
}

span.separador_historial {
  margin-left: 1rem;
  display: block;
  width: 500px;
  /* margin-right: 1rem; */
}
span.separador_historial_primero {
  display: block;
  width: 20%;
  /* margin-right: 1rem; */
}
/* Tablas filas alineado el texto a la derecha con color azul oscuro */
td.izq2-color {
  color: #FFFFFF;
  background: #1E5F99;
  font-weight: bold;
  text-align: left;
}
td.izq3-color {
  color: #FFFFFF;
  background: #DF0101;
  font-weight: bold;
  text-align: left;
}
td.izq4-color {
  color: #000000;
  background: #FFFAF0;
  font-weight: bold;
  text-align: left;
}
td.izq5-color {
  color: #000000;
  background: #FFF5EE;
  font-weight: bold;
  text-align: left;
}

td.izq6-color {
  color: #000000;
  background: #FFFFFF;
  font-weight: bold;
  text-align: left;
}

td.izq6a-color {
  color: #000000;
  background: #FFFFFF;
  text-align: left;
}

td.izq7-color {
  color: #800000;
  background: #FFFFFF;
  text-align: left;
}

td.izq8-color {
  color: #800000;
  background: #FFFFFF;
  font-weight: bold;
  text-align: left;
}

td.izq8-colorf {
  color: #800000;
  background: #F9f7ED;
  font-weight: bold;
  text-align: left;
}

td.izq8-colorn {
  color: #000000;
  background: #F9f7ED;
  font-weight: bold;
  text-align: left;
}

td.izq9-color {
  color: #FFFFFF;
  /*background: #800000; */
  background: #005b9b;  
  text-align: left;
}

td.izq10-color {
  color: #FFFFFF;
  /*background: #800000; */
  background: #005b9b;  
  font-weight: bold;
  text-align: left;
  font-size: 16;
}

/* Tablas filas alineado el texto a la derecha con color azul claro */	
td.der-color {
  background: #7AC0EF;
  ztext-align: justify;
  text-align: left;
}
td.der1-color {
  background: #F9f7ED;
  ztext-align: justify;
  text-align: left;
}
td.der2-color {
  color: #FFFFFF;
  background: #1E5F99;
  font-weight: bold;
  text-align: left;
}
td.der3-color {
  color: #FFFFFF;
  background: #DF0101;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 8pt; 
  font-weight: bold;
  text-align: right; 
}
td.der4-color {
  color: #000000;
  background: #FFDEAD;
  font-weight: bold;
  text-align: left;
}
td.der5-color {
  color: #000000;
  background: #FFF5EE;
  font-weight: bold;
  text-align: left;
}
td.der6-color {
  color: #000000;
  background: #FFFFFF;
  text-align: left;
}

td.der7-color {
  color: #000000;
  background: #FFFFFF;
  font-weight: bold;
  text-align: left;
}

td.der8-color {
  color: #800000;
  background: #FFFFFF;
  font-weight: bold;
  text-align: right;
}

.der8-color {
  color: #800000;
  background: #FFFFFF;
  font-weight: bold;
  text-align: right;
}

td.der8-colorc {
  color: #800000;
  background: #FFFFCC;
  font-weight: bold;
  text-align: right;
}

td.der8-colorf {
  color: #800000;
  background: #F9f7ED;
  font-weight: bold;
  text-align: right;
}

td.der8-colorn {
  color: #000000;
  background: #F9f7ED;
  font-weight: bold;
  text-align: right;
}

/* Tablas filas alineado el texto al centro */
td.cnt {
  text-align: center;
}
/* Tablas filas alineado el texto al centro con color azul claro */
td.cnt-color {
  background: #7AC0EF;
  text-align: center;
}
/* Tablas filas alineado el texto al centro con color azul claro 2do color */
td.cnt-color2 {
  background: #669ec4;
  text-align: center;
}
td.cnt-color3 {
  color: #FFa200;
  background: #1E5F99;
  font-weight: bold;
  text-align: center;
}
td.cnt3-color {
  color: #FFDAB9;
  background: #DF0101;
  font-weight: bold;
  text-align: center;
}
td.cnt8-color {
  color: #800000;
  background: #FFFFFF;
  font-weight: bold;
  text-align: center;
}

td.cnt8-colorf {
  color: #800000;
  background: #F9f7ED;
  font-weight: bold;
  text-align: center;
}

td.cnt8-colorn {
  color: #000000;
  background: #F9f7ED;
  font-weight: bold;
  text-align: center;
}

/* Tablas columnas texto al centro */
th {
  color: white;
  background: #1E5F99;
  font-weight: bold;
  text-align: center;
}
/* Mensajes */
.atencion {
  color: yellow;
  background: black;
  text-align: center;
}

/*Plantillas Invisibles*/
  #ley55{display:none;visibility:none;} 
  #ley344{display:none;visibility:none;} 
/* Para las Validaciones */
   /* Validación de formulario */
	.required { background-color: #FFFFCC; }
	.validate-integer { background-color: #FFFFCC; }
	.error { border: 2px solid #FF2400; }
	.errFld { border: 2px solid #FF2400; }
	.errorMsg { color: #610B0B; display: inline; }
	.errMsg {
  	color: #610B0B;
  	display: block;
  	border:none;
  	margin-left: 25.5%;
  	margin-right: 13%;
  	padding: .1em .3em;
  	font-size:10px;
     }

/* Botones */
.botones {  
	-moz-border-radius: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bold;
	color: #FFFFFF; 
	background-color: #DF0101; 
	border : 1px solid #000000;
	padding-left : 7px;
	padding-right : 7px;
}

.span-button{
	border: 1px solid rgb(86, 86, 86);
  padding: 0.2rem 0.4rem;
  border-radius: 4px;
  margin-left: 0.4rem;
  background-color: rgb(175, 175, 175);
}

.span-button:hover{
  cursor: pointer;
}


.botones:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bold;
	color: #800000; 
	background-color: #FFFFFF; 
	text-decoration: none;
}

A:link    {text-decoration:none;color:#FFFFFF;}
A:visited {text-decoration:none;color:#FFFFFF;}
A:active  {text-decoration:none;color:#FFFFFF;}
A:hover   {text-decoration:none;color:#FFFFF0;} 

.boton_blue {  
	-moz-border-radius: 15px;
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 9pt; 
   color: #FFFFFF; 
   background-color: #084B8A; 
   border-color: #000000 ; 
   border-top-width: 1pix; 
   border-right-width: 1pix; 
   border-bottom-width: 1pix; 
   border-left-width: 1pix 
}

.inputbox {  
   font-size: 10pt; 
   color: #800000; 
   background-color: #C1C1C1; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   border: 1pix #000000 solid; 
   border-color: #000000 solid; 
   font-weight: normal
}

.imputbox {  
   font-size: 10pt; 
   color: #000000; 
   background-color: #FFFFFF; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   border: 1pix #000000 solid; 
   border-color: #000000 solid; 
   font-weight: normal; 
   height: 30px
}

.boton_cream {  
	-moz-border-radius: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; 
	font-weight: bold;
	font-size: 9pt; 
	color: #800000; 
	background-color: #FFFFCC;
	border : 1px solid #000000;
	padding-left : 7px;
	padding-right : 7px;
	height: 25px
}

.boton_cream:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9pt; 
	font-weight: bold;
	color: #ffffff; 
	background-color: #800000; 
}

.boton_azul {  
	border : 1px solid #000000;
	font-family: Verdana, Arial, sans-serif, serif; 
	font-size: 9pt; 
	text-align: center;
	font-style: normal; 
	font-weight: bold;
	color: #FFFFFF; 
	padding-left : 7px;
	padding-right : 7px;
	height: 22px;
	width: 80px;
	background-image: url('imagenes/botonazulcuadrado.png'); 
	background-repeat:no-repeat;
	background-position:left top;
}

.boton_azul:hover {  
	border : 1px solid #000000;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9pt; 
	text-align: center;
	font-weight: bold;
	color: #FFFFFF; 
	padding-left : 7px;
	padding-right : 7px;
	height: 22px;
	width: 80px;
	background-image: url('imagenes/botonrojocuadrado.png'); 
	background-repeat:no-repeat;
	background-position:left top;
}

.boton_azul_var {  
	border : 1px solid #000000;
	font-family: Verdana, Arial, sans-serif, serif; 
	font-size: 9pt; 
	text-align: center;
	font-style: normal; 
	font-weight: bold;
	color: #FFFFFF; 
	padding-left : 7px;
	padding-right : 7px;
	height: 22px;
	background-image: url('imagenes/botonazulcuadrado.png'); 
	background-repeat:no-repeat;
	background-position:left top;
}

.boton_azul_var:hover {  
	border : 1px solid #000000;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9pt; 
	text-align: center;
	font-weight: bold;
	color: #FFFFFF; 
	padding-left : 7px;
	padding-right : 7px;
	height: 22px;
	background-image: url('imagenes/botonrojocuadrado.png'); 
	background-repeat:no-repeat;
	background-position:left top;
}

.boton_azul_cur {  
	-moz-border-radius: 12px;
   border-radius: 12px;
	border : 1px solid #000000;
	font-family: Verdana, Arial; 
	font-size: 9pt; 
	text-align: center;
	font-weight: bold;
	color: #FFFFFF; 
	padding-left : 7px;
	padding-right : 7px;
	height: 22px;
	/* width: 110px; */
	background-image: url('imagenes/roundbuttonblue_03.png'); 
	background-repeat:no-repeat;
	background-position:left top;
}

.boton_azul_cur:hover {  
	-moz-border-radius: 12px;
   border-radius: 12px;
	border : 1px solid #000000;
	font-family: Verdana, Arial; 
	font-size: 9pt; 
	text-align: center;
	font-weight: bold;
	color: #FFFFFF; 
	padding-left : 7px;
	padding-right : 7px;
	height: 22px;
	/* width: 110px; */
	background-image: url('imagenes/roundbuttonred_03.png'); 
	background-repeat:no-repeat;
	background-position:left top;
}

.boton_rojo {  
	border : 1px solid #000000;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9pt; 
	text-align: center;
	font-weight: bold;
	color: #FFFFFF; 
	padding-left : 7px;
	padding-right : 7px;
	height: 22px;
	width: 80px;
	background-image: url('imagenes/botonrojocuadrado.png'); 
	background-repeat:no-repeat;
	background-position:left top;
}

.titulo_marca { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size:14px; 
	font-weight: bold; 
	color: #000000; 
	height: 33px;
	width: 725px;
	text-align: right;
	background-image: url('imagenes/funcionesmarcas.png');  
}

.titulo_patente { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size:14px; 
	font-weight: bold; 
	color: #000000; 
	height: 33px;
	width: 725px;
	text-align: right;
	background-image: url('imagenes/funcionespatentes.png');  
}

.titulo_autor { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size:14px; 
	font-weight: bold; 
	color: #000000; 
	height: 33px;
	width: 725px;
	text-align: right;
	background-image: url('imagenes/funcionesderechosautor.png');  
}

.titulo_sesion { 
        font-family: times, serif; 
        font-size:20pt; 
        font-style:italic; 
        font-weight: bold; 
        text-align: left;
}

.titulo_finanza { 
	font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size:14px; 
	font-weight: bold; 
	color: #000000; 
	height: 33px;
	width: 625px;
	text-align: right;
	background-image: url('imagenes/funcionesmenu1.png');  
}


.identificacion { 
	font-family: Time New Roman, sans-serif; 
	font-size:12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	background: #DF0101; 
	text-align: center;
	background-image: url('imagenes/nav.png');  
}

.acceso { 
   font-family: Time New Roman, sans-serif; 
   font-size:12px; 
   font-weight: normal; 
   color: #000000; 
   text-align: right; 
   background-color: #F9F9F9; 
}

.fondoacc { 
	font-family: Time New Roman, sans-serif; 
	font-size:12px; 
	font-weight: bold; 
	color: #FFFFFF; 
	background: #FFFFFF; 
	text-align: center;
	height: 336px;
	width: 618px;
	/* background-image: url('imagenes/loginnuevonew.png'); */  
	background-image: url('imagenes/iniciarsesion_vinotinto.png');  
}

.inicializa { 
	height: 44px;
	width: 105px;
	background-image: url('imagenes/azul_limpiar.png');  
}

.boton_buscar { 
	height: 35px;
	width: 104px;
	background-image: url('imagenes/azul_buscar.png');  
}

.titulo { font-family: Time New Roman, sans-serif; font-size:12px; font-weight: bold; color: #FFFFFF; background: #DF0101; text-align: center; }

.titulo1 { font-family: Arial; font-size:13px; font-weight: bold; color: #FFFFFF; background: #8A0808; text-align: center; }

.titulo2 { font-family: Time New Roman, sans-serif; font-size:12px; font-weight: bold; color: #FFFFFF; background: #0099FF; text-align: center; }

.subtitulo { font-family: Time New Roman, sans-serif; font-size:12px; font-weight: bold; color: #FFFFFF; background: #8A0808; text-align: center; }

.subtitulo1 { font-family: Time New Roman, sans-serif; 
              font-size:12px; 
              font-weight: normal; 
              color: #FFFFFF; 
              /* background: #DF0101; */ 
              text-align: center; 
              top: 0;
              height: 18px;
              /* background-image: url('imagenes/barranavegacion_webpi2.png'); */
              background-image: url('imagenes/botonrojolargo.png'); 
} 

.subtitulo2 { font-family: Time New Roman, sans-serif; 
              font-size:12px; 
              font-weight: normal; 
              color: #FFFFFF; 
              /* background: #DF0101; */ 
              text-align: center; 
              top: 0;
              height: 18px;
              background-image: url('imagenes/barraazul_03.png'); }

.subtitulo3 { font-family: Time New Roman, sans-serif; 
              font-size:12px; 
              font-weight: normal; 
              color: #FFFFFF; 
              /* background: #DF0101; */ 
              text-align: center; 
              top: 0;
              height: 18px;
              /* background-image: url('imagenes/barraazul_03.png'); } */
              background-image: url('imagenes/barranavegacion_webpi.png'); } 

.nombreusr  { font-family: Verdana, Arial, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              text-align: center; 
              top: 0;
              height: 24px;
              background-image: url('imagenes/696_4.png'); }

.nombreusr1 { font-family: Time New Roman, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              text-align: center; 
              top: 0;
              height: 24px;
              /* background-image: url('imagenes/barranueva25.png'); } */
              background-image: url('imagenes/barra_azul_2020.png'); }

.nombreusr2  { font-family: Verdana, Arial, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              text-align: center; 
              top: 0;
              height: 20px;
              background-image: url('imagenes/barranavegacion_webpi2.png'); }

.bienvenido { font-family: Time New Roman, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              top: 0;
              height: 337px;
              /* background-image: url('imagenes/bienvenido_03.png'); */ 
              background-image: url('imagenes/bienvenido_rojo.png'); 
}

.bienvenido_azul { font-family: Time New Roman, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              top: 0;
              height: 337px;
              /* background-image: url('imagenes/bienvenido_03.png'); */ 
              background-image: url('imagenes/bienvenido_azul.png'); 
}

.bienvenido_claro { font-family: Time New Roman, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              top: 0;
              height: 337px;
              /* background-image: url('imagenes/bienvenido_03.png'); */ 
              background-image: url('imagenes/bienvenido_claro.png'); 
}

.bienvenido_claro1 { font-family: Time New Roman, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              top: 0;
              height: 337px;
              /* background-image: url('imagenes/bienvenido_03.png'); */ 
              background-image: url('imagenes/bienvenido_claro2.png'); 
}

.recuerde { font-family: Time New Roman, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              text-align: center; 
              top: 0;
              height: 337px;
              background-image: url('imagenes/recuerda_03.png'); }

.ayuda     {  font-family: Time New Roman, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              text-align: center; 
              top: 0;
              height: 144px;
              background-image: url('imagenes/nuevocardenalestoyaqui.png'); }

.ayuda_texto { 
	font-family: Tahoma,Time New Roman, sans-serif; 
	font-size:12px;  
	color: #2E2E2E; 
	background: #A9E2F3; 
	text-align: justify; 
}

.ayuda_texto1 { 
	font-family: Tahoma,Time New Roman, sans-serif; 
	font-size:12px;  
	color: #2E2E2E; 
	background: #F5ECCE; 
	text-align: justify; 
}

.barramod { font-family: Time New Roman, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              text-align: center; 
              top: 0;
              height: 24px;
              background-image: url('imagenes/grisusuariofecha_01.png'); }

.cardenalito { font-family: Time New Roman, sans-serif; 
              font-size:11px; 
              font-weight: normal; 
              color: #FFFFFF; 
              text-align: center; 
              top: 0;
	           width: 200px;
              height: 88px;
              background-image: url('imagenes/estoyaqui.png'); }

.cuerpo { 
	font-family: Time New Roman, sans-serif; 
	font-size:12px;  
	color: #000000; 
	background: #FFFFFF; 
	text-align: justify; 
}

.pie {  
	font-family: Time New Roman, sans-serif; 
	font-size:10px;  
	/*font-weight: bold;*/
	color: #000000; 
	/*background: #F9f7ED;  
	background: #8A0808; */
	/* text-align: center; */ 
	height:120px;
	background-image: url('imagenes/footer_gris.png'); 
}

.pie1 {  
	font-family: Arial; 
	font-size:11px;  
	/*font-weight: bold;*/
	color: #FFFFFF; 
	/*background: #F9f7ED;  
	background: #8A0808; */
	/* text-align: center; */ 
	height:136px;
	background-image: url('imagenes/footer_webpi23.jpg'); 
}

.pie2 {  
	font-family: Arial; 
	font-size:11px;  
	/*font-weight: bold;*/
	color: #FFFFFF; 
	/*background: #F9f7ED;  
	background: #8A0808; */
	/* text-align: center; */ 
	height:136px;
	background-image: url('imagenes/footerweb2020.png'); 
}

.dregistro {  
	font-family: Arial; 
	font-size:11px;  
	color: #FFFFFF; 
	background-image: url('imagenes/windowsemergentes.png'); 
}

.emergente {  
	font-family: Arial; 
	font-size:11px;  
	color: #FFFFFF; 
	background-image: url('imagenes/datosregistro.png'); 
}

.emergente1 {  
	font-family: Arial; 
	font-size:11px;  
	color: #FFFFFF; 
	background-image: url('imagenes/windowsemergentesazul1.png'); 
}

.emergente2 {  
	font-family: Time New Roman, sans-serif; 
	text-align: justify; 
	font-weight: bold;
   font-style:italic; 
	font-size:11px;  
	background-image: url('imagenes/datosregistro1.png'); 
}

.emergente3 {  
	font-family: Arial; 
	font-size:11px;  
	background-image: url('imagenes/wemergenteverde.png'); 
}

.emergente4 {  
	font-family: Arial; 
	font-size:11px;  
	background-image: url('imagenes/windowsemergentesazul2.png'); 
}

.nota1 { 
	font-family: Tahoma,Time New Roman, sans-serif; 
	font-size:12px;  
	color: #2E2E2E; 
	/*background: #F9f7ED; */
	background: #F9F9F9; 
	text-align: justify; 
}

.nota2 { 
	font-family: Tahoma,Time New Roman, sans-serif; 
	font-size:12px;  
	color: #2E2E2E; 
	background: #F9F9F9; 
	text-align: justify; 
}

.nota3 { font-family: Tahoma, Time New Roman, sans-serif; font-size:13px; font-weight: normal; color: #FFFFFF; background: #CC0000; text-align: justify; }

.nota4 { font-family: Tahoma, Time New Roman, sans-serif; font-size:12px; font-weight: normal; color: #800000; background: #FFFFFF;  }

.nota5 { font-family: Tahoma, Time New Roman, sans-serif; font-size:13px; font-weight: bold; color: #000000; background: #FFFFFF;  }

.nota6 { font-family: Tahoma, Time New Roman, sans-serif; font-size:13px; font-weight: normal; color: #000000; background: #F9F9F9; text-align: justify; }  

.nota7 { 
    font-family: Tahoma, Time New Roman, sans-serif; 
    font-size:14px; 
    font-weight: normal; 
    color: #000000; 
    background: #FFFFFF; 
    text-align: justify; 
}  

.nota8 { font-family: Tahoma, Time New Roman, sans-serif; font-size:10px; font-weight: normal; color: #000000; background: #FFFFFF; text-align: justify; }  

.nota9 { 
    font-family: Tahoma, Time New Roman, sans-serif; 
    font-size:13px; 
    font-weight: normal; 
    color: #800000; 
    background: #FFFFFF; 
    text-align: justify; 
}  

.nota10 { 
    font-family: Tahoma, Time New Roman, sans-serif; 
    font-size:14px; 
    font-weight: normal; 
    color: #000000; 
    text-align: justify; 
}  

.columna1 {
	font-family: Arial; font-weight: bold; color: #800000; background: #F9f7ED;  
	font-size: 14px; text-align: center; }

.columna2 {
	font-family: Verdana, Helvetica; font-weight: bold; color: #800000; background: #F9f7ED;  
	font-size: 14px; text-align: center; }

.columna3 {
	font-family: Helvetica, sans-serif; font-weight: bold; color: #800000; background: #F9f7ED;  
	font-size: 14px; text-align: center; }

.columna4 {
	font-family: Helvetica, sans-serif; font-weight: bold; color: #000000; background: #F9f7ED;  
	font-size: 11px; text-align: left; }

.columna5 {
	font-family: Helvetica, sans-serif; font-weight: bold; color: #800000; background: #F9f7ED;  
	font-size: 11px; text-align: left; }

.columna6 {
	font-family: Tahoma, Arial, helvetica, sans-serif; font-weight: bold; color: #800000; background: #FFFFFF;  
	font-size: 14px; text-align: center; }

.criterio {
	font-family: Time New Roman; font-weight: bold; color: #CC0000; background: #FFFFFF;  
	font-size: 12px; text-align: center; }

.navega {
	font-family: Time New Roman; font-weight: bold; color: #000000; background: #FFFFFF;  
	font-size: 14px; text-align: center; }

.navega1 {
	font-family: Time New Roman; font-weight: bold; color: #000000; background: #F9F9F9;  
	font-size: 14px; text-align: center; }

.colbrow1 {
	font-family: Time New Roman; 
	font-weight: bold; 
	color: #000000; 
	/*background: #800000; #9CAEC3 #89c4f9 */  
	background: #B4DAF7;
	font-size: 11px; 
	text-align: center;
	/*background-image: url('imagenes/nav.png'); */ 
}
.vh100{
  height: 100vh;
}

.celda1 {
	font-family: Time New Roman; font-weight: normal; color: #800000; background: #CBCFD0;  
	font-size: 12px; text-align: center; }

.celda2 {
	font-family: Time New Roman; font-weight: normal; color: #000000; background: #CBCFD0;  
	font-size: 12px; text-align: left; }

.celda3 {
	font-family: Time New Roman; font-weight: bold; color: #000000; background: #FFFFFF;  
	font-size: 12px; text-align: center; }

.celda4 {
	font-family: Time New Roman; font-weight: bold; color: #000000; background: #CCCCCC;  
	font-size: 12px; text-align: center; }

.celda5 {
	font-family: Time New Roman; font-weight: normal; color: #000000; background: #CBCFD0;  
	font-size: 12px; text-align: center; }

.celda6 {
	font-family: Time New Roman; font-weight: normal; color: #000000; background: #CBCFD0;  
	font-size: 12px; text-align: right; }

.celda7 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; background: #FFFFFF;  
	font-size: 12px; text-align: center; } 

.celda_centro {
	font-family: Time New Roman; font-weight: normal; color: #000000; background: #CBCFD0; font-size: 11px; text-align: center; }

.celda_der {
	font-family: Time New Roman; font-weight: normal; color: #000000; background: #CBCFD0; font-size: 11px; text-align: right; }

.celda_izq {
	font-family: Time New Roman; font-weight: normal; color: #000000; background: #CBCFD0; font-size: 11px; text-align: left; }

.obligatorio {
	font-family: Time New Roman; font-weight: bold; color: #800000; background: #FFFFFF;  
	font-size: 11px; }

.textoayuda {
	font-family: Arial; font-weight: normal; color: #000000; background: #FFFFFF;  
	font-size: 11px; }

.Estilo1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; background: #FFFFFF;  
	font-size: 12px; text-align: center; } 

.Estilo2 {
	font-family: Arial, sans-serif; font-weight: bold; color: #FFFFFF; background: #CC0000;  
	font-size: 16px; text-align: center; } 

.Estilo3 {
	font-family: Arial, sans-serif; font-weight: bold; color: #000000; background: #FFFFFF;  
	font-size: 13px; text-align: center; } 

.Estilo4 {
	font-family: Arial, sans-serif; font-weight: bold; color: #800000; background: #FFFFFF;  
	font-size: 13px; text-align: left; }  

.Estilo5 {
	font-family: Arial, Tahoma, sans-serif; 
	font-weight: bold; 
	color: #000000; 
	background: #B4DAF7;  
	font-size: 12px; text-align: left; 
}  

.Estilo6 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; background: #FFFFFF;  
	font-size: 12px; text-align: right; } 

.Estilo7 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; background: #FFFFFF;  
	font-size: 12px; text-align: left; } 

.Estilo8 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background: #CC0000;  
	font-size: 13px; text-align: center; } 

.Estilo9 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; background: #3774AE;  
	font-size: 13px; text-align: center; } 
	
.Estilo10 {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; background: #CC0000;  
	font-size: 11px; } 

.Estilo12 {
	font-family: Arial, Tahoma, sans-serif; 
	font-weight: bold; 
	color: #000000; 
	background: #CC0000;  
	font-size: 12px; text-align: left; 
}  

.Estilo13 {
  color: #FFFFFF;
  background: #87CEEB;
  font-weight: bold;
  text-align: left;
  font-size: 16;
}

.Estilo14 {
  color: #FFFFFF;
  background: #3399CC;
  font-weight: bold;
  text-align: left;
  font-size: 16;
}

.Estilo15 {
  color: #FFFFFF;
  background: #99CCFF;
  font-weight: bold;
  text-align: left;
  font-size: 16;
}

.Estilo16 {
  color: #FFFFFF;
  background: #A9D0F5;
  font-weight: bold;
  text-align: left;
  font-size: 16;
}

.Estilo17 {
  color: #FFFFFF;
  background: #81DAF5;
  font-weight: bold;
  text-align: left;
  font-size: 16;
}

.Estilo18 {
  color: #F78181;
  background: #81DAF5;
  font-weight: bold;
  text-align: left;
  font-size: 16;
}

.texto_bold_j { font-family: Arial, sans-serif; font-size:10px; font-weight: bold; color: #000000; background: #FFFFFF; text-align: justify; }

.texto_bold_r { font-family: Arial, sans-serif; font-size:10px; font-weight: bold; color: #000000; background: #FFFFFF; text-align: right; }

.texto_bold_l { font-family: Arial, sans-serif; font-size:13px; font-weight: bold; color: #000000; background: #FFFFFF; text-align: left; }

.texto_normal_l { font-family: Arial, sans-serif; font-size:15px; font-weight: normal; color: #000000; background: #FFFFFF; text-align: left; }

.texto_normal_r { font-family: Arial, sans-serif; font-size:15px; font-weight: normal; color: #000000; background: #FFFFFF; text-align: right; }

.texto { font-family: Arial, sans-serif; font-size:10px; font-weight: bold; color: #000000; background: #FFFFFF; }


.button-pago-bdv{
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.7rem 0.7rem 0.7rem 2.7rem;
  background:  url('./imagenes/LogoBDV.png');
  background-size:contain;
  background-repeat: no-repeat;
  background-position-x: 5px;
  border-radius: 8px;
  background-color: #e7e7e7;
  color: #800000 !important;
}

.button-pago2{
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.7rem 0.7rem 0.7rem 2.7rem;
  background:  url('./imagenes/logo_pago_movil3.png');
  background-size:contain;
  background-repeat: no-repeat;
  background-position-x: 13px;
  border-radius: 8px;
  background-color: #e7e7e7;
  color: #800000 !important;
  background-position-y: 6px;
}
.button-pagoBT{
  display: inline-block;
  font-size: 0.8rem;
  padding: 0.7rem 0.7rem 0.7rem 2.7rem;
  background:  url('./imagenes/logBT.png');
  background-size:18px;
  background-repeat: no-repeat;
  background-position-x: 13px;
  border-radius: 8px;
  background-color: #e7e7e7;
  color: #800000 !important;
  background-position-y: 6px;
}


.button-pago2::after{
  content:'';
  background:  url('./imagenes/logo_pago_movil3.png');
  position: absolute;
}

.button-pagoBT::after{
  content:'';
  background:  url('./imagenes/logoBT.jpg');
  position: absolute;
}

.button-pago::after{
  content:'';
  background:  url('./imagenes/LogoBDV.png');
  position: absolute;

}

.button-pago-bdv::after{
  content:'';
  background:  url('./imagenes/LogoBDV.png');
  position: absolute;

}

.hidden {
  visibility: hidden;
}  

.logo-bdv{
  width: 85%;
}
.logo-bdv2{
  width: 25%;
}
.logo-PM{
  width: 100%;
}
.font-bdv{
  font-weight: 900;
  color: #800000;
}

.field-bdv{
  border: none;
}

.button-bdv-pago-validar{
  background: #930a11;
  color: white;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 9px;
}
.button-bdv-pago{
  background: #0066ff;
  color: white;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 9px;
}

.juridico{
  font-weight: 800;
  color: #900000;
  margin-bottom: 2rem;
}
.form-bdv{
    border: none;
    background: #e3e3e3;
    padding: 0.2rem 1rem;
    border-radius: 9px;
    color: #303030;
}

.form-bdv-number{
  border: none;
  background: #e3e3e3;
  padding: 0.2rem 1rem;
  border-radius: 9px;
  color: #303030;
  width: 60%;

}
.form-bdv-otp{
  border: none;
  background: #e3e3e3;
  padding: 0.2rem 1rem;
  border-radius: 9px;
  color: #303030;
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex{
  display: flex;
}

.flex-centered{
  align-items: center;
  justify-content: center;
}

.pbdv{
  width: auto;
  padding-left: 2rem;
}

.pointer{
  cursor: pointer;
}
.text-color-bdv{
  color: #d30000 !important;;
}
.text-color-link{
  color: #0074d3 !important;;
}

.text-readonly{
  color: #838383;
}

.button-bdv{
  margin: 0 1rem;
}

.button-back{
  color: #2e2e2e !important;
  background-color: #e3e3e3;
}

.button-banks{
  width: 80%;
  text-align: center;
  position: relative;
  padding: 0.3rem;
}

.img-pm{
  height: 30vh;
  width: 60%;
}

a.button-pagoBT {
  position: absolute;
}

.color-blue{
  color: blue !important;
  font-weight: 700;
}

/* Estilos para la tabla de historial de pagos */
.historial-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-size: 14px;
  background: #fff;
}
.historial-table th, .historial-table td {
  border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;
}
.historial-table th {
  background-color: #0074D9;
  color: #fff;
  font-weight: bold;
}
.historial-table tr:nth-child(even) { background-color: #f2f2f2; }
.historial-table tr:hover { background-color: #eaf6fb; }
.historial-ref-link {
  color: #0074D9 !important;
  text-decoration: underline;
  font-weight: bold;
}

.pago-boton {
  background-color: #db5858;
  color: #fff;
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.pago-boton:hover {
  background-color: #d87272;
}

.imagenBT{
  width: 52%;
  height: 50%;
  float: right;
}