/* Estilos de app/views/site/topo.php (antes escritos na página). */
.container-super-banner {

    display: none;
    display: block;
    width: 100%;
    height: 0;
    transition: height 350ms ease;
    overflow: hidden;
    background-color: #efefef;

}

@media all and ( min-width: 769px ) {

    .container-super-banner.ready {

        height: 160px;

    }

}

@media all and ( max-width: 880px ) and ( min-width: 769px ) {

    .container-super-banner.ready {

        height: 140px;

    }

}

@media all and ( max-width: 768px ) {

    .container-super-banner.ready {

        height: auto;
        padding: 15px 0;

    }

}


#topoSite ~ .redes-sociais {

    transition: top 350ms ease;

}


.container-super-banner.ready ~ .redes-sociais {

    top: 320px;

}


.container-super-banner .wrap-sb {

    width: 96%;
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    margin-top: 20px;

}

.container-super-banner .container-av {

    display: table;
    width: 100%;
    height: 100%;

}


.container-super-banner .container-av-middle {

    display: table-cell;
    vertical-align: middle;
    width: 100%;

}

.container-super-banner .banner {


}

.container-banner-topo-noticias .box-labels,
.container-super-banner .box-labels,
.container-topo-vaga-banner .box-labels,
.container-centro-vaga-banner .box-labels {

    margin: 0px;
    color: #000;
    font-size: 12px;

}

.container-banner-topo-noticias .label-anuncio,
.container-super-banner .label-anuncio,
.container-topo-vaga-banner .label-anuncio,
.container-centro-vaga-banner .label-anuncio {

    margin: 0px;
    float: left;
    width: 50%;

}

.container-banner-topo-noticias .label-anuncio-fechar,
.container-super-banner .label-anuncio.fechar,
.container-topo-vaga-banner .label-anuncio.fechar,
.container-centro-vaga-banner .label-anuncio.fechar {

    text-align: right;
    cursor: pointer;

}

.container-super-banner .banner .item .image {

    position: relative;

}

.container-super-banner .banner .item.desktop .image:after {

    content: "";
    display: block;
    padding-top: 100px;

}

.container-super-banner .banner .item.desktop .image img {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;

}


.container-super-banner .banner .item.mobile .image {

    max-width: 600px;
    margin-left: auto;
    margin-right: auto;

}


.container-super-banner .banner .item.mobile .image img {

    display: block;
    max-width: 100%;
    height: auto;

}


.container-centro-vaga-banner {

    margin-bottom: 15px;
    display: none;

}


/* fixo sempre aberto */

.container-centro-vaga-banner {

    display: block;

}


.container-topo-vaga-banner.ready,
.container-centro-vaga-banner.ready {

    display: block;

}


.container-banner-topo-noticias .banner .item img,
.container-topo-vaga-banner .banner .item img,
.container-centro-vaga-banner .banner .item img {

    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;

}


@media all and ( max-width: 768px ) {

    .container-super-banner .box-labels {

        margin-bottom: 10px;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;

    }

}

@media all and ( max-width: 991px ) and ( min-width: 769px ) {

    .container-topo-vaga-banner.ready,
    .container-centro-vaga-banner.ready {

        margin-top: 15px;

    }

}


@media all and ( min-width: 769px ) {

    .container-banner-topo-noticias .banner .item.desktop,
    .container-topo-vaga-banner .banner .item.desktop,
    .container-centro-vaga-banner .banner .item.desktop,
    .container-super-banner .banner .item.desktop {

        display: block;

    }

    .container-banner-topo-noticias .banner .item.mobile,
    .container-topo-vaga-banner .banner .item.mobile,
    .container-centro-vaga-banner .banner .item.mobile,
    .container-super-banner .banner .item.mobile {

        display: none;

    }

}

@media all and ( max-width: 768px ) {

    .container-banner-topo-noticias .banner .item.desktop,
    .container-topo-vaga-banner .banner .item.desktop,
    .container-centro-vaga-banner .banner .item.desktop,
    .container-super-banner .banner .item.desktop {

        display: none;

    }

    .container-banner-topo-noticias .banner .item.mobile,
    .container-topo-vaga-banner .banner .item.mobile,
    .container-centro-vaga-banner .banner .item.mobile,
    .container-super-banner .banner .item.mobile {

        display: block;

    }

}


.container-banner-topo-noticias {

    display: block;
    margin-bottom: 15px;

}


.container-banner-topo-noticias.conta-usuario {

    padding: 0 15px;
    margin-bottom: 0;
    margin-top: 25px;

}


.container-banner-topo-noticias.conta-empresa {

    padding: 0 15px;
    margin-bottom: -20px;
    margin-top: 25px;

}


.container-banner-topo-noticias .wrap-banner {

    max-width: 970px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;

}