Do You Accept our cookies and privacy policies?

Your privacy is important to us. Therefore, we inform you that we use cookies own and others to perform analysis of use and measurement of our site in order to customize content, as well as provide functionalities to social networks or analyse our traffic. To continue to accept or change the settings of our cookies.

Cookie policy

  • Your privacy
  • Cookies are strictly necessary
  • Cookies of preference or customization
  • Cookies or measurement analysis
  • Cookie policy

Your privacy is important to us

Cookies are text files very small, which are stored on your computer when you visit a website. We use cookies for various purposes and to improve your online experience on our website (for example, in remembering the access data to your account).

You can change your preferences and reject that store certain types of cookies on your computer while browsing our website. You can also delete cookies already stored in your computer, but note that the elimination of cookies may prevent you from using parts of our website.

Cookies are strictly necessary

These cookies are essential to provide the services available through our website and to enable it to use certain features of our website.

Without these cookies, we cannot provide certain services on our website.

Cookies of preference or customization

These cookies are used to provide a more personalized experience on our website and to recall the elections is when you use our website.

For example, we may use cookies to remember their functionality language preferences or remember your username.

Cookies or measurement analysis

These cookies are used to collect information in order to analyze the traffic on our website and how visitors use.

For example, these cookies can trace things and the time you spend on the website or pages you visit, which helps us understand how we can improve our website for you.

The information collected through these cookies or measurement analysis does not identify any individual visitor.

Cookie policy

A cookie is a file download to your computer, smartphone or tablet to access certain web pages. Cookies may store and retrieve information about surfing habits that is made from such equipment. The user's browser cookies on your hard disk only during the meeting is open. Cookies do not contain any specific personal information, and most are deleted from the hard disk at the close of the meeting of browser (the so-called session cookies).

Most browsers accept cookies as standard and, regardless of the same, and allows or denies in the security settings temporary cookies or memorizadas.

Learn more about cookies in IAB Uk & Us & Eu

What types of cookies used on this website?

Third

Analysis: to measure the number of users and carry out the measurement and statistical analysis of the use of the service provided. This will analyze your navigation in our web site in order to improve the supply of goods or services we offer.

In particular, this website uses Google Analyticsa web analytical service provided by Google, Inc. with domicile en los Estados Unidos y sede central en 1600 Amphitheatre Parkway, Mountain View, calif. 94043 . For the provision of these services, Google Analytics uses cookies to collect information, including your IP address, which will be transmitted, treated and stored by Google under the terms set out in the webwww.google.com, including the possible transfer of such information to third parties for reasons of legal requirement or where such third parties process the information on Google.

The SEPE

SEPE uses cookies to mark in the menus of the selected section by the user. This facilitates the contextualization of content, making it possible to know at any time the location of the data loaded. If you do not accept the cookies do not see these marked correctly.

It is also used to register your preferences of navigation and be able to offer you personalized content.

With the use of this web site, expressly agree the treatment of the information gathered in the way and with the purposes mentioned above. And you recognize also the opportunity to reject the management of data and information to block the use of cookies by appropriate settings in your browser. Note that this option to block cookies can make full use of all the features of the website.

You can afford, block or remove cookies installed on your computer by setting your browser's settings on your computer:

  • Google Chrome
  • Internet Explorer
  • Mozilla Firefox
  • Safari

The public employment service State is not responsible for the content of the privacy policies of third parties included in this policy of cookies.

If you have doubts about this cookies can contact the SEPE

Sistema Nacional de Empleo

  • Workers

  • Businessmen

  • Placement Agencies

  • EURES space

  • Public employment services

  1. National Employment System
  2. Catálogo de estilos
  3. Pestañas

Títulos

Texto enriquecido

Enlaces

Enlaces con imagen

Tablas

Banners

Acordeón

Modal

Menú

Formularios

Bloque Destacado

Pestañas

Títulos

Texto enriquecido

Enlaces

Enlaces con imagen

Tablas

Banners

Acordeón

Modal

Menú

Formularios

Bloque Destacado

Pestañas

PESTAÑAS

Pestañas

Panel 01

Phasellus porta suscipit orci sed vestibulum. Vivamus placerat quam sed leo posuere cursus. Curabitur auctor elementum iaculis. Suspendisse finibus arcu sem, at eleifend lorem varius eget. Donec eu mauris vitae massa accumsan facilisis vitae eu tortor. Suspendisse at nisl eu ligula euismod posuere. Vestibulum viverra lorem in dui feugiat posuere.

Morbi molestie commodo sapien et semper. Suspendisse in tortor sit amet quam laoreet lacinia. Maecenas tellus metus, finibus ornare mi id, pharetra vestibulum lectus. Morbi quis placerat purus. Phasellus nec condimentum lorem, et ullamcorper ex.

Panel 02

Phasellus porta suscipit orci sed vestibulum. Vivamus placerat quam sed leo posuere cursus. Curabitur auctor elementum iaculis. Suspendisse finibus arcu sem, at eleifend lorem varius eget. Donec eu mauris vitae massa accumsan facilisis vitae eu tortor. Suspendisse at nisl eu ligula euismod posuere. Vestibulum viverra lorem in dui feugiat posuere.

Morbi molestie commodo sapien et semper. Suspendisse in tortor sit amet quam laoreet lacinia. Maecenas tellus metus, finibus ornare mi id, pharetra vestibulum lectus. Morbi quis placerat purus. Phasellus nec condimentum lorem, et ullamcorper ex.

Panel 03

Phasellus porta suscipit orci sed vestibulum. Vivamus placerat quam sed leo posuere cursus. Curabitur auctor elementum iaculis. Suspendisse finibus arcu sem, at eleifend lorem varius eget. Donec eu mauris vitae massa accumsan facilisis vitae eu tortor. Suspendisse at nisl eu ligula euismod posuere. Vestibulum viverra lorem in dui feugiat posuere.

Morbi molestie commodo sapien et semper. Suspendisse in tortor sit amet quam laoreet lacinia. Maecenas tellus metus, finibus ornare mi id, pharetra vestibulum lectus. Morbi quis placerat purus. Phasellus nec condimentum lorem, et ullamcorper ex.

CSS

Pestañas
Fuente: Montserrat SemiBold, 1rem (16px)
Font-weight: 400
Espaciado: superior 16px; inferior 32px
Radio: 12px
Pestaña activa
Color: #004d71 (rgb(0, 77, 113);)
Fondo: blanco
Borde 3px #004d71
Pestaña inactiva
Color: #212529 rgb(33, 37, 41)
Fondo: #f5f3f3 rgb(245, 243, 243)
Borde 2px #cacaca
Rollover: Fondo #004d71, color blanco
Panel
Fuente: Montserrat SemiBold, 0,9rem (14,4px)
Fondo: #f5f3f3 rgb(245, 243, 243)
Espaciado: 3rem (48px)
Borde 3px #004d71

HTML

 <div class="tabs">
    <div class="tabs--nav" role="tablist">
        <button class="tabs--tab" role="tab" aria-selected="true"  aria-controls="pan-01" id="tab-01" tabindex="0">Pestaña 01</button>
        <button class="tabs--tab" role="tab" aria-selected="false" aria-controls="pan-02" id="tab-02" tabindex="-1">Pestaña 02</button>
        <button class="tabs--tab" role="tab" aria-selected="false" aria-controls="pan-03" id="tab-03" tabindex="-1">Pestaña 03</button>
    </div>
    <div class="tabs--content">
        <div class="tabs--pannel is-active" tabindex="0" role="tabpanel" id="pan-01" aria-labelledby="tab-01">
            <p>Panel 01</p>
        </div>
        <div class="tabs--pannel" tabindex="0" role="tabpanel" id="pan-02" aria-labelledby="tab-02" aria-hidden="true">
            <p>Panel 02</p>
        </div>
        <div class="tabs--pannel" tabindex="0" role="tabpanel" id="pan-03" aria-labelledby="tab-03" aria-hidden="true">
            <p>Panel 03</p>
        </div>
    </div>
</div>

  • General Information
  • Site Map
  • Links
  • Legal notice
  • Accessibility
aaa

SEPE - all rights reserved