
<style tpye="text/css">
body{
    /* 1 */
    margin: 0;
    /* 2 */                      
    font-family: sans-serif;
    font-size: 14px;
}

#menu-wrapper ul{
    /* 3 */
    padding: 0;  
    /* 4 */                 
    list-style: none;              
} 

#hmenu > li{
    display: inline-block;          
}
/* 2 */
#hmenu > li > a{
    display: block;                 
    padding: 8px 5px;              
    width: 100px;
    height: 13px;
}
/* 3 */
li ul{
    position: absolute;
} 

li ul{
    position: absolute;
    /* 2 */
    display: none;
}

.sub-menu a{
    /* 1 */
    display: block;
    padding: 5px 5px;
    height: 13px;
}

li:hover ul{
    /* 3 */
    display: block;
}

/* EDITAR ESTAR PARTE PARA MODIFICAR LA APARIENCIA */
#menu-wrapper, li ul{
    background: #003333;
}

#hmenu {
    width: 700px;
    margin: 0 auto;
}

#hmenu a{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#hmenu a:hover{
    color: #003333;
    text-decoration: none;
    font-weight: bold;
}

#hmenu li:hover{
    background: #888888;
    text-shadow: 0 0 2px #888; /*<--- Un poco de CSS3*/
}

</style>


	<table>
        <div align="center" id="menu-wrapper">
            <ul id="hmenu">
                <li><a href="index.php">Home</a></li>
                <li><a href="">Equipamiento</a>
                    <ul class="sub-menu">
                        <li><a href="hardware.php">&nbsp;&nbsp;&nbsp; Hardware &nbsp;&nbsp;&nbsp; </a></li>
                        <li><a href="software.php">&nbsp;&nbsp;&nbsp; Software &nbsp;&nbsp;&nbsp; </a></li>
                        <li><a href="performance.php">Performance</a></li>
                    </ul>
		</li>
                <li><a href="">Usuarios</a>
                    <ul class="sub-menu">
                        <li><a href="login.php">&nbsp;&nbsp;&nbsp;&nbsp; Login &nbsp;&nbsp;&nbsp;&nbsp; </a></li>
                        <li><a href="manual.php">&nbsp;&nbsp;&nbsp;&nbsp; Manual &nbsp;&nbsp;&nbsp;&nbsp; </a></li>
                        <li><a href="solicitud.php">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Solicitud &nbsp;&nbsp;&nbsp; </a></li>
                    </ul>
                </li>
                <li><a href="servicios.php">Servicios</a></li>
                <li>
                    <a href="">Institucional</a>
                    <ul class="sub-menu">
                        <li><a href="autoridades.php">&nbsp; Autoridades &nbsp; </a></li>
                        <li><a href="reglamento.php">&nbsp; Reglamento &nbsp; </a></li>
                    </ul>
                </li>
                <li><a href="monitoreo.php">Monitoreo</a></li>
		</tr>
            </ul>
        </div>
	</table>