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

/* El contenedor de las flechas y la foto */

DIV.centradovertical
  {
  height: 500px;
  width: 660px;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  }

/* La foto */

IMG.foto
  {
  display: inline-block;
  vertical-align: middle;
  }

/* Las flechas */

SPAN.enlace
  {
  margin: 20px;
  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; }

/* El contenedor de las miniaturas */

DIV.miniaturas
  {
  width: 660px;
  vertical-align: middle;
  text-align: center;
  margin: 0 auto;
  }

/* Las miniaturas */

IMG.mini
  { border: 1px solid white; }

IMG.mini:hover
  { border: 1px solid black; }