/*
colocar el nombre del boton y hacer referencia en la pagina 
$(document).ready(function() {
		$('.btnBuscador,.NOMBRE_DEL_BOTON').append('<span class="hover"></span>').each(function () {
	  		var $span = $('> span.hover', this).css('opacity', 0);
	  		$(this).hover(function () {
	    		$span.stop().fadeTo(500, 1);
	 		}, function () {
	   	$span.stop().fadeTo(500, 0);
	  		});

y se hace referencia <a href="#" class="btnBuscador"></a>
*/

/*inicio para cada boton*/

.btn_productos {
	clear: both;
	position:relative;
	display:block;
	height: 139px;
	width: 309px;
	/*top:1px;*/
	/*left:825px;*/
	background:url(../images/btn_productos.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.btn_productos span.hover {
	display: block;
	height: 139px;
	width: 309px;
	background: url(../images/btn_productos.jpg) no-repeat;
	background-position: bottom;
}

/*fin para cada boton*/


.btn_empresa {
	clear: both;
	position:relative;
	display:block;
	height: 139px;
	width: 232px;
	background:url(../images/btn_empresa.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	/*top:15px;*/
	left:-130px;
}	

.btn_empresa span.hover {

	display: block;
	height: 139px;
	width: 232px;
	background: url(../images/btn_empresa.jpg) no-repeat;
	background-position: bottom;
}

.btndynamicice {
	clear: both;
	position:relative;
	display:block;
	height: 24px;
	width: 308px;
	background:url(../images/btndynamicice.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
	/*top:15px;*/
	left:450px;
}	

.btndynamicice span.hover {

	display: block;
	height: 24px;
	width: 308x;
	background: url(../images/btndynamicice.jpg) no-repeat;
	background-position: bottom;
}