/* CSS Document */
.caja {
/*position: relative;*/ /*Para poder ubicar la info dentro de la caja*/
/*margin: 10px auto;*/
 border: 2px solid #CCC;
  padding: 1em;
  text-align:center;
  margin: 1em 0 1em 4em;
  width: 400px;
  position: relative;
  background: #CCC;
  font-size: 18px
}
.caja img {
border:2px solid black;


}
.info {
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 447px;
	width: 424px;
	opacity: 0; /*Inicialmente transparente */
	filter: alpha(opacity=0);
	background: #006;
	text-align: center;
	zoom: 1;
	padding: 5px;
	color: white;
	-moz-transition: all ease .8s; /*Aplicamos una ligera transición*/
	webkit-transition: all ease .8s;
	transition: all ease .8s;
	height: 383px;
}
.caja:hover .info {
filter: alpha(opacity=80);
opacity: .8; /*Al hacer hover sobre la caja hacemos visible los datos*/
}