/* Esta es la hoja de estilos, que controla los colores, fuentes y tamaños de las cosas en todas las páginas */

/* Todo esto es para cuando las páginas se ven en pantalla */
@media screen {
  body {background-color:white;}
  h1 {
    text-align:center;
    font-family:Acidic,ChromosomeHeavy,"Arial Black",Impact,sans-serif;
    color:red;
    text-decoration:underline overline;
    font-size:3em;
  }
  p {
    color:#800000;
    text-indent:1ex;
    font-family:Bolide,"Mead Bold","Tempus Sans ITC",sans-serif;
    font-size:1.5em;
  }
  img {border-width:0;} /* para que nunca aparezca el borde azul alrededor de una imagen */
  .chico {font-size:0.8em;} /* esto es para textos mas chicos, como la seccion de links */
}

/* Todo esto es para cuando las páginas se impriman */
@media print {
  body {
    background-color:white;
    color:black;
  }
  h1 {
    text-align:center;
    font-family:Acidic,ChromosomeHeavy,"Arial Black",Impact,sans-serif;
    text-decoration:underline overline;
    font-size:30pt;
  }
  p {
    text-indent:6pt;
    font-family:"Mead Bold","Tempus Sans ITC",sans-serif;
    font-size:12pt;
  }
  img {border-width:0;}
  .chico {font-size:10pt;}
  img[usemap] {display:none;} /* para que no imprima la barra de links, esto no anda en IE */
}