h1 {
  background-image: url(/resources/nuevo/titulos/remontes.jpg);
}

.primera caption {
  height: 206px;
  background: url(/resources/nuevo/remontes/cabecera.jpg) no-repeat;
  padding-left: 0;
}

.bloquePistas {
  clear: both;
  padding-bottom: 2em;
}

.bloquePistas table {
  border-collapse: collapse;
  width: 586px;
  margin: 0 auto;
}

.bloquePistas table td, .bloquePistas table th {
  font-size: 0.7em;
  background: #e3e7e9;
  font-weight: normal;
  text-align: center;
  border: 1px solid white;
  color: #105da1;
}

.bloquePistas table .primera {
  background: #e3e7e9 url(/resources/nuevo/remontes/fondoTabla.gif) top left no-repeat;
}

.bloquePistas table .ultima {
  background: #e3e7e9 url(/resources/nuevo/remontes/fondoTabla.gif) top right no-repeat;
}

.bloquePistas table td.nombre {
  text-align: left;
}

.bloquePistas table th {
  padding: 3px;
}

.bloquePistas table td {
  padding: 8px;
}

.bloquePistas table a {
  text-decoration: none;
  color: #105da1;
/*  background: url(/resources/nuevo/remontes/lupita.gif) left no-repeat;
  padding-left: 20px;
  line-height: 22px;
  display: block;
  height: 22px;*/
}

.bloquePistas h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.bloquePistas .leyenda {
  font-size: 0.8em;
  width: 586px;
  margin: 0 auto;
}

.leyenda dl {
  height: 4em;
}

.bloquePistas .leyenda dt {
  float: left;
  clear: both;
  width: 3em;
  text-align: right;
}

.bloquePistas .leyenda dd {
  margin-left: 3em;
}

#detalle {
  width: 586px;
  margin: auto;
}

.detalle div.descripcion {
  margin-top: 17px;
  margin-left: 5px;
}

.detalle .descripcion img, #detalle .descripcion img {
  float: left;
  width: 200px;
}

#detalle .nombre {
  font-weight: bold;
  margin: 1em 0;
}

.detalle .descripcion dl, #detalle .descripcion dl {
  float: left;
  margin-left: 1em;
}

.detalle .descripcion dl {
  margin-left: 5px;
  width: 230px;
}

.detalle .descripcion dt, #detalle .descripcion dt {
  float: left;
  clear: left;
  font-weight: bold;
  width: 11.5em;
  text-align: right;
}

.detalle .descripcion dd, #detalle .descripcion dd {
  margin-left: 12em;
}

.detalle .pie, #detalle .pie {
  clear: both;
}

#detalle .descripcion, #detalle .fotos, div.zonas {
  margin: 0.5em;
}

.detalle .zonas ul, #detalle .zonas ul {
  list-style: square inside;
  float: left;
}

.detalle .zonas img, #detalle .zonas img {
  float: right;
  margin-bottom: 10px;
}

.detalle div.zonas {
  margin-top: 6px;
}

.detalle .zonas img {
  height: 160px;
}

.detalle {
  font-size: 0.8em;
  width: 479px;
  height: 208px;
  overflow: hidden;
  position: absolute;
  text-align: left;
}

.detalle .pestanas {
  background: url(/resources/nuevo/remontes/cabeceraDetalle.png) top no-repeat;
  line-height: 22px;
  height: 22px;
  color: white;
  padding-left: 20px;
}

.detalle .pestanas li {
  float: left;
  margin-right: 10px;
  cursor: pointer;
  background: url(/resources/nuevo/remontes/separadorCabecera.gif) left no-repeat;
  padding-left: 11px;
  line-height: 22px;
}

.detalle .pestanas li.primero {
  background: transparent;
  padding-left: 0;
}

.detalle .pestanas li span {
  padding: 0 0 0 3px;
}

.detalle .pestanas li span span {
  padding: 0 3px 0 0;
}

.detalle .pestanas li.activo span {
  background: url(/resources/nuevo/remontes/izquierda.gif) left no-repeat;
  color: blue;
}

.detalle .pestanas li.activo span span {
  background: url(/resources/nuevo/remontes/derecha.gif) right no-repeat;
}

.fondo {
  background: url(/resources/nuevo/remontes/fondoDetalle.png) bottom no-repeat;
  *background: url(/resources/nuevo/remontes/fondoDetalle.jpg) bottom no-repeat;
  position: absolute;
  width: 479px;
  height: 186px;
  *height: 174px;
}

.detalle div {
  padding: 0 16px;
}

.detalle .cerrar {
  position: absolute;
  width: 15px;
  height: 20px;
  padding: 0;
  margin-left: 453px;
  cursor: pointer;
  display: block;
}

.detalle div.plano {
  text-align: center;
  margin-top: 7px;
}

.detalle .fotos img {
  float: left;
  margin-top: 7px;
  margin-left: 7px;
}


.detalle .fotos ul {
  float: left;
  width: 190px;
  margin: 0;
  padding: 0;
  margin-top: 7px;
  _margin-left: 15px;
}

.detalle .fotos ul li {
  float: left;
  width: 63px;
  margin-bottom: 7px;
  margin-left: 25px;
  _margin-left: 10px;
}

.detalle .fotos ul li img {
  width: 63px;
  height: 45px;
  float: none;
  margin: 0;
  cursor: pointer;
}

table tr td {
  cursor: pointer;
}

table tr.over td {
  background: white;
}