textdecoration : none sigue igual

<?xml version='1.0' encoding='UTF-8' ?>

<h:head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <link type="text/css" rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/css/cssLayout.css" />
    <link type="text/css" rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/css/default.css" />
    <ui:insert name="headers">

    </ui:insert>

</h:head>


<h:body>
    <div style="width: 100%; height: 80px; background-color: white">
        <div class="centrado" style="width: 1200px; height: 100%;">
            <img src="#{facesContext.externalContext.requestContextPath}/resources/images/logo.png"
                 style="max-height: 48px; margin-top: 16px;"/>
        </div>
    </div>

    <div style="width: 100%; height: 40px; background-color: #122633">
        <div class="centrado" style="width: 1200px; height: 100%;">
            <div class="menu-elem">
                <a href="#{facesContext.externalContext.requestContextPath}/admin/clientes/consulta.xhtml">Administración</a>
            </div>

            <div class="menu-elem">
                <a href="#{facesContext.externalContext.requestContextPath}/operacion/lineas/lineas.xhtml">Operación</a>
            </div>

            <div class="menu-elem">
                <a>Reportes</a>
            </div>
        </div>
    </div>

    <ui:insert name="content">

    </ui:insert>

</h:body>

.menu-elem{
color: #75848B!important;
float: left;
text-align: center;
width: 100px;
height: 100%;
padding-top: 10px;
}

html, body, div, img, span, p, a {
margin: 0px;
padding: 0px;
border: 0px;
text-decoration: none;
}

form{
margin: 0px;
padding: 0px;
border: 0px;
}

html{
background-color: #DEDEDF;
}