/* ------------------------------------------------------------------
 * Fichero:  fn.css
 * Objetivo: Hoja de estilos de fn
 * Fecha:    L.19.10.2015
 * Autor:    Pedro Reina <pedro@pedroreina.net>
--------------------------------------------------------------------*/

/* Cuerpo */

BODY
  {
  color: black;
  background-color: white;
  font-family: sans-serif;
  margin: 10px;
  }

/* Párrafos */

P.centrado
  { text-align: center; }


/* Vínculos de texto */

A.texto
  {
  color: #F20000;
  text-decoration: none;
  }

A.texto:visited
  { color: #B01000; }

A.texto:active
  {
  color: #FF0000;
  background: yellow;
  }

A.texto:hover
  {
  color: #F20000;
  background: #EEE;
  }

/* Los vínculos del menú */

A.menu:link
  {
  margin: 5px;
  padding: 5px;
  border: solid white 1px;
  color: #00A;
  font-weight: bold;
  }

A.menu:visited
  {
  margin: 5px;
  padding: 5px;
  border: solid white 1px;
  color: #00A;
  font-weight: bold;
  }

A.menu:hover
  {
  margin: 5px;
  padding: 5px;
  border: solid black 1px;
  color: #00A;
  font-weight: bold;
  }

A.menu:active
  {
  margin: 5px;
  padding: 5px;
  border: solid red 1px;
  color: #00A;
  font-weight: bold;
  }


/* Tablas */

table
  {
  margin-left: auto;
  margin-right: auto;
  }

/* Listas */

UL
  { list-style-type: square; }

/* Imágenes */

IMG.sinborde
  { border: none; }

/* DIV */

DIV.cuadro
  {
  margin-bottom: 10px;
  margin-bottom: 10px;
  padding: 2px;
  border-style: solid;
  border-color: #ccc;
  border-width: 2px;
  }

DIV.titulo1
  {
  padding: 10px;
  background-color: #cacaff;
  text-align: center;
  font-size: x-large;
  }

DIV.titulo2
  {
  padding: 10px;
  background-color: #cacaff;
  text-align: center;
  font-size: large;
  font-weight: bold;
  }

DIV.titulo3
  {
  padding: 10px;
  background-color: #cacaff;
  text-align: center;
  font-weight: bold;
  }

DIV.contenido
  { padding: 10px; }

/* Enlaces con una imagen */

SPAN.enlace
  {
  display: inline-block;
  vertical-align:middle;
  width: 32px;
  height: 32px;
  border: none;
  background-repeat: no-repeat;
  background-position: 0 0;
  }

SPAN.enlace:hover
  { background-position: 0 -32px; }

SPAN.enlace:active
  { background-position: 0 -64px; }


/* Índice de una serie */

DIV.indice
  {
  position: fixed;
  left: 0px;
  bottom: 10px;
  width: 100%;
  }

IMG.indice
  {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

IMG.ver:hover
  { opacity: 0.75; }