#tit-topo {display: none}
#logo-page {display: none}

.topo-adc {width: 100%; height: 45px; margin: 0; padding: 0; background: #069}
.topo-adc .logo-adc {float: left; width: 35px; height: 35px; margin: 7px 0 0 10px; padding: 0}
.topo-adc .titulo {float: left; margin: 0; padding: 12px 0 0 12px; font-size: 1em; color: #FFF;}

#topo-fix{float: left;width: 100%; margin: 0; color: #333; text-align: center; background: #FFF}
#topo-fix .topo {position: absolute; width: 100%; height: 45px; padding: 0 0 5px 0; border-bottom: 0px solid #CCC; background: none;}
#topo-fix .topo .box-logo-page {float: left; height: 50px; margin: 3px 15px 0 0; background: none}
#topo-fix .topo .box-logo-page img.logo-page {float: left; width: auto; margin: 10px 0 0 10px; border-radius: 5px;box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.171);}
#topo-fix .topo .tit-topo {margin: 15px 0 0 30px; font-size: 1.3em; font-weight: bold}


.fix-topo {position: fixed; height: 45px; top: 0; z-index: 1; background: #FFF}

/*Imagem Pulsando*/
.JanelaWhatsAberta {
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}
.JanelaWhatsAberta {
    border-radius: 17px;  
    cursor: pointer;
    animation: pulse 2s infinite;
}
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.3);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}
@keyframes pulse {
    10% {
        -moz-box-shadow: 0 0 0 0 #15AC95;
        box-shadow: 0 0 0 0 #15AC95;
    }
    80% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.3);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}