body {
    font-family: "Roboto Condensed", "Helvetica";
    font-size: 16px;
    background: url('../imagens/bg-site.png') repeat;
}
a {
    text-decoration: none !important;
}
#header {
    width: 100%;
    height: 80px;
    background: #FFFFFF;
    -webkit-box-shadow: -1px 0px 5px 1px #333333;
    -moz-box-shadow: -1px 0px 5px 1px #333333;
    box-shadow: -1px 0px 5px 1px #333333;
    position: absolute;
    top: 0;
}
.logo {
    background: url('../imagens/logo10.png') no-repeat;
    width: 188px;
    height: 40px;
    display: block;
    float: left;
    margin-top: 20px;
}
#menu {
    float: right;
    display: block;
}
#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#menu ul li {
    float: left;
}
#menu ul li a {
    padding: 28.6px 20px;
    display: block;
    color: #333333;
    font-size: 16px;
    text-transform: uppercase;
}
#menu ul li a:hover {
    background: #eeeeee;
}
#banner {
    background: #8bb31d;
    width: 100%;
    padding: 40px 0;
    color: #FFFFFF;
    margin-top: 80px;
}
#banner h1 {
    margin: 0px;
    padding: 0;
}
#banner h3 {
    font-size: 42px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
#banner p {
    font-size: 18px;
    font-weight: 300;
}
.vantagens {
    background: #FFFFFF;
    padding: 50px 0;
}
#cursos {
    width: 100%;
    display: block;
    background: #eeeeee;
    padding: 60px 0;
}
#cursos h1 {
    margin: 0 0 50px 0;
}
#cursos p {
    text-align: justify;
}
#cursos .content {
    background: #FFFFFF;
    padding: 15px 25px;
    overflow: hidden;
}
#cursos .content span {
    display: block;
    font-size: 20px;
    font-weight: bold;
}
#footer {
    width: 100%;
    display: block;
    background: #2a6496;
    color: #FFFFFF;
    padding: 15px 0;
}
#footer a {
    color: #FFFFFF;
}
#footer span {
    margin-top: 6px;
    display: block;
    float: left;
}
.redes-sociais {
    float: right;
    font-size: 22px;
}
.redes-sociais i {
    margin: 0 5px;
}
#contato {
    padding: 50px 0;
}
#login {
    margin: 150px 0;
}
#login .container {
    width: 800px;
}
#login input.form-control {
    height: 50px;
    font-size: 16px;
}
#login .form-group label {
    font-size: 18px;
    font-weight: normal;
    color: #666666;
}
#perfil {
    margin: 50px 0;
}
#perfil .container {
    width: 600px;
}
#perfil input.form-control, select.form-control {
    height: 50px;
    font-size: 16px;
}
#perfil .form-group label {
    font-size: 18px;
    font-weight: normal;
    color: #666666;
}
#help {
    background: #eeeeee;
    padding: 30px 0;
    text-align: center;
}
#detalhe-curso {
    margin: 50px 0;
}
#detalhe-curso i.fa {
    margin-right: 15px;
    width: 10px;
    height: 10px;
    text-align: center;
}
.jumbotron {
    background: #FFFFFF;
    border: 1px solid #dddddd;
    overflow: hidden;
}
#matricula {
    margin-top: 50px;
}
.jumbotron .row {
    margin-bottom: 20px;
}