﻿html {
    scroll-behavior: smooth;
}

body {
    background-color: #e0e0e0;
    width:100%;
}

div, btn, txt {
    font-family: HelveticaNeueLTStd-Roman;
    font-weight: lighter;
    color: #787676;
}

div[class~=titulo] {
    font-family: HelveticaNeueLTStd-Roman;
    font-weight: lighter;
    color: #404040;
}


#divBody{
    width:100%;
    max-width:1920px;
}

#divContent{
    width:1920px;
    margin-left:auto;
    margin-right:auto;
}

strong {
    font-family: HelveticaNeueLTStd-Heave;
    font-size: 20px;
    letter-spacing: 2px;
}

.txtLink {
    text-decoration:underline;
    color:#949494;
}

.btnLink {
    margin-top: 10px;
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 15px;
    background-color: #006092;
    font-size: 18px;
    font-weight: lighter;
    letter-spacing:4px;
    color:white;
    cursor: pointer;
}

/*#region Banner*/

#imgBanner_logo {
    width: 330px;
    height: 90px;
    position: absolute;
    top: 43px;
    left: 120px;
    z-index: 320;
    border:none;
}

#divBanner {
    width: 1920px;
    height: 794px;
    position: relative;
    overflow:hidden;
    z-index:300;
}

/*#region Redes Sociais*/

#btnBanner_redesociais_facebook{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    position:absolute;
    width:60px;
    height:60px;
    top:313px;
    left:766px;
    background-color:transparent;
    background-image:url('../images/banner/facebook_icone.png');
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
    z-index:500;
}

#btnBanner_redesociais_instagram {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    position: absolute;
    width: 60px;
    height: 60px;
    top: 388px;
    left: 766px;
    background-color: transparent;
    background-image: url('../images/banner/instagram_icone.png');
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index: 500;
}

#btnBanner_redesociais_linkedin {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    position: absolute;
    width: 60px;
    height: 60px;
    top: 464px;
    left: 766px;
    background-color: transparent;
    background-image: url('../images/banner/linkedin_icone.png');
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index: 500;
}

#btnBanner_redesociais_youtube {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    position: absolute;
    width: 60px;
    height: 60px;
    top: 539px;
    left: 766px;
    background-color: transparent;
    background-image: url('../images/banner/youtube_icone.png');
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index: 500;
}

/*#endregion*/

.imgTitulo_artigo_banner {
    width: 590px;
}

/*#region Banner 01*/
#divBanner01_fundo {
    width: 1920px;
    height: 822px;
    top: 0px;
    left: 0px;
    background-image: url('../images/banner/banner_fundo_vermelho.jpg');
    position: absolute;
    -webkit-animation-name: showFundo01; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    animation-name: showFundo01;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    top: 0px;
    opacity: 1;
    z-index: 100;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showFundo01 {
    0% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    32% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    62% {
        opacity: 0
    }

    86% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

/* Standard syntax */
@keyframes showFundo01 {
    0% {
        opacity: 1
    }

    30% {
        opacity: 1
    }

    32% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    62% {
        opacity: 0
    }

    86% {
        opacity: 0
    }

    90% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

#divBanner_conteudo_01 {
    position: absolute;
    width: 1760px;
    height: 600px;
    top: 185px;
    left: 50px;
    overflow: hidden;
    -webkit-animation-name: showConteudo01; 
    -webkit-animation-duration: 50s; 
    -webkit-animation-iteration-count:infinite;
    animation-name: showConteudo01;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    opacity: 1;
    z-index: 500;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showConteudo01 {
    /* banner 01 */
    0% {
        z-index:500;
    }

    32% {
        z-index:500;
    }
    /* banner 02 */
    34% {
        z-index:0;
    }

    62% {
        z-index: 0;
    }
    /*banner 03*/
    64% {
        z-index: 0;
    }

    95% {
        z-index: 0;
    }

    96% {
        z-index: 500;
    }

    /*banner 01*/
    100% {
        z-index: 500;
    }
}

/* Standard syntax */
@keyframes showConteudo01 {
    /* banner 01 */
    0% {
        z-index: 500;
    }

    32% {
        z-index: 500;
    }
    /* banner 02 */
    34% {
        z-index: 0;
    }

    62% {
        z-index: 0;
    }
    /*banner 03*/
    64% {
        z-index: 0;
    }

    95% {
        z-index: 0;
    }

    96% {
        z-index: 500;
    }
    /*banner 01*/
    100% {
        z-index: 500;
    }
}

.divBanner_conteudo_slogan_01 {
    width: 592px;
    height: 394px;
    position: absolute;
    top: 119px;
    left: -600px;
    overflow: hidden;
    -webkit-animation-name: showSlogan01; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: showSlogan01;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    opacity: 1;
    z-index: 400;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showSlogan01 {
    /* banner 01 */
    0% {
        opacity: 1;
        left: 84px;
    }

    32% {
        opacity: 1;
        left: 84px;
    }
    /* banner 02 */
    34% {
        opacity: 0;
        left: -600px;
    }

    62% {
        opacity: 0;
        left: -600px;
    }
    /*banner 03*/
    64% {
        opacity: 0;
        left: -600px;
    }

    96% {
        opacity: 0;
        left: 84px;
    }
    /*banner 01*/
    100% {
        opacity: 1;
        left: 84px;
    }
}

/* Standard syntax */
@keyframes showSlogan01 {
    /* banner 01 */
    0% {
        opacity: 1;
        left: 84px;
    }

    32% {
        opacity: 1;
        left: 84px;
    }
    /* banner 02 */
    34% {
        opacity: 0;
        left: -600px;
    }

    62% {
        opacity: 0;
        left: -600px;
    }
    /*banner 03*/
    64% {
        opacity: 0;
        left: -600px;
    }

    96% {
        opacity: 0;
        left: 84px;
    }
    /*banner 01*/
    100% {
        opacity: 1;
        left: 84px;
    }
}

.imgBanner_foto_modelo_01 {
    position: absolute;
    top: 10px;
    left: 1017px;
    width: 543px;
    -webkit-animation-name: showModel01; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: showModel01;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    opacity:1;
    z-index: 310;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showModel01 {
    /* banner 01 */
    0% {
        opacity: 1;
        left: 1017px;
    }

    32% {
        opacity: 1;
        left: 1017px;
    }
    /* banner 02 */
    36% {
        opacity: 0;
        left: 2500px;
    }

    62% {
        opacity: 0;
        left: 2500px;
    }
    /*banner 03*/
    64% {
        opacity: 0;
        left: 2500px;
    }

    92% {
        opacity: 0;
        left: 1017px;
    }

    96% {
        opacity: 0;
        left: 1017px;
    }
    /*banner 01*/
    100% {
        opacity: 1;
        left: 1017px;
    }
}

/* Standard syntax */
@keyframes showModel01 {
    /* banner 01 */
    0% {
        opacity: 1;
        left: 1017px;
    }

    32% {
        opacity: 1;
        left: 1017px;
    }
    /* banner 02 */
    36% {
        opacity: 0;
        left: 2500px;
    }

    62% {
        opacity: 0;
        left: 2500px;
    }
    /*banner 03*/
    64% {
        opacity: 0;
        left: 2500px;
    }

    92% {
        opacity: 0;
        left: 1017px;
    }

    96% {
        opacity: 0;
        left: 1017px;
    }
    /*banner 01*/
    100% {
        opacity: 1;
        left: 1017px;
    }
}

.btnBanner_link_quemsomos {
    margin-top: 20px;
    border-style: none;
    background-color: #006092;
    border-radius: 30px;
    width: 590px;
    height: 80px;
    position: absolute;
    top: 280px;
    left: 0px;
    font-size: 24px;
    font-weight: lighter;
    color: white;
    letter-spacing: 2px;
    cursor: pointer;
    z-index: 500;
}

    .btnBanner_link_quemsomos:hover {
        margin-top: 20px;
        border-style: dotted;
        border-color: white;
        border-width: 4px;
        border-radius: 30px;
        background-color: #006092;
        width: 590px;
        height: 80px;
        position: absolute;
        top: 280px;
        left: 0px;
        font-size: 24px;
        color: white;
        letter-spacing: 2px;
        cursor: pointer;
        z-index: 500;
    }

/*#endregion*/

/*#region Banner 02*/

#divBanner02_fundo {
    width: 1920px;
    height: 822px;
    top: 0px;
    left: 0px;
    background-image: url('../images/banner/banner_fundo_azul.jpg');
    position: absolute;
    -webkit-animation-name: showFundo02; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: showFundo02;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    top: 0px;
    opacity: 0;
    z-index: 100;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showFundo02 {
    /* banner 01 */
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }
    /* banner 02 */
    32% {
        opacity: 1
    }

    60% {
        opacity: 1
    }
    /*banner 03*/
    62% {
        opacity: 0
    }

    98% {
        opacity: 0
    }
    /*banner 01*/
    100% {
        opacity: 0
    }
}

/* Standard syntax */
@keyframes showFundo02 {

    /* banner 01 */
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }
    /* banner 02 */
    32% {
        opacity: 1
    }

    60% {
        opacity: 1
    }
    /*banner 03*/
    62% {
        opacity: 0
    }

    98% {
        opacity: 0
    }
    /*banner 01*/
    100% {
        opacity: 0
    }
}

#divBanner_conteudo_02 {
    position: absolute;
    width: 1760px;
    height: 600px;
    top: 184px;
    left: 50px;
    overflow: hidden;
    -webkit-animation-name: showConteudo02;/* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count:infinite;
    animation-name: showConteudo02;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 500;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showConteudo02 {
    /* banner 01 */
    0% {
        z-index: 0;
    }

    32% {
        z-index: 0;
    }
    /* banner 02 */
    34% {
        z-index: 500;
    }

    62% {
        z-index: 500;
    }
    /*banner 03*/
    64% {
        z-index: 0;
    }

    96% {
        z-index: 0;
    }
    /*banner 01*/
    100% {
        z-index: 0;
    }
}

/* Standard syntax */
@keyframes showConteudo02 {
    /* banner 01 */
    0% {
        z-index: 0;
    }

    32% {
        z-index: 0;
    }
    /* banner 02 */
    34% {
        z-index: 500;
    }

    62% {
        z-index: 500;
    }
    /*banner 03*/
    64% {
        z-index: 0;
    }

    96% {
        z-index: 0;
    }
    /*banner 01*/
    100% {
        z-index: 0;
    }
}

#divBanner_conteudo_slogan_02 {
    width: 592px;
    height: 394px;
    position: absolute;
    top: 119px;
    left: -600px;
    overflow: hidden;
    -webkit-animation-name: showSlogan02; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: showSlogan02;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    opacity: 1;
    z-index: 400;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showSlogan02 {
    /* banner 01 */
    0% {
        opacity: 0;
        left: -600px;
    }

    31% {
        opacity: 0;
        left: -600px;
    }

    32% {
        opacity: 0;
        left: 84px;
    }
    /* banner 02 */
    36% {
        opacity: 1;
        left: 84px;
    }

    62% {
        opacity: 1;
        left: 84px;
    }
    /*banner 03*/
    64% {
        opacity: 0;
        left: -600px;
    }

    98% {
        opacity: 0;
        left: -600px;
    }
    /*banner 01*/
    100% {
        opacity: 0;
        left: 84px;
    }
}

/* Standard syntax */
@keyframes showSlogan02 {
    /* banner 01 */
    0% {
        opacity: 0;
        left: -600px;
    }

    31% {
        opacity: 0;
        left: -600px;
    }

    32% {
        opacity: 0;
        left: 84px;
    }
    /* banner 02 */
    36% {
        opacity: 1;
        left: 84px;
    }

    62% {
        opacity: 1;
        left: 84px;
    }
    /*banner 03*/
    64% {
        opacity: 0;
        left: -600px;
    }

    98% {
        opacity: 0;
        left: -600px;
    }
    /*banner 01*/
    100% {
        opacity: 0;
        left: 84px;
    }
}

.imgBanner_foto_modelo_02 {
    position: absolute;
    top: 27px;
    left: 919px;
    width: 580px;
    z-index: 310;
    -webkit-animation-name: showModel02; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: showModel02;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showModel02 {
    /* banner 01 */
    0% {
        opacity: 0;
        left: 919px;
    }

    32% {
        opacity: 0;
        left: 919px;
    }
    /* banner 02 */
    36% {
        opacity: 1;
        left: 919px;
    }

    62% {
        opacity: 1;
        left: 919px;
    }
    /*banner 03*/
    66% {
        opacity: 0;
        left: 2500px;
    }

    98% {
        opacity: 0;
        left: 919px;
    }
    /*banner 01*/
    100% {
        opacity: 0;
        left: 919px;
    }
}

/* Standard syntax */
@keyframes showModel02 {
    /* banner 01 */
    0% {
        opacity: 0;
        left: 919px;
    }

    32% {
        opacity: 0;
        left: 919px;
    }
    /* banner 02 */
    36% {
        opacity: 1;
        left: 919px;
    }

    62% {
        opacity: 1;
        left: 919px;
    }
    /*banner 03*/
    66% {
        opacity: 0;
        left: 2500px;
    }

    98% {
        opacity: 0;
        left: 919px;
    }
    /*banner 01*/
    100% {
        opacity: 0;
        left: 919px;
    }
}

.btnBanner_link_softwares {
    margin-top: 20px;
    border-style: none;
    background-color: #bb4040;
    border-radius: 30px;
    width: 590px;
    height: 80px;
    position: absolute;
    top: 280px;
    left: 0px;
    font-family: HelveticaNeueLTStd-Thin;
    font-size: 24px;
    font-weight: lighter;
    color: white;
    letter-spacing: 2px;
    cursor: pointer;
    z-index: 500;
}

    .btnBanner_link_softwares:hover {
        margin-top: 20px;
        border-style: dotted;
        border-color: white;
        border-width: 4px;
        border-radius: 30px;
        background-color: #bb4040;
        width: 590px;
        height: 80px;
        position: absolute;
        top: 280px;
        left: 0px;
        font-family: HelveticaNeueLTStd-Thin;
        font-size: 24px;
        font-weight: lighter;
        color: white;
        letter-spacing: 2px;
        cursor: pointer;
        z-index: 500;
    }

/*#endregion*/

/*#region Banner 03*/

#divBanner03_fundo {
    width: 1920px;
    height: 822px;
    top: 0px;
    left: 0px;
    background-image: url('../images/banner/banner_fundo_amarelo.jpg');
    position: absolute;
    -webkit-animation-name: showFundo03; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: showFundo03;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    top: 0px;
    opacity: 0;
    z-index: 100;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showFundo03 {
    /* banner 01 */
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }
    /* banner 02 */
    32% {
        opacity: 0
    }

    60% {
        opacity: 0
    }
    /*banner 03*/
    62% {
        opacity: 1
    }

    92% {
        opacity: 1
    }

    96% {
        opacity: 0
    }

    /*banner 01*/
    100% {
        opacity: 0
    }
}

/* Standard syntax */
@keyframes showFundo03 {
    /* banner 01 */
    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }
    /* banner 02 */
    32% {
        opacity: 0
    }

    60% {
        opacity: 0
    }
    /*banner 03*/
    62% {
        opacity: 1
    }

    92% {
        opacity: 1
    }

    96% {
        opacity: 0
    }
    /*banner 01*/
    100% {
        opacity: 0
    }
}

#divBanner_conteudo_03 {
    position: absolute;
    width: 1760px;
    height: 600px;
    top: 184px;
    left: 50px;
    overflow: hidden;
    -webkit-animation-name: showConteudo03;/* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s;/* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: showConteudo03;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    opacity: 1;
    z-index: 500;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showConteudo03 {
    /* banner 01 */
    0% {
        z-index: 0;
    }

    32% {
        z-index: 0;
    }
    /* banner 02 */
    34% {
        z-index: 0;
    }

    62% {
        z-index: 0;
    }
    /*banner 03*/
    64% {
        z-index: 500;
    }

    96% {
        z-index: 500;
    }
    /*banner 01*/
    100% {
        z-index: 0;
    }
}

/* Standard syntax */
@keyframes showConteudo03 {
    /* banner 01 */
    0% {
        z-index: 0;
    }

    32% {
        z-index: 0;
    }
    /* banner 02 */
    34% {
        z-index: 0;
    }

    62% {
        z-index: 0;
    }
    /*banner 03*/
    64% {
        z-index: 500;
    }

    96% {
        z-index: 500;
    }
    /*banner 01*/
    100% {
        z-index: 0;
    }
}

.divBanner_conteudo_slogan_03 {
    width: 592px;
    height: 394px;
    position: absolute;
    top: 119px;
    left: -600px;
    overflow: hidden;
    -webkit-animation-name: showSlogan03; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: showSlogan03;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    opacity: 1;
    z-index: 400;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showSlogan03 {
    /* banner 01 */
    0% {
        opacity: 0;
        left: -600px;
    }

    32% {
        opacity: 0;
        left: -600px;
    }
    /* banner 02 */
    34% {
        opacity: 0;
        left: -600px;
    }

    62% {
        opacity: 0;
        left: -600px;
    }
    /*banner 03*/
    66% {
        opacity: 1;
        left: 84px;
    }

    96% {
        opacity: 1;
        left:84px;
    }
    /*banner 01*/
    100% {
        opacity: 0;
        left:-600px;
    }
}

/* Standard syntax */
@keyframes showSlogan03 {
    /* banner 01 */
    0% {
        opacity: 0;
        left: -600px;
    }

    32% {
        opacity: 0;
        left: -600px;
    }
    /* banner 02 */
    34% {
        opacity: 0;
        left: -600px;
    }

    61% {
        opacity: 0;
        left: -84px;
    }

    62% {
        opacity: 0;
        left: 84px;
    }
    /*banner 03*/
    66% {
        opacity: 1;
        left: 84px;
    }

    96% {
        opacity: 1;
        left: 84px;
    }
    /*banner 01*/
    100% {
        opacity: 0;
        left: -600px;
    }
}

.imgBanner_foto_modelo_03 {
    position: absolute;
    top: 26px;
    left: 940px;
    width: 748px;
    -webkit-animation-name: showModel03; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    -webkit-animation-iteration-count: infinite;
    animation-name: showModel03;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    z-index: 310;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showModel03 {
    /* banner 01 */
    0% {
        opacity: 0;
        left: 940px;
    }

    32% {
        opacity: 0;
        left: 940px;
    }
    /* banner 02 */
    34% {
        opacity: 0;
        left: 940px;
    }

    62% {
        opacity: 0;
        left: 940px;
    }
    /*banner 03*/
    66% {
        opacity: 1;
        left: 940px;
    }

    96% {
        opacity: 1;
        left: 940px;
    }
    /*banner 01*/
    
    100% {
        opacity: 0;
        left: 2500px;
    }
}

/* Standard syntax */
@keyframes showModel03 {
    /* banner 01 */
    0% {
        opacity: 0;
        left: 940px;
    }

    32% {
        opacity: 0;
        left: 940px;
    }
    /* banner 02 */
    34% {
        opacity: 0;
        left: 940px;
    }

    62% {
        opacity: 0;
        left: 940px;
    }
    /*banner 03*/
    66% {
        opacity: 1;
        left: 940px;
    }

    96% {
        opacity: 1;
        left: 940px;
    }
    /*banner 01*/

    100% {
        opacity: 0;
        left: 2500px;
    }
}

.btnBanner_link_agencia {
    margin-top: 20px;
    border-style: none;
    background-color: #0199a4;
    border-radius: 30px;
    width: 590px;
    height: 80px;
    position: absolute;
    top: 280px;
    left: 0px;
    font-family: HelveticaNeueLTStd-Thin;
    font-size: 24px;
    font-weight: lighter;
    color: white;
    letter-spacing: 2px;
    cursor: pointer;
    z-index: 500;
}

    .btnBanner_link_agencia:hover {
        margin-top: 20px;
        border-style: dotted;
        border-color: white;
        border-width: 4px;
        border-radius: 30px;
        background-color: #0099a3;
        width: 590px;
        height: 80px;
        position: absolute;
        top: 280px;
        left: 0px;
        font-family: HelveticaNeueLTStd-Thin;
        font-size: 24px;
        font-weight: lighter;
        color: white;
        letter-spacing: 2px;
        cursor: pointer;
        z-index: 500;
    }

/*#endregion*/

/*#region Banner conteudo*/

.divBanner_conteudo_slogan {
    width: 592px;
    height: 410px;
    position: absolute;
    top: 40px;
    left: 84px;
    overflow: hidden;
    z-index: 310;
}

.divBanner_conteudo_slogan_titulo {
    width: 600px;
    height: 100px;
    font-size: 62px;
    text-align: justify;
    letter-spacing: 5px;
    color: white;
    line-height: 50px;
    z-index: 310;
}

.divBanner_conteudo_slogan_text {
    width: 592px;
    height: 300px;
    margin-top: 20px;
    font-size: 21px;
    letter-spacing:2px;
    text-align: justify;
    color: white;
    line-height: 32px;
    z-index: 310;
}

.lnkBanner {
    z-index:500;
}

.btnBanner_link {
    margin-top: 20px;
    border-style: none;
    background-color: #006092;
    border-radius: 30px;
    width: 590px;
    height: 80px;
    position: absolute;
    top: 410px;
    left: 0px;
    font-size: 21px;
    color:white;
    letter-spacing:2px;
    cursor: pointer;
    z-index: 500;
}

    .btnBanner_link:hover {
        margin-top: 20px;
        border-style: dotted;
        border-color: rgb(255 255 255 / 0.65);
        border-width: 4px;
        border-radius: 30px;
        background-color: #006092;
        width: 590px;
        height: 80px;
        position: absolute;
        top: 410px;
        left: 0px;
        font-size: 21px;
        color: white;
        letter-spacing:2px;
        cursor: pointer;
        z-index: 500;
    }

/*#endregion*/

/*#endregion*/

/*#region Menu*/

.divMenu {
    padding-top:290px;
    width: 1634px;
    height: 130px;
    position:absolute;
    background-image:url("../images/banner/fundo_menu.png");
    background-position-y:bottom;
    top:540px;
    z-index:150;
    padding-left:286px;
}

.btnMenu_item {
    float: left;
    margin-left: 40px;
    margin-bottom: 40px;
    width: 220px;
    height: 64px;
    border: none;
    border-radius: 20px;
    background-color: #8d8d8d;
    font-size: 26px;
    text-decoration: none;
    line-height: 22px;
    color: white;
    cursor: pointer;
    text-align: center;
    z-index: 400;
    transform: scale(1);
}

    .btnMenu_item:hover {
        border: 4px dotted white;
        border-radius: 20px;
        width: 212px;
        height: 56px;
        border-radius: 20px;
        background-color: #8d8d8d;
        font-size: 26px;
        line-height: 22px;
        color: white;
        cursor: pointer;
        text-align: center;
        z-index: 400;
    }

.btnMenu_item_selected {
    float: left;
    margin-left: 40px;
    margin-bottom: 40px;
    width: 220px;
    height: 64px;
    border: none;
    border-radius: 20px;
    background-color: #006092;
    font-size: 26px;
    text-decoration: none;
    line-height: 22px;
    color: white;
    cursor: pointer;
    text-align: center;
    z-index: 400;
    -webkit-animation-name: selButton; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: selButton;
    animation-duration: 1s;
    transform: scale(1.3);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes selButton {
    from {
        background-color: #8d8d8d;
        transform: scale(1);
    }

    to {
        background-color: #006092;
        transform: scale(1.3);
    }
}

/* Standard syntax */
@keyframes selButton {
    from {
        background-color: #8d8d8d;
        transform: scale(1);
    }
    to {
        background-color: #006092;
        transform: scale(1.3);
    }
}

.btnMenu_item_caption{
    color:white;
    margin-top:20px;
}

.btnMenu_item_blog {
    float: left;
    margin-left: 40px;
    margin-bottom: 40px;
    width: 220px;
    height: 64px;
    border: none;
    border-radius: 20px;
    background-color: #8d8d8d;
    font-size: 26px;
    text-decoration: none;
    line-height: 22px;
    color: white;
    cursor: pointer;
    text-align: center;
    z-index: 400;
    transform: scale(1);
}

.btnBanner_menu_atendimento {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: #006092;
    background-repeat: no-repeat;
    border-radius: 25px;
    position: absolute;
    width: 270px;
    height: 64px;
    top: 56px;
    left: 1246px;
    -webkit-animation-name: changeWhats; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 50s; /* Safari 4.0 - 8.0 */
    animation-name: changeWhats;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-delay: 0s;
    cursor: pointer;
    z-index: 400;
}

    #btnBanner_menu_atendimento:hover {
        border-style: dotted;
        border-color: rgb(255 255 255 / 0.65);
        border-width: 4px;
        border-radius: 24px;
        background-color: transparent;
        background-repeat: no-repeat;
        position: absolute;
        width: 270px;
        height: 68px;
        top: 54px;
        left: 1246px;
        cursor: pointer;
        z-index: 400;
    }

@-webkit-keyframes changeWhats {
    0% {
        background-color: #006092;
    }

    30% {
        background-color: #006092;
    }

    32% {
        background-color: #bb4040;
    }

    60% {
        background-color: #bb4040;
    }

    62% {
        background-color:#3798a1;
    }

    86% {
        background-color: #3798a1;
    }

    90% {
        background-color: #3798a1;
    }

    100% {
        background-color: #006092;
    }
}

/* Standard syntax */
@keyframes changeWhats {
    0% {
        background-color: #006092;
    }

    30% {
        background-color: #006092;
    }

    32% {
        background-color: #bb4040;
    }

    60% {
        background-color: #bb4040;
    }

    62% {
        background-color: #3798a1;
    }

    86% {
        background-color: #3798a1;
    }

    90% {
        background-color: #3798a1;
    }

    100% {
        background-color: #006092;
    }
}

.btnBanner_menu_atendimento_icone {
    position:absolute;
    width:34px;
    height:34px;
    top:13px;
    left:15px;
}

.txtBanner_menu_atendimento_numero {
    position: absolute;
    width: 200px;
    height: 22px;
    top: 12px;
    left: 59px;
    font-family: HelveticaNeueLTStd-Bold;
    font-size: 21px;
    color:white;
}

.txtBanner_menu_atendimento_caption {
    position: absolute;
    width: 200px;
    height: 16px;
    top: 33px;
    left: 59px;
    font-size: 17px;
    color: white;
}

#btnBanner_menu_cliente {
    position: absolute;
    top: 59px;
    left: 1038px;
    border: 1px solid white;
    border-radius: 20px;
    background-color: transparent;
    width: 160px;
    height: 58px;
    font-family: HelveticaNeueLTStd-Heave;
    font-size: 14px;
    line-height: 18px;
    color: white;
    z-index: 400;
}

    #btnBanner_menu_cliente:hover {
        position: absolute;
        top: 59px;
        left: 1038px;
        border: 1px solid white;
        border-radius: 20px;
        background-color: #d5d5d5;
        width: 160px;
        height: 58px;
        font-family: HelveticaNeueLTStd-Heave;
        font-size: 14px;
        line-height: 18px;
        color: #232323;
        z-index: 400;
    }

#btnBanner_botao_sobe {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: transparent;
    background-image: url('../images/banner/icon_sobe.png');
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 367px;
    left: 891px;
    width: 141px;
    height: 33px;
    cursor: pointer;
    z-index: 500;
}

/*#endregion*/

/*#region Header menu*/

.divMenuScroll_fechado {
    position: fixed;
    top: -80px;
    left: 0px;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    background-color: #006092;
    z-index: 550;
    text-align: center;
    transition: top 0.5s;
}

.divMenuScroll {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 60px;
    padding-top: 20px;
    background-color: #006092;
    z-index: 550;
    text-align: center;
    transition: top 1s;
}

.btnMenuScroll_item {
    width: 200px;
    height: 40px;
    border: none;
    border-radius: 15px;
    background-color: #c7c7c7;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    cursor: pointer;
}

/*#endregion*/

/*#region Main*/

#mainConteudo {
    width: 1740px;
    height:3960px;
    padding-left: 60px;
    padding-right: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    z-index: 10;
    overflow:hidden;
}

#divMain {
    position: relative;
    width: 1740px;
    height:4800px;
}

.divHome {
    position: absolute;
    width: 1740px;
    left: 0px;
    -webkit-animation-name: showHome; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: showHome;
    animation-duration: 1s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showHome {
    from {
        left: 1950px;
    }

    to {
        left: 0px;
    }
}

/* Standard syntax */
@keyframes showHome {
    from {
        left: 1950px;
    }

    to {
        left: 0px;
    }
}

.divHome_hide {
    position: absolute;
    width: 1740px;
    left: 1950px;
    -webkit-animation-name: hideHome; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: hideHome;
    animation-duration: 1s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes hideHome {
    from {
        left: 0px;
    }

    to {
        left: 1950px;
    }
}

/* Standard syntax */
@keyframes hideHome {
    from {
        left: 0px;
    }

    to {
        left: 1950px;
    }
}

.divMain_coluna_foto {
    float: left;
    width: 718px;
    text-align:center;
}

/*#region Artigos de texto*/

.divMain_coluna_texto {
    float: left;
    width: 1010px;
}

.divMain_coluna_texto_titulo {
    padding-bottom:20px;
    font-size: 60px;
    text-align: justify;
    letter-spacing: 5px;
    line-height: 50px;
    border-bottom: 2px dotted #858585;
    margin-bottom:20px;
}

.divMain_coluna_texto_titulo_full {
    width: 1740px;
    padding-bottom: 20px;
    font-size: 60px;
    text-align: justify;
    letter-spacing: 5px;
    line-height: 50px;
    border-bottom: 2px dotted #858585;
    margin-bottom: 20px;
    text-align: center;
}

.divMain_coluna_texto_conteudo {
    font-size: 22px;
    text-align: justify;
    letter-spacing: 5px;
    line-height: 34px;
}

.divMain_coluna_texto_conteudo_full {
    width:1740px;
    font-size: 22px;
    text-align: justify;
    letter-spacing: 5px;
    line-height: 34px;
}

.imgMain_coluna_foto {
    width: 718px;
}

.txtBold {
    font-family: HelveticaNeueLTStd-Bold;
}

.divEspaco_de_linha{
    height:10px;
}

/*#endregion*/

/*#region Mercado Imobiliário*/

#divMercado_imobiliario{
    width:1740px;
    height:470px;
    display:table;
    margin-bottom:40px;
}

/*#endregion*/

/*#region Software Saas*/

#divSoftware_web {
    margin-bottom: 40px;
    padding-left:0px;
    padding-right:0px;
}

#divSoftware_saas_conteudo{
    margin-top:40px;
    display:table;
    height:780px;
}

.divSoftware_saas_conteudo_coluna{
    float:left;
    width:574px;
    border-right:1px solid #858585;
}

.divSoftware_saas_text {
    margin-top:20px;
    float: left;
    width: 504px;
    padding-left:20px;
    padding-right:20px;
    font-size: 18px;
    text-align: justify;
    letter-spacing: 3px;
    line-height: 30px;
}

/*#region goBroker*/

#divSoftware_saas_image_gobroker{
    width:340px;
    margin-left:auto;
    margin-right:auto;
}

#imgGoBroker{
    margin-top:0px;
    width:340px;
    height:376px;
}

/*#endregion*/

/*#region Imobi*/

#divSoftware_saas_image_imobi {
    width: 470px;
    margin-left: auto;
    margin-right: auto;
}

#imgImobi{
    margin-top:10px;
    width:470px;
    height:365px;
}

/*#endregion*/

/*#region Sapê*/

#divSoftware_saas_image_sape {
    width: 450px;
    margin-top:72px;
    margin-left: auto;
    margin-right: auto;
}

#imgSape{
    width:450px;
}

/*#endregion*/

/*#endregion*/

/*#region Agência Web*/

#divAgencia_web {
    width: 1740px;
    height: 500px;
    display: table;
    margin-bottom: 80px;
}

#imgAgencia_foto{
    width:660px;
}

/*#endregion*/

/*#region Desenvolvedor*/
#divDesenvolvedor {
    margin-bottom: 60px;
    height: 470px;
}

#divDesenvolvedor_foto {
    width: 960px;
    height: 660px;
    text-align: center;
    margin-top: 40px;
}

#imgMain_Desenvolvedor_foto{
    width:597px;
    margin-top:20px;
}

/*#endregion*/

/*#region Cases de sucesso*/

#divClientes{
    width:1740px;
}

.divClientes_subtitulo {
    font-size: 18px;
}

#divClientes_content{
    width:1640px;
    height:370px;
    margin-top:40px;
    margin-left:auto;
    margin-right:auto;
    display:table;
}

.divClientes_item {
    float: left;
    width: 318px;
    height: 179px;
    margin-right: 10px;
    border-radius: 10px;
    overflow:hidden;
    background-repeat:no-repeat;
    background-size:cover;
    margin-bottom:10px;
}

.divClientes_item_detalhes {
    width: 318px;
    height: 179px;
    background-image: url("../images/fundo_clientes_detalhes.jpg");
    overflow: hidden;
    font-size: 18px;
    letter-spacing: 4px;
    color: white;
    -webkit-animation-name: hideDetalhesCliente; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    animation-name: hideDetalhesCliente;
    animation-duration: 0.5s;
    opacity:0;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes hideDetalhesCliente {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Standard syntax */
@keyframes showDetalhesCliente {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.divClientes_item_detalhes:hover {
    width: 318px;
    height: 179px;
    background-image: url("../images/fundo_clientes_detalhes.jpg");
    overflow: hidden;
    font-size: 18px;
    letter-spacing: 4px;
    color: white;
    -webkit-animation-name: showDetalhesCliente; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
    animation-name: showDetalhesCliente;
    animation-duration: 0.5s;
    opacity: 1;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes showDetalhesCliente {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Standard syntax */
@keyframes showDetalhesCliente {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.divClientes_item_detalhes_title {
    margin-top:10px;
    width: 318px;
    height: 30px;
    font-family: HelveticaNeueLTStd-Heave;
    font-size: 14px;
    letter-spacing: 4px;
    color: white;
    text-align:center;
}

.divClientes_item_detalhes_info {
    height: 32px;
    font-size: 10px;
    letter-spacing: 4px;
    color: white;
    text-align: center;
    margin-left: 14px;
    margin-bottom:10px;
    border-bottom: 1px dotted white;
}

.divClientes_item_detalhes_text {
    width: 290px;
    height: 86px;
    font-size: 10px;
    letter-spacing: 4px;
    color: white;
    text-align:justify;
    margin-left:14px;
}

.strongCliente {
    font-family: HelveticaNeueLTStd-Heave;
    font-size: 16px;
    letter-spacing: 2px;
}

/*#endregion*/

/*#region Contato*/

#divMain_contato{
    margin-top:100px;
    width:1640px;
    padding-left:50px;
    padding-right:50px;
    display:table;
}

#divMain_contato_form{
    width:800px;
    float:left;
    height:410px;
    margin-right:40px;
}

.txtMain_contato_input{
    width:790px;
    height:30px;
    border:2px solid #858585;
    border-radius:8px;
    margin-bottom:30px;
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    color:#858585;
}

.txtMain_contato_mensagem {
    width: 790px;
    height: 110px;
    border: 2px solid #858585;
    border-radius: 8px;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #858585;
}

#btnMain_contato_enviar {
    width: 790px;
    height: 40px;
    border: none;
    border-radius: 8px;
    background-color: #0199a4;
    margin-top: 30px;
    font-family: HelveticaNeueLTStd-Heave;
    font-size:18px;
    color:white;
    cursor:pointer;
}

#divMain_contato_texto {
    float: left;
    position:relative;
    width: 800px;
    height: 400px;
}

#divMain_contato_whatsapp {
    position:absolute;
    width: 616px;
    display: table;
    font-size: 58px;
    text-align:center;
    letter-spacing:4px;
    cursor: pointer;
    top:7px;
    left:147px;
}

#lblMain_contato_whatsapp_prefixo {
    font-size: 28px
}

#divMain_contato_whatsapp_icon{
    margin-top:8px;
    float:left;
    width:52px;
    height:52px;
    background-image:url("../images/whatsapp_icon.png");
    background-size:cover;
    margin-right:10px;
}

#divMain_contato_telegram_icon {
    margin-top:8px;
    float: left;
    width: 52px;
    height: 52px;
    background-image: url("../images/telegram_icon.png");
    background-size: cover;
    margin-right: 10px;
}

#divMain_contato_emails {
    position: absolute;
    width: 616px;
    height: 24px;
    display: table;
    font-size: 12px;
    line-height:20px;
    letter-spacing:1px;
    text-align:justify;
    cursor: pointer;
    top: 72px;
    left: 147px;
    border-bottom:1px dotted #858585;
}

#divMain_contato_localizacao {
    position: absolute;
    width: 616px;
    height: 200px;
    display: table;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 1px;
    text-align: justify;
    cursor: pointer;
    top: 99px;
    left: 147px;
}

/*#endregion*/

/*#endregion*/

/*#endregion*/

/*#region Footer*/

#divFooter {
    margin-top: 80px;
    width: 1920px;
    height: 150px;
    background-color: #c72229;
    /*position:relative;
    top:4760px;*/
}

#divFooter_menu {
    padding-top: 10px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    color: white;
    text-decoration: none;
}

.txtFooter_menu_link {
    width:50px;
    font-size: 18px;
    color: white;
    letter-spacing:2px;
    text-decoration:none;
}

    .txtFooter_menu_link:hover {
        font-size: 18px;
        color: white;
        letter-spacing: 2px;
        text-decoration: none;
        background-color: #006092;
        opacity: 1;
    }

#divFooter_logo {
    padding-top: 20px;
    height: 50px;
    text-align: center;
    font-size: 12px;
    color: white;
    letter-spacing: 2px;
}

#imgFooter_logo{
    width:110px;
    margin-bottom:4px;
}

/*#endregion*/
