body {
    font-family: 'allerregular', Arial;
    font-size: .8em;
    height: 100%;
    position: relative;
    margin: 0;
    background: url(/images/bg2.png) 80em 15em fixed no-repeat;
}

a {
    outline: 0;
    text-decoration: none;
    white-space: wrap;
 }

 header {
     display: flex;
     height: 15em;
     z-index: 1;
 }

 div.logo_lang{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 5em;
    margin-right: 5em;
    padding-bottom: 1em;
 }

 .logo {
    padding-top: 2em;
 }

div.lang img{
    padding-top: 1em;
    padding-right: 1em;
}

div.nav {
    display: flex;
    flex: 0 0 10.4em;
    flex-direction: column;
    z-index: 10;
}

a.navTitle {
    color: #fff;
    flex: 0 0 5em;
    display: flex;
    align-items: center;
    padding-left: 1.3em;
    padding-top: 2.5em;
    box-shadow: .5em .5em 2.5em -.7em #c8c8c8;
    border-radius: 0 0 1em 1em;
}

a.navTitle.active,
a.navTitle:hover {
    background: #009036 url(/images/dot_black.png) 1.3em center no-repeat !important;
}

div.subNav {
    padding: .7em;
    display: none;
    border-radius: 0 0 1em 1em;
    box-shadow: .1em 1em 1em -.7em #cdcdcd;
    background: #f3f3f4;
    flex-wrap: wrap;
}

div.subNav a {
    color: #000;
    display: flex;
    flex: 0 0 5em;
    flex-direction: column;
    align-items: flex-start;
}

div.subNav a:hover {
    color: #fff;
    background-color: #009036;
}

.box_news{
    color: #000;
    background: #cfcfcf url(/images/bg_3dot.png) -.3em 2em no-repeat;
}

.events{
    color: #fff;
    background: #009036 url(/images/bg_3dot.png) -.3em 2em no-repeat;
}

.tweets{
    min-height: 30em;
    min-width: 14em;
    color: #fff;
    background: #58585a url(/images/bg_3dot.png) -.3em 2em no-repeat;
}

#box {
    padding: 1em;
    box-shadow: .5em 1em 2em #cdcdcd;
    border-radius: 1em;
}

#box h1{
    font-size: 12px;
    margin: 0 0 14px;
}

#box.box_news h1{
    color: #009036;
}

#box.box_news h2{
    margin: 0;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
}

#box.tweets a {
    color: #aaa;
}

.left_bar {
    padding: 3em;
    flex: 0 0 2em;
}

.container {
    display: flex;
    flex-direction: column;
}

.center {
    display: flex;
    flex-direction: row;
}

footer {
    background: #efefef;
    display: flex;
}

.addr_footer{
    margin-left: 3em;
    padding-right: 1em;
}

footer a.navTitle,
footer div.subNav{
    height: 14em;
}

footer a.navTitle {
    box-shadow: none;
    border-radius: 0;
    background: url(/images/dot_white.png) 1.3em center no-repeat;
}

footer div.subNav{
    display: flex;
    flex-direction: column;
    background: inherit;
    box-shadow: none;
    border-radius: 0;
}

footer div.subNav a{
    color: #fff;
    flex: 0;
}

footer .nav:hover{
    background: #009036 !important;
}

div.subNav.active {
    background: #009036 !important;
}

h1 {
    margin-top: 0;
    font-size: 2em;
}

h2 {
    font-size: 1em;
    color: #009036;
}

div.content a,
div.content a:link,
div.content a:focus,
div.content a:visited,
.addr_footer a,
.addr_footer a:link,
.addr_footer a:focus,
.addr_footer a:visited {
    color: #009036;
    text-decoration: none;
}

div.content a:hover,
div.content a:active,
.addr_footer a:hover {
    text-decoration: underline;
}

.content {
    display: flex;
    padding-top: 2em;
}

#left_column,
#right_column {
    flex: 0 0 25em;
}

#left_column {
    padding-left: 1em;
    padding-right: 1.5em;
}

#single_column {
    flex: 0 0 40em;
    padding-left: 2em;
}

.table {
    display: flex;
    flex-direction: column;
    flex: 0 0 50em;
}

table {
    border: 0;
    background: none;
}

table th, table th label, table thread{
    text-align: left;
    background-color: #e0e0e0;
}

table th, table th p{
    color: #fff;
}

table th{
    min-height: 22px;
    padding: 0 12px;
    border: none;
    background: #707174;
    border-radius: 4px;
    border-right: 2px solid #fff;
}

table tbody tr:nth-of-type(even){
    background: #c5c6c8;
}

table tbody tr:nth-of-type(odd){
    background: #efefef;;
}

@font-face {
    font-family: 'allerregular';
    src: url('/fonts/aller_rg-webfont.eot');
    src: url('/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_rg-webfont.woff') format('woff'),
         url('/fonts/aller_rg-webfont.ttf') format('truetype'),
         url('/fonts/aller_rg-webfont.svg#allerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'allerbold';
    src: url('/fonts/aller_bd-webfont.eot');
    src: url('/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_bd-webfont.woff') format('woff'),
         url('/fonts/aller_bd-webfont.ttf') format('truetype'),
         url('/fonts/aller_bd-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller_lightregular';
    src: url('/fonts/aller_lt-webfont.eot');
    src: url('/fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_lt-webfont.woff') format('woff'),
         url('/fonts/aller_lt-webfont.ttf') format('truetype'),
         url('/fonts/aller_lt-webfont.svg#aller_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'aller_lightitalic';
    src: url('/fonts/aller_ltit-webfont.eot');
    src: url('/fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_ltit-webfont.woff') format('woff'),
         url('/fonts/aller_ltit-webfont.ttf') format('truetype'),
         url('/fonts/aller_ltit-webfont.svg#aller_lightitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

#right_sidebar{
    position: fixed;
    top: 185px;
    right: 0;
    z-index: 100;
    width: 41px;
    height: 165px;
    background: none;
}

#right_sidebar a.button {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 55px;
}

#right_sidebar a,
#right_sidebar a:link,
#right_sidebar a:focus,
#right_sidebar a:hover,
#right_sidebar a:active,
#right_sidebar a:visited {
    text-decoration: none;
}

a.button.source {
    width: 15em;
    background: url(/images/btn_sp.png) top left no-repeat;
}

a.button.cloud {
    width: 15em;
    background: url(/images/btn_cloud.png) top left no-repeat;
}