#g-top{
    position:absolute;
    top:-1000px;
}

#custom-7586-particle{
    margin: 0 !important;
}

#custom-7586-particle a{
    display:none;
}

html body #g-page-surround{
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

html body.itemid-246 #g-page-surround{
    background: #313182;
}

html body.itemid-247 #g-page-surround{
    background: URL("imagens/Fundo_Aqui.png");
}

html body.itemid-248 #g-page-surround{
    background: URL("imagens/Fundo_Natal.jpg");
}

#g-navigation {
    background: transparent;
}

#g-navigation .g-content, #g-container-main .g-content{
    margin: 50px auto 0 auto;
    padding: 0;
}

#g-container-main{
    background:transparent;
    color:#333;
    text-align:center;
}

.section-horizontal-paddings {
    padding-left: 0;
    padding-right: 0;
}

#barraTopo .logo{
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}

#barraTopo .logo svg{
    width: 200px;
    height: auto;
}

#barraTopo .Menu{
    width: 69%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

#barraTopo .Menu .itemMenu{
    color: #fff;
    bordeR: 1px solid #fff;
    padding: 15px 20px;
    margin-left:20px;
    font-family: 'Oswald-Light', sans-serif;
    font-size: 14px;
}

#barraTopo .Menu .itemMenu:nth-child(1){
    margin-left:0;
}

#barraTopo .Menu .itemMenu:hover{
    background: #fff;
    color: #333;
}

.logoTema{
    width: 300px;
    margin: 150px auto 50px auto;
}

.links{
    margin-bottom:100px;
}

.links a{
    font-family: 'Oswald-Medium', sans-serif;
    font-size: 18px;
    color: #fff;
    padding: 8px 25px;
    margin: 0 5px 10px 5px;
    display: inline-block;
}

.links.fpsol a{
    border: 2px solid #db211d;
}

.links.fpsol a:hover{
    background:#db211d;
}

.links.aa a{
    border: 2px solid #fff;
}

.links.aa a:hover{
    background:#fff;
    color:#000;
}

.links.vnpsol a{
    border: 2px solid #bbad86;
}

.links.vnpsol a:hover{
    background:#bbad86;
}

.links a:nth-child(1){
    margin-left:0;
}

.links a:nth-last-child(1){
    margin-right:0;
}

@media (max-width: 361px){
    html body #g-page-surround{
        overflow-y: scroll;
    }
    
    #barraTopo .logo {
        width: 40%;
        margin-right: -2px;
    }
    
    #barraTopo .Menu {
        width: 59%;
    }
    
    #barraTopo .Menu .itemMenu {
        padding: 10px 15px;
        margin-left: 5px;
        font-size: 12px;
    }

    #g-navigation .g-content, #g-container-main .g-content{
        width: 100%;
        padding: 0 20px;
    }
    
    .logoTema {
        width: 200px;
        margin: 100px auto 50px auto;
    }
    
    .links a{
        font-size:14px;
    }
}

@media (min-width: 362px) and (max-width: 469px){
    html body #g-page-surround{
        overflow-y: scroll;
    }
    
    #barraTopo .logo {
        width: 40%;
        margin-right: -2px;
    }
    
    #barraTopo .Menu {
        width: 59%;
    }
    
    #barraTopo .Menu .itemMenu {
        padding: 10px 15px;
        margin-left: 5px;
        font-size: 12px;
    }

    #g-navigation .g-content, #g-container-main .g-content{
        width: 100%;
        padding: 0 20px;
    }
    
    .logoTema {
        width: 200px;
        margin: 100px auto 50px auto;
    }
    
    .links a{
        font-size:14px;
    }
}

@media (min-width: 470px) and (max-width: 591px){
    html body #g-page-surround{
        overflow-y: scroll;
    }
    
    #g-navigation .g-content, #g-container-main .g-content{
        width: 420px;
    }
    
    #barraTopo .logo {
        width: 44%;
    }
    
    #barraTopo .Menu{
        width: 55%;
    }
    
    #barraTopo .Menu .itemMenu{
        margin-left: 5px;
    }
    
    .logoTema {
        width: 250px;
    }

}

@media (min-width: 592px) and (max-width: 767px){
    html body #g-page-surround{
        overflow-y: scroll;
    }
    
    #g-navigation .g-content, #g-container-main .g-content{
        width: 492px;
    }
    
    #barraTopo .logo {
        width: 40%;
    }
    
    #barraTopo .Menu {
        width: 59%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
    }
    
    .logoTema {
        width: 250px;
    }

}

@media (min-width: 768px) and (max-width: 958px){
    html body #g-page-surround{
        overflow-y: scroll;
    }
    
    #g-navigation .g-content, #g-container-main .g-content{
        width: 668px;
    }
}

@media (min-width: 959px) and (max-width: 1199px){
    #g-navigation .g-content, #g-container-main .g-content{
        width: 859px;
    }
}

@media (min-width: 1200px) and (max-width: 1439px){
    #g-navigation .g-content, #g-container-main .g-content{
        width: 1100px;
    }
}

@media (min-width: 1440px) and (max-width: 1599px){
    #g-navigation .g-content, #g-container-main .g-content{
        width: 1340px;
    }
}

@media (min-width: 1600px) and (max-width: 1799px){
    #g-navigation .g-content, #g-container-main .g-content{
        width: 1500px;
    }
}

@media (min-width: 1800px){
    #g-navigation .g-content, #g-container-main .g-content{
        width: 1700px;
    }
}