html,
body {
    margin: 0 auto;
    overflow-x: hidden;
    padding: 0;
}

a { outline: none; }

#tudo {
    min-height: 100%;
    position: relative;
}


/* PRÉ LOADER */

#hGiVy91R { background: url(https://crespoecairesadvogados.com/Content/images/COB/vamos-negociar/Ligue-Pra-Mim-3.jpg) no-repeat -9999px -9999px; }

#tJn10Uii { background: url(https://crespoecairesadvogados.com/Content/images/COB/a-empresa/Trabalhe-Conosco-3.png) no-repeat -9999px -9999px; }

#hJMBc3FA { background: url(https://crespoecairesadvogados.com/Content/images/COB/vamos-negociar/Boleto-Online-444.jpg) no-repeat -9999px -9999px; }

#xBeD0sM9 { background: url(https://crespoecairesadvogados.com/Content/images/COB/vamos-negociar/Chat-Online-1.jpg) no-repeat -9999px -9999px; }



/* SCROLL TOP */

#toTop {
    -moz-filter: alpha(opacity=70);
    -moz-transition: 0.5s ease;
    -ms-opacity: 0.7;
    -ms-transition: 0.5s ease;
    -o-filter: alpha(opacity=70);
    -o-transition: 0.5s ease;
    -webkit-filter: alpha(opacity=70);
    -webkit-transition: 0.5s ease;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    bottom: 110px;
    cursor: pointer;
    display: none;
    filter: alpha(opacity=70);
    opacity: 0.7;
    padding: 5px;
    position: fixed;
    right: 50px;
    text-align: center;
    transition: 0.5s ease;
}

#toTop img { width: 20px; }

/* END SCROLL TOP */



/* HEADER */

.loginSite { /* LOGIN SITE COBRANÇA */
    float: right;
    padding-left: 30px;
}

.loginSite a {
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    color: #34ac98;
    transition: all 0.2s ease-in-out;
}



.navbar-fixed-top #menu-upper,
.navbar-fixed-top #menu-logo {
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    padding-left: 140px;
    padding-right: 140px;
    transition: all 0.2s ease-in-out;
}

.navbar-upper {
    background-image: repeating-linear-gradient(45deg, transparent, transparent 1px, #efefef 1px, #efefef 3px), repeating-linear-gradient(-45deg, #fafafa, #fafafa 1px, #efefef 1px, #efefef 3px);
    border-bottom: 2px solid #fff;
    height: 25px;
    overflow: hidden;
}

.navbar-inverse .navbar-toggle { /* TOGGLE */
    background-color: #065b4d;
    border-color: #065b4d;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus { background-color: #117c65; }

.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; }


div#menu-upper-contato {
    color: #000;
    float: left;
}

div#menu-upper-contato > p {
    display: inline-block;
    padding-right: 4px;
}

div#menu-upper-contato > p > img {
    height: auto;
    width: 14px;
}

div#menu-upper-contato > p > a {
    color: #444;
    font-family: 'Droid Sans', sans-serif;
    font-size: 12px;
    outline: none;
    padding-right: 5px;
}

div#menu-upper-contato > p > a:hover {
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    color: #34ac98;
    text-decoration: none;
    transition: 0.5s ease;
}
.text-up{
    font-size:1.4em !important;
    color:#444;
}
.text-bold{
    font-weight:bold !important;

}

div#menu-upper-right,
div#menu-upper-manager { float: right; }

div#menu-upper-right > a {
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    padding-bottom: 2px;
    transition: 0.5s ease;
}

div#menu-upper-manager #restrito {
    color: #333;
    padding: 0;
}


.navbar-collapse,
.navbar-inverse { /* MENU TOPO */
    background-image: linear-gradient(to right, #efefef, #fafafa, #efefef);
}

.navbar-collapse {
    -moz-border-image: -moz-linear-gradient(left, #efefef, #34ac98 33%, #34ac98 66%, #efefef) 1%;
    -moz-border-image-slice: 1;
    -ms-border-image: -o-linear-gradient(left, #efefef, #34ac98 33%, #34ac98 66%, #efefef) 1%;
    -ms-border-image-slice: 1;
    -o-border-image: -o-linear-gradient(left, #efefef, #34ac98 33%, #34ac98 66%, #efefef) 1%;
    -o-border-image-slice: 1;
    -webkit-border-image: -webkit-linear-gradient(left, #efefef, #34ac98 33%, #34ac98 66%, #efefef) 1%;
    -webkit-border-image-slice: 1;
    border-bottom: 2px solid transparent;
    border-image: -o-linear-gradient(left, #efefef, #34ac98 33%, #34ac98 66%, #efefef) 1%;
    border-image: -ms-linear-gradient(left, #efefef, #34ac98 33%, #34ac98 66%, #efefef) 1%;
    border-image-slice: 1;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}


.navbar-inverse { /* "BORDAS" DO MENU */
    height: 106px !important;
}

.navbar-brand { /* LOGO MENU TOPO */
    padding: 0;
}

div#menu-topo {
    display: table-cell;
    height: 80px;
    vertical-align: middle;
}


div#menu-topo ul li { /* MENU LINKS */
    border: none;
}

div#menu-topo ul li a {
    color: #555;
    font-family: Calibri;
    font-size: 15px;
    font-weight: 400;
    outline: none;
}

div#menu-topo ul li a span {
    font-size: 17px;
    font-weight: 500;
}

div#menu-topo ul li a:hover {
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    color: #34ac98;
    transition: 0.5s ease;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { /* DROPDOWN TOGGLE */
    background-color: #fff;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: #fff;
    color: #222;
}

.dropdown:hover .dropdown-menu { display: block; }


.listP-active a {
    border-bottom: 2px solid #34ac98 !important;
    color: #2a8273 !important;
}

.menutopo-effect {
    display: inline-block;
    padding: 0 0 5px 0;
    position: relative;
    text-decoration: none;
}

.menutopo-effect:after {
    -moz-transform: scaleX(0);
    -moz-transition: all 0.4s ease;
    -ms-transform: scaleX(0);
    -ms-transition: all 0.4s ease;
    -o-transform: scaleX(0);
    -o-transition: all 0.4s ease;
    -webkit-transform: scaleX(0);
    -webkit-transition: all 0.4s ease;
    background-color: #2a8273;
    bottom: -2px;
    content: '';
    height: 2px;
    left: 50%;
    margin-left: -45%;
    position: absolute;
    transform: scaleX(0);
    transition: all 0.4s ease;
    visibility: hidden;
    width: 90%;
}

.menutopo-effect:hover:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    background-color: #34ac98;
    transform: scaleX(1);
    visibility: visible;
}

/* END HEADER */



/* BODY */

div#conteudo {
    padding-top: 100px; /*Mesma Altura do TOPO (header)*/
    position: relative;
}

.index-noticia .data-noticia {
    color: #444;
    font-size: 10px;
    padding: 0;
}

.index-noticia p span { float: right !important; }

#ultimas-noticias { overflow: hidden; width: 100%; }

#ultimas-noticias p span {
    float: right !important;
}

#ultimas-noticias a {
    color: #444;
}

#ultimas-noticias a:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #34ac98 !important;
    -moz-text-decoration-color: #34ac98 !important;
    -ms-text-decoration-color: #34ac98 !important;
    -o-text-decoration-color: #34ac98 !important;
    text-decoration-color: #34ac98 !important;
}

.container-geral { /* CONTAINER'S */
    background-color: #fff;
}

.container-geral p {
    color: #6f6f6f;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.container-geral a {
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    color: #34ac98;
    outline: none;
    transition: all 0.2s ease-in-out;
}

.container-geral a:hover {
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    color: #2a7bbe;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}


.container-geral h2,
.container-geral h3,
.container-geral h4,
.container-geral h5,
.tituloindex-15,
.tituloindex-20,
.tituloindex-30 {
    color: #444 !important;
    /*font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
    /*font-family: 'Oswald', sans-serif;*/
    padding-top: 0;
}

.container-geral h2,
.container-geral h3,
.container-geral h4,
.container-geral h5 {
    margin-top: 0;
    padding-top: 0;
}

.container-geral h3,
.tituloindex-15 { text-transform: uppercase; }

.container-geral hr {
    margin: 2px 0;
    padding: 2px 0;
}

.cob-texto-medio { font-size: 1.1em !important; }

.tituloindex-15 {
    display: block;
    font-size: 18px !important;
    margin-top: 4px !important;
}

.tituloindex-20 { font-size: 20px; }

.tituloindex-30 { font-size: 30px; }

.container-1,
.container-3 {
    -ms-border-radius: 2px;
    border: 1px solid #f6f6f6; /*fbfbfb*/
    border-radius: 2px;
    overflow: hidden;
    /*background-color: #f5f7f8;*/
    background-color: #f0f0f0;
    padding: 2% 14%;
}

.container-3 { background-image: url('images/ALL/backgrounds/grey_@2X.png');}

.container-pd {
    padding: 2%;
}
.container-pd-bg {
    background-color: #fbfbfb !important;
    border: 1px solid #f6f6f6;
}

/* END BODY*/



/* FOOTER */

.container-rodape {
    margin-left: 60px;
    margin-right: 60px;
}

div#rodape {
    background-color: #222222;
    bottom: 0 !important;
    clear: both;
    height: auto !important;
    min-height: 200px;
    position: relative;
    width: 100%;
}

.rodape-list { min-height: 170px !important; }

ul#lstMediaSocial li:first-child a,
ul#lstContato li:first-child a,
ul#lstNegociacao li:first-child a { cursor: default !important; }

ul#lstMediaSocial li:last-child {
    padding-left: 20px;
    padding-top: 5px;
}

.mediasocial-dist {
    display: inline !important;
    padding: 0 !important;
}

.mediasocial-dist img {
    -moz-transition: all 0.4s ease-in-out;
    -ms-border-radius: 3px;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    border-radius: 3px;
    height: 24px;
    transition: all 0.4s ease-in-out;
}

.mediasocial-dist img:hover {
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    height: 32px !important;
    transition: all 0.3s ease-in-out;
}

.logorodape {
    -ms-border-radius: 3px;
    border-radius: 3px;
}

ul.menu-rodape {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.menu-rodape a {
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    display: block;
    outline: none !important;
    padding: 5px 20px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

ul.menu-rodape a.rodape-cob {
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    color: #ddd;
    transition: all 0.2s ease-in-out;
}

ul.menu-rodape a.rodape-cob:hover { color: #34ac98; }


ul.menu-rodapecob-li > li { border-bottom: 1px solid #444; }

ul.menu-rodape > li:first-child a.rodape-cob-first {
    color: #b2b2b2;
    font-size: 18px;
    font-weight: bold;
}

ul.menu-rodape > li:last-child { border-bottom: none; }

ul.menu-rodape > li > a { font-size: 13px; }

#copyright {
    font-size: 14px;
    text-align: center;
}

#copyright span {
    color: #fff;
    float: right;
}

.copyright-paddingtop { padding-top: 15px; }

.copyright-cob { color: #b2b2b2 !important; }

#rodape .mensagem { background-color: #041105; }

.box-gradient { background-image: repeating-linear-gradient(45deg, transparent, transparent 1px, #333 1px, #333 3px), repeating-linear-gradient(-45deg, #444, #444 1px, #333 1px, #333 3px); }

/* END FOOTER*/



/* @MEDIA QUERY */

/*991*/

@media (min-width: 771px) {
    .navbar-toggle { display: none; }
}


@media (max-width: 1030px) {
    /*991*/
    .navbar-fixed-top #menu-upper,
    .navbar-fixed-top #menu-logo {
        padding-left: 70px;
        padding-right: 70px;
    }

    #bestPerfomance { display: none}
}


@media (max-width: 890px) {
    .navbar-fixed-top #menu-upper,
    .navbar-fixed-top #menu-logo {
        padding-left: 35px;
        padding-right: 35px;
    }
}


@media (min-width: 771px) {
    /* ANTES DOS 991px */
    .navbar-collapse {
        -ms-box-shadow: none;
        -webkit-box-shadow: none;
        border-top: 0;
        box-shadow: none;
        /* NAVBAR */
        width: auto;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        padding-bottom: 0;
    }

    .navbar-collapse.in { overflow-y: visible; }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-fixed-top {
        background-color: #fff !important;
        border-bottom: none !important;
        color: #fff !important;
        min-height: 101px !important;
    }

    .carousel-caption h3 { font-size: 20px; }

    .carousel-caption p { font-size: 12px; }
}

@media (max-width: 991px) {
    .description-negociar { /* VAMOS NEGOCIAR LINKS */
        min-height: 15px !important;
    }

    .item-vamosnegociar { /* INDEX - VAMOS NEGOCIAR */
        margin-top: 20px !important;
    }
}


@media (max-width: 770px) {
    .navbar-fixed-top {
        background-color: #fff !important;
        border-bottom: none !important;
        color: #fff !important;
        min-height: 101px !important;
    }

    .navbar-toggle { margin-top: 22px !important; }

    .navbar-header { float: none; }


    .item-vamosnegociar { /* INDEX - VAMOS NEGOCIAR */
        margin-top: 30px !important;
    }

    .description-negociar { /* VAMOS NEGOCIAR LINKS */
        min-height: 20px !important;
    }

    .img-negociar { /* VAMOS NEGOCIAR LINKS */
        min-height: 20px !important;
    }

    /* RODAPÉ */
    .container-rodape {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    #copyright {
        font-size: 10px !important;
        margin-left: 20px;
        padding-top: 6px;
        text-align: left !important;
    }

    #bottom-bestPerfomance,
    #lstNegociacao,
    #lstMediaSocial { display: none; }

    #lstCrespoecaires .menu-rodape { display: inline !important; }

    /* CAROUSEL */
    .carousel-caption h3 { font-size: 35px !important; }

    .carousel-caption p { font-size: 14px !important; }
}


@media (max-width: 1250px) {
    .container-rodape {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .container-1,
    .container-3 {
        padding-left: 40px;
        padding-right: 40px;
    }
}


/* DISTÂNCIA DO CONTEÚDO DAS LATERAIS DA PÁGINA */

@media (max-width: 767px) {
    .container-1,
    .container-2,
    .container-3 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    /* CAROUSEL */
    .carousel-control .left-arrow, /* CAROUSEL CONTROLS */
    .carousel-control .right-arrow {
        font-size: 30px;
        height: 30px;
        margin-top: -10px;
        width: 30px;
    }

    .carousel-control .left-arrow { margin-left: -10px; }

    .carousel-control .right-arrow { margin-right: -10px; }

    .carousel-indicators { display: none; }

    .carousel-caption { bottom: 0; }

    .carousel-caption h3 { font-size: 30px !important; }

    .carousel-caption p { display: none; }
}