Cabecera.ascx Problemas css

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Cabecera.ascx.cs" Inherits="GesPresta.Cabecera" %>
<link href="./Cabecera.css" type="text/css" rel="stylesheet" />
<div id="contenedor">

    <div class="sub" id="Nav">
        <div id="linkbut">
            <asp:LinkButton id="Inicio" runat="server" PostBackUrl="~/Default.aspx">Inicio</asp:LinkButton>
            <asp:LinkButton id="Empleados" runat="server" PostBackUrl="~/Empleados.aspx">Empleados</asp:LinkButton>
            <asp:LinkButton id="Prestaciones" runat="server" PostBackUrl="~/Prestaciones.aspx">Prestaciones</asp:LinkButton>
        </div>
    </div>

    <div class="sub" id="Titulo">
        ACME INNOVACIÓN, S. FIG.
    </div>

    <div class="sub" id="SegTit">
        Gestión de Prestaciones Salariales
    </div>
</div>


------------------------------------------------------------------------------

#contenedor {
    height: 16em;
    border: 0.15em solid black;
    background-color: #8DA9C4;
    margin-bottom: 3em
}
#Nav {
    background-color: #8DA9C4;
    height: 10%;
    text-align:center;
}
#linkbut{
    display:inline;
}
#Inicio, #Empleados, #Prestaciones {
    margin: 2em;
    color: green;
}
#Titulo {
    border-bottom: 0.15em solid black;
    border-top: 0.15em solid black;
    background-color: #134074;
    height: 70%;
}
#SegTit {
    background-color: #8DA9C4;
    height: 19%;
}
#Nav,#Titulo,#SegTit{

    display: flex;
    justify-content: center;
    align-items: center;
}