@font-face {
    font-family:FS Lucas Cy Web Regular;
    font-display:auto;
    src:url(./fonts/FSLucasCyWeb-Regular.eot);
    src:url(./fonts/FSLucasCyWeb-Regular.eot?#iefix) format("embedded-opentype"),
    url(./fonts/FSLucasCyWeb-Regular.woff2) format("woff2"),
    url(./fonts/FSLucasCyWeb-Regular.woff) format("woff"),
    url(./fonts/FSLucasCyWeb-Regular.ttf) format("truetype"),
    url(./fonts/FSLucasCyWeb-Regular.svg#FSLucasCyWeb-Regular) format("svg");
    font-weight:400;
    font-style:normal
   }
   @font-face {
    font-family:FS Lucas Cy Web Medium;
    font-display:auto;
    src:url(./fonts/FSLucasCyWeb-Med.eot);
    src:url(./fonts/FSLucasCyWeb-Med.eot?#iefix) format("embedded-opentype"),
    url(./fonts/FSLucasCyWeb-Med.woff2) format("woff2"),
    url(./fonts/FSLucasCyWeb-Med.woff) format("woff"),
    url(./fonts/FSLucasCyWeb-Med.ttf) format("truetype"),
    url(./fonts/FSLucasCyWeb-Med.svg#FSLucasCyWeb-Med) format("svg");
    font-weight:500;
    font-style:normal
   }
   @font-face {
    font-family:FS Lucas Cy Web Bold;
    font-display:auto;
    src:url(./fonts/FSLucasCyWeb-Bold.eot);
    src:url(./fonts/FSLucasCyWeb-Bold.eot?#iefix) format("embedded-opentype"),
    url(./fonts/FSLucasCyWeb-Bold.woff2) format("woff2"),
    url(./fonts/FSLucasCyWeb-Bold.woff) format("woff"),
    url(./fonts/FSLucasCyWeb-Bold.ttf) format("truetype"),
    url(./fonts/FSLucasCyWeb-Bold.svg#FSLucasCyWeb-Bold) format("svg");
    font-weight:700;
    font-style:normal
   }
   @font-face {
    font-family:FS Lucas Cy Web SemiBold;
    font-display:auto;
    src:url(./fonts/FSLucasCyWeb-SemiBd.eot);
    src:url(./fonts/FSLucasCyWeb-SemiBd.eot?#iefix) format("embedded-opentype"),
    url(./fonts/FSLucasCyWeb-SemiBd.woff2) format("woff2"),
    url(./fonts/FSLucasCyWeb-SemiBd.woff) format("woff"),
    url(./fonts/FSLucasCyWeb-SemiBd.ttf) format("truetype"),
    url(./fonts/FSLucasCyWeb-SemiBd.svg#FSLucasCyWeb-SemiBd) format("svg");
    font-weight:400;
    font-style:normal
   }
   @font-face {
    font-family:Tiempos Text;
    font-display:auto;
    src:url(./fonts/TiemposText-Semibold.eot);
    src:url(./fonts/TiemposText-Semibold.eot?#iefix) format("embedded-opentype"),
    url(./fonts/TiemposText-Semibold.woff2) format("woff2"),
    url(./fonts/TiemposText-Semibold.woff) format("woff"),
    url(./fonts/TiemposText-Semibold.ttf) format("truetype"),
    url(./fonts/TiemposText-Semibold.svg#TiemposText-Semibold) format("svg");
    font-weight:600;
    font-style:normal
   }
   @font-face {
    font-family:Tiempos Text;
    font-display:auto;
    src:url(./fonts/TiemposText-Regular.eot);
    src:url(./fonts/TiemposText-Regular.eot?#iefix) format("embedded-opentype"),
    url(./fonts/TiemposText-Regular.woff2) format("woff2"),
    url(./fonts/TiemposText-Regular.woff) format("woff"),
    url(./fonts/TiemposText-Regular.ttf) format("truetype"),
    url(./fonts/TiemposText-Regular.svg#TiemposText-Regular) format("svg");
    font-weight:400;
    font-style:normal
   }




.logo{
    padding: 20px 10px;
    display: inline-block;
}

.logo img{
    height: 60px;
}

.language{
    float: right;
    padding-right: 5px;
}

.header, .menu{
    color: white;
    background: #405844
}

.menu .navbar-nav a{
    display: inline-block;
    padding-left: 0px;
    margin-right: 10px;
}

.menu .navbar-nav a{
    padding: 10px;
    display: inline-block;
    border-bottom: 4px solid rgba(0,0,0,0);
}

.menu{
    padding-left: 20px;
}

.menu nav{
    padding: 0px;
}

.header a, .menu a{
    color: white;
    text-decoration: none;
}

.header a:hover{
    color: #f0f0f0;
}

.content a{
    text-decoration: underline;
}

/* .main a:hover{
    color: #00440c;
    text-decoration: none;
} */

.menu .navbar-nav .selected, .menu a:hover{
    /* color: black;
    background: #ffffff;
    border-radius: 3px 3px 0px 0px; */
    /* color: #ffcc00; */
    border-bottom-color: rgb(166, 196, 120);
}

.header >div {
    display: inline-block;
}

.header h2{
    padding-left: 10px;
}

footer{
    color: #ffffff;
    margin-top: 40px;
    background: rgb(40, 46, 54);
    padding: 40px;
    font-size: 0.85em;
}

footer > div{
    width: 50%;
    margin-left: 40%;
}

footer a{
    color: rgb(166, 196, 120)
}

.usermenu{
  float: right;
  margin-right: 20px;
}

.usermenu i{
    margin-right: 3px;
}

.usermenu > span:not(:last-child){
    margin-right: 10px;
}

.header a:hover{
  text-decoration: underline;
}

.loading{
    background: url('./loading.gif');
}