@font-face{
    font-family:'Roboto';
    font-style: 'normal';
    font-weight: 300;
    src:url(../fonts/Roboto-Light.ttf) format('truetype')
}

@font-face{
    font-family:'Roboto';
    font-style: 'normal';
    font-weight: 400;
    src:url(../fonts/Roboto-Regular.ttf) format('truetype')
}

@font-face{
    font-family:'Roboto';
    font-style: 'normal';
    font-weight: 700;
    src:url(../fonts/Roboto-Bold.ttf) format('truetype')
}

/* Fonts correction */
body {
    font: 400 normal 11pt/12pt 'Roboto', sans-serif;
    padding-top:40px;
}

.container {
    width: 800px !important;
}

#header {
    position: relative;
    margin-bottom: 40px;
}

#logo {
    text-align: center;
    margin: 0px auto;
}

#langs {
    position: absolute;
    top:50%;
    right: 0;
}
#langs img {width: 20px;}

.menu-top a {font-size: 12pt;}

.main_content {min-height:400px;padding:50px 34px 40px;position: relative}

.input-group .popover, form .popover {max-width: 80%;}

.wrap {
    width:800px !important;
    min-height:400px;
    margin: 0 auto;
}

.box {
    padding:30px;
    margin:0 auto;
    border:1px solid #EBEBEB;
}

/* header */
.menu-top {
    background-color: #0084B8;
    border-radius: 0;
}
.menu-top li > a {
    color:#e1e8e5;
}
.menu-top li:hover > a {
    background-color: #40a4cc;
}

.box.turing {
    box-shadow: 0px 0px 10px #dddddd;
}

.turing h2 {
    font-size: 1.5em;
    color: #40a4cc;
}

.turing form {
    margin-top: 40px;
}
.turing .g-recaptcha {
    width: 305px;
    margin: 0 auto;
}
.turing form button {
    margin-top: 20px;
}

#footer {
    text-align: center;
    margin-top: 40px;
}