.produ{	
	background:#f9f9f9;
	float: left;
	width:100%;
	max-width: 345px;
	height: 500px;
    overflow:hidden;
    margin:10px 5px;
    position:relative;
	/* Aqui colocamos la transicion para cada navegador */
		  -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
		  -o-transition:all 0.3s ease-out;  /* Opera */
		  -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
		  -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
		  transition:all 0.3s ease-out;  /* W3C */
		  
	border: #eee solid 1px;
	color: #777;
	font-size: 15px;
}

.produ:hover{				  
	-webkit-box-shadow: 	0px 5px 15px 0px #ccc;
		-moz-box-shadow:    0px 5px 15px 0px #ccc;
		box-shadow:         0px 5px 15px 0px #ccc;
		/* Aqui colocamos la transicion para cada navegador */
		  -webkit-transition:all 0.6s ease-out;  /* Chrome y Safari */
		  -o-transition:all 0.6s ease-out;  /* Opera */
		  -moz-transition:all 0.6s ease-out;  /* Mozilla Firefox */
		  -ms-transition:all 0.6s ease-out;   /* Internet Explorer */
		  transition:all 0.6s ease-out;  /* W3C */
}
.recua
{
    float: left;
    width:345px;
    height:370px;
    overflow:hidden;
    background:#fff;	
    margin-bottom:0px;
}

.recua img{				  


	/* Aqui colocamos la transicion para cada navegador */
		  -webkit-transition:all 0.7s ease-out;  /* Chrome y Safari */
		  -o-transition:all 0.7s ease-out;  /* Opera */
		  -moz-transition:all 0.7s ease-out;  /* Mozilla Firefox */
		  -ms-transition:all 0.7s ease-out;   /* Internet Explorer */
		  transition:all 0.7s ease-out;  /* W3C */
}
	
.produ:hover .recua img{				  

	transform : scale(1.1);
	-moz-transform : scale(1.1); /* Firefox */
	-webkit-transform : scale(1.1); /* Chrome - Safari */
	-o-transform : scale(1.1); /* Opera */
	-ms-transform : scale(1.1); /* IE9 */
	/* Aqui colocamos la transicion para cada navegador */
		  -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
		  -o-transition:all 0.3s ease-out;  /* Opera */
		  -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
		  -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
		  transition:all 0.3s ease-out;  /* W3C */
}

.tite{
	clear: both;
	padding: 10px;
	overflow: hidden;
	}
	
.botwa{
	background: #70b850;
	border-radius: 5px;
	width: 80px;
	height: 22px;
	padding: 5px 10px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -50px;
	  -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
		  -o-transition:all 0.3s ease-out;  /* Opera */
		  -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
		  -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
		  transition:all 0.3s ease-out;  /* W3C */
}	
.botwa:hover{
	background: #81ce59;
	border-radius: 8px;	
	  -webkit-transition:all 0.3s ease-out;  /* Chrome y Safari */
		  -o-transition:all 0.3s ease-out;  /* Opera */
		  -moz-transition:all 0.3s ease-out;  /* Mozilla Firefox */
		  -ms-transition:all 0.3s ease-out;   /* Internet Explorer */
		  transition:all 0.3s ease-out;  /* W3C */
}