/* old browsers compatibility for new html5 elements */
header, section, footer, aside, nav, main, article, figure {
  display: block; 
}

html {
    background-color: white;
    color: black;
}

body {
    padding: 0px 25px 0px 25px;
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 11pt;
    letter-spacing: 0.5pt;
    line-height: 1.5em;
}

/********
 HEADER
 ********/
header {
    padding: 5px 0px 5px 0px;
}
header #logo {
    padding-bottom: 0px;
}
header #logo-div {
    float: left;
}
header #moto-div {
    float: left;
    margin-left: 35px;
    margin-top: 45px;
    color: #30448A;
    letter-spacing: 1pt;
}
header #top-right-div {
    float: right;
    text-align: right;
}
#language-selector {
    position: relative;
    display: inline-block;
    min-width: 90px;
    color: #30448A;
    text-align: right;
    padding: 0px 0px 0px 10px;
    cursor: pointer;
    background-image: url("/img/arrow-down.svg");
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: 15px 9px;
    letter-spacing: 1pt;
    font-size: 0.8em;
}
#language-selector a:link {
    color: #30448A;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
}
#language-selector a:visited {
    color: #30448A;
    text-decoration: none;
}
#language-selector a:hover {
    color: black;
    text-decoration: underline;
}
#language-selector a:active {
    color: #30448A;
    text-decoration: none;
}
#language-selector #language-selector-dropdown {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 10px 8px 16px 0px rgba(48,68,138,0.6);
    z-index: 1;
}
#language-selector-dropdown a:link {
    display: block;
    color: #30448A;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
}
#language-selector-dropdown a:visited {
    color: #30448A;
    text-decoration: none;
}
#language-selector-dropdown a:hover {
    color: black;
    text-decoration: underline;
}
#language-selector-dropdown a:active {
    color: #30448A;
    text-decoration: none;
}
#language-selector:hover #language-selector-dropdown {
  display: block;
}
header #menu-div {
    padding-top: 42px;
}
header a.menu:link {
    font-size: 1.1em;
    color: #30448A;
    text-decoration: none;
    letter-spacing: 1pt;
    padding: 10px 0px 0px 25px;
}
header a.menu:visited {
    color: #30448A;
    text-decoration: none;
}
header a.menu:hover {
    color: black;
    text-decoration: underline;
}
header a.menu:active {
    color: #30448A;
    text-decoration: none;
}
nav {
    clear: both;
    padding: 3px 0px 10px 0px;
    border-top: solid #30448A 1px;
    font-size: 0.8em;
}
nav a:link {
    color: #30448A;
    text-decoration: none;
    letter-spacing: 1pt;
}
nav a:visited {
    color: #30448A;
    text-decoration: none;
}
nav a:hover {
    color: black;
    text-decoration: underline;
}
nav a:active {
    color: #30448A;
    text-decoration: none;
}

/********
 MAIN
 ********/
main {
    padding-bottom: 15px;
}
main h1 {
    font-size: 2em;
    color: #30448A;
    letter-spacing: 1pt;
    margin: 0.5em 0 0.5em; 0;
}
main h2 {
    font-size: 1.5em;
    color: #30448A;
    letter-spacing: 1pt;
    margin: 1em 0 0.5em; 0;
}
main h3 {
    font-size: 1em;
    color: #30448A;
    letter-spacing: 1pt;
    margin: 1em 0 0.5em; 0;
}
main p {
    margin: 0.5em 0 0.5em; 0;
    text-align: justify;
}
main ul {
  list-style-type: square;
}
main a:link {
    color: #30448A;
    text-decoration: none;
    letter-spacing: 1pt;
    font-size: 1.1em;
}
main a:visited {
    color: #30448A;
    text-decoration: none;
}
main a:hover {
    color: black;
    text-decoration: underline;
}
main a:active {
    color: #30448A;
    text-decoration: none;
}
/* Site Map pages specifics */
main #sitemap {
    padding-bottom: 15px;
}
main#sitemap h1 {
    font-size: 2em;
    color: black;
    letter-spacing: 1pt;
    margin: 0.5em 0 0.5em; 0;
}
main#sitemap h2 {
    font-size: 1.5em;
    color: black;
    letter-spacing: 1pt;
    margin: 1em 0 0.5em; 0;
}
main#sitemap h3 {
    font-size: 1em;
    color: black;
    letter-spacing: 1pt;
    margin: 1em 0 0.5em; 0;
}
main#sitemap h4 {
    font-size: 1em;
    font-weight: normal;
    color: black;
    letter-spacing: 1pt;
    margin: 1em 0 0.5em; 0;
}
main#sitemap p {
    margin: 0.5em 0 0.5em; 0;
    text-align: justify;
}
main#sitemap a:link {
    color: #30448A;
    text-decoration: none;
    letter-spacing: 1pt;
    font-size: 1.1em;
}
main#sitemap a:visited {
    color: #30448A;
    text-decoration: none;
}
main#sitemap a:hover {
    color: black;
    text-decoration: underline;
}
main#sitemap a:active {
    color: #30448A;
    text-decoration: none;
}

/********
 Contact form specifics
 *********/
#contact-form input, textarea {
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 11pt;
    letter-spacing: 0.5pt;
    line-height: 1.4em;
    padding: 8px;
    border: 1px solid #8094DA;
}
#contact-form button {
    font-family: Helvetica, Arial, Sans-serif;
    font-size: 11pt;
    letter-spacing: 0.5pt;
    padding: 8px;
    color: white;
    background-color: #30448A;
    border: none;
    width: 100px;
}



/********
 FOOTER
 ********/
footer {
    border-top: solid #30448A 1px;
    padding: 10px 10px 5px 10px;
    font-size: 8pt;
    text-align: center;
}
footer a:link {
    color: #30448A;
    text-decoration: none;
    letter-spacing: 1pt;
}
footer a:visited {
    color: #30448A;
    text-decoration: none;
}
footer a:hover {
    color: black;
    text-decoration: underline;
}
footer a:active {
    color: #30448A;
    text-decoration: none;
}