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

img{
    max-width: 100%;
    height:auto;
 } /* Que todas las IMÁGENES normales se adapten al espacio que tengan, sin esconderse por bordes del navegador. No invalida lo que para alguna imagen se haya puesto como "class" específica. */
 
video{
    max-width: 100%;
    height:auto;
 } /* Que todas los VÍDEOS de MI SITIO WEB se adapten al espacio que tengan, sin esconderse por bordes del navegador. No invalida lo que para ellos en particular se haya puesto como medidas específicas dentro de "<video width="750" height="422" controls>". Si no se han puesto medidas en la Web, saldrán en su tamaño real, pero con esta etiqueta CSS se adaptarán al espacio de pantalla. */
 
iframe{
    max-width: 100%;
 } /* Que todas los VÍDEOS YOUTUBE se adapten al espacio que tengan, sin esconderse por bordes del navegador. Es importante que cada vídeo tenga sus medidas oportunas en la web, pero que sea a gran tamaño, pues el máximo a mostrar es el que pongamos. En esta etiqueta CSS no debe ponerse algo respecto de "height", pues estrecha de alto los vídeos. Sin "height" se mantandrá coherentes con el ancho en pantalla. Para los vídeos subidos a mi SITIO WEB, ver la etiqueta "VIDEO". */

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

.font28 { font-size: 28pt;}
.pPortales { text-indent: 0px; font-size: 18pt; text-align:center; color: #FFFFFF; padding-left: 0.5em; padding-right: 0.5em;}

/* Estilos específicos puestos en las propias web */
.izquierdaIndex { text-indent:0; padding-left:1.5em; text-align:left; font-size:20pt; padding-top: 1.5em;} /* para la firma de los Principios de Hipócrates, sin margen a la izquierda */
.IMAGcentro { text-align:center; text-indent:0; height: auto; width: auto; } /* 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; } /* 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 */
.TEXTOtitulo { text-align:center; text-indent:0; font-weight:bold; font-size:20pt;} /* sólo afecta al tamaño de la letra */
.TEXTOcentroSeparado { text-align:center; text-indent:0; padding-top: 0.5em; } /* Para separar un texto centrado de lo que haya encima */
.TEXTOcentroFinal { text-align:center; text-indent:0; font-size: 22pt;} /* poner guiones o asteriscos centrados */
.dedicatoria { padding-top: 1.0em; padding-right: 10.0em; text-align:right; text-indent:0; font-weight:bold } /* no pongo "dedictoria" porque esto último aparece en la página de Style.css y crearía conflicto. */
.textoDedic { text-align:right; text-indent:0; padding-right: 1.5em; } /* poner a la derecha como texto de la dedicatoria, sólo una pizca separada del margen*/

.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: 42pt;
	font-weight:bold;
	background-color:#FFFF33;
	color: #000000;}
.button{
	font-family: Trebuchet MS;
	font-size: 1pt;
	color: #B7CAE6;
	background-color:#A6B9D5;
	border:none; }  /* ESPECÍFICO PARA ESTA PAG. INDEX, para el contador de visitas. El color que cuenta es el de "background-color", el otro es del texto. */

p { margin:0; text-align:justify; text-indent:1.5em; line-height:1.3em; padding-bottom: 0; padding-top: 0.5em; font-size:20pt; padding-left: 1.5em; padding-right: 1.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: 1.5em; padding-right: 1.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: 1.5em; padding-right: 1.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: 1.5em; padding-right: 1.5em;} /* usado para separar más líneas o imágenes sólo por Arriba */
.indiceTexto { margin:0; text-indent:1.5em; text-align:left; padding-top: 0.5em; font-size:22pt; padding-left: 1.5em; padding-right: 1.5em;} /* usado en el Índice de la Web */
.enana { font-size:14pt; font-weight:normal; } /* usado en Índice para subtítulos */
.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" */
.link { font-size:22pt;} /* usado para resaltar link entre textos */
.centro { text-align:center; text-indent:0; font-size:20pt; } /* Como "centrado" no funcionarís en páginas css; habría que ponerle en la propia 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; padding-bottom: 0; padding-top: 0.5em; font-size:20pt; padding-left: 2em; font-weight:bold;} /* usado en link para regresar al portal de la Web */
.blockquote {font-style: italic; margin-top: 0.5em; margin-bottom: 1.5em; padding-left: 3.0em; padding-right: 3.0em; 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: 3.0em; padding-right: 3.0em; text-indent:0; text-align:center;} /* por la razón del anterior, pero para que el texto salga en líneas centradas. */