@import url('https://fonts.googleapis.com/css2?family=Roboto:ital@1&display=swap');
*{
    margin: 0;
    padding: 0;
}
body{
    background-color: rgba(159,159,159,0.02);
}

p.paragrafo{
    font-size: 18px;
    color: #999;
    text-align: justify;
    line-height: 19px;
    font-family: 'Roboto', sans-serif;
}
.font-padrao{
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
.bgColocarPrimario{
    background-color: rgba(255,255,255,1.00);
}
.bgColocarSecundario{
    background-color: rgba(247,216,47,1.00);;
}
.colorAmarelo{
    color: rgba(247,216,47,1.00);
}


/*IMAGENS UPLOAD */
figure.img_cliente_up{
    display: block;
    float: left;
    width: 100%;
    height: 250px;
    padding: 10px;
    background-color: #f8f8f8;
}
figure.img_cliente_up label.bg_upload_imagem{
    display: block;
    margin: 10px auto;
    width: auto;
    height: 175px;
}

figure.img_cliente_up label.bg_upload_imagem img{
    display: block;
    margin: 10px auto;
    width: auto;
    max-width: 100%;
    height: 175px;
    
}

/* header */

.sobraTopo{
    box-shadow: 1px 1px 5px #3D3D3D;
}
div.bg_header_controle{
    display: block;
    float: left;
    width: 100%;
    height: 25px;
}
div.sairSistema{
    display: block;
    float: right;
    width: 275px;
    height: 25px;
}

div.sairSistema h4 {
    line-height: 25px;
    font-size: 15px;
    text-align: right;
    cursor: pointer;
}

div.bg_header{
    display: block;
    float: left;
    width: 100%;
    height: 80px;
}
figure.logoF5{
    display: block;
    float: left;
    height: 80px;
}
figure.logoF5 img.imgLogoTipo{
    display: block;
    float: left;
    height: 75px;
}

div.listaMenus{
    display: flex;
    align-items: center;
    background-color: rgba(255,255,255,1.00);
}

div.bg_acessoUsuario{
    max-width: 350px;
}

div.bg_acessoUsuario div.carCompras{
    display: block;
    float: right;
    width: 45%;
    height: 45px;
    text-align: right;
}

div.bg_acessoUsuario div.logingCadastro{
    display: block;
    float: left;
    width: 45%;
    height: 45px;
    text-align: right;
}


/*FORMATACAO DA PAGE */
div.bg_page{
    display: flex;
    float: left;
    justify-content: center;
    width: 100%;
    height: 32px;
}
div.bg_page ul.listaPage{
    display: flex;
    justify-content: center;
    list-style: none;
}
div.bg_page ul.listaPage li{
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    margin: 0 2px;
}
div.bg_page ul.listaPage li button.btn-page{
    display: block;
    float: left;
    width: 32px;
    height: 30px;
    border:none;
    border-radius: 5px;
}
div.apresentandoInformacoes p{
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
}

/*FINAL DA FORMATACAO DA PAGINACAO*/


/*  FORMATAÇÃO CSS UTILIZADA NA PAGINA HOME DO SITE */
div.caixa_fixa{
    display: block;
    position: relative;
    height: 90vh;
    width: 100%;
    background-size: 100% 100%;
    background-attachment: fixed;
}
    /* INICIO BANNER HOME */
     img.imgBanner{
         display: block;
         position: relative;
         height: 100vh;
         width: 100%;
         background-position: center center;
         background-attachment: fixed;
     }
    /* FIM BANNER HOME */

h1.club_assinatura{
    text-align: center;
    font-size: 30px;
    margin: 100px 0 50px 0;
}

img.img_clube{
    display: block;
    float: left;
    min-width: 100px;
    height: auto;
    max-height: 300px;
    width: auto;
}

.sobreNos{
    border:1px solid rgba(247,216,47,1.00);
    text-align: center;
    border-radius: 25px;
}

/* FIM HOME */


/*FORMATAÇÃO INICIO DA PAGINA SOBRE NOS */
figure.banner_apresentacao{
    display: block;
    float: left;
    width: 100%;
    height: 350px;
    border-bottom: 30px solid rgba(247,216,47,1.00);
}
figure.banner_apresentacao img.img_bannerApresentacao{
    width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: 0 50%;
}

figure.logoQuemSomes{
    clear: both;
    display: block;
    float: left;
    width: auto;
    height: 350px;
}

img.imgLogoSobreNos{
    width: auto;
    height: 350px;
}
img.carrocelSobreNos{
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: 0 50%;

}
/*FINAL DA PAGINA SOBRE NOS */


/* INICIO DA FORMATACAO PAGINA DE SERVICOS */
div.bg_caixaServicos{
    display: block;
    float: left;
    width: 100%;
    height: 550px;
    box-shadow: 2px 1px 2px 2px rgba(159,159,159,1.00);
    border-radius: 10px;
}
div.bg_caixaServicos:hover{
    box-shadow: 2px 5px 2px 2px rgba(247,216,47,0.5);;
}
figure.caixa_imagem_servicos{
    display: block;
    float: left;
    width: 100%;
    height: auto;
}

figure.caixa_imagem_servicos img.img_caixaServicos{
    display: block;
    margin: 10px auto;
    width: 210px;
    height: 170px;
}

figure.caixa_imagem_servicos figcaption{
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
}
figure.caixa_imagem_servicos figcaption h4 {
    min-height: 56px;
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}
figure.caixa_imagem_servicos figcaption p {
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: rgba(159,159,159,1.00);
}

div.controleBtnServicos{
    position: absolute;
    width: 83%;
    bottom: 0;
    margin-bottom: 20px;
    text-align: center;
}

figure.img_servicos_unico{
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}

img.servicosUnicos{
    display: block;
    margin: 80px auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 330px;
}
/* FINAL DA FORMATACAO DE SERVICOS */





/*FORMATACAO DA PAGINA CLUBE DE ASSINTATUA */
figure.banner_apresentacao_clube{
    display: block;
    float: left;
    width: 100%;
    height: 650px;
}
figure.banner_apresentacao_clube img.img_bannerApresentacaoClube{
    width: 100%;
    height: 650px;
    object-fit: cover;
    object-position: 0 20%;
}

figure.banner_apresentacao_clube figcaption{
    position: absolute;
    top: 250px;
    left: 200px;
    width: 500px;
}

/*FINAL DA PAGINA CLUBE DE ASSINTATURA */







/* FORMATACAO DA PAGINA DE LOGIN  E CADASTRO */
h1.titulo_acesso{
    font-size: 22px;
    color: #454d55;
    font-weight: bold;
    text-align: justify;
    line-height: 22px;
    font-family: 'Roboto', sans-serif;
}
h1.titulo_acesso span{
    font-size: 38px;
}
/* FINAL DA PAGINA DE LOGIN E CADASTRO */

/*FORMATACAO UTILIZADA NO FOOTER DO SITE */
h1.ttlFooter{

    font-size: 30px;
    line-height: 30px;
    padding: 30px;
    font-weight: bold;
}
/* FIM DA FORMATACAO DO FOOTER */


/*FORMATACAO DOS CAMPOS DE CONTROLE DE PAGINA CONTATO*/
h1.titulo_contato{
    display: block;
    float: left;
    width: 180px;
    text-indent: 5px;
    font-size: 40px;
    line-height: 42px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    border-bottom: 10px solid rgba(247,216,47,1.00);
}


div.bg_contato_dados{
    border:2px solid  rgba(247,216,47,1.00);
    border-radius: 15px;
}

div.bg_contato_dados button{
    font-size: 38px;
}



/*CARRINHO COMRPA */
div.bg_carrinhoCompora {
    position: absolute;
    width: 350px;
    height: auto;
    min-height: 550px;
    z-index: 999999;
    right: 0px;
    top: 96px;
    background-color: rgba(255,255,255,0.9);
    border-left: 2px solid rgba(159,159,159,0.9);
    padding-bottom: 20px;
}
div.bg_carrinhoCompora figure.topCarrinho{
    display: block;
    float: left;
    width:345px; 
    height: 150px;
    background-color: rgba(255,255,255,1.00);
}

div.bg_carrinhoCompora figure.topCarrinho img.logoCarrinho{
    width: auto;
    max-width: 345px;    
    height: 150px;
}

figure.imgProduto{
    display: block;
    float: left;
    width: 75px;
    text-align: center;
}

figure.imgProduto img{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin: 10px;
    box-shadow: 3px 2px 6px 1px rgba(159,159,159,1.00);
}

div#listaPedidos{
    clear: both;
    display: block;
    float: left;
    width: 100%;
    height: auto;
    min-height: 50px;
    max-height: 60vh;
    overflow-x: scroll;
}

div#listaPedidos::-webkit-scrollbar{
    width: 1px;
}

.text-limpo:hover{
    text-decoration: none; 
    font-weight: 500;
}

.bgCampoCompra {
    box-shadow: 1px 2px 3px 4px rgba(159,159,159,1.00);
    border-radius: 5px;
}

.bg_bandeiraAceita{
    margin:3x;
    width: 65px;
    height: auto;
}