.navigation{
    position:relative;
    margin:0 auto;
    width:518px;
}
ul.menu{
    list-style:none;
    font-family:"Verdana",sans-serif;
    margin:0px;
    padding:0px 0 0 120px;
    float:left;
}
ul.menu li{
    float:left;
}
ul.menu li a{
    text-decoration:none;
    background:#7E7E7E url(../images/bgMenu.png) repeat-x top left;
    padding:15px 0px;
    width:128px;
    color:#333333;
    float:left;
    text-shadow: 0 1px 1px #fff;
    text-align:center;
    border-right:1px solid #a1a1a1;
    border-left:1px solid #e8e8e8;
    font-weight:bold;
    font-size:13px;
    -moz-box-shadow: 0 1px 3px #555;
    -webkit-box-shadow: 0 1px 3px #555;
}
ul.menu li a.hover{
    background-image:none;
    color:#fff;
    text-shadow: 0 -1px 1px #000;
}
ul.menu li a.first{
    background-image:none;
	color:#fff;
    text-shadow: 0 -1px 1px #000;
}
ul.menu li span{
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-color: transparent;
	position: absolute;
	z-index: -1;
	top: 100px;
	cursor: pointer;
}
ul.menu li span.computo{
    background-image:url(../images/computotop.png);
    left:563px; /*128/2 - 32(half of icon) +1 of border*/
}
ul.menu li span.servicios{
    background-image:url(../images/serviciostop.png);
    left:693px; /* plus 128 + 2px of border*/
}
ul.menu li span.web{
    background-image:url(../images/webtop.png);
    left:823px;
}
ul.menu li span.mobiliario{
    background-image:url(../images/mobiliariotop.png);
    left:953px;
}