body{
    margin:0;
    padding:0;
    overflow-x: hidden;
   
}
/*Chamando minha fonte customizada que está armazenada na pasta fonte*/
@font-face{
    font-family: "gotham-medium";
    src:url("fonte/gotham-medium.ttf");
}
@font-face{
    font-family: "museosans";
    src:url("fonte/MuseoSansCyrl_1.otf");
}
@font-face{
    font-family: "gotham";
    src:url("fonte/gotham-light.otf");
}
@font-face{
    font-family: "montserrat";
    src:url("fonte/montserrat-hairline");
}

#Fundo{
    background:#fff;
    width:100%;
    height:100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;

}

#topo{
    float:left;
    width:100%;
    margin-left:0%;
    height: 39.2%;
    color: green;
    font-family:"Comic Sans Ms";
    font-size: 15pt;
    background: #FCFDFE;
    top:0px;
}

#topo2{
    position: relative; /* Permite posicionar o texto sobre a imagem */
    margin-top: 0%;
  width: 100%; /* Ocupa 100% da largura do container pai */
  height:650px; /* Define uma altura responsiva baseada na altura da janela */
  background-image: url('../imagem/banner5.jpg'); /* Substitua pelo caminho da sua imagem */
  background-size: cover; /* Faz a imagem preencher o espaço sem distorcer */
  background-position: center; /* Centraliza a imagem */
  background-repeat: no-repeat; /* Evita repetição da imagem */
  display: flex; /* Facilita o alinhamento do texto */
  justify-content: center; /* Centraliza o texto horizontalmente */
  align-items: center; /* Centraliza o texto verticalmente */
    background-image:100% 100%;
z-index: 10;
}
.description {
    
    font-size: 1.2rem; /* Tamanho da descrição responsivo */
    margin: 0.5rem 0 0; /* Espaçamento entre o título e a descrição */
  }
  /* Configuração do texto */
.text-content {
    display: flex; /* Alinha os itens */
    flex-direction: column; /* Garante que o h1 e o p fiquem em colunas (um embaixo do outro) */
    text-align: center; /* Centraliza o texto horizontalmente */
    color: white;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
    margin-top: -4rem;
    
  }
button[id='google']{
    float: right;
    width:30%;
    height:60px;
    margin-top:3%;
    margin-right: 1%;
    padding-left:0;
    border:none;
    padding-right:0;

}
button[id='google']:hover{
    opacity:.8;
    cursor:pointer;

}


#conteudo{
    float:left;/*Nao coloque altura no conteudo pois o float ajusta-o corretamente*/
    margin-top: 5%;
    margin-left:0;
    padding-bottom: 30px;
    width:100%;
    font-family:gotham;
    color:#3D3D3D;
    height: auto;
    opacity:.9;
    word-break: break-all;
    background: #FFFFFF;
    z-index:100;
    
}
#conteudoLocal{
    float:left;
    margin-top: 5%;
    margin-left:0;
    padding-bottom: 10%;
    width:100%;
    height: auto;
    
    }

#conteudohorizontal{
    float:left;
    margin-top: 5%;
    margin-left:0;
    padding-bottom: 10%;
    width:100%;
    height: auto;
    
    }
    #esquerda5{
        float:left;
        width:90%;
        height:auto;
        margin-left:5%;
        margin-top:1%;
        color:#a2a3a7;
        text-align:center;
    
        
    }
#esquerda1{
    float: left;
    margin-left: 6%;
    width: 40%;         /* Ajusta a largura ao tamanho do contêiner */
    height: 90vh;        /* Mantém a proporção original */
    max-width: 100%;     /* Garante que a imagem não exceda seu tamanho original */
    
}
#esquerdaMaps{
    float: left;
    margin-left: 6%;
    width: 40%;         /* Ajusta a largura ao tamanho do contêiner */
    height: 60vh;        /* Mantém a proporção original */
    max-width: 100%;     /* Garante que a imagem não exceda seu tamanho original */
   
}
#direita{
    float: left;
    margin-left: 6%;
    width: 41%;         /* Ajusta a largura ao tamanho do contêiner */
    height: 50%;        /* Mantém a proporção original */
    
}

#servicoimagem{
    float: left;
    margin-top: 6%;
    margin-left: 6%;
    padding-bottom: 2.5%;
    width: 23%;         /* Ajusta a largura ao tamanho do contêiner */
    height: 60vh; 
    border: 2px SOLID gray;
    border-radius: 5%; /* Faz a borda da div ser redonda */
  overflow: hidden; /* Garante que o conteúdo dentro fique restrito à borda */
  
  justify-content: center; /* Alinha horizontalmente, opcional */
  align-items: center; /* Alinha verticalmente, opcional */
  object-fit: cover;
  text-align: center;
  border: 1px solid dark;
}

#mensagem{
    float: left;
    margin-top: 0%; 
    margin-left: 0%;
    color:#464646;
    font-size: 30pt; 
    font-family:gotham-medium;
    font-weight: 900%; 
    min-height: 300px;
    max-height: auto;
    padding-top:0%;
    padding-bottom:2%;
    background:#FFFFFF;
    width: 100%; 
    

}
#serviços{
    float: left;
    margin-top: 0%; 
    margin-left: 0%;
    color:#464646;
    font-size: 30pt; 
    font-family:gotham-medium;
    font-weight: 900%; 
    min-height: 300px;
    max-height: auto;
    padding-top:0%;
    padding-bottom:2%;
    background:#FFFFFF;
    width: 100%; 
    

}
/*estilizando a fonte da página index */
.font2{
    float: left;
    margin-top: 3%;
    margin-left: 0%;
    padding-top:1%;
    padding-bottom: 2.5%;
    width: 100%;
    min-height: 100px;
    max-height: auto;
    line-height: 140%;
    word-break: keep-all;
    font-family: gotham;
    font-size: 21px; 
    color: #898989; 
    font-weight: 600;
}
.titulo5{
    font-size:30pt;
    color:#464646;
    width:100%;
}
input[id='message']{
    width:80%; 
    margin-top:2%; 
    height:30px;
}
#conteudoWhatsapp{
   position: fixed;
    width: 100%;
    height: auto;
    background-color: red;
}

.whatsapp-button {
    position: fixed; /* Botão fixo */
    bottom: 20px; /* Distância da borda inferior */
    right: 2vw; /* Distância da borda direita */
    background-color: #25d366;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    border-radius: 50%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 99999; /* Sobrepõe outros elementos */
    opacity: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 60px; /* Tamanho inicial do botão */
    height: 60px; /* Tamanho inicial do botão */
}

.whatsapp-button:hover {
    background-color: #1ebe57;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
}

.whatsapp-button img {
    width: 100%;
    height: 100%;
    margin-right: 0px;
}

#conteudofumace{
    float: left;
    margin-left: 6%;
    margin-top: 3%;
    width: 88%;         /* Ajusta a largura ao tamanho do contêiner */
    height: auto;        /* Mantém a proporção original */
    max-width: 100%;     /* Garante que a imagem não exceda seu tamanho original */
}
#mensagem2{
    float: left;
    margin-top: 0%; 
    margin-left: 0%;
    color:#464646;
    font-size: 2rem; 
    word-break: keep-all;
    font-family:gotham-medium;
    font-weight: 100%; 
    min-height: 30%;
    max-height: auto;
    padding-top:0%;
    padding-left: 2%;
    padding-bottom:8%;
    background:#FFFFFF;
    width: 100%; 
    
}
input[placeholder]{
    border:1px solid #cccccc;
    background:none;
    height:40px;
    padding-left:2.5%;
    color: white;
    width:50%; 
}
#slideImagens{
    float: left;
    margin-left: 0;
    margin-top: 0;
    padding: 10px 10px;
    width: 97%;
    background:#1A1A1A;
    opacity: .9;
    height: 100%;
}


img[id='imgSelect']{
    border:4px solid #FFFFFF;
    border-radius: 4px;
    margin-left: 5%;
}
.outrasImg{
    display: block;
    margin-top: 1%;
    margin-left: 3.2%;
    padding: 10px 10px;
    text-align: center;
    width: 89.5%;
    height: auto;

}
.fontContador{
    font-family: gotham-medium;
    font-size: 13pt;
    color: whitesmoke;
}
img[id="proxima"]{
    border:2px solid #F4F4F4;
    border-radius: 4px;
    width: 13%;
    height: 14%;
}
img[id="proxima"]:hover{
    border:2px solid #19FFFF;
}
.conteudoGaleria{
    float: left;
    margin-left: 0%;
    margin-top: 0.1%;
    padding-top:5%;
    padding-bottom:5%;
    width: 100%;
    height: 260px;
    background:#333333;
}
.galeria1{
    float: left;
    text-align: left;
    font-weight: 900;
    font-size: 16pt;
    margin: 2%;
    color: whitesmoke;
    margin-top: 1.5%;
    width:  100%;
    height: auto;
    margin-left:0%;
}
.galeria{
    float: left;
    text-align: left;
    font-weight: 900;
    font-size: 16pt;
    margin: 2%;
    color: whitesmoke;
    margin-top: 1.5%;
    width:  100%;
    height: auto;
    margin-left:0%;
}

.titleGal{
    float: left;
    margin-top: 2%;
    font-weight: 900;
    font-size: 15pt;
    color:whitesmoke;
    margin-left: 2.5%;
    width: auto;
    height: auto;
}
.infoGaleria{
    float: left;
    width: 22%;
    font-size:24px;
    font-family:gotham-medium;
    margin: 1%;
    height: 190px;
    border-radius: 4px;
}
button[id=verGaleria]{
    width: 82.5%;
    height: 50px;
    margin-top: 3.5%;
    text-transform: uppercase;
    font-weight: 900;
    font-family:gotham-medium;
    background:none;
    color: whitesmoke;
    border:3px solid #6A6969;
    border-radius: 25px;

}
button[id=verGaleria]:hover{
    border:3px solid whitesmoke;
    cursor: pointer;
}
.conteudoSobre{
    float: left;
    margin: 0.2%;
    margin-top: 2%;
    width: 95%;
    margin-left: 2.5%;
    height: auto;
    text-align: left;
}
.tituloSobre{
    float: left;
    margin-top: 1%;
    color:#262323;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 13pt;
}
.textoSobre{
    float: left;
    margin-left: 0;
    font-size: 11pt;
    width: 100%;
    color: #262323;
    height: auto;
}
.leftText{
    float: left;
    margin-top: 1%;
    margin-left: 0;
    height: auto;
    width: 35%;
}
.rightText{
    float: right;
    margin-top: 1%;
    margin-right: 20%;
    width: 40%;
    height: auto;
}
.agendar{
    float: left;
    margin-top: 1.5%;
    margin-left: 2.5%;
    width: 95%;
    text-align: left;
    height: auto;
    border-top: 2px solid #E2E2E2;
}

#conteudoCarregar{
    position: fixed;
    left: 0%;
    top:0;
    padding-top: 10%;
    text-align: center;
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    bottom: 0px;
    background: #FFFFFF;
}
.imagensPastores{
    float: left;
    margin-top: 0;
    margin: 1%;
    width: 20%;
    height: auto;
    border:1px solid #D1D1D1;
}
.imagensPastores:hover{
    box-shadow: 0px 0px 1px 1px #333333;
}

.ajustaImgPast{
    float: left;
    margin-left: 3%;
    margin-top: 3%;
    width: 93.8%;
    font-size: 13pt;
    font-weight: 600;
    word-break: break-all;
    color: #262323;
    height: auto;
}
.subText{
    color: #505050;
    font-size: 11pt;
    font-weight: 400;
}
.subTitulo{
    display: table;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 1%;
    font-size: 20pt;
    font-family: sans-serif;
    font-weight: bold;
    color:#757584;
    height: auto;
}
.contatos{
    float: left;
    margin-left: 14.5%;
    margin-top: 4%;
    width: 70%;
    height: 450px;
    text-align: left;
    font-family: sans-serif;
    text-transform: uppercase;
    font-size: 22pt;
    font-weight: 300pt;
    color: #635429 ;
}
.subFont{
    font-family: sans-serif;
    font-size: 11pt;
    color: black;
}
#localizacao{
    float: left;
    margin-top: 5%;
    margin-left: 14%;
    width: 70%;
    height:500px ;
}
#titulo{
    float: left;
    width: 98%;
    text-align: left;
    margin-top: 70px;
    margin-left: 1%;
    font-family: museosans;
    font-size: 10pt;
    color: #888888;
    text-transform: uppercase;

}
#titulo2{
    display: table;
    text-align: center;
    margin-left: 1%;
    margin-top: 1%;
    padding-top: 3%;
    padding-bottom: 3%;
    width: 98%;
    height: auto;
    color:#464646;
    font-size: 30pt;
    font-family: museosans;
}
textarea{
    border:1px solid #cccccc;
    padding: 5px 5px;
    font-family: fantasy; 
    font-size: 12pt;
    color:#3D3D3D;
    background: #FCFDFE;
}
hr{
    border:none;
    background: #E1E1E1;
}
.font1{
    float: left;
    margin-top: 0%; 
    margin-left: 13%;
    text-align: left; 
    color:#635429;
    text-transform: capitalize;
    white-space: pre-line;
    font-size: 30pt; 
    word-break: break-all; 
    font-weight: 900%; 
    width: 32%; 
}
.font19{
    color:#242424;
    font-family: sans-serif;
    font-size: 12pt;
}
.font20{
    display: table;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
    height: auto;
    background:#eaeaea;
    font-family: sans-serif;
    font-size: 12pt;
    color:#242424;
}
.font21{
    text-align: left;
    font-family: sans-serif;
    font-size: 10pt;
    color:#242424;
}
.font22{
    font-family: sans-serif;
    font-size: 12pt;
    color:#b6b6b6;
}
.mensagem{
    float: left;
    margin-top: 0%; 
    margin-left: 0%;
    text-align: center; 
    color:#464646;
    font-size: 30pt; 
    word-break: break-all; 
    font-family:gotham-medium;
    font-weight: 900%; 
    min-height: 300px;
    max-height: auto;
    padding-top:5%;
    padding-bottom:2%;
    background:#FFFFFF;
    width: 100%; 

}


img[id='logo']{
    position: absolute;
    top:9px;
    padding: 0 0 0 0 ;
    left: 30px;
    width:41%;
    height:77px;
    background-size:100% 100%;
}
textarea[id='textarea3']{
    min-height: 150px;
    margin-left: 0%; 
    min-width:50%; 
    max-width: 100%;
}
textarea[id='textarea4']{
    min-height: 150px;
    margin-top: 2%;
    margin-left: 0%; 
    min-width:95%; 
    max-width: 100%;
}
.descricaoMensagem{
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 2%;
    padding-top: 2%;
    padding-left: 1%;
    color:#242424;
    padding-right: 1%;
    padding-bottom: 2%;
    min-height: 200px;
    max-height: auto;
    border:1px solid #eaeaea;

}
#frame{
    position:fixed;
    top:0px;
    width:100%;
    height:60px;
    z-index:900;
    background:#ffffff;
}

.font3{
    font-size: 10pt;
    color:#3D3D3D;
}


button[name='maisMensagens']{
    float: left;
    margin-top:4%;
    margin-left: 35%;
    border:3px solid #BABABA;
    border-radius:20px;
    text-transform: uppercase;
    color: #7F7F7F;
    cursor: pointer;
    font-weight: 900;
    font-size: 1rem;
    width: 40%;
    background:none;
    min-height: 50px;
    max-height: auto;
}
button[name='maisMensagens']:hover{
    border:3px solid #333333;
}
button[name='pregacoes']{
    float: left;
    margin-left: 0;
    margin-top:0%;
    width: auto;
    min-height: 32px;
    max-height: auto;
    border:none;
    border:4px solid #635429;
    text-transform: uppercase;
    color: #635429;
    cursor: pointer;
    font-weight: bold;
    background:whitesmoke;
    border-radius: 3px ;
}
button[name='pregacoes']:hover{
    background:#635429;
    color: whitesmoke;
}
button[id='botao2']{
    
    border:3px solid #BABABA;
    border-radius:20px;
    margin-left: 0.5%;
    text-transform: uppercase;
    color: #7F7F7F;
    cursor: pointer;
    font-weight: 900;
    width: auto;
    background:none;
    min-height: 45px;
    max-height: auto;
}


/*Div Pai que fica a direita da página*/
.direita{
    float: right;
    width: 35%;    
    margin-right: 0.4%;
    min-height: 500px; 
    max-height:700px;
    overflow-x: hidden;
    border:1px solid #E2E2E2; 
    box-shadow: 0px 0px 2px 2px #E2E2E2;
}
/*Div para ajustar os objetos e organizalos dentro da div pai que é .direita*/
.conteudoDireita{
    float: left;
    width: 91%;
    padding: 0 0;
    margin-left: 0;
    margin-top: 0;
    /*border-bottom: 1px solid #C7C7C7;*/
    margin: 0;
    min-height: 120px;
    max-height: 120px;
}

.conteudoDireita2{
    float: left;
    width: 56%;
    margin-left: 1.5%;
    margin-top: 0;
    /*border-bottom: 1px solid #C7C7C7;*/
    min-height: 100px;
    max-height: 100px;
}
#comentario{
    float: left;
    width: 100%;
    margin-top: 1%;
    height: auto;
    padding-bottom: 2%;
}
.imagem{
    float: left;
    width: 6%;
    height: 40px;
}
.descricao3{
    float: left;  
    margin-left: 2%;
    width: 91%;
}
textarea[id='place4']{
    border:none;
    max-width: 100%;
    max-height: 400px;
    border-bottom: 2px solid #eaeaea;
    width: 100%;
}
textarea[id='place4']:focus{
    border-bottom: 2px solid #242424;
}
/*Estilizando o título dos Estudos*/
.fontEstudos{
    display: block;
    margin-left: 0%;
    margin-top: 0%;
    word-break: break-all;
    width: 98%;
    color: #322A2A ;
    max-width: auto;
    text-align: left;
    font-size: 11pt;
    font-family: sans-serif;
    text-transform: capitalize;
}
/*Estilizando os Sub Conteudos dos estudos*/
.fontSubConteudo{
    display: block;
    width: 99%;
    padding-top: 0;
    max-width: auto;
    font-family: sans-serif;
    text-align: left;
    word-break: break-all;
    font-size: 10pt;
    margin-left: 0%;
    color: #7F7F7F;
    text-transform: capitalize;
}
/*Estilizando o conteúdo do rodapé*/
.tablePe{
    float: left;    
    width: 45%;
    padding-left:5%;
    margin-left: 1.5%;
    padding: 2vh;
    margin-top: 5%;
    font-family: gotham-medium;
    font-size: 18px;
    word-wrap: break-word;
    color:  #BABABA;
    text-decoration: none;  
    
}
.fontPe{
    color:#5f6263;
    line-height:150%;
    font-family: gotham-medium;
    text-transform: uppercase;
    font-size: 10pt;
}
/*Div Pai do conteudo a Esquerda*/
.esquerda{
    float: left;
    margin-left: 3.5%;
    width: 59%;
    font-family: sans-serif;
    font-size: 13pt;

    box-shadow: 0px 0px 2px 2px #E2E2E2;
    min-height: 400px;
    max-height: 410px;
    white-space: normal;
    overflow-x:none;
}
.tablePeRedes{
    float: left;    
    width:90%;
    margin-left: 0%;
    padding: 0vh;
    margin-top: 3vh;    
    font-family: gotham-medium;
    font-size: 1rem;
    word-wrap: break-word;
    color:  #BABABA;
    text-decoration: none; 
    
}
#esquerdaGrade{
    float: left;
    margin-top: 2%;
    margin-left: 5%;
    width: 89%;
    height: auto;
    padding-bottom: 5%;
    font-family: sans-serif;
    font-size: 13pt;
}


/*Div que estiliza o conteudo dos comentários*/
#conteudoPublicar{
    float: left;
    width: 75%;
    margin-top: 0.3%;
    margin-left:0.5% ;
    min-height: 400px ;
    max-height: auto;
    box-shadow: 0px 0px 2px 2px #E2E2E2;

}
#conteudoComentarios{
    float: left;
    width: 75%;
    margin-top: 0.5%;
    margin-left:0.5% ;
    min-height: 130px ;
    max-height: auto;
    box-shadow: 0px 0px 2px 2px #E2E2E2 ;
}
.tituloPublicar1{
    float: left;
    width: 91%;
    margin-left: 4%;
    font-weight: 900;
    font-size: 16pt;
    min-height: 25px;
    max-height: auto;
    text-align: left;
    padding: 15px 4px;
    border-bottom: 1px solid #D4D4D4;
}
.tituloPublicar{
    float: left;
    margin-top:3.5% ;
    margin-left: 4%;
    width: 92%;
    text-align: left;
    font-weight: 600;
    color: gray;
}
.imgPublicar{
    float: left;
    margin-left: 4.2%;
    margin-top: 1%;
    background-image: url('imagem/user.png');
    width: 5%;
    height: 40px;
    background-size: 100% 100%;
    border-radius: 4px solid black;
    box-shadow: 0px 0px 2px 1px gray; 
}
.table1{
    float: left;
    margin-left: 1.5%;
    margin-top: 1%;
    text-align: left;
    width: 33%;
    min-height: 30px;
    max-height: auto;
}
.table2{
    float: left;
    margin-left:  1%;
    margin-top: 1%;
    width: 33%;
    min-height: 30px;
    max-height: auto;
    text-align: left;
}
.table3{
    float: left;
    margin-left: 4%;
    width: 92%;
    height: auto;
    margin-top: 1%;
}
/*Div Pai do conteudo em baixo da .esquerda*/
.informacoes{
    float: left;
    margin-top: 0.5%;
    margin-left: 3.5%;
    min-width: 93%;
    max-width: auto;
    text-align: left;
    min-height: 220px;
    max-height: auto;
    word-break: break-all;  
    /*border-top: 2px solid #E2E2E2;*/
}
.dadosComentario{
    float: right;
    display: block;
    margin-top: 1%;
    margin-right: 4%;
    text-align: left;
    padding:0px;
    text-transform: capitalize;
    width: 85%;
    height: auto;
    border-bottom: 1px solid #D4D4D4;
}
.comentario{
    float: left;
    margin-left: 0%;
    margin-top: 1%;
    width: 100%;
    height: auto;
}
.styleTitle{
    float: left;
    width: 100%;
    font-family: sans-serif;
    font-size: 14pt;
    height: auto;
    margin-top: 3%;
    font-weight: 500;
    word-break: break-all;
    text-transform:capitalize;
    margin-left: 0;
}
/*Estilo no título do conteudo do .informacoes*/
.style1{
    margin-top: 1%;
    font-size: 10pt;
    width: 10%;
    color: #606060;
    margin-left: 0%;
    word-break: break-all;
}

.right{
    float: right;
    margin-right: 1%;
    margin-top: 1%;
    width: auto;
    color: #606060;
    font-size: 8pt;
}
#descricaoCurso{
    width: 100%;
    min-height: 0px;
    max-height:auto ;
    font-size: 11pt;
    font-family: sans-serif;
    margin-top: 3.5%;
    padding-top: 2%;
    margin-left: 0%;
    padding-bottom: 3%;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
#conteudoPedido{
    position:absolute;
    color:#FFD700;
    left:37%;
    top:2;
    font-size:9pt;
}
.overlay-text{
    word-break: keep-all;
    text-align: center;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 3rem;
    font-weight: bold;
    color:#ffffff;
    width: auto;
    z-index: 999;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Adiciona sombra para melhor visibilidade */

}

#ajustabiblia{
    float: left;
    margin-top: 0.5%;
    margin-left: 0.5%;
    color: #000000;
    padding: 50px 50px;
    padding-bottom: 50px;
    text-indent: left;
    text-align: left;
    white-space:pre-line; /*Importante Quebra as linhas de acordo com o texto*/
    word-spacing:normal; 
    background: whitesmoke;
    width: 91.5%;
    min-height: 200px ;
    max-height: 640px;
    text-indent: left;
    font-family: sans-serif;
    font-size: 13pt;
    box-shadow: 0px 0px 4px 4px black;

}
#imgDireita{
    float: left;
    margin-top: 0.5%;
    margin-left: 0.5%;
    padding: 5%;
    padding-bottom: 1%;
    text-indent: left;
    text-align: left;
    white-space:pre-line; /*Importante Quebra as linhas de acordo com o texto*/
    word-spacing:normal; 
    background: whitesmoke;
    width: 91.5%;
    min-height: 140px ;
    max-height: 180px;
    text-indent: left;
    font-family: sans-serif;
    font-size: 11pt;
    box-shadow: 0px 0px 4px 4px black;

}
#estilaFonte{
    background:#4E44B4;
    font-weight: bold;
    opacity: 8;
}


  
  a {
    color: #000000;
    text-decoration: none;
    transition: 0.3s;
    text-transform: uppercase;
    
  }
  
  a:hover {
    opacity: 0.7;
    border-bottom: 1px solid gray;
    
    
 }
  
  .logo {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 4px;
    
   
  }
  
  nav {
    display: flex;
    justify-content: space-between; /* Alterado para espaço entre logo e menu */
    align-items: center;
    font-family: system-ui, -apple-system, Helvetica, Arial, sans-serif;
    background: #fff;
    height: 15vh;
    z-index: 1000;
    padding: 0 10px; /* Evita que o conteúdo saia da tela */
    box-sizing: border-box; /* Garantir que o padding não cause overflow */
    overflow-x: hidden; /* Impede overflow horizontal */

    
  }
  
  main {
    background: url("bg.jpg") no-repeat center center;
    background-size: cover;
    height: 92vh;
    
  }
  
  .nav-list {
    z-index: 1000;
    list-style: none;
    display: flex;
    
  }
  
  .nav-list li {
    letter-spacing: 3px;
    margin-left: 32px;
    
  }

  
  .mobile-menu {
    display: none;
    cursor: pointer;
  }
  /*Estilização do menu mobile*/
  .mobile-menu div {
    width: 32px;
    height: 2px;
    background: #000000;
    margin: 8px;
    transition: 0.3s;
  }
  
  @media (max-width: 999px) {
    body {
      overflow-x: hidden;
    }
    .nav-list {
      position: absolute;
      top: 8vh;
      right: 0;
      width: 50vw;
      height: 92vh;
      background: #fff;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      transform: translateX(100%);
      transition: transform 0.3s ease-in;
    }
    .nav-list li {
      margin-left: 0;
      opacity: 0;
      
    }
    .mobile-menu {
      display: block;
    }

    #topo2{
        position: relative; /* Permite posicionar o texto sobre a imagem */
        margin-top: 0%;
      width: 100%; /* Ocupa 100% da largura do container pai */
      height:56vh; /* Define uma altura responsiva baseada na altura da janela */
      background-image: url('../imagem/banner5.jpg'); /* Substitua pelo caminho da sua imagem */
      background-size: cover; /* Faz a imagem preencher o espaço sem distorcer */
      background-position: center; /* Centraliza a imagem */
      background-repeat: no-repeat; /* Evita repetição da imagem */
      display: flex; /* Facilita o alinhamento do texto */
      justify-content: center; /* Centraliza o texto horizontalmente */
      align-items: center; /* Centraliza o texto verticalmente */
       
    z-index: 1;
    }

    
    #esquerda1{
        float: left;
        margin-left: 6%;
        width: 40%;         /* Ajusta a largura ao tamanho do contêiner */
        height: 40%;        /* Mantém a proporção original */
        max-width: 100%;     /* Garante que a imagem não exceda seu tamanho original */
       
    }
    #esquerdaMaps{
        float: left;
        margin-left: 6%;
        width: 40%;         /* Ajusta a largura ao tamanho do contêiner */
        height: 35vh;        /* Mantém a proporção original */
        max-width: 100%;     /* Garante que a imagem não exceda seu tamanho original */
       
    }
    #servicoimagem{
        float: left;
        margin-top: 6%;
        margin-left: 6%;
        width: 38%;         /* Ajusta a largura ao tamanho do contêiner */
        height: 33vh; 
        padding-bottom: 6%;
        border: 2px SOLID gray;
        border-radius: 5%; /* Faz a borda da div ser redonda */
      overflow: hidden; /* Garante que o conteúdo dentro fique restrito à borda */
      
      justify-content: center; /* Alinha horizontalmente, opcional */
      align-items: center; /* Alinha verticalmente, opcional */
      object-fit: cover;
      text-align: center;
      
    }
    /*estilizando a fonte da página index */
.font2{
    float: left;
    margin-top: 3%;
    margin-left: 0%;
    padding-top:1%;
    padding-bottom: 2%;
    width: 100%;
    min-height: 100px;
    max-height: auto;
    line-height: 140%;
    word-break: keep-all;
    font-family: gotham;
    font-size: 1.5rem; 
    color: #898989; 
    font-weight: 600;
}

/*Div Pai que fica a direita da página*/
.direita{
    float: right;
    width: 35%;    
    margin-right: 0.4%;
    min-height: 500px; 
    max-height:700px;
    overflow-x: hidden;
    border:1px solid #E2E2E2; 
    box-shadow: 0px 0px 2px 2px #E2E2E2;
}
#mensagem{
    float: left;
    margin-top: 0%; 
    margin-left: 0%;
    color:#464646;
    font-size: 2rem; 
    word-break: keep-all;
    font-family:gotham-medium;
    font-weight: 900%; 
    min-height: 300px;
    max-height: auto;
    padding-top:0%;
    padding-bottom:2%;
    background:#FFFFFF;
    width: 100%; 
    

}
button[name='maisMensagens']{
    float: left;
    margin-top:4%;
    margin-left: 35%;
    border:3px solid #BABABA;
    border-radius:10px;
    text-transform: uppercase;
    color: #7F7F7F;
    cursor: pointer;
    word-break: keep-all;
    font-weight: 900;
    font-size: 1rem;
    width: 40%;
    background:none;
    min-height: 50px;
    max-height: auto;
}
.titulo5{
    font-size:2.5rem;
    word-break: keep-all;
    color:#464646;
    width:100%;
}

.texto5{
    margin-left:2%;
    font-size:1.5rem;
    word-break: keep-all;
}
.fontRodape{
    color: #BABABA;
    font-size: 0.8rem;
}

#conteudoWhatsapp{
    position: fixed;
     width: 45vh;
     height: auto;
     background-color: red;
     
 }
 
 .whatsapp-button {
     position: fixed; /* Botão fixo */
     bottom: 20px; /* Distância da borda inferior */
     right: 1.5vw; /* Distância da borda direita */
     background-color: #25d366;
     color: white;
     font-size: 18px;
     font-weight: bold;
     padding: 15px;
     border-radius: 50%;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     z-index: 9999; /* Sobrepõe outros elementos */
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     transition: all 0.3s ease;
     width: 60px; /* Tamanho inicial do botão */
     height: 60px; /* Tamanho inicial do botão */
 }
 img[id='imagemMenu']{
    width: 10vh;
    height: 10vh;
 }
 .logoRodape{
    width: 25vh;
    height: 25vh;
 
 }

 /*Estilizando o conteúdo do rodapé*/
.tablePe{
    float: left;    
    width:40.5%;
    padding-left:5%;
    margin-left: 1.5%;
    padding: 2vh;
    margin-top: 5%;
    font-family: gotham-medium;
    font-size: 18px;
    word-wrap: break-word;
    color:  #BABABA;
    text-decoration: none; 
    
    
}

.tablePeRedes{
    float: left;    
    width:90%;
    margin-left: 0%;
    padding: 0vh;
    margin-top: 3vh;    
    font-family: gotham-medium;
    font-size: 1rem;
    word-wrap: break-word;
    color:  #BABABA;
    text-decoration: none; 
    
}

#mensagem2{
    float: left;
    margin-top: 0%; 
    margin-left: 0%;
    color:#464646;
    font-size: 2rem; 
    word-break: keep-all;
    font-family:gotham-medium;
    font-weight: 100%; 
    min-height: 30%;
    max-height: auto;
    padding-top:0%;
    padding-left: 2%;
    padding-bottom:8%;
    background:#FFFFFF;
    width: 100%; 
    
}


} /*Final media query*/
  
 
 
  /* Celulares pequenos: largura menor ou igual a 479px */
@media (max-width: 479px) {
    body {
        overflow-x: hidden;
      }
    nav {
    display: flex;
    justify-content: space-between; /* Alterado para espaço entre logo e menu */
    align-items: center;
    font-family: system-ui, -apple-system, Helvetica, Arial, sans-serif;
    background: #fff;
    height: 11vh;
    z-index: 1000;
    padding: 0 10px; /* Evita que o conteúdo saia da tela */
    box-sizing: border-box; /* Garantir que o padding não cause overflow */
    overflow-x: hidden; /* Impede overflow horizontal */

    
  }
      #topo2{
        position: relative; /* Permite posicionar o texto sobre a imagem */
        margin-top: 0%;
      width: 100%; /* Ocupa 100% da largura do container pai */
      height:56vh; /* Define uma altura responsiva baseada na altura da janela */
      background-image: url('../imagem/banner5.jpg'); /* Substitua pelo caminho da sua imagem */
      background-size: cover; /* Faz a imagem preencher o espaço sem distorcer */
      background-position: center; /* Centraliza a imagem */
      background-repeat: no-repeat; /* Evita repetição da imagem */
      display: flex; /* Facilita o alinhamento do texto */
      justify-content: center; /* Centraliza o texto horizontalmente */
      align-items: center; /* Centraliza o texto verticalmente */
       
    z-index: 10;
    
    }

    #conteudoCarregar{
        position: fixed; /* Fixa o carregador na tela */
    top: 0%;
    left: 0.1vw;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #FFFFFF; /* Fundo branco */
    display: flex; /* Usa flexbox para centralizar */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    text-align: center;
    
        
    }

    #esquerda1{
        float: left;
        margin-left: 0%;
        width: 100%;         /* Ajusta a largura ao tamanho do contêiner */
        height: 40%;        /* Mantém a proporção original */
        max-width: 100%;     /* Garante que a imagem não exceda seu tamanho original */
        
    }
    #esquerdaMaps{
        float: left;
        margin-left: 6%;
        width: 88%;         /* Ajusta a largura ao tamanho do contêiner */
        height: 31vh;        /* Mantém a proporção original */
        max-width: 100%;     /* Garante que a imagem não exceda seu tamanho original */
        
    }
    #servicoimagem{
        float: left;
        margin-top: 6%;
        margin-left: 6%;
        width: 38.5%;         /* Ajusta a largura ao tamanho do contêiner */
        height: 24vh; 
        padding-bottom: 6%;
        border: 2px SOLID gray;
        border-radius: 5%; /* Faz a borda da div ser redonda */
      overflow: hidden; /* Garante que o conteúdo dentro fique restrito à borda */
      
      justify-content: center; /* Alinha horizontalmente, opcional */
      align-items: center; /* Alinha verticalmente, opcional */
      object-fit: cover;
      text-align: center;
      
    }
    /*estilizando a fonte da página index */
.font2{
    float: left;
    margin-top: 3%;
    margin-left: 0%;
    padding-top:1%;
    padding-bottom: 2%;
    width: 100%;
    min-height: 100px;
    max-height: auto;
    line-height: 140%;
    word-break: keep-all;
    font-family: gotham;
    font-size: 0.8rem; 
    color: #898989; 
    font-weight: 600;
}

/*Div Pai que fica a direita da página*/
.direita{
    float: right;
    width: 35%;    
    margin-right: 0.4%;
    min-height: 500px; 
    max-height:700px;
    overflow-x: hidden;
    border:1px solid #E2E2E2; 
    box-shadow: 0px 0px 2px 2px #E2E2E2;
    
}
#mensagem{
    float: left;
    margin-top: 0%; 
    margin-left: 0%;
    color:#464646;
    font-size: 1.5rem; 
    word-break: keep-all;
    font-family:gotham-medium;
    font-weight: 100%; 
    min-height: 30%;
    max-height: auto;
    padding-top:0%;
    padding-left: 2%;
    padding-bottom:10%;
    background:#FFFFFF;
    width: 100%; 
    
    
    
    

}

#mensagem2{
    float: left;
    margin-top: 8%; 
    margin-left: 0%;
    color:#464646;
    font-size: 1.5rem; 
    word-break: keep-all;
    font-family:gotham-medium;
    font-weight: 100%; 
    min-height: 30%;
    max-height: auto;
    padding-top:0%;
    padding-left: 2%;
    padding-bottom:8%;
    background:#FFFFFF;
    width: 100%; 
    
}
button[name='maisMensagens']{
    float: left;
    margin-top:6%;
    margin-left: 20%;
    border:3px solid #BABABA;
    border-radius:10px;
    text-transform: uppercase;
    color: #7F7F7F;
    cursor: pointer;
    word-break: keep-all;
    font-weight: 900;
    font-size: 0.55rem;
    width:60%;
    background:none;
    min-height: 50px;
    max-height: auto;
}
.titulo5{
    font-size:2rem;
    word-break: keep-all;
    color:#464646;
    width:100%;
    
}

.texto5{
    margin-left:2%;
    font-size:1.5rem;
    word-break: keep-all;
    color: #5f6263;
    
}
.fontRodape{
    color: #BABABA;
    font-size: 0.8rem;
}
.overlay-text{
    word-break: keep-all;
    text-align: center;
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 2.2rem;
    margin-left: 4%;
    font-weight: bold;
    color:#ffffff;
    width: 90%;
    z-index: 999;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7); /* Adiciona sombra para melhor visibilidade */

}

#conteudoWhatsapp{
    position: fixed;
     width: 45vh;
     height: auto;
     background-color: red;
     
 }
 
 .whatsapp-button {
     position: fixed; /* Botão fixo */
     bottom: 20px; /* Distância da borda inferior */
     right: 1.5vw; /* Distância da borda direita */
     background-color: #25d366;
     color: white;
     font-size: 18px;
     font-weight: bold;
     padding: 15px;
     border-radius: 50%;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     z-index: 9999; /* Sobrepõe outros elementos */
     display: flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     transition: all 0.3s ease;
     width: 60px; /* Tamanho inicial do botão */
     height: 60px; /* Tamanho inicial do botão */
 }

 img[id='imagemMenu']{
    width: 10vh;
    height: 10vh;
 }
 
 .logoRodape{
    width: 20vh;
    height: 20vh;
 
 }
 /*Estilizando o conteúdo do rodapé*/
.tablePe{
    float: left;    
    width:39.5%;
    padding-left:5%;
    margin-left: 1.5%;
    padding: 2vh;
    margin-top: 5%;
    
    font-family: gotham-medium;
    font-size: 18px;
    word-wrap: break-word;
    color:  #BABABA;
    text-decoration: none; 
    
    
    
}

.tablePeRedes{
    float: left;    
    width:90%;
    margin-left: 0%;
    padding: 0vh;
    margin-top: 3vh;    
    font-family: gotham-medium;
    font-size: 1rem;
    word-wrap: break-word;
    color:  #BABABA;
    text-decoration: none; 
    
}

#conteudohorizontal{
    float:left;
    margin-top: 7%;
    margin-left:0;
    padding-bottom: 6%;
    width:100%;
    height: auto;
    
    
    }

    #direita{
        float: left;
        margin-left: 4%;
        width: 90%;         /* Ajusta a largura ao tamanho do contêiner */
        height: 50%;        /* Mantém a proporção original */
        
    }

    #esquerda5{
        float:left;
        width:91.5%;
        height:auto;
        padding-left: 4%;
        padding-right: 4%;
        margin-left:0%;
        margin-top:1%;
        color:#a2a3a7;
        text-align:center;
        
    
        
    }
    #conteudofumace{
        float: left;
        padding-left: 0%;
        padding-right: 0%;
        margin-left: 0%;
        margin-top: 3%;
        width: 100%;         /* Ajusta a largura ao tamanho do contêiner */
        height: auto;        /* Mantém a proporção original */
        max-width: 100%;     /* Garante que a imagem não exceda seu tamanho original */
    }
} /*Final do media query para celulares*/

  .nav-list.active {
    transform: translateX(0);
  }
  
  @keyframes navLinkFade {
    from {
      opacity: 0;
      transform: translateX(50px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  
  .mobile-menu.active .line1 {
    transform: rotate(-45deg) translate(-8px, 8px);
  }
  
  .mobile-menu.active .line2 {
    opacity: 0;
  }
  
  .mobile-menu.active .line3 {
    transform: rotate(45deg) translate(-5px, -7px);
  }
  

img[id='pesquisa']{
    position: absolute;
    top:25px;
    padding: 0 0 0 0 ;
    right: 30px;
    width:2.5%;
    cursor: pointer;
    height:30px;
    background-size:100% 100%;
}
#pesquisar{
    display: none;
    position: fixed;
    margin-top: 97px;
    margin-left:0%;
    width: 100% ;
    height: 100%;
    background:#242424;
    opacity: .9;
    z-index: 9999;
}

.fechar{
    position: absolute;
    margin-left: 90%;
    margin-top: 2%;
    width: 3%;
    height: 35px;
    background-image:url("imagem/x.png");

}
.fechar:hover{
    cursor:pointer;
}
textarea[id='textarea2']{
    width: 100%; 
    min-height: 200px;
    margin-top: 2.5%; 
    padding-top: 2%;
}
#caixa1{    
    width: 70%;
    margin-top: 20%;
    margin-left: 18%;
}
input[id=caixa]{
    position: relative; 
    margin-top:0%;
    padding-right: 0%; 
    font-size: 16pt;
    left:0px;
    border-radius:0px;
    width:90%; 
    min-height: 55px;
    border:1px solid gray;

    color:white;
}
input[id="Buscar2"]{    
    position: absolute;    
    margin-top:2%;
    margin-left: 36%;
    font-size: 12pt;
    color:#242424;
    border:none;
    font-weight:bold;
    width: 25%;     
    background:#ffffff;
    text-transform: uppercase;
    height: 10%;
    opacity: 9;
}

img[id='iconeMostrar']{
    width: 50px;
    height: 50px;
}
#login{
    float: left;
    margin-top: 1%;
    margin-left: 1%;
    padding-bottom: 1.5%;
    width: 98%;
    text-align: left;
    font-family:sans-serif;
    font-size:12pt;
    color: #848383;
    word-wrap: break-word;
}
#imgCadeado{
    left:0px;
    width:150px;
    background-image:url("imagem/cadeado.jpg");
    height:0px;
    background:black;
    position:absolute;
    top:425px;
    z-index:2;
    opacity:.9;
}
#conteudoConta{
    position:relative;
    margin-left:32%;
    margin-top:0%;
    width:35%;
    height:400px;
    text-align: justify;
    font-family: sans-serif;
    font-size: 14pt;
    color:white;
    background: #ffffff;
    border-radius:4pt;

    word-wrap: break-word;
}
button[id='+']{
    float: left;
    margin-top: 0;
    margin-left: 0.4%;
    border:none;
    border:3px solid blue;
    font-weight: 900;
    font-size: 16pt;
    width: 35px;
    color: blue;
    height: 35px;
}
button[id='+']:hover{
    background:blue;
    color:whitesmoke;
    cursor: pointer;
}
input[value='Acessar']{
    display: table;
    border:none; 
    width:50%; 
    height:50px;
    margin-left:0%;
    margin-top:6%;
    color:white; 
    text-transform: uppercase;
    background:#242424;
}
input[value='Acessar']:hover{
    background:#635429;
    color:whitesmoke;
    cursor: pointer;
}
img[id='logoCadastro']{
    float:left; 
    margin-left:31%; 
    opacity:.9;
    margin-top:1%;
    border-radius:4pt;
}

input[id='senha']{
    width:80%; 
    height:30px; 
    margin-top:2%;
}

.criarConta{
    display: table;
    text-align: left;
    margin-left: 10%;
    margin-top: 5%;
    width:100%;
    color:#757584; 
    font-size:12pt;
}
input[value='Del']{
    border:2px solid blue;
    background:whitesmoke;
    color: blue;
    width: 100%;
    height: 20px;
}
input[value='Del']:hover{
    background: blue;
    color: whitesmoke;
    cursor: pointer;
}
input[value='Alt']{
    border: 2px solid blue;
    background: whitesmoke;
    color: blue;
    width: 100%;
    height: 20px;
}
input[value='Alt']:hover{
    background: blue;
    color: whitesmoke;
    cursor: pointer;
}
button[id='ver']{
    border:3px solid #BABABA;
    text-transform: uppercase;
    color: #7F7F7F;
    cursor: pointer;
    font-weight: 900;
    width: auto;
    background:none;
    min-height: 40px;
    max-height: auto;

}
#fundoUsuarios{
    float:left;
    background-image:url("imagem/biblia.png");
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position:absolute;
}

#tabelaProgramacao{
    position: relative;
    width:70%;
    margin: 2%;
    height:550px;
    margin-top: 0%;
    margin-left: 14%;
    border-radius: 3px;
    background:none;
    opacity:.9;
    font-family:sans-serif;
    font-size:13pt;
    box-shadow: 0px 0px 5px 5px #635429


}

#Fundobiblia{
    background-image:url("imagem/biblia02.jpg");
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 100%;
}
#fundoLivrosBiblia{
    background-image:url("imagem/arvore.jpg");
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;/*Largura e altura da imagem*/
    height: 100%;
}
select[id="select2"]{
    width: 20%;
    height: 50px;
    margin-top: 1%;
    background: none;
    padding-left: 1%;
    border:2px solid #242424;
}
.fonte18{
    font-family: sans-serif;
    color: #6d6d6d;
}

#fundoRegistro{
    float:left;
    margin: 2%;
    margin-top:1% ;
    margin-left:15% ;
    width: 70%;
    height: auto;
    padding-bottom: 3%;
    background-color:#ffffff;
    text-align: center;
    border-radius: 4pt;
    font-family: sans-serif;
    font-size: 10pt;
}
.g-recaptcha{
    margin-left: 17%;
    width: 20%;
}
input[value='Enviar']:hover{
    cursor: pointer;
}
input[value='Enviar']{
    color: #ffffff;
    border:none;
    margin-top: 2%;
    background:#242424;
    font-weight: 600;
    text-transform: uppercase;
    width:15%;
    height:40px;
}
input[value='ENVIAR']{
    color: #ffffff;
    border:3px solid #cccccc;
    cursor: pointer;
    background:none;
    width: 100px;

    height: 55px;
}

#titulo20{
    width: 100%;
    height: 70px;
    padding-top: 1%;
    overflow: auto;
}

#imgLoja{
    position:absolute;
    left:20px;
    top:5px;
    width:px;
    height:px;
    background:red;
}
#conteudoLoja{
    position:absolute;
    color:black;
    font-size:9pt;
    background:gold;
    height:84px;
    width:150px;
}

#AntigoTestamento{
    float: left;
    width:200px;
    height:30px;
    top:30px;
    margin-left:40%;
    color:white;
    font-size:16pt;
    font-family:Arial;

}

#novoTestamento{
    float: left;
    width:200px;
    height:30px;
    top:30px;
    margin-left:40%;
    color:white;
    font-family:Arial;
    font-size:16pt;
}
#tabelaNovoTestamento{
    float: left;
    margin-left: 25%;
    margin-top:0%;
    width:50%;
    height:60%;
    font-family: arial;
    text-decoration: none;
    opacity: .9;
    z-index:6;
    background:#ffffff;
    box-shadow: 0px 0px 5px 2px whitesmoke;
}



input[id=Perfil]{
    border: none;
    background: none;
    color: #848383;
}
input[id=Perfil]:hover{
    text-decoration: underline;
    cursor: pointer;
}
#tabelaAntigoTestamento{
    float: left;
    margin-left:25%;
    margin-top:0%;
    width:50%;
    height:70%;
    color: red;
    font-family: arial;
    text-decoration: none;
    z-index:6;
    opacity:.9;
    background:whitesmoke;
    box-shadow: 0px 0px 5px 3px whitesmoke;
}

#conteudoBiblia{
    float:left;
    margin-top: 1%;
    margin-left:6%;
    padding:4%;/*Ajustando a posiçao do texto dentro da div*/
    text-align: justify;
    width: 80%;
    background-color: black;
    color: white;
    border-radius: 4pt;
    opacity: .8;
}
#videos{
    float: left;
    margin-left: 0;
    box-shadow: none;
    width: 41%;
    text-align: left; 
    color:#322A2A;
    /*border-right: 1px solid #E2E2E2;*/
    height: 100px ;
}
#videos2{
    float: left; 
    width: 99.7%; 
    margin:0; 
    margin-top: 0; 
    margin-left: 0; 
    height: 99.4%;
}


button[id='lerMais2']{
    float: left;
    margin-top:3%;
    margin-left: 35%;
    border:3px solid #BABABA;
    border-radius:20px;
    text-transform: uppercase;
    color: #7F7F7F;
    cursor: pointer;
    font-weight: 900;
    width: 30%;
    background:none;
    min-height: 45px;
    max-height: auto;

}
button[id='lerMais2']:hover{
    border:3px solid #333333 ;
    cursor: pointer;
}

#direita5{
    float:right;
    width:50%;
    height:330px;
    margin-right:1%;


}


#overflowVideo{
    float: left;
    overflow: none;
    margin-top: 0;
    width: 100%;
    min-height: 530px;
    padding-top:5%;
    padding-bottom: 5%;
    max-height: auto;
    background: #333333;
}
#ajusta5{
    float: left;
    overflow: none;
    margin-top: 0;
    width: 100%;
    min-height: 300px;
    padding-top:5%;
    padding-bottom: 5%;
    max-height: auto;
}
.fontPregacoes{
    display: block;
    font-family: gotham-medium ;
    min-height: 63px;
    max-height: auto;
    padding-top: 4%;
    font-size: 30pt;
    text-transform: capitalize;
    color:#FFFFFF;
    text-align: center;
    font-weight: 900%;
    width: 98%;
}
video{
    width: 100%;
    height: 280px ;
}
.legenda{
    margin-top: 0.1%;
    height: auto;
    width: 100%;
    color: whitesmoke;
    text-align: center;
    text-transform: capitalize; ;
    text-indent: justify;
    white-space:pre-line; /*Importante Quebra as linhas de acordo com o texto*/
    word-spacing:normal; 
    font-weight: 900;
    font-family: gotham;
}
/*Ajustando a div do conteudo das musicas*/
#musicas {
    float: left;
    max-height: auto;
    width: 23%;
    margin-top: 0%;
    margin-left:0.2%;
    border: 1px solid #D7D7D7;
    border-radius: 2px;
    margin: 0.8%; /*Distancia entre as divs das musicas*/
}
#musicas:hover{
    border:1px solid #635429;
    -webkit-transition: all linear 0.4s;
}
/*Div Pai que agrupa as outras referentes aos Eventos*/
#eventos{
    float: left;
    margin-top: 0%;
    width: 100%;
    min-height: 605px;
    max-height: auto;
    font-family: sans-serif;
    background:#FFFFFF;
    padding-top: 3.5%;

}
/*Div dos conteudos a esquerda*/
.conteudoEventos{
    float: left;
    margin-left: 0;
    margin-top: 2%;
    width: 100%;
    height: 350px;
    overflow-x: auto;
    border-bottom: 1px solid #D2D2D2;
}
#conteudoBanner{
    float: left;
    margin-top: 0;
    margin:1%;
    margin-left:2%;
    width:30%;
    min-height: 300px;
    max-height: auto;
    border-radius: 4px;
    box-shadow: 0 0 2px 2px gray;

}
#conteudoBanner:hover{
    box-shadow: 0 0 4px 4px gray;
    cursor: pointer;
}
button[id='tituloEvento']{
    width: 100%;
    height: 40px;
    margin-top: 0;
    background:#525252;
    color: whitesmoke;
    border:none;
    opacity: .9;
    text-transform: uppercase;
    font-family: gotham-medium;
    font-weight: 600;
    font-size: 12pt;
    line-height: 0.1;

}
button[id='tituloEvento']:hover{
    cursor: pointer;
}

.bannerImg{
    display: block;
    margin-top: 0;
    margin-left: 0; 
    width: 100%;
    height: 260px ;
    background-size:  100% 100%;
}

.legendaImg{
    display: block;
    margin-left: 1%;
    width: 97%;
    line-height: 140%;
    font-family: sans-serif;
    font-size: 16pt;
    font-weight: 900;
    color:#635429;
    text-align: left;
    margin-top: 0%;
    word-break: break-all;
    height: auto;
}
.fontLeg{
    display: table;
    padding-top: 2%;
    margin-top: 0;
    color:#393939;
    margin-left: 2%;
    width: 95%;
    min-height: 200px;
    max-height: auto;/*IMPORTANTE*/
    word-break: break-all;
}
.fontEventos{
    font-size: 30pt;
    display: block;
    padding-top: 4%;
    font-family: gotham-medium;
    color: #464646;
}
.fontEventos2{
    display: block;
    padding-top: 1.5%;
    padding-bottom: 1.5%;
    font-family: gotham;
    font-size:18px;
    font-weight:600;
    color:#898989;
}
.imgEstudo2{
    float: left;
    display: table;
    margin-top: 1%;
    margin-left: 2%;
    width: 95.5%;
    height: 100px;
    border:none;
    border-radius: 4px;
}
.descricaoEstudo{
    display: table;
    padding-top: 3%;
    padding-bottom: 4%;
    margin-left: 3%;
    text-align: left;
    font-style: sans-serif;
    font-size: 11pt;
    width: 94%;
    height: auto;
}
.resumoGrade{
    display: table;
    padding-top: 3%;
    padding-bottom: 2%;
    color:#888888;
    margin-left: 0%;
    text-align: left;
    font-family: sans-serif;
    font-size: 11pt;
    width: 100%;
}
.infoEstudos1{
    float: left;
    display: table;
    margin-left: 3%;
    margin-top: 2%;
    font-size: 9pt;
    font-family: museosans;
    font-size: 9pt;
    text-align: left;
    width: 94%;
    height: 45px;
    box-shadow: 0 0 2px 2px #E4E4E4;
}
.tituloDireita{
    display: block;
    padding-top: 6%;
    padding-bottom: 2%;
    margin-left: 0;
    text-align: center;
    width: 100%;
    font-family: gotham-medium;
    font-size: 36px;
    color: #898989;
    word-break: break-all;
    height: auto;

}
.tituloDireita2{
    float: left;
    margin-left: 0;
    margin-top: 0.1%;
    color: whitesmoke;
    font-family: museiosans;
    font-size: 15pt;
    font-weight: 900;
    width: 95.6%;
    text-align: center;
    background: #635429;
    border:none; 
    text-transform: uppercase; 
    padding:0 2%; 
    line-height: 200%;
    min-height:40px;  
    max-height: auto;
}

/*Programaçãop div a Direta*/
/*Conteudo dos eventos a Direita div PAI*/
.eventosDireita{
    float: left;
    margin-left: 0%;
    margin-top: 0.1%;
    width: 100%;
    min-height:400px;
    max-height: auto;
    padding-top:0%;
    padding-bottom: 8%;
}

#programacao{
    display: none;
    margin-left: 0.1%;
    margin-top: 0.1%;
    width: 99.6%;
    min-height:400px;
    max-height: auto;
    padding-top:0%;
    padding-bottom: 8%;
}
#gradeEstudos{
    float: left;
    margin-left: 3%;
    margin-top: 2%;
    font-size: 9pt;
    font-family: museosans;
    font-size: 9pt;
    text-align: left;
    width: 94%;
    min-height: 190px;
    max-height: 250px;
    cursor: pointer;
}
.conteudoProgram{
    float: left;
    margin-top: 0.2%;
    margin-left: 1%;
    font-family: museosans, sans-serif;
    font-size: 10pt;
    width: 97%;
    height: auto;
}
.iconeAgenda{
    width: 11%;
    height: 25px;
    background-size: 100% 100%;
}
.iconeAgenda2{
    width: 10%;
    height: 25px;
}
.fontSemana{
    margin-top: 0%;
    font-family: gotham-medium;
    margin-left: 1%;
    color:#b6b6b6;
    height: auto;
    font-size: 35px; 
    border-radius: 10pt;
}
.fontSemana:hover{
    color:#898989;
}
.fontHorario{
    float:left;
    font-family: montserrat;
    font-size: 10px;
    margin-top: 1%;
    width: 100%;
    word-break: break-all;
    height: auto;
    text-align:center;
    text-transform: uppercase;
    padding-top:2%;
    padding-bottom:5%;
    margin-left: 1%;
}
/*Div para ajustar a imagem da agenda na conteudoEventos*/
.textProgramacao{
    float: left;
    margin-left: 4%;
    margin-top: 1.5%;
    text-align: left;
    width: 92%;
    color: #363636;
    min-height: 60px;
    max-height: auto;
    background-size: 100% 100%;
    border-radius: 10px;
}
.ajustaProgram{
    float: left;
    margin-left:1.5%;
    margin-top: 1%;
    border-bottom: 1px solid #e1e1e1;
    width: 19.3%;
    padding-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 3%;
    min-height: 120px;
    max-height: auto;
    /*box-shadow: 0 2px 1px white;*/
    /*opacity: 0.7;*/
}
.ajustaProgram:hover{
    border-bottom: 1px solid #AA9055;

}
.nossosHorarios{
    font-family:montserrat;
    font-size:11pt;
    color:#b6b6b6;
}
.contato{
    display: none;
    float: left;
    margin-top: 0.1%;
    margin-left: 0.1;
    width: 99.6%;
    min-height: 450px;
    max-height: auto;
    background-size: 100% 100%;
    background-image:url("../imagem/PM.jpg");

}

button[id='contato']{
    float: left;  
    margin-left: 33.7%;
    margin-top: 3%;
    width: 28%;
    min-height: 50px;
    max-height: auto;
    color: #ffffff;
    font-family:gotham ;
    font-size: 40pt;
    font-weight: 950;
    text-align: center;
    word-break: break-all;
    border:none;
    border-radius: 40px;
    border:3px solid #ffffff;
    text-transform: uppercase;
    background:none;

}
button[id='contato']:hover{
    cursor:pointer;
}

.textContato{
    float: left;
    margin-left: 15%;
    margin-top: 10%;
    width: 67.3%;
    min-height: 100px;
    word-break: break-all;
    font-family:gotham;
    font-size: 15pt;
    text-align: center;
    max-height: auto;
    color: #494949;

}
.playList{
    display: none;
    float: left;
    margin-top: 0.1%;
    padding-top:5%;
    padding-bottom:5%;
    margin-left: 0;
    width: 100%;
    min-height: 420px;
    max-height: auto;
}
.leftPlay{
    float: left;
    margin-left: 1.5%;
    font-family: gotham;
    font-size: 15pt;
    color: #7F7F7F;
    margin-top: 8%;
    width:40.5%;
    text-align: left;
    min-height: 200px;
    max-height: auto;

}
.tituloPlay{
    float: left;
    margin-left: 0;
    font-family: gotham-medium;
    font-size: 36px;
    color:#474747;
}
button[id='verMusicas']{
    float: left;
    margin-top: 4%;
    margin-left: 0;
    width: 60%;
    height: 50px;
    font-family: gotham-medium;
    font-size: 13pt;
    font-weight: 900;
    text-transform: uppercase;
    background: none;
    color:#7F7F7F;
    border-radius: 30px;
    border:3px solid #BABABA;

}
button[id='verMusicas']:hover{
    border:3px solid #333333;
    cursor: pointer;
}

.rightPlay{
    float: right;
    margin-right: 4%;
    margin-top: 8%;
    width: 50%;
    height: auto;
}
.conteudoBotoes{
    float: left;
    margin-top: 2%;
    margin-left: 0;
    width: 99.5%;
    min-height: 300px;
    padding-bottom: 6%;
    max-height: auto;
}
.agrupaEventos{
    float: left;
    display: block; /* Cria blocos para essa TableImportante*/
    text-align: center;
    margin-top: 0%;
    margin-left: 2%;
    width: 28.5%;
    font-weight: 700;
    color:#635429;
    word-break: break-all;
    min-height: 100px;
    max-height: auto;
    border-bottom: 1px solid #D7D7D7;
}

.conteudoOutrosEventos{
    float: left;
    display: table;
    margin-top: 0.5%;
    margin-left: 2%;
    width: 96%;
    height: auto;
    border-bottom: 1px solid #D7D7D7;
}
.itensOutrosEventos{
    float: right;
    width: 95%;
    font-family: sans-serif;
    text-align: left;
    font-weight: 600;
    margin-right: 0%;
    height: auto;
}
button[id="verEventos"]{
    float: right;
    margin-right: 0.1%;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 0%;
    margin-left: 1%;
    min-width: 19%;
    max-width: auto;
    background: none;
    min-height:40px;
    max-height: auto;
    line-height: 65%;
    color: #7F7F7F ;
    border-radius: 20px; 
    border:3px solid #BABABA ;
    box-sizing: border-box;
}
button[id="verEventos"]:hover{
    border:3px solid #333333 ;
    cursor: pointer;
}
button[id="verEventos2"]{
    float: left;
    font-weight: 900;
    /*letter-spacing: 0.1;*/
    /*word-spacing: 0.1*/
    text-transform: uppercase;
    margin-top: 2%;
    margin-left: 1%;
    width: auto;
    background:whitesmoke;
    min-height: 50px;  
    max-height: auto;
    line-height:65% ;
    color: #DA2626;
    border: 3px solid #DA2626; 
}
button[id="verEventos2"]:hover{
    background: #F06060;
    color: whitesmoke; 
    z-index: 100;
    text-decoration: hidden;
    cursor: pointer;
    border:3px solid #6B4A4A;
}
button[id="verEventos3"]{
    float: left;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 2%;
    margin-left: 1%;
    width: auto;
    min-height:50px;
    max-height: auto;
    background:whitesmoke;
    color: #4E34D3 ;
    line-height: 65%;
    border: 3px solid #4E34D3; 
}
button[id="verEventos3"]:hover{
    background: #4E34D3;
    color: whitesmoke; 
    cursor: pointer;
}
.informacoesEvento{
    margin-left: 3%;
    display: table;
    padding-top: 2%;
    width: 96%;
    line-height: 70%;
    font-family: sans-serif;
    font-weight: 800;
    text-align: left;
    font-size: 18pt ;
    color: #393939;
    height: 100px;
}
.itensEvento{
    float: left;
    display: block;
    margin-top: 1.5%;
    line-height: 77%;
    font-size: 10pt;
    height: auto;
    word-break: break-all;
}
#conteudoEstudos{
    display: none;
    float: left;
    margin: 0;
    padding: 0;
    font-family: nimbus-sans ;
    margin-left: 0.1%;
    margin-top: 1.5%;
    padding-bottom: 6%;
    width: 99.6%;
    min-height: 100px;
    max-height: auto;
    background: #FFFFFF;
}
.agrupaEstudos{
    float: left;
    margin-top: 1.6%;
    margin-left: 2%;
    font-family: nimbus-sans;
    width: 30%;
    min-height: 50px;
    max-height: auto;
}
.titulo3{
    float: left;
    width: 100%;
    margin-top: 5%;
    font-family: gotham-medium;
    font-weight: 400;
    font-size: 11pt;
    color:#929292;
    cursor: pointer;
}
.infoEstudos{
    float: left;
    font-family: gotham;
    font-size: 9pt;
    text-align: left;
    width: 100%;
    font-weight: 400;
    color: #464646;
    margin-top: 5%;
    margin-left: 1%;

}
.textarea2{
    float: left;
    width: 100%; 
    margin-top: 9%;
    margin-left: 0%;
    height: 100px; 
    font-family: gotham;
    text-align: left;
    color: #464B4B;
    border:none; 
    box-shadow: none;
    background:none;
    overflow: auto;
}
.imgEstudo{
    display: table;
    margin-left: 0.4%;
    width: 30%;
    height: 200px;
}
#imgEstudoGrade{
    float: left;
    margin-left: 0.4%;
    width: 31%;
    height: 180px;
}
#conteudoEstudosGrade{
    float:right; 
    padding-top: 0.5%;
    margin-left: 0%;
    width: 66.5%;
    min-height: 174px;
    max-height: 180px;

}
.tituloGrade{
    display: table;
    width: 100%;
    font-family: sans-serif;
    font-size: 12pt;
    font-weight: bold;
    color:#242424;
}
.dadosGrade{
    display: block;
    padding-top: 1.5%;
    width:auto;
    color:#888888;
    font-family: sans-serif;
    font-size: 10pt;
}
.dadosGrade2{
    margin-left: 4%;
}
button[id='lerMais']{
    float: left;
    margin-left: 0%;
    margin-top: 5%;
    color: #464646 ;
    border-radius: 30px; 
    border:3px solid #BABABA ;
    width: 100%;
    background: none;
    text-transform: uppercase;
    font-family: museosans;
    font-weight: 900;
    min-height:50px;
    max-height: auto; 
}
button[id='lerMais']:hover{
    border:3px solid #333333 ;
    cursor: pointer;
}
.conteudoDireitaEstudo{
    float: left;
    margin-top: 1%;
    text-align: left;
    margin-left: 1%;
    color: #707070;
    width: 64.5%;
    height: auto;
    word-break: break-all;
}
.nomePastor{
    display: table;
    margin-top: 3%;
}
input[value="Baixar"]{
    float: left;
    border:3px solid #BABABA;
    margin-left: 0%;
    margin-top:0%;
    width: 100%;
    height: 50px;
    background: none;
    text-transform: uppercase;
    font-weight: 900;
    color: #7F7F7F;
    border-radius: 30px;
}
input[value="Baixar"]:hover{
    border:3px solid #919191;
    cursor: pointer;
}
input[value='Assistir']{
    float: left;
    border:3px solid #F7FBFF;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    height: 50px;
    background: none;
    text-transform: uppercase;
    font-weight: 600;
    font-family:gotham-medium;
    font-size:15px;
    color:#F7FBFF;
    border-radius: 30px;
}
input[value='Assistir']:hover{
    border:3px solid #919191;
    cursor: pointer;
}
/*Ajustando o player das musicas*/
#player{
    width:100%;
    height:34px;
    margin-top:auto;
    margin-left:0;
    z-index:600;
    opacity:.8;
    background-clip: red;
    border-radius: 4pt;
}
#imgMusica{
    float: left;
    width: 100%;
    height: 230px;
    border-radius: 2px;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
#rodape{
    float:left;
    width:100%;
    border-top: 1px solid #E1E1E1;
    margin-top:0%;
    text-align: left;
    padding-top:5%;
    padding-bottom:5%;
    height: auto;
    margin-left:0%;
    display:table;
    background: #161616;

}
iframe[id='iframe']{
    border:1px solid #eaeaea;                    
}
img[id='mapa']{
    margin-top:2%;
}
textarea[id='message']{
    border:1px solid #323232;
    background:none;
    color: white;
    width:100%;
    padding-left: 2%;
    min-height:150px;
    max-height:350px;
    padding-left:2%;

}


.texto5{
    margin-left:2%;
    font-size:10pt;
}
.fontRodape{
    color: #BABABA;
    font-size: 0.8rem;
}

/*Estilizando todas as tabelas*/
table{
    position: relative;
    top: 0px;
    width: 98%;
    left: 0.2%;
    border:none;  
    font-family: fantasy;
    font-size: 11pt;
    text-align: center;
    overflow: auto;
}
/*Linha do topo das tabelas*/
th{
    background: #929292;
    padding-top: 1%;
    padding-bottom: 1%;
    color: #ffffff;
    height: 30px;
}
/*Linha das informaçoes das tabelas*/
td{
    opacity:5;
    color: black;
}
.tdCor{
    background:whitesmoke;
}
.tdCor2{
    background:#EEEEEE;
}
.tdBorder{
    border-right: 4px solid #635429;

}

tr{
    background:gray;
}
/*Estilizando as colunas*/
td:hover{
    background:#EEEEEE;
}/*Botoes de açoes das tabelas*/
input[value='Del']{
    width: 100%;
    height: 30px;
    background: blue;
    color: whitesmoke;

}
input[value='Alt']{
    background: blue;
    color: whitesmoke;
    width: 100%;
    height: 30px;
}
/*Estilizando a section galeria*/
section#galeria{
    float: left;
    background: #fff;
    width: 100%;
    margin-left: 0%;
    height:600px;
    z-index: 300;
    display: block;
    overflow: hidden;/*Agrupa o conteúdo na div*/
    box-shadow: #999 0 0 15px;
}

/*Estilizando os botões*/
section#galeria section#buttons {
    display: none;
    position:absolute;
    margin: 5px;
    margin-top:25%;
    z-index: 500; /* Mostrando os botões*/
}

/*Estilizando os botões reais*/
section#galeria section#buttons a{
    background: white;
    width: 50px;
    height: 40px;;
    display: inline-block;
    text-align: center; /*Centralizando o texto*/
    line-height: 40px;
    font:bold 22pt Arial, "Helvetica Neue", helvetica, Sans-serif;
    color:black;
    text-decoration: none;
    opacity:0.7;
}
/*Estilizando a passagem do mouse sobre o slide*/
section#galeria section#buttons a:hover{
    background: #555;

}
section#galeria ul{
    list-style: none;
    display: block;   
}
/*Estilizando o meu Li*/
section#galeria ul li{
    width: 100%;/*Largura do Li auto para nao bugar a troca de slide em cor*/
    height: 107.8% ; /*Altura do li para imagem*/
    margin-top: 0%;
    display: inline-block; /* Coloca os Li um item do lado do outro*/
}
/*Ajustando o tamanho da imagem de cada Li dentro da div geral section*/
section#galeria ul li img{
    float: right; /*Importante para ajustar a imagem do carousel*/
    width: 105%;/*Ocupando todo o meu li e deixando responsivo(Importante)*/
    height: 100%;
    margin-top: -2%;
    margin-right: 1%; 
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}
/*Estilizando o Span de texto para ficar embaixo como legenda do slide*/
section#galeria ul li span{
    display:none;
}
/*Efeito para estilizar o Slide*/
@-webkit-keyframes slide-animation {
    1% {left: 0%; opacity: 1;}
    18% {left: 0%; opacity: 1}
    19% {opacity: 0.2;}
    20% {left: -100%; opacity: 1;}
    58% {left: -100%; opacity: 1;}
    59% {opacity: 0.2;}
    60% {left: -200%; opacity: 1;}
    98% {left: -200%; opacity: 1;}
    99% {opacity: 0.5;}
    100% {left: 0%;}
}

@-moz-keyframes slide-animation {
    1% {left: 0%; opacity: 1;}
    18% {left: 0%; opacity: 1}
    19% {opacity: 0.2;}
    20% {left: -100%; opacity: 1;}
    58% {left: -100%; opacity: 1;}
    59% {opacity: 0.2;}
    60% {left: -200%; opacity: 1;}
    98% {left: -200%; opacity: 1;}
    99% {opacity: 0.5;}
    100% {left: 0%;}
}