/* CSS Document */

ul {
	background:#000000; 
	list-style:none;
	margin:0;
	padding:0;
	margin:0 auto;
}
ul li {
	padding:0;
	float:left;
	
	}

ul li a {
	display:block;
	text-decoration:none;
	text-indent:-9999px
}


#conocenos {
	background: url(images/conocenos.jpg) left;
	width:117px;
	height:55px;
}
#conocenos:hover {
background:url(images/conocenos.jpg) right;
	
}

#el_salon {
	background: url(images/el-salon.jpg) left;
	width:219px;
	height:55px;
}
#el_salon:hover {
background:url(images/el-salon.jpg) right;
}
#bitacora {
	background: url(images/bitacora.jpg) left;
	width:108px;
	height:55px;
}
#bitacora:hover {
background:url(images/bitacora.jpg) right;
}
#talleres {
	background: url(images/talleres.jpg) left;
	width:180px;
	height:55px;
}
#talleres:hover {
background:url(images/talleres.jpg) right;
}
#articulos {
	background: url(images/articulos.jpg) left;
	width:114px;
	height:55px;
}
#articulos:hover {
background:url(images/articulos.jpg) right;
}

#buzon {
	background: url(images/buzon.jpg) left;
	width:222px;
	height:55px;
}
#buzon:hover {
background:url(images/buzon.jpg) right;
}