﻿* { font-family: Calibri, Tahoma, Geneva, Verdana, sans-serif; }

body { background-image: url('images/ALL/backgrounds/snow_@2X.png'); }


/* PRÉ LOAD */

#pZreT0a3 { background: url(https://crespoecairesadvogados.com/Content/images/COB/carousel/carousel-vamosnegociar.png) no-repeat -9999px -9999px; }

#iQwrpy6z { background: url(https://crespoecairesadvogados.com/Content/images/COB/carousel/carousel-midiasocial.png) no-repeat -9999px -9999px; }

#bkTpPqhm { background: url(https://crespoecairesadvogados.com/Content/images/COB/carousel/carousel-institucional.png) no-repeat -9999px -9999px; }



/* PÁGINA INICIAL */

#conteudo-pginicial {
    min-height: 690px;
    position: relative;
}

.container-pginicial {
    margin: 0;
    padding: 0;
    width: 100%;
}

.btn-juridico,
.btn-cobranca {
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    border: 1px solid #fff;
    font-weight: bold;
    text-transform: uppercase;
    transition: 0.5s ease;
}

.btn-juridico {
    background-color: #004770;
    color: #beefe6;
}

.btn-juridico:hover {
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    background-color: #fff;
    color: #3e3e3e;
    transition: 0.5s ease;
}

.btn-cobranca {
    background-color: #00733F;
    color: #beefe6;
}

.btn-cobranca:hover {
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    background-color: #fff;
    color: #1c7e6c;
    transition: 0.5s ease;
}


#site-cobranca,
#site-juridico { min-height: 640px; }

/*#site-juridico {
    -ms-border-bottom-right-radius: 15px;
    background-color: #0C70A2;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, #0C70A2 2px, #0C70A2 4px), repeating-linear-gradient(-45deg, #004770, #004770 2px, #0C70A2 4px, #0C70A2 4px);
    border-bottom-right-radius: 15px;
    border-right: 4px solid #fff;
}*/

/*#site-cobranca {
    -ms-border-bottom-left-radius: 15px;
    background-color: #00A16C;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, #00A16C 2px, #00A16C 4px), repeating-linear-gradient(-45deg, #00733F, #00733F 2px, #00A16C 4px, #00A16C 4px);
    border-bottom-left-radius: 15px;
    border-left: 4px solid #fff;
}*/

#site-juridico {
    -ms-border-bottom-right-radius: 15px;
    background-color: #0C70A2; /* Cor de fundo como fallback */
    background-image: linear-gradient(to right, #0C70A2, #004770);
    border-bottom-right-radius: 15px;
    border-right: 4px solid #fff;
}

#site-cobranca {
    -ms-border-bottom-right-radius: 15px;
    background-color: #00733F; /* Cor de fundo como fallback */
    background-image: linear-gradient(to right, #00733F, #00A16C);
    border-bottom-left-radius: 15px;
    border-right: 4px solid #fff;
}

#site-juridico .link-site-juridico {
    -moz-transition: 0.5s ease;
    -ms-text-shadow: none;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    color: #8cccc1;
    font-weight: 400;
    text-decoration: none;
    text-shadow: none;
    transition: 0.5s ease;
}

.blink {
    -ms-text-shadow: 0 0 0.1em #ddd !important;
    color: #fff !important;
    text-shadow: 0 0 0.1em #ddd !important;
}

#site-juridico .link-site-juridico:hover,
#site-cobranca .link-site-cobranca:hover {
    -moz-transition: 0.5s ease;
    -ms-text-shadow: 0 0 0.1em #ddd;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    color: #fff;
    text-shadow: 0 0 0.1em #ddd;
    transition: 0.5s ease;
}

#site-cobranca a,
#site-juridico a {
    outline: none;
    text-decoration: none;
}

#site-cobranca .link-site-cobranca {
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    color: #8cccc1;
    font-weight: 400;
    transition: 0.5s ease;
}

.center-links {
    font-size: 60px;
    height: 60px;
    left: 50%;
    margin-left: -100px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    /* TEXTO COB-JUR*/
    width: 200px;
}

.center-links p {
    font-size: 15px;
    text-align: center;
    width: 200px;
}

.center-links p.texto-cobranca,
.center-links p.texto-juridico { font-size: 16px; }

.center-links p.texto-juridico { color: #95d8cc; }

.center-links p.texto-cobranca { color: #95d8cc; }


#circle,
.fadein-logo {
    top: 50%;
    left: 50%;
    position: absolute;
}

#circle {
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    border-radius: 50%;
    height: 300px;
    margin-left: -150px;
    margin-top: -150px;
    width: 300px;
    z-index: 3;
}

.fadein-logo {
    -moz-filter: alpha(opacity=50);
    -moz-transition: 0.5s ease;
    -ms-opacity: 0.5;
    -ms-transition: 0.5s ease;
    -o-filter: alpha(opacity=50);
    -o-transition: 0.5s ease;
    -webkit-filter: alpha(opacity=50);
    -webkit-transition: 0.5s ease;
    filter: alpha(opacity=50);
    top: 60%;
    height: 168px;
    width: auto;
    margin-left: -85px;
    margin-top: -130px;
    opacity: 0.5;
    transition: 0.5s ease;
}


.lightfadein-logo {
    -moz-filter: alpha(opacity=100) !important;
    -moz-transition: 0.5s ease;
    -ms-opacity: .90 !important;
    -ms-transition: 0.5s ease;
    -o-filter: alpha(opacity=100) !important;
    -o-transition: 0.5s ease;
    -webkit-filter: alpha(opacity=100) !important;
    -webkit-transition: 0.5s ease;
    filter: alpha(opacity=100) !important;
    opacity: .90 !important;
    transition: 0.5s ease;
}

/* END PÁGINA INICIAL */



/* RODAPE */

#rodape-pginicial {
    bottom: 0 !important;
    clear: both;
    height: auto !important;
    margin-left: 60px;
    margin-right: 60px;
    min-height: 200px;
    position: relative;
    width: 100%;
}

ul#lstMediaSocialPginicial li:first-child a,
ul#lstEnderecoPginicial li:first-child a,
ul#lstContatoPginicial li:first-child a { cursor: default; }

ul#lstMediaSocialPginicial li:last-child { padding-left: 20px; }

.menu-rodape > li:first-child a.rodape-pginicial-first {
    color: #444;
    font-size: 18px;
    font-weight: bold;
}

.menu-rodape a.rodape-pginicial {
    -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: #404040;
    transition: all 0.2s ease-in-out;
}

.menu-rodape a.rodape-pginicial: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: #34ac98;
    transition: all 0.2s ease-in-out;
}

.logorodape {
    max-width: 200px;
    width: 100%;
    opacity: .90;
}

.mediasocial-dist { /* MIDIA SOCIAL*/
    display: inline-block !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;
}

.selo-conexao, /* SELOS JÚRÍDICOS */
.selo-bni,
.selo-amcham {
    max-width: 90px;
    width: 100%;
}

.selo-bestperfomance {
    padding-left: 10px;
    max-width: 300px
}

.selo-conexao,
.selo-amcham { padding-left: 5px; }

.selo-bni { padding-left: 30px; }

.copyright-pginicial { color: #404040; }

/* END FOOTER*/

/*
    *
    *
    *
    *

    *
    *
    *

    *
    *

    *
*/


/* MEDIA */

@media (max-width: 600px) {
    .link-site-juridico,
    .link-site-cobranca,
    .texto-juridico,
    .texto-cobranca {
        text-align: center;
    }

    .texto-juridico,
    .texto-cobranca {
        font-size: 10px;
    }

    #container-texto-jur {
        padding-top: 30px; /* Aumenta o espaço acima do texto Jurídico */
    }

    #container-texto-cob {
        padding-top: 30px; /* Aumenta o espaço acima do texto Cobrança */
    }


    .center-links { font-size: 40px; }
}


@media (max-width: 991px) {
    /* ANTES DOS 991px */
    #site-cobranca .btn-cobranca,
    #site-juridico .btn-juridico { display: none; }

    #site-juridico {
        border-bottom: 2px solid #fff;
        border-right: none !important;
    }

    #site-cobranca {
        border-left: none !important;
        border-top: 2px solid #fff;
    }

    #site-cobranca,
    #site-juridico {
        -ms-border-radius: 0;
        border-radius: 0;
        min-height: 320px;
        width: 100%;
    }

    .fadein-logo {
        width: 120px !important;
        height: 120px !important;
        top: 50%;
        left: 50%;
        margin-left: -60px;
        margin-top: -60px;
    }

    #circle {
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        background: #fff;
        position: absolute;
        top: 50%;
        border-radius: 50%;
        height: 180px;
        left: 50%;
        margin-left: -90px;
        margin-top: -90px;
        width: 180px;
        z-index: 3;
    }

    /*#circle img {
        width: 40px !important;
        height: 40px !important;
        position: absolute !important;
        display: block !important
    }*/

    .center-links {
        height: auto;
        top: 5%;
    }

    #container-texto-jur { margin-top: 0; }

    #container-texto-cob { margin-top: 60px; }

    #lstContatoPginicial li > a.rodape-pginicial, /* FONTE RODAPÉ */
    #lstEnderecoPginicial li > a.rodape-pginicial { font-size: 10px; }
}