/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slides.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/* Estilo de las fotos */

.photo {
  padding:0;
  background:white;
  width:546px;
  height:636px;
  text-align:left;
  margin:20px auto;
}

.photo ul {
  list-style:none;
  padding:0;
  margin:0;
  width:100%;
  background:white;
  border:1px solid #000;
  position:relative;
  height:260px;
}

.photo ul li {
  display:inline;
  width:170px;
  height:15px;
  float:left;
  margin:4px 6px;
  text-align:left;
  vertical-align:middle;
}

.photo ul li a {
  display:block;
  width:100%;
  height:100%;
  cursor:default;
  text-decoration:none;
}

.photo ul li a:visited {
  text-decoration:none;
}

.photo ul li a em {
  cursor:default;
  text-decoration:none;
  font-size:0.9em;
  font-family:Arial, sans-serif;
  font-weight:bold;
  font-style:normal;
  color:#00529e;
  background:#fff;
  position:relative;
  top:0;
  left:16px;
}

.photo ul li a b {
  display:none;
}

.photo ul li a img {
  display:block;
  width:1px;
  height:1px;
  border:1px solid #937e49;
  border-top-color:#ccc;
  position:relative;
  top:-8px;
  left:3px;
}

.photo ul li a:focus, .photo ul li a:active {
  position:static;
  outline:0;
  text-decoration:none;
}	

.photo ul li a:focus.vert img, .photo ul li a:active.vert img {
  background:#00529e url(img/404.jpg) no-repeat center;
  position:absolute;
  left:0;
  top:268px;
  width:250px;
  height:546px;
  border:1px solid #fc0;
  padding:5px 45px;
}

.photo ul li a:focus.hor img, .photo ul li a:active.hor img {
  background:#00529e url(img/404.jpg) no-repeat center;
  position:absolute;
  left:0;
  top:268px;
  width:546px;
  height:250px;
  border:1px solid #000;
  padding:0;
}

.photo ul li a:focus b, .photo ul li a:active b {
  display:block;
  background:#fff;
  position:absolute;
  width:534px;
  height:90px;
  border:1px solid #000;
  top:526px;
  left:0;
  color:#000;
  background:#fff;
  font-family:Arial, sans-serif;
  font-size:1.2em;
  font-weight:normal;
  padding:6px;
}

.photo ul li a:focus b:first-line , .photo ul li a:active b:first-line {
  font-weight:bold;
  font-style:italic;
  font-size:1.4em;
  color:#00529e;
  background:#fff;
  font-family:Arial, sans-serif;
  text-align:center;
}

.photo ul li a:focus em, .photo ul li a:active em {
  top:-5px;
  left:0;
}