.produ{	
	background:#eee;
	float: left;
	width:100%;
	max-width: 253px;
	height: 410px;
    overflow:hidden;
    margin:10px 8px;
    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: #ccc 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:253px;
    height:300px;
    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 15px;
	overflow: hidden;
	}


.whatsapp{
	position: fixed; bottom:5px; right:27px; z-index: 9999;
}
.whatsappSoporte{
	position: fixed; bottom:75px; right:27px; z-index: 9999;
}

.botwa{
	width: 30px;
	height: 27px;
	padding: 5px 10px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	  -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{
	  -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 */
}