body {background-color: #B7CAE6; margin-top: 5pt; margin-bottom: 5pt; margin-left: 0; margin-right: 0; font-family:"Trebuchet MS", Times, serif; margin:1em;} /* usado "font-family", "background-color" y márgenes*/

a:link { color: #770000; text-decoration: underline;}
a:visited { color: #770000; text-decoration: underline;}
a:hover { color: #FF0000; text-decoration: none;}
a:active { color: #770000; text-decoration: underline;}

img{ max-width: 100%; height:auto;}
video{ max-width: 100%; height:auto;}

.imagen { border-bottom: 0;
    border-top: 0;
    display: block;
    padding-bottom: 0;
    padding-top: 0;
    text-indent: 0;
    margin: 0; }
.sinmargen { margin:0; } /* usado en Cubierta como class de body */
.button2{
	font-family: Trebuchet MS;
	font-size: 16pt;
	color: #000000;}

/* ----------------------------------------- */ /* ---------Añadidos de "style.css": --- */ /* ---------------------------- */
.pTEXTOtitulo { text-align:center; text-indent:0; font-weight:bold; font-size:22pt; } /* sólo afecta al tamaño de la letra */

p { margin:0; text-align:justify; text-indent:1.5em; line-height:1.3em; border-top: 0; padding-bottom: 0; padding-top: 0.5em; font-size:20pt; padding-left: 0.5em; padding-right: 0.5em;} /* usado en párrafos ordinarios */
.p15b { margin:0; text-align:justify; text-indent:1.5em; line-height:1.3em; border-top: 0; padding-bottom: 1.5em; padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em;} /* usado para separar más líneas o imágenes sólo por Abajo */
.p15ab { margin:0; text-align:justify; text-indent:1.5em; line-height:1.3em; border-top: 0; padding-bottom: 1.5em; padding-top: 1.5em; padding-left: 0.5em; padding-right: 0.5em;} /* usado para líneas que han de estar separadas más de lo usual (por imágenes o destacados en sí mismas) */
.p15a { margin:0; text-align:justify; text-indent:1.5em; line-height:1.3em; border-top: 0; padding-bottom: 0; padding-top: 1.5em; padding-left: 0.5em; padding-right: 0.5em;} /* usado para separar más líneas o imágenes sólo por Arriba */
.IMAGcentro { text-align:center; text-indent:0; height: auto; width: auto; padding-left: 0.5em; padding-right: 0.5em; } /* hay que añadirle a la imagen su width y su height */
.IMAGseparador { text-align:center; text-indent:0; height: auto; padding-top: 1.5em; padding-bottom: 0.5em; } /* aquí tiene para que se separe de lo de arriba y de lo de abajo */
.IMAGsepararPreguntas { text-align:center; text-indent:0; height: auto; padding-top: 0.5em; padding-bottom: 0.5em; } /* aquí tiene para que se separen las diversas Preguntas de esta página */
.IMAGcentroSeparada { text-align:center; text-indent:0; height: auto; width: auto; padding-top: 1.5em; padding-bottom: 1.5em; padding-left: 0.5em; padding-right: 0.5em; } /* cuando hace falta que la imagen se separe más de arriba y abajo */
.TEXTOcentro { text-align:center; text-indent:0; } /* poner guiones o asteriscos centrados */
.TEXTOcentroSeparado { text-align:center; text-indent:0; padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em; } /* Para separar un texto centrado de lo que haya encima */
.indiceTexto { margin:0; text-indent:1.5em; text-align:left; padding-top: 0.5em; font-size: 20pt; padding-left: 0.5em; padding-right: 0.5em;} /* usado en en Índice de la Web */
.peque { font-size:18pt; font-weight:normal; } /* usado en Índice para subtítulos */
.media { font-size:20pt; color:#000099; } /* usado bajo imagen de cabecera de las webs */
.mediaNegro { font-size:20pt; color:#000000; } /* usado bajo bajo algunas imágenes, dentro de una Tabla */
.mediaNegro2 { font-size:22pt; color:#000000; } /* usado bajo bajo algunas imágenes, dentro de una Tabla */
.grande { font-size:24pt; } /* usado en nombre del libro en "créditos" */

/* encabezados */
	h1 { font-size:1.7em; } /* usado en la página Cubierta */
	h2 { font-size:1.2em; padding-top: 4.0em; } /* Usado para todos los nombres de capítulos. La página "styleWeb.css" tiene otros atributos aquí diferentes. */
	h3 { font-size:1.0em; padding-top: 1.0em; } /* Usado sólo para el título en la página "titulos", por la extensión de tal nombre. */
	h7 { font-size:1.5em; text-align:center; text-indent:0; padding-top: 2em; } /* usado en pág. de títulos pero no lo toma, así que puse sólo el h3. Para que centre en la página ha de ponerse este estilo en la propia cabecera de esa página. */
.hr { color: #B7CAE6; width:85%; height:25pt;}

/* tipografía */
.versalita { font-size:0.8em; } /* para texto en mayúsculas cuyo tamaño, sin embargo, es similar al de las minúsculas */

/* alineación /// "padding-top:inherit" conlleva cero espacio con el párrafo anterior, es decir, a línea seguida como punto y aparte. */
.izquierda { text-align:left; font-size:20pt;}
.izquierdaTabla { text-align:justify; font-size:20pt; padding-left:0.3em; padding-right:0.0em; padding-top: 0.5em; }
.izquierdaTabla2 { text-align:justify; font-size:20pt; padding-left:0.3em; padding-right:0.0em; padding-top: 0.5em; }
.derecha { text-align:right; text-indent:0; }
.centrado { text-align:center; text-indent:0; font-size:20pt; padding-left: 0.5em; padding-right: 0.5em; } /* los centrados de texto o imágenes deben situarse como etiquetas de Style dentro de la propia página del archivo. No funcionan bien situados aquí, ni toma el tamaño de la letra. */
.justificado { text-align:justify; }
.asangre { text-indent:0; }
.sinopsis {padding-top:inherit; text-indent:0;}
.esquina { text-align:left; text-indent:0; margin-left:0; }

/* saltos */
.saltoinicio { margin-top:20%; }
.salto25 { padding-top:2.5em; } /* usado */
.salto10 { padding-top:1em; } /* usado */

/* listas */
li { text-align:justify; line-height:1.3em; }
        
/* ------------- ESTILOS PROPIOS -------------  */
.indice { text-align:right; padding-bottom: 0; padding-top: 0em; font-size:20pt; font-style:italic;} /* usado en link para subir a índice de la web */
.subir { text-align:center; padding-bottom: 0; padding-top: 0em; font-size:20pt; font-weight:bold;} /* usado en link para subir a inicio de la web */
.linkPortal { text-align:left; line-height: 2em; padding-bottom: 0; padding-top: 0.5em; font-size:20pt; padding-left: 0.5em; padding-right: 0.5em; font-weight:bold;} /* usado en link para regresar al portal de la Web */
.blockquote {font-style: italic; margin-top: 1.5em; margin-bottom: 1.5em; padding-left: 6.5em; padding-right: 6.5em; text-indent:0;} /* usado para destacar un párrafo con más margen por ambos lados y seperado de los anteriores. */
.blockquoteCentro {font-style: italic; margin-top: 1.5em; margin-bottom: 1.5em; padding-left: 6.5em; padding-right: 6.5em; text-indent:0; text-align:center;} /* por la razón del anterior, pero para que el texto salga en líneas centradas. */

/* a modo de dedicción separado de lo alto por "5em" (.intro) y a la derecha. /// Lo siguiente es análogo (.dedicatoria) /// O información de títulos del libro (.info), en este caso se empequeñece al letra a 90% /// "cubierta" es para la foto de portada del libro. */
.intro { margin:5em 0 1.5em; text-indent:0; text-align:right; }
.intro p { text-align:right;text-indent:0; }
.info { margin:5em 1.5em 0; font-size:0.8em; width:90%; } /* con esto la letra sale más pequeña */
        .info p { text-align:left; text-indent:0; }
.cubierta { margin:0; padding:0; border:0; font-size:0; text-indent:0; text-align:center; }
        .cubierta img { height:100%; max-height:100%; }