* {margin:0; padding:0; box-sizing:border-box;}
html {font-size:62.5%; scroll-behavior:smooth;}
body {font-family:"Tahoma", sans-serif; font-size:1.6rem; line-height:2.7rem; color:#333; background-color:#fff;}
h1 {width:100%; margin:auto; font-weight:600; text-transform: uppercase; font-size:3.5rem; color:#000; line-height:5rem; padding-top:30px; padding-bottom:30px;}
h2 {width:100%; margin:auto; font-size:2.7rem; text-transform: uppercase; color:#000; font-weight:lighter; line-height:3.5rem; padding:2rem 0rem 2rem 0px;}
h3 {width:100%; margin:auto; font-size:2rem; text-transform: uppercase; color:#ffffff; font-weight:lighter; line-height:2.5rem; padding:0.5rem;}
h4 {width:100%; margin:auto;	font-size:1.5rem; text-transform: uppercase; color:#ffffff; font-weight:600; line-height:1.8rem; padding:1rem 1rem;}
h5 {width:100%; margin:auto;	font-size:1.7rem; color:#000000; font-weight:100; line-height:2.7rem; padding:3rem 0rem 1rem 0rem;}
h6 {font-size:1rem; font-weight:300; color:#999; line-height:1rem; padding:0rem;}

p {padding-bottom: 8px;}
a {text-decoration:none;}
a:hover {text-decoration:underline; }
a:visited {color:#333;}


header {width:100%; padding: 30px 0px 20px 0px; background-color:#004C81;}
#language {width:78%; margin:0 auto; padding-bottom:30px; text-align: right;}
#header-content {width:80%; margin:0 auto; display:flex; flex-flow: row wrap; justify-content: flex-start; padding-bottom:60px;}
#logo {flex:55%;}
#logo img {width:450px; height:30px;}
nav {flex: 35%; display:flex; flex-flow: row wrap; justify-content:space-between; color:#fff;}
nav a {float:right; margin-top:12px; padding: 0px 3px 0px 3px; color:#fff; font-size: 1.5rem; font-weight:bold; text-transform:uppercase;}
nav a:hover {text-decoration:none; color:#ffe600; }
nav a:visited {text-decoration:none; color:#fff; }

table {width:100%; border:#ff0000 1px solid; margin-bottom:40px;}
td {padding: 7px;}

section {width:80%; margin:auto; padding-top:20px;}
.container {display:flex; flex-direction:row; width:100%; box-sizing:border-box; gap:40px; margin-bottom:40px;}
.reverse {flex-direction:row;}
.container img {width:100%; height:100%; object-fit:cover;}
.container-full img {width:100%; object-fit:scale-down;}
.full {flex:100%; padding-bottom:50px;}
.half {flex:50%;}
.half-40 {flex:50%; padding:25px 45px;}
.short {width:70%; margin-bottom:15px;}

.hidden {display: none;}

.box {display:flex; flex-direction:row; width:100%; flex-wrap: wrap; box-sizing:border-box; justify-content:space-between; padding-bottom:40px;}
.box-20 {width:23%;margin-bottom:15px;}
.box img {width:100%; height:90%; object-fit:contain;}
.box a {float:left; margin-top:0px; margin-bottom:0px; padding: 0px; color:#fff; font-size: 1.5rem; }
.box a:hover {text-decoration:none; color:#ffe600; }
.box a:visited {text-decoration:none; color:#fff; }
 
.img-90 {width:90%; height:auto; }
.img-70 {width:70%; height:auto; }
picture {padding:0px; margin:0px;}

.separator-20 {width:100%; height:20px;}
.separator-30 {width:100%; height:30px;}
.separator-40 {width:100%; height:40px;}
.separator-50 {width:100%; height:50px;}

.light-gray {background-color: #f4f4f4;}
.blue {background-color: #004C81;}
.red {background-color: red;}

footer {width:100%; height:auto; font-size:1.1rem; padding:10px; color:#fff; background-color:#004C81; padding-left:10%; padding-top:40px;}

.breadcrumbs {width:80%; margin:auto; padding-top:15px; color:#0163a9}
ul.breadcrumbs {list-style: none;}
ul.breadcrumbs li {display: inline; font-size: 1.5rem;}
ul.breadcrumbs li+li:before {padding: 8px; color: #000000; content: " > ";}
ul.breadcrumbs li a {color: #000000; text-decoration: none;}
ul.breadcrumbs li a:hover {color: #000000; text-decoration: underline;}  

.white1 {background-color:#f0f0f0;}
.white2 {background-color:#fbfaf6;}
.gray1 {background-color:#f1f1f4;}
.gray2 {background-color:#e6e8e3;}
.gray3 {background-color:#f4f4f4;}    
.blue1 {background-color:#e0edf5;}
.brown1 {background-color:#f4eeea;}
.yellow1 {background-color:#fcf5e8;}
.green1 {background-color:#e5e7dd;}
.orange1 {background-color:#ffedda;}


@media screen and (max-width:1499px) {     
  .box-20 {width:32%; margin-bottom:0px;}
  .box-20 {width:32%;}    
  .hidden {display: block;}
}

@media screen and (max-width:1116px) {
  #logo {flex:100%;}
  nav {flex: 100%; margin-top:30px; border-top: 1px solid #fff;}
  #header-content {padding-bottom:30px;}
  h1 {font-size:4rem; line-height:6rem; padding-top:10px; padding-bottom:20px;}
  h2 {color:#000; font-size:2.4rem; line-height:3rem; padding:0rem 0rem 2rem 0px;}  
  h2 {color:#000; font-size:1.2rem; line-height:2.3rem; padding:0rem 0rem 2rem 0px;} 
  .section {width:85%;}
  .container {flex-direction:column; margin-bottom:20px;} 
  .reverse {flex-direction:column-reverse;}
  .short {width:100%;}    
  .box-20 {width:48%; margin-bottom:0px;}   
  .half {flex:50%;}
  .half-40 {flex:50%; padding:0px 45px 20px 45px;}  
  .img-90 {width:100%; height:auto;}
  .img-70 {width:100%; height:auto;} 
  .hidden {display:none;}
}

@media screen and (max-width:580px) {
  #logo {flex:70%;}
  #logo img {width:100%; height:auto;}
  h1 {font-size:4rem; line-height:6rem; padding-top:10px; padding-bottom:10px;}
  h2 {font-size:1.8rem; color:#000;}   
  .box-20 {width:100%; margin-bottom:6px;}     
}

@media screen and (max-width:440px) {
  html {font-size:57%;}
  #logo {flex:70%;}
  #logo img {width:100%; height:auto;}
  h1 {font-size:2.6rem; line-height:3.4rem; padding-top:20px; padding-bottom:20px;}
  h2 {font-size:1.8rem; color:#000; line-height:2.3rem; font-weight:500;}
  h3 {font-size:1.7rem; line-height:2.3rem; font-weight:500;}
  h5 {font-size: 1.5rem; font-weight:500;}  
  nav a {padding: 0px 3px 0px 3px; font-size: 1.4rem;}    
  .short {width:100%;}       
  .half-40 {flex:50%; padding:0px 30px 20px 35px;}
}