body{
  
}

.contenedor {
  position: relative;
}

.contenedor img {
  position: absolute;
  left: 0;
  transition: opacity 0.2s ease-in-out;
}

.contenedor img.top:hover {
  opacity: 0;
}


/* css de FER
-------------------------------------------------- */
#bigPic{
  width:950px;
  height:300px;
  padding:0px;
  border:0px solid #CCC;
  background-color:#ffffff;
  margin-bottom:9px;
  margin-left:9px;
}
#bigPic img{
  position:absolute;
  display:none;
}
ul#thumbs li.active{
  border:3px solid #CF6800;  
  background:#fff;
  padding:2px;
}
ul#thumbs, ul#thumbs li{
  margin:60;
  padding:60;
  list-style:none;
}
  
ul#thumbs li{
  float:left;
  margin-left:10px;
  margin-right:0px;
  margin-bottom:5px;
  border:2px solid #0000D0;  
  padding:0px;
  cursor:pointer;
}
ul#thumbs img{
  float:left;
  width:80px;
  height:80px;
  line-height:80px;
  overflow:hidden;
  position:relative;
  z-index:1;    
}

/* FIN css de FER
-------------------------------------------------- */