/* La Santa Biblia
 * V 1   -   -09-2021
 * V 3.1 - 31-12-2021 - Agregado Botón Arriba y suprimido scroll de ventana buscar
 * V 3.2 - 31-12-2021 - Mejora buscador
 * V 3.3 - 07-01-2022
 * V 3.4 - 02-02-2022
 * V 3.5 - 18-02-2022 - Algunas mejoras anteriores en estilos
 */
/*body {margin-left:2px;margin-right:2px;background:URL('../img/f.jpg');background-color:#FFFBE8;font-family:"Arial";}*/
body {-webkit-transition: background-color 1s ease-in; transition: background-color 1s ease-in;margin-left:2px;margin-right:2px;/*background:URL('../img/f.jpg');*/background-color:#FFE8B9;font-family:"Arial";}
.bne {-webkit-transition: background-color 1s ease-in; transition: background-color 1s ease-in;background:#0C090A;background-color:#0C090A;color:#FFFFFF;} /*#FFFBE8*/
.rn {color:red;font-weight:bold;}
.tf {}
.tf.normal {font-size:1em;}
.tf.grande {font-size:1.2em;}
.tf.muygrande {font-size:1.4em;}
.nor {font-size:12pt;}
.gra {font-size:14pt;}
.mgr {font-size:17pt;}
.ers {text-align:center;}
a:hover {color:#FF0000;}
.ane {color:#FFFF22;}
.ane:hover {color:#FF0000;}
div {}
div.a {margin:0;padding:0;width:100%;}
div.tituloP {font-size:75%;font-weight:bold;text-align:center;}
div.tituloPPC {font-size:100%;font-weight:bold;text-align:center;}
div.b {color:#FFFFFF;background-color:goldenrod;border-radius:3px;border:outset 3px gold;}
div.o {display:none;margin:0;padding:0;}
/*marco libro*/
.c {margin:0 0 3px 0;padding:0;border:solid 2px goldenrod;}

/*Índice Marco*/
div.i {margin:6px 0 16px 0;padding:0 0 0 0;border-radius:3px;border:solid 2px silver;}
/*Libro Marco*/
div.l {margin:0 0 16px 0;padding:0 8px 3px 8px;border-radius:3px;border:solid 2px silver;}
/*Cap Encabezado*/
p.ce{margin-bottom:6px;padding:8px 0 0 0;}
/*Cap Botones TODOS*/
p.cb{margin-top:0;margin-bottom:15px;padding:0;font-size:14px;}
/*Cap Botones UNO*/
p.cbu{margin-top:-6px;padding:0;font-size:14px;}
/*Cap Marco*/
div.c {margin: 0 0 0 0;padding: 3px 11px 3px 11px;border-radius:3px;border:solid 2px silver;}
/*Cap Rótulo*/
div.cr {margin:0 0 3px 0;padding-left:6px;}
div.co {margin:0;padding:0;}
/*Cap Contenido*/
p.cc{margin:0;padding-left:0px;padding-right:0px;text-align:justify;}

table {width:100%;font-size:84%;}
table a {text-decoration:none;}
table tr {width:100%;}
table td {width:50%;}
fieldset {border-radius:3px;}
fieldset.cr {margin-left:0;padding-left:6px;}
fieldset.j {text-align:justify;}
/*buscador*/
div.vbv {
	-webkit-transition:bottom 0.6s ease-in; transition:bottom 0.6s ease-in;
	position:fixed;
	bottom:0;
	width:100%;
	height:24px;
	margin-right:0;margin-left:0;
	text-align:center;
	background-color:#FFFFFFB0;
	z-index: 97; /* Asegúrese de que no se supere */
}
span.bt {padding:1px 3px 1px 3px;background-color:#FFFBE8B0;color:#FF2020;border-radius:10px;font-weight:bold;font-size:85%;}
/*muestra libro en uno y todos*/
span.btt {
	-webkit-transition:transform 0.6s ease-in; transition:transform 0.6s ease-in;
	position:fixed;
	/*display: none;*/
	transform: scaleX(0.0);
	bottom: 24px;
	/*top: 10px;*/
	right: 4px; /* Coloca el botón a 4px (30px) de la derecha */
	padding:1px 3px 1px 3px;
	border: none; /* Quita bordes */
	outline: none; /* Quita contorno */
	background-color: #FFFFFF; /* Establece el color de fondo */
	color: #FF0000; /* Color de texto */
	border-radius: 10px; /* Esquinas redondeadas */
	font-weight:bold;
	font-size:85%;
	z-index: 98; /* Asegúrese de que no se supere */
}
span.bttip {bottom:0;}
span.btc {padding:0px 6px 0px 6px;background-color:#FFFBE8;border-radius:10px;border:solid 1px silver;font-size:85%;}
input {text-align:center;}
.nosubr {text-decoration:none;}
.rotIndUno {color:#503000;}
.rotInd {color:#503000;line-height:0.1;}
.rotIndne {color:#AFCFFF;}
.mano {text-decoration:underline;cursor:pointer;}
.mano:hover {color:#FF0000;}
.mano.sinsub {text-decoration:none;}
::selection {
  background: #DD0000; color: white;
}
input[type=button] {background-color:#FFFBE8;cursor:pointer;}
input[type=button]:disabled:hover {background-color:#FFFBE8;color:silver;cursor:auto;}
input[type=button].bc {min-width:38px;font-weight:bold;border-radius:10px;border:solid 1px silver;}
input[type=button].iph {min-width:46px;margin-right:1px;margin-left:1px;font-weight:bold;border-radius:10px;border:solid 1px silver;}
input[type=button].bt {border-radius:10px;font-weight:bold;font-size:95%;}
input[type=button]:hover {background-color:red;color:white;}
input[type=button].btb {border-radius:5px;font-size:85%;}
input[type=text].itb {border-radius:5px;}
input[type=button].btla {min-width:90px;font-weight:normal;font-size:95%;}
input[type=button].cat {font-weight:normal;font-size:95%;}
p.csu{margin-top:-10px;margin-bottom:-3px;padding-left:8px;text-align:justify;}
p.cs{margin-top:3px;margin-bottom:-6px;padding-left:8px;text-align:justify;}

.cargando {
  color:#000000;
  font-weight:bold;
  font-family:sans-serif;font-size:130%;
  height:5vh;
  left:50%;
  overflow-x:hidden;
  padding-bottom:7vh;
  position:absolute;
 
  text-align:center;
  top:95%;
  transform:translate(-50%,-50%);
  width:70vw;
  z-index:1;
}
.cargando:before {
    animation:left-to-right 3s alternate infinite linear;
    background-image:linear-gradient(to right, transparent, red, transparent);
    // bottom:0;
    content:"";
    height:5vh;
    left:0;
    overflow:hidden;
    position:absolute;
    right:0;
    top:5vh;
  }
.cargando:after {
    background-image:repeating-linear-gradient(
      90deg,
      #FFE6AC,
      #FFE6AC 1vw,
      transparent 1vw,
      transparent 10vw
    );
    content:"";
    height:5vh;
    left:0;
    overflow:hidden;
    position:absolute;
    right:0;
    top:5vh;
}
@keyframes left-to-right {
  0% {
    transform:translateX(-100%);
  }
  100% {
    transform:translateX(100%);
  }
}
#ia {
  -webkit-transition: bottom, background, 0.6s ease-in; transition: bottom, background, 0.6s ease-in;
  display: none; /* Oculto por defecto */
  position: fixed; /* Posición fija/pegajosa */
  bottom: 42px; /* Coloca el botón a 20px de la parte inferior de la página. */
  right: 4px; /* Coloca el botón a 4px (30px) de la derecha */
  z-index: 99; /* Asegúrese de que no se supere */
  border: none; /* Quita bordes */
  outline: none; /* Quita contorno */
  background-color: #FF000070; /* Establece el color de fondo */
  color: #FFFFFF; /* Color de texto */
  cursor: pointer; /* Agrega el puntero del mouse al pasar el mouse */
  padding: 15px; /* Algo de acolchado */
  border-radius: 10px; /* Esquinas redondeadas */
  font-size: 18px; /* Aumenta el tamaño de la fuente */
}
#ia:hover {
  background-color: #555; /* Agrega un fondo gris oscuro al pasar el mouse */
}
.iaip {bottom:20px;}