/* CSS Document */

/* Animaci�n de imagenes de cada inmueble en detalles*/

ul, li, h4, h3, h2, h1, p{
  padding:0;
  margin:0;
  list-style:none;
}
p.flecha1 {
  position: absolute;
  background-image: url('../images/nav_izq.gif'); 
  background-repeat: no-repeat;
  cursor:pointer;
  height: 40px;
  width: 14.8px;
  overflow: hidden;
  text-indent: -999px;
}
p.flecha2 {
  position: absolute;
  background-image: url('../images/nav_der.gif'); 
  background-repeat: no-repeat;
  cursor:pointer;
  height: 40px;
  width: 14.8px;
  overflow: hidden;
  text-indent: -999px;
}

.prev:hover {
  background-position: -14.8px;
}

.next {
  background-position: -30.3px;
}

.next:hover {
  background-position: -16px;
}

#screenRecientes{
  position:relative;
  width:420px;
  margin-left:70.5px;
}
#screenRecientes .next, #screenRecientes .prev{
  bottom:0px;
}
#screenRecientes .prev{
  left:15px;
}
#screenRecientes .next{
  right:15px;
}

#grupos{
  overflow:hidden;
  width:360px;
  margin-left:auto;
  margin-right:auto;
}
#grupos ul.animados{
  width:3660px;
  margin:0px;
}

#grupos li.anime{
  float:left;
  padding-left:0px;
  padding-right:0px;
  margin-top:0px;
}

#grupos a.anime2 img:hover{
  opacity:1;
  filter:alpha(opacity=100);
}

#grupos a.anime2 img{
  opacity:0.4;
  filter:alpha(opacity=40);
  cursor:pointer;
  padding:0;
  margin: 0 5px 0 0;
  background:black;
}
#grupos a.anime2 img.activo{
  opacity:1;
  filter:alpha(opacity=100);
  cursor:default;
}

#grupos h2{
  color:#993333;
  margin:20px 0pt;
}