FONT {background:none; font-family:"comic sans ms", Arial, Helvetica, sans-serif; font-size:100%; color:#000000;} /*hr {color:#FF0000; border-style:dashed}*/ /* Varioaciones en la letra (hay que poner class="x" en la etiqueta a la que afecte */ /** color fuente */ .blanca {background:none; color:#FFFFFF;} .roja {background:none; color:#FF0000;} .negra {background:none; color:#000000;} .invisible {background:#FF7777; color:#FF7777;} .invisible2 {background:#FFDDDD; color:#FFDDDD;} /** tamaño fuente */ .muypequena {font-size:xx-small;} .pequena {font-size:small;} /** alineación párrafo */ .centrado {text-align:center;} .izquierda {text-align:left;} .derecha {text-align:right;} .justificado {text-align:justify;} /** formato */ .negritaTitulo {font-weight:bold;} /** varios */ .alert {background:none; font-weight:bold; color:#FF0000; text-align:center;} .este {font-weight:bold; background:#FFFFFF; color:#FF0000;} .atajo {text-decoration:underline; font-weight:bold;} .localizador {font-family: "Times New Roman", Times, serif} /* Redefinimos los tamaños de los encabezados, porque el h1 original es muy grande. */ h1 {font-size:150%; font-family:"comic sans ms", Arial, Helvetica, sans-serif;} h2 {font-size:140%; font-family:"comic sans ms", Arial, Helvetica, sans-serif;} h3 {font-size:130%; font-family:"comic sans ms", Arial, Helvetica, sans-serif;} h4 {font-size:120%; font-family:"comic sans ms", Arial, Helvetica, sans-serif;} h5 {font-size:110%; font-family:"comic sans ms", Arial, Helvetica, sans-serif;} h6 {font-size:100%; font-family:"comic sans ms", Arial, Helvetica, sans-serif;} /* Tenemos dos versiones de BODY, uno claro y otro oscuro, para usar uno u otro debemos usar o Como el atributo margin es común a los dos, lo he puesto en BODY. Si no quisiéramos tener que indicar el color de fondo por defecto (oscuro), podríamos eliminar BODY.oscuro y ponerle el color directamente en BODY Para indicar los colores del BODY, hay que poner el background el color de fondo, y en color el color de la fuente. */ body {margin:0px; font-family:"comic sans ms", Arial, Helvetica, sans-serif;} body.oscuro {background:#FF7777; color:#000000;} body.claro {background:#FFDDDD; color:#000000;} /* La etiqueta de párrafo siempre mete una línea entre uno y otro, para controlar el ancho de esa línea usamos margin-top y margin-bottom. Por defecto el valor es 1em, Las unidades em dependen del tamaño de la fuente */ p {margin-top:0.75em; margin-bottom:0.75em; text-align:justify} /* La etiqueta de citas nos gusta más en cursiva */ blockquote {font-style:italic;} /* Quitando el borde de todas las imágenes nos evitamos el quitarlo en cada una utilizando un elemento no recomendado */ img {border:0;} /** Alineación de imágenes */ img.izquierda {float:left;} img.derecha {float:right;} /** Para la colocación correcta de las fotos en la páginas "todas.htm" ... */ img.vertical {margin: 10px 30px 0px 30px;} img.horizontal {margin: 10px 5px 0px 5px;} /** Imágenes con alineación propia */ img.presi {float: left; margin: 0px 10px 5px 5px;} img.agradecimientos {margin: 10px 10px 10px 10px;} /* Dejamos los enlaces activos con el fondo en blanco, para que se vean al tenerlos seleccionados */ a:active {background:#FFFFFF;} a:visited {color:#880000;} /** Formularios */ legend {font-weight:bold; color:#FF0000;} fieldset {margin:0.5em; padding:0.5em; border-color:#FF0000;} th.formulario {font-size:90%; font-weight:normal; text-align:left;} table.christmas {border-collapse:collapse; border-width:medium; border-color:#FFFFFF;} th.christmas {border-style:none; font-weight:normal; font-size:smaller;} td.christmas {border-width:medium; padding:4px; text-align:center; border-style:solid; border-color:#FFFFFF;} /** Tabla revistas */ td.centrado {text-align:center;} /** Tabla de alimentacion */ table.alimentacion {border-width: 1px; border-style:solid; border-color:#000000;} th.alimentacion {border-width: 1px; border-style:solid; border-color:#000000;} td.alimentacion {border-width: 1px; border-style:solid; border-color:#000000;} td.alimentacion_derecha {text-align:right; border-width: 1px; border-style:solid; border-color:#000000;} /** Tabla de pedido (lineas horizontales)*/ td.pedido{border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color:#FF0000;} /** Tablas de definición */ dt {font-weight:bold;} dd {margin-bottom:0.75em; text-align:justify} /* Capas */ #menu {background:#FF7777; width:19%; height:96%; font-size: 90%; color:#FFFFFF; float:left; padding: 20px 0px 10px 0px;} #menu ul {margin-left:0px; padding-left:15px; list-style-image:url("/images/logoblancomonigotemini.gif");} #menu li {font-size:100%; padding-left:5px;} #menu li.aqui {list-style-image:url("/images/logorojomonigotemini.gif");} #menu a {text-decoration:none;} #menu a:link {background:#FF7777; color:#FFFFFF;} #menu a:visited {background:#FF7777; color:#FFFFFF;} #menu a:hover {background:#FFFFFF; color:#FF0000;} #menu a:active {background:#FF7777; color:#FF0000;} #menu a.este:link {background:#FFFFFF; color:#FF0000} #menu a.este:visited {background:#FFFFFF; color:#FF0000} #menu a.este:hover {background:#FF0000; color:#FFFFFF;} #menu a.este:active {background:#FF0000; color:#FFFFFF;} /**************************/ #container {background:#FF0000; width:80%; float:left; margin-right:-250px; color:#000000;} /**************************/ #header {background:#FF0000; font-size:125%; color:#FFFFFF; padding: 10px 0px 0px 10px;} /**************************/ #search {background:#FF0000; font-size:60%; float:right; color:#FFFFFF; padding: 0px 10px 0px 10px; text-align:center;} /**************************/ #donate {background:#FF0000; font-size:60%; float:left; color:#FFFFFF; padding: 0px 10px 0px 10px; text-align:center;} /**************************/ #main {background:#FFDDDD; color:#000000; font-size:85%; padding: 10px 20px 10px 10px;} #main td{font-size: 85%;} #mainYellow {background:#FFFFDD; color:#000000; font-size:85%; padding: 10px 10px 10px 10px;} #mainBlue {background:#DDFFFF; color:#000000; font-size:85%; padding: 10px 10px 10px 10px;} #mainGreen {background:#DDFFDD; color:#000000; font-size:85%; padding: 10px 10px 10px 10px;} #mainMarfil {background:#FFF1D7; color:#000000; font-size:85%; padding: 10px 10px 10px 10px;} #mainSalmon {background:#FFDEBF; color:#000000; font-size:85%; padding: 10px 10px 10px 10px;} /* Los elementos de las listas también deben estar justificados (en el cuerpo) */ #main li {text-align:justify;} /**************************/ #foot {background: #FF7777; color:#000000; font-size: 75%; height: 3%; text-align:right; padding: 0px 20px 0px 0px;} #foot a {text-decoration:none;} #foot a:link {background:#FF7777; color:#000000;} #foot a:visited {background:#FF7777; color:#000000;} #foot a:hover {background:#FFFFFF; color:#FF0000;} #foot a:active {background:#FF7777; color:#FF0000;} /**************************/ #lateralBlog {background:#FFFFFF; color:#000000; font-size:85%; padding: 20px 20px 20px 20px; width:25%; height:96%; float:right; border-color:#FF0000; border-style:double; } #mainBlog {background:#FFDDDD; color:#000000; font-size:85%; padding: 10px 20px 10px 10px;} /**************************/ .clearing {height:1%; clear:both; font-size:10%; background: #FF7777; color:#000000;} .clearing2 {height:1%; clear:both; font-size:10%; background:#FF0000; color:#000000;} .clearing3 {height:1%; clear:both; font-size:10%; background:#FFDDDD; color:#000000;} table.boletines {padding:10px; margin:10px;} th.boletines {padding:10px; margin:10px;} .publicidad {text-align: center;} fieldset.publicidad {margin:0.5em; padding:0.5em; border-style:dotted; border-top-style:none; border-left-style:none; border-color:#FF0000;}