#nav2 { display: block; width: 358px; height: 9px }
#nav2 ul { list-style-type: none; margin: 0; padding: 0 }
#nav2 ul li { float: left }
#nav2 ul li span { display: none }
#nav2 ul li.agencia a   { background: url(../img/filosofia.gif) no-repeat left top; display: block; margin: 0; width: 62px; height: 9px }
#nav2 ul li.agencia a:hover  { background: url(../img/filosofiahover.gif) no-repeat left top }
#nav2 ul li.servicios a  { background: url(../img/btn_02.gif) no-repeat left top; display: block; margin: 0; width: 76px; height: 9px }
#nav2 ul li.servicios a:hover { background: url(../img/hover_02.gif) top left no-repeat; }
#nav2 ul li.trabajos a  { background: url(../img/btn_03.gif) no-repeat left top; display: block; margin: 0; width: 77px; height: 9px }
#nav2 ul li.trabajos a:hover { background: url(../img/hover_03.gif) top left no-repeat; }
#nav2 ul li.clientes a  { background: url(../img/btn_04.gif) no-repeat left top; display: block; margin: 0; width: 74px; height: 9px }
#nav2 ul li.clientes a:hover { background: url(../img/hover_04.gif) top left no-repeat; }
#nav2 ul li.contacto a  { background: url(../img/btn_05.gif) no-repeat left top; display: block; margin: 0; width: 64px; height: 9px }
#nav2 ul li.contacto a:hover { background: url(../img/hover_05.gif) top left no-repeat; }