Botón identifícate:

• Background-color: #29416c
• Color: #ffffff
• Fuente: Montserrat, 0.8rem

<div class="container">

    <div class="row">

        <div class="col-12 col-md-7 col-lg-6 header-logo">          

            <div class="logoM">

                <a href="/magnoliaAuthor/portalSede" title="logo-ministerio de empleo" class="disabled">

                  <img class="w100" src="/magnoliaAuthor/dam/jcr:53a9807c-4ec4-4091-ba0a-044088e9fe8c/LOGO_WEB_MARCA_SEPE.jpg" alt="Ministerio de Empleo">

                </a>      

            </div>

            <div class="col-12 col-md-6 logoS">

                <a href="/magnoliaAuthor/portalSede" title="logo-ministerio de empleo" class="disabled">

                    <img class="w100" src="/magnoliaAuthor/dam/jcr:3b861b9c-c29a-47ec-a88e-dfebed3ccc1d/sede-electronica-gris.png"alt="Logo Ministerio SEPE">

                </a>

            </div>

        </div>

            <div class="col-12 col-md-5 col-lg-6 header-info">

                <div class="header__idioma">

                    <div class="area">

                        <form>

                            <select id="idioma" aria-label="Idioma" title="Seleccion de idioma" name="area" onchange="location = form.area.options[form.area.selectedIndex].value;" style="background-image: url('/magnoliaAuthor/.resources/site-portal-sede/webresources/img/expand_more_grey2.png');">

                                <option selected="" value="/magnoliaAuthor/portalSede/catalogo-estilos/catalogo-estilos-cabecera.html">Español</option>

                                <option value="/magnoliaAuthor/portalSede/ca/catalogo-estilos/catalogo-estilos-cabecera.html">Catalán</option>

                                <option bvalue="/magnoliaAuthor/portalSede/eu/catalogo-estilos/catalogo-estilos-cabecera.html">Vasco</option>

                                <option value="/magnoliaAuthor/portalSede/gl/catalogo-estilos/catalogo-estilos-cabecera.html"> Gallego </option>

                            </select>

                        </form>

                    </div>

                </div>

                <div class="header__ident">

                    <a href="https://sede.sepe.gob.es/GesUsuariosSEDE/GestionUsuariosTrabajaWeb/intro_seguridad.do" type="button" class="button__item"> 

                        <i class="fas fa-user"></i>

                        <p>Identifícate</p>

                    </a>

                </div>

                <div class="inSuit">

                    <a rel="canonical" id="accesible" title="enlace inSuit"  href="https://sede--sepe--gob--es.insuit.net/portalSede/flows/inicio">

                        <p class="oculto">accesibilidad</p>

                        <i class="fas fa-wheelchair" alt="enlace inSuit"></i>

                    </a>                      

                </div>

                <div class="header__fecha">    

                   <p class="texto">Fecha y hora oficial</p>

                   <p class="dato" id="hora">26/11/2019 16:16:49</p>

                </div>

                <div class="header__buscador">    

                    <button class="btnSearchMov" aria-label="Buscar" id="btnSearchmov" onclick="ver()">

                        <i class="fas fa-search" id="searchIco">

                            <p class="oculto">buscar</p>

                        </i>

                    </button>    

                </div>

            </div>

        </div>

    </div>

Texto:

• Fuente:  Montserrat SemiBold, 0.7rem
• color: #ffffff
• Background-color: #29416c

Fecha:

• Fuente:  Montserrat , 0.7rem
• color: #ffffff
• Background-color: #29416c

<div class="header__fecha">

        <p class="texto">Fecha y hora oficial</p>

        <p class="dato" id="hora">26/11/2019 15:12:08</p>

</div>

Item lista:

• Fuente:  Montserrat SemiBold, 0.85rem
• color: #ffffff
• Background-color: #29416c

<div class="nav-sup">

    <div class="container">

        <div class="navigation__list">

            <a class="navigation__item navigation__link" href="/magnoliaAuthor/portalSede/" title="">Inicio</a>

            <div class="dropdown">

                <button class="dropbtn navigation__item">Procedimientos y servicios</button>

                <div class="dropdown-content">

                    <a href="/magnoliaAuthor/portalSede/Procedimientos-y-servicios/Personas.html">Personas</a>

                    <a href="/magnoliaAuthor/portalSede/Procedimientos-y-servicios/Empresas.html">Empresas</a>

                </div>

            </div>

            <div class="dropdown">

                <button class="dropbtn navigation__item">Información</button>

                <div class="dropdown-content">

                    <a href="/magnoliaAuthor/portalSede/Informacion/Como-utilizar-esta-Sede.html">¿Cómo utilizar esta

                        Sede?</a>

                    <a href="/magnoliaAuthor/portalSede/Informacion/Normativa.html">Normativa</a>

                    <a href="/magnoliaAuthor/portalSede/Informacion/Canales-de-acceso.html">Canales de acceso</a>

                    <a href="/magnoliaAuthor/portalSede/Informacion/Identificacion-y-titularidad.html">Identificación y

                        titularidad</a>

                </div>

            </div>

            <div class="dropdown">

                <button class="dropbtn navigation__item">Licitaciones</button>

                <div class="dropdown-content">

                    <a href="/magnoliaAuthor/portalSede/Licitaciones/Licitaciones.html">Licitaciones</a>

                </div>

            </div>

            <div class="dropdown">

                <button class="dropbtn navigation__item">Catálogo de Estilos</button>

                <div class="dropdown-content">

                    <a href="/magnoliaAuthor/portalSede/catalogo-estilos/catalogo-estilos-generales.html">Catálogo

                        Estílos Generales</a>

                    <a href="/magnoliaAuthor/portalSede/catalogo-estilos/catalogo-estilos-cabecera.html">Catálogo

                        Estilos Cabecera</a>

                    <a href="/magnoliaAuthor/portalSede/catalogo-estilos/catalogo-estilos-home.html">Catálogo de Estilos

                        Home</a>

                    <a href="/magnoliaAuthor/portalSede/catalogo-estilos/catalogo-estilos-footer.html">Catálogo Estilos

                        Footer</a>

                </div>

            </div>

            <div class="dropdown">

                <button class="dropbtn navigation__item btnSearch" aria-label="Buscar" id="btnSearchmov"

                    onclick="ver()">

                    <i class="fas fa-search" id="searchIco">

                        <p class="oculto">buscar</p>

                    </i>

                </button>

            </div>

        </div>

    </div>

</div>

Item:

• Fuente: Montserrat SemiBold, 0.9rem
• Color: #0a5f4f

Item activo:

• Fuente:  Montserrat, 0.9rem
• color: #515151

<div class="nav-sup">

 <div class="container">

  <div class="navigation__list">

   <a class="navigation__item navigation__link" href="/magnoliaAuthor/portalSede/" title="">Inicio</a>

    <div class="dropdown">

     <button class="dropbtn navigation__item">Procedimientos y servicios</button>

      <div class="dropdown-content">

       <a href="/magnoliaAuthor/portalSede/Procedimientos-y-servicios/Personas.html">Personas</a>

        <a href="/magnoliaAuthor/portalSede/Procedimientos-y-servicios/Empresas.html">Empresas</a>

      </div>

    </div>

    <div class="dropdown">

     <button class="dropbtn navigation__item">Información</button>

      <div class="dropdown-content">

       <a href="/magnoliaAuthor/portalSede/Informacion/Como-utilizar-esta-Sede.html">¿Cómo utilizar esta Sede?</a>

       <a href="/magnoliaAuthor/portalSede/Informacion/Normativa.html">Normativa</a>

       <a href="/magnoliaAuthor/portalSede/Informacion/Canales-de-acceso.html">Canales de acceso</a>

       <a href="/magnoliaAuthor/portalSede/Informacion/Identificacion-y-titularidad.html">Identificación y titularidad</a>

      </div>

    </div>

    <div class="dropdown">

     <button class="dropbtn navigation__item">Licitaciones</button>

     <div class="dropdown-content">

      <a href="/magnoliaAuthor/portalSede/Licitaciones/Licitaciones.html">Licitaciones</a>

     </div>

    </div>

    <div class="dropdown">

     <button class="dropbtn navigation__item">Catálogo de Estilos</button>

     <div class="dropdown-content">

      <a href="/magnoliaAuthor/portalSede/catalogo-estilos/catalogo-estilos-generales.html">Catálogo de Estílos Generales</a>

      <a href="/magnoliaAuthor/portalSede/catalogo-estilos/catalogo-estilos-cabecera.html">Catálogo de Estilos Cabecera</a>

      <a href="/magnoliaAuthor/portalSede/catalogo-estilos/catalogo-estilos-home.html">Catálogo de Estilos Home</a>

      <a href="/magnoliaAuthor/portalSede/catalogo-estilos/catalogo-estilos-footer.html">Catálogo de Estilos Footer</a>

      <a href="/magnoliaAuthor/portalSede/catalogo-estilos/catalogo-estilos-formulario.html">Catálogo de Estilos Formularios</a>

     </div>

    </div>

    <div class="dropdown">

     <button class="dropbtn navigation__item btnSearch" aria-label="Buscar" id="btnSearchmov" onclick="ver()">

      <i class="fas fa-search" id="searchIco"><p class="oculto">buscar</p></i>

     </button>

    </div>

   </div>

  </div>

</div>