.site-title {
    width: 229px;
    margin: 0 auto;
    max-width: 100%;
}

header.topo-header{
    background: url('../../../../uploads/2017/02/bg-top.jpg') top center no-repeat;
}

div#main-navigation {
    background-color: transparent;
    border: none;
}

.page-header.hidden-xs {
    border: none;
}

li.menu-item {
    background: #fff;
    border-radius: 8px;
    margin-left: 10px;
}

.navbar-default .navbar-nav>.active>a {
    color:#000 !important;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

li.menu-item:hover {
    background-color: #62594c !important;
    color: #fff !important; 
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background-color: #fff !important;
    border-radius: 8px;
}

.navbar-default .navbar-nav>li>a {
    font-family: 'Lato',sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #959596;
    padding: 5px 10px 5px 10px;
}

.conteudo-principal {
    width: 100% !important;
}

.slide-top {
    margin-bottom: 35px;
    padding-bottom: 7px;
}

body {
    background-color: #eaeae2 !important;
}

.texto-destaque {
    float: left;
    width: 100%;
    max-width: 100%;
}

.content-destaque {
    width: 650px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
    margin-top: 33px;
}

.content-destaque p {
    font-family: 'Lato',sans-serif;
    text-shadow: none;
    color: #000;
    font-size: 24px;
    line-height: 24px;
}

.areas-de-atuacao {
    float: left;
    width: 100%;
    max-width: 100%;
}

.areas-de-atuacao h1 {
    color: #58585a;
    font-size: 25px;
    text-shadow: none;
    text-align: center;
    margin-top: 40px;
    font-family: 'Lato',sans-serif;
    margin-bottom: 15px;
    font-weight: bold;
    font-style: italic;
}

.box {
    background-color: #897962;
    border-radius: 200px 200px 200px 200px;
    -khtml-border-radius: 200px 200px 200px 200px;
    -moz-border-radius: 200px 200px 200px 200px;
    -webkit-border-radius: 200px 200px 200px 200px;
    border: 0 solid #fff;
    width: 120px;
    height: 120px;
    display: inline-block;
    margin-right: 20px;
}

.box.box-olimpiadas {
    width: 120px;
    height: 120px;
    display: inline-block;
    vertical-align: top;
}

.conteudo-olimpiadas {
    float: left;
    width: 67%;
    margin-left: 50px;
}

.foto-destaque-olimpiadas{
    margin-top: 20px;
}

.box.box-olimpiadas img {
    width: 120px;
    height: 120px;
}

.box:hover {
    background: #cfb6a0;
}

.box h2 {
    padding: 41px 0 0 0;
    font-size: 17px;
    text-shadow: none;
    color: #fff;
    font-family: 'Lato',sans-serif;
    width: 98px;
    text-align: center;
    margin: 0 auto;
}

.content-boxes-home {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
}

.content-2 {
    float: left;
    width: 100%;
    max-width: 100%;
    margin-top: 65px;
}

.conteudo-content2 {
    width: 78%;
    margin: 0 auto;
    max-width: 100%;
}

.conteudo-content2 .parcerias {
    width: 480px;
    float: right;
    max-width: 100%;
}

.conteudo-content2 .parcerias h1 {
    font-size: 25px;
    text-shadow: none;
    text-align: right;
    font-family: 'Lato',sans-serif;
    color: #58585a;
    font-style: italic;
}

.conteudo-content2 .parcerias p {
    font-family: 'Lato',sans-serif;
    text-shadow: none;
    font-size: 22px;
    text-align: right;
    float: right;
    color: #000;
    line-height: 29px;
}

.videos-home {
    float: left;
    margin-right: 60px;
}

.video2, .video1{
    margin-top: 20px;
}

#footer {
    background-color: #c4d9a5 !important;
    bottom: -250px !important;
    height: auto !important;
    text-align: center;
    padding-top: 15px;
    float: left;
    width: 100%;
    position: initial !important;
    margin-top: 50px;
}

.f-left {
    float:left;
}

.f-left .des-foot h1 {
    font-family: 'Droid Sans', sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #58585a;
    text-shadow: none;
    text-transform: uppercase;
    margin: 0;
    margin-top: 15px;
}

.f-left .des-foot p {
    margin: 0;
    font-size: 14px;
    color: #58585a;
    text-shadow: none;
    font-family: 'Lato',sans-serif;
}

.f-left .des-foot {
    float: left;
    text-align: left;
}

.f-left .logo-f{
    float: left;
    margin-right: 30px;
    margin-top: 10px;
}

.f-right {
    float: right;
    width: 345px;
    max-width: 100%;
}

.f-right h1 {
    font-size: 15px;
    font-weight: bold;
    color: #58585a;
    text-shadow: none;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: solid 1px #58585a;
    text-align: left;
    padding-left: 15px;
}

.center-par {
    float: left;
    width: 100%;
    text-align: left;
}

.par-ind {
    margin-right: 1px;
    margin-bottom: 5px;
    display: inline-block;
}

.idiomas {
    float: left;
    width: 100%;
    margin-top: 45px;
    margin-bottom: 20px;
}

.idiomas .idi-o {
    display: inline-block;
}

.vamos-cuidar-home {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
}

.vamos-cuidar-home h3 {
    color: #58585a;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    font-family: 'Lato',sans-serif;
    text-shadow: none;
    font-style: italic;
}

.quem-somos {
    width: 87%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.quem-somos .img-quem {
    float: left;
    margin-right: 25px;
}

.content-quem-somos {
    float: left;
    width: 100% !important;
    max-width: 100%;
}

.content-quem h1{
    font-size: 53px;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    text-shadow: none;
    color: #58585a;
    line-height: 50px;
}

.content-quem p {
    font-size: 16px;
    font-family: 'Lato',sans-serif;
    color: #58585a;
    text-shadow: none;
    font-weight: 300;
    line-height: 18px;
    text-align: justify;
}

.areas-geral {
    float: left;
    width: 100%;
    max-width: 100%;
}

.content-areas {
    width: 84%;
    margin: 0 auto;
    max-width: 100%;
}

.areas-geral .content-areas h1 {
    font-size: 16px;
    font-family: 'Lato',sans-serif;
    font-weight: bold;
    margin-bottom: 24px;
    position: relative;
    top: 35px;
    text-shadow: none;
    color: #58585a;
    border-top: 1px dotted #656566;
    padding: 23px 0px 20px 0px;
}

.areas-geral .content-areas p {
    font-size: 16px;
    font-family: 'Lato',sans-serif;
    color: #58585a;
    text-shadow: none;
    font-weight: 300;
    line-height: 18px;
    text-align: justify;
}

.topo-area-cultural {
    width: 87%;
    margin: 0 auto;
    margin-top: 90px;
    max-width: 100%;
}

.topo-area-cultural .foto-destaque {
    float: left;
    margin-right: 30px;
}

.topo-area-cultural .conteudo-destaque {

}

.topo-area-cultural .conteudo-destaque h1 {
    font-size: 53px;
    font-family: 'Lato',sans-serif;
    font-weight: 300;
    margin-bottom: 20px;
    text-shadow: none;
    color: #58585a;
    line-height: 50px;
}

.topo-area-cultural .conteudo-destaque p {
    font-size: 16px;
    font-family: 'Lato',sans-serif;
    color: #58585a;
    text-shadow: none;
    font-weight: 300;
    line-height: 22px;
    text-align: justify;
}

.ngg-gallery-thumbnail img {
    width: 110px !important;
}

.dropdown-menu>li>a {
    text-transform: uppercase;
    font-family: 'Lato',sans-serif;
    font-weight: 600 !important;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #958671 !important;
}

.contato-full {
    float: left;
    width: 100%;
    max-width: 100%;
}

.contato-full .content-contato {
    width: 84%;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 80px;
}

.contato-full .content-contato .contato-right {
    float:right;
}

.contato-full .content-contato .mapa-left {
    float: left;
}

.contato-full .content-contato input, textarea {
        background: #ccc;
    border: none;
    padding: 10px 0px 10px 0px;
}

.contato-full .content-contato input[type="submit"] {
        width: 130px;
    color: #fff;
    background: #989898;
}

nav.collapse.navbar-collapse.navbar-main-navigation {
    width: 80%;
    max-width: 100%;
    margin: 0 auto;
    max-width: 100%;
}

.img-bottom-footer {
        position: absolute;
    bottom: -7%;
    left: 0;
    width: 100%;
    max-width: 100%;
    float: left;
}

.img-bottom-footer img {
    max-width: 100%;
}

div.wpcf7-mail-sent-ng {
    position: absolute;
}

.idiomas.idiomas-header {
    position: absolute;
    top: -40px;
    text-align: right;
    right: 6px;
}

.logo-mhc {
    width: 100%;
    background: #fff;
}

.logo-mhc img {
   width: 100%;  
}

/* RESPONSIVO  */

@media screen and (max-width: 1200px) {
    .navbar-nav>li {
        margin-bottom: 12px;
    }

    .conteudo-content2 .parcerias {
        width: 45%;
    }
}

@media screen and (max-width: 990px) { 

    .conteudo-content2 .parcerias {
        width: 100%;
        float: left;
    }

    .videos-home {
        float: left;
        width: 100%;
        text-align: center;
    }

    .f-left {
        float: none;
        width: 64%;
        text-align: center;
        margin: 0 auto;
        margin-top: 40px;
    }

    .f-right {
        float: none;
        width: 48%;
        max-width: 100%;
        margin: 0 auto;
    }

}

@media screen and (max-width: 760px) {


    .idiomas.idiomas-header {
        margin-bottom: 2px;
        float: left;
        position: initial;
        text-align: left;
        top: 0;
        right: 0;
        margin-top: 10px;
        padding-left: 30px;
        box-sizing: border-box;
    }

    a.navbar-brand.visible-xs-block {
        width: 100%;
        margin-bottom: 140px;
        margin-top: -60px;
    }

    a.navbar-brand.visible-xs-block img {
        width: 200px;
        margin: 0 auto;
        max-width: 100%;
    }

    .videos-home iframe {
        max-width: 100%;
    }

    .conteudo-content2 .parcerias h1, .conteudo-content2 .parcerias p {
        text-align: center;
    }

    .box {
        margin-bottom: 20px;
    }


}

@media screen and (max-width: 740px) {
    .f-left {
        width: 70%;
    }

    .content-quem p, .content-quem h1, .topo-area-cultural .conteudo-destaque p, .topo-area-cultural .conteudo-destaque h1, .areas-geral .content-areas p {
        text-align: left;
    }

    .contato-full .content-contato .mapa-left iframe {
        max-width:100%;
    }

    .contato-full .content-contato .contato-right input, .contato-full .content-contato .contato-right textarea {
        width: 100%;
    }

    .contato-full .content-contato .contato-right {
        float: left;
        margin-top: 30px;
    }

    .conteudo-destaque.conteudo-olimpiadas {
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 440px) {
    .img-bottom-footer {
        bottom: -1%;
    }
}

.idiomas .idi-o img {
        width: 35px;
}