/* limpado configurações em todos navegadores */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em,
font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,figure {
margin: 0; padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;
}
body { line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* limpado configurações em todos navegadores */


/*alinhamento vertical*/
area ul li a:hover{
text-decoration:underline !important;
}
a .botao-padrao:hover,a:hover{
text-decoration: none !important;
}
.vertical-align {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#aviso {
width: 100%;
min-height: 50px;
/* line-height: 50px !important; */
text-align: center;
font-size: 14px;
/* display: none; */
color: #FFF;
box-sizing: border-box;
padding: 15px 0;
}
.aviso-sucesso {
background: #27ae60;
}
.aviso-sucesso div {
width: 30px;
height: 30px;
position: absolute;
background: url('../img/aviso-sucesso.png');
margin: 10px 10px 10px 15px;
}
.aviso-erro {
background: #e74c3c;
}
.aviso-erro div {
width: 26px;
height: 26px;
position: absolute;
background: url('../img/aviso-erro.png');
margin: 14px 10px 10px 15px;
}
.aviso-neutro {
background: #f1c40f;
}
.aviso-neutro div {
width: 30px;
height: 30px;
position: absolute;
background: url('../img/aviso-neutro.png');
margin: 9px 10px 10px 15px;
}
.estrela {
width: 26px;
height: 26px;
overflow: hidden;
background: url('../img/estrela.png') 0px 0px;
}
body {
border-top: solid 5px ;
margin: 0 auto;
color: #666666;
font-family: 'Istok Web', sans-serif;
font-size: 14px;
min-width: 320px;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
text-decoration: underline;
}
img {
border: none;
}
h2 {
font-size: 20px;
height: 25px;
margin: 15px 0 15px 0;
font-weight: 500;
border-bottom: solid 2px #DDDDDD;
margin: 30px 0;
text-align: left;
}

.background-cor-primaria{
background:  !important;
}
h2 span {
padding: 0 3px 0 3px;
border-bottom: solid 2px ;
}
.central {
width: 100%;
min-width: 300px;
max-width: 1200px;
height: auto;
position: relative;
margin: 0 auto;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.clear {
clear: both;
}
.left {
float: left;
}
.right {
float: right;
}
#conteudo {
width: 95%;
min-width: 300px;
max-width: 1200px;
margin: 0 auto;
background-color: #FFFFFF;
padding-top: 10px;
}
.texto {
line-height: 22px;
}
.texto p {
margin: 5px 0 5px 0;
}
#loading {
width: 28px;
height: 28px;
float: left;
margin: 28px 10px 0 0;
background: url('../img/loader.gif') no-repeat;
background-size: 28px 28px;
display: none;
}
.input {
width: 100%;
height: 32px;
border: solid 1px #CCCCCC;
outline: none;
background-color: #FFFFFF;
text-indent: 5px;
}
.input:disabled {
background-color: #EAEAEA;
}
.textarea {
width: 99%;
height: 100px;
border: solid 1px #CCCCCC;
outline: none;
background-color: #FFFFFF;
resize: none;
}
.textarea:disabled {
background-color: #EAEAEA;
}
.submit {
width: auto;
min-width: 100px;
height: 35px;
color: #FFFFFF;
text-indent: 10px;
cursor: pointer;
border: none;
font-weight: 500;
font-family: 'Istok Web', sans-serif;
float: right;
margin: 25px 0 0 0;
background-color: ;
font-size: 16px;
padding: 0 25px 0 25px;
}
.submit.seta {
background: url('../img/seta-submit.png') no-repeat #58ac26;
}
.submit.done {
background: url('../img/done.png') no-repeat ;
}
.submit:hover {
-webkit-filter: grayscale(30%);
-moz-filter: grayscale(30%);
filter: grayscale(30%);
/*- background-color: ;*/
}
.input-erro {
outline-color: ;
}
.tamanho-10 {
width: 10%;
}
.tamanho-20 {
width: 20%;
}
.tamanho-30 {
width: 30%;
}
.tamanho-40 {
width: 40%;
}
.tamanho-45 {
width: 45%;
}
.tamanho-50 {
width: 50%;
}
.tamanho-60 {
width: 60%;
}
.tamanho-70 {
width: 70%;
}
.tamanho-80 {
width: 80%;
}
.tamanho-90 {
width: 90%;
}
.tamanho-100 {
width: 100%;
}
.none {
display: none;
}
.block {
display: block;
}
.botao-padrao {
width: 100%;
height: 30px;
color: ;;
background-color: ;
text-align: center;
font-weight: 500;
padding: 10px 5px 0 5px;
margin: 20px auto;
}
.botao-padrao:hover {
/* background-color: ;*/
-webkit-filter: grayscale(30%); /* Safari */
-moz-filter: grayscale(30%); /* Safari */
filter: grayscale(30%);
}
.botao-padrao.cadeado {
background: url('../img/cadeado.png') no-repeat ;
}
header {
width: 100%;
height: auto;
min-height: auto;
display: table;
/*background-color: #FFFFFF;*/
background: url('../img/fundo-topo.png') center center no-repeat;
min-width: 300px;
position: relative;
}
header .content {
width: 100%;
height: auto;
min-height: auto;
display: table;
margin-bottom: 30px;
min-width: 300px;
}
header .content .tab {
width: 128px;
height: 22px;
color: #FFFFFF;
text-align: center;
margin: -1px 40px 0 0;
background-color: ;
border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
-webkit-border-radius: 2px;
behavior: url(PIE.htc);
float: right;
font-size: 13px;
padding-top: 7px;
}
header .content .logotipo {
margin: 5px 0 0px 15%;
width: 26%;
min-width:150px;
max-width: 320px;
height: auto;
float: left;
}
header .content .body-find {
width: 30%;
min-width: 300px;
height: 40px;

background-color: #fafafa;
border: 1px solid #f2f2f2;
margin: 50px 40px 0 0;
float: right;
}
header .content .body-find .input {
width: 87%;
height: 34px;
margin: 3px 0 0 3px;
outline: none;
border: none;
background-color: transparent;
text-indent: 5px;
float: left;
}
header .content .body-find .submit-busca {
width: 20px;
height: 20px;
background: url('../img/lupa.png') no-repeat;
margin: 10px;
border: none;
cursor: pointer;
float: right;
position: absolute;
}
header .content .cart {
width: 180px;
height: 40px;
font-family: tahoma, verdana, arial;
line-height: 19px;
font-size: 13px;
background-color: ;
background-color:#fafafa;
clear: right;
margin: 30px 40px 0 0;
float: right;
border:1px solid #f2f2f2;
}
header .content .cart .icon {
width: 55px;
height: 40px;
background: url('../img/icon-cart.png') no-repeat ;
background-position: 13px 5px;
margin-right: 10px;
float: left;
}
header nav {
width: 100%;
height: 55px;
background-color: ;
color: #ffffff;
font-size: 18px;
text-align: center;
}
header nav .item-menu {

height: 55px;
text-align: center;
display: inline-block;
font-weight: 500;
padding: 22px 2.9% 0 2.9%;
box-sizing: border-box;
}
header nav .item-menu .seta {
width: 8px;
height: 5px;
background: url('../img/caret.png') no-repeat;
float: right;
margin: 10px 5px 0 5px;
}
header nav .item-menu .submenu {
width: 100%;
height: 55px;
background-color: ;
position: relative;
z-index: 9999;
display: none;
text-align: left;
box-shadow: 1px 1px 1px #888888;
margin-top: 16px;
}
header nav .item-menu .submenu .subitem {
height: 30px;
font-size: 16px;
padding-top: 6px;
border-top: solid 1px #EAEAEA;
text-indent: 10px;
}
header nav .item-menu .submenu .subitem:hover {
background-color: ;
}
header nav .item-menu:hover {
background-color: ;
}
header nav .active {
background-color: ;
}
#mascara{
width: 100%;
height: 0%;
position: absolute;
z-index: 999;
}

/* svgs da pagina*/
#produtos-carrinho-pagamento svg path,#produtos-carrinho-pagamento svg rect {
fill:  !important;
}

/*mobile */
#icone_mobile {
position: absolute;
top: 30px;
right: 20px;
height: 39px;
width: 45px;
}
#menu_mobile {
margin-top: 0;
width: 200px;
height: auto;
color: #333;
position: absolute;
z-index: 9998;
color: #fff;
z-index: 9999;
}
#menu_mobile .item-menu {
padding: 10px 20px;
display: block;
font-size: 14px;
/* color: #fff;*/
color:;
font-weight: bold;
}
#menu_mobile .link_usuario{
padding: 10px 20px;
display: block;
font-size: 14px;
color: #fff;
}

#cabecalho-mobile{
padding: 10px 0;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
width: 100%;
text-align: center;
background: #d0d0d0;
background: ;
}

#cabecalho-mobile span{
padding: 5px 20px;
display: block;
font-size: 14px;
color: #fff;
}
#cabecalho-mobile .area-link a{
font-size: 12px;
display: inline-block;
}
#cabecalho-mobile .area-link {
padding: 0px 2%;
display: block;
font-size: 14px;
color: #fff;
display: inline-block;
border-right: 1px solid #fff;
/*width: 20%;
min-width: 110px;*/
}

#cabecalho-mobile .area-link:last-child{
border:none;
}

#menu_mobile #esquerda{
background: #f6f6f6;
width: 200px;
}

#cabecalho-mobile .area-link img{
width: 20px;
margin: 0 auto;
display: inline-block;
}

.link_usuario span{
padding: 5px 20px;
display: block;
font-size: 14px;
color: #fff;
}

#busca_mobile{

width: 95%;
margin: 0 auto;
display: block;
margin:10px auto;
position: relative;
}

#busca_mobile .input{
width: 100%;
}
#busca_mobile .submit-busca{
width: 20px;
height: 20px;
background: url('../img/lupa.png') no-repeat;
margin: 10px;
border: none;
cursor: pointer;
float: right;
position: absolute;
right: 0;
top: 0px;
}









/*menu de produtos*/

#categorias {
min-width: 270px;
height: auto;
min-height: 120px;
border: solid 1px #CCCCCC;
border-top: none;
display: inline-block;
text-align: left;
float: left;
width: 24%;
min-width: 230px;
}
#categorias .top {
width: 100.8%;
margin-left: -1px;
height: 45px;
background-color: ;
color: #ffffff;
font-size: 20px;
font-weight: 500;
padding-top: 1px;
}
#categorias .top .icon {
width: 45px;
height: 46px;
background: url('../img/icon-cat.png') no-repeat ;
background-position: 12px 15px;
margin: -1px 10px 0 0;
float: left;
}
#categorias .top span {
display: block;
margin-top: 8px;
background: ;
color: #fff;
}
#categorias .item {
width: 100%;
height: 30px;
padding-top: 7px;
text-indent: 20px;
color: #666666;
text-transform: uppercase;
font-size: 14px;
}
#categorias .item i {
width: 5px;
height: 7px;
overflow: hidden;
background: url('../img/setas-categorias.png') no-repeat;
background-position: 0px 0px;
float: right;
margin: 10px;
}
#categorias .item:hover {
background-color: }
#categorias .item:hover i {
background-position: 0px -7px;
}
#categorias .sub-item {
min-width: 250px;
min-height: 50px;
height: auto;
background-color: #ffffff;
position: absolute;
margin: -37px 0 0 22.1%;
z-index: 9999;
display: none;
padding: 10px;
-webkit-box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 1px 0px 5px 0px rgba(50, 50, 50, 0.75);
text-transform: lowercase;
}
#categorias .sub-item .esquerda {
width: 250px;
min-height: 50px;
height: auto;
display: table;
float: left;
}
#categorias .sub-item .direita {
width: 250px;
min-height: 50px;
height: auto;
display: table;
float: right;
}
#categorias .sub-item span {
color: ;
font-size: 18px;
}
#categorias .sub-item p {
margin: 5px 0 5px 10px;
}



/*menu d eprodutos mobile */
#categorias_mobile{
margin: 0 auto;
}
.nav-categorias,#span-categorias{
background: ;
line-height: 50px;
width: 100%;
padding: 0 2.5%;
height: 50px;
color: #fff;
box-sizing: border-box;
cursor: pointer;
}
.nav-categorias span,#span-categorias span{
text-transform: uppercase;
}
.mostrar_categorias{
display: none;
}
/*#categorias_mobile a:first-child {

margin-top: 45px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}

#categorias_mobile a:last-child {

border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
margin-bottom: 30px;
}*/
.icone-check{
width: 16px;
height: 16px;
}
#mostrar{

}
.mostrar-mais{
background:url('../img/mostrar-mais.png');
width: 12px;
height: 12px;
border: none;
margin-right: 20px;
margin-top: 20px;
float: right;
}
.mostrar-menos{
background:url('../img/mostrar-menos.png');
width: 12px;
height: 12px;
border: none;
float: right;
margin-right: 20px;
margin-top: 20px;
}
.subcategorias_mobile{
margin-bottom: 10px;
border-top:1px solid rgb(221, 221, 221);
border-bottom:1px solid rgb(221, 221, 221);
display: none;
}
.subcategorias_mobile .item_subcategoria{
box-sizing: border-box;
height: 25px;
margin-left: 25px;
margin-top: 10px;
}
.subcategorias_mobile .item{
box-sizing: border-box;
height: 25px;
margin-left: 25px;
margin-top: 10px;
}

.mostrar_categorias{
border:1px solid rgb(221, 221, 221);

}

.mostrar_categorias .item{
box-sizing: border-box;
height: 20px;
box-sizing: border-box;
height: 30px;
margin-left: 20px;
margin-top: 10px;
color: ;
font-weight: bold;
cursor: pointer;
}









#banner {
width: 820px;
max-height: 430px;
float: right;
}
#banner .banner {
padding: 0px;
margin: 0px;
}
#banner img {
width: 100%;
max-height: 430px;
}
#banners-secundarios {
width: 100%;
/*height: 170px;*/
padding: 15px 0;
background-color: ;
border-bottom: solid 1px #CCCCCC;
}
#banners-secundarios .item {
width: 49%;
max-width: 595px;
max-height: 155px;
overflow: hidden;
float: left;
}
#banners-secundarios .item:last-child {
float: right;
}
#banners-secundarios .item img {
width: 100%;
max-height: 155px;
}



#banners-secundarios-mobile{
width: 100%;
min-width: 300px;
padding: 15px 0;
background-color: ;
border-bottom: solid 1px #CCCCCC;

}

#banners-secundarios-mobile .item-banner-mobile{
width: 70%;
min-width: 300px;
max-width: 595px;
max-height: 155px;
overflow: hidden;
display: block;
margin: 0 auto;
}

#banners-secundarios-mobile .item-banner-mobile img{
width: 100%;
max-height: 155px;
}

footer {
width: 100%;
height: auto;
min-height: 100px;
border-top: solid 22px ;
background-color: #E6E6E6;
}
footer .content {
width: 100%;
height: auto;
min-height: 280px;
display: table;
padding: 20px 0 20px 0;
background-color: ;
}

footer .content #area-rodape{
text-align: center;
}
footer .content .area {
width: 30%;
min-width: 290px;
height: auto;
min-height: 100px;
padding: 0 0 0 20px;
display: inline-table;
text-align: left;
}
footer .content .area span {
font-size: 18px;
font-weight: 600;
line-height: 130%;
}

footer .content .area small {
margin-left: 20px;
margin-top:5px;
}
footer .content .area .item {
margin: 15px 0 15px 20px;
height: 20px;
text-indent: 35px;
font-size: 14px;
}
footer .content .area .endereco {
background: url('../img/icon-endereco.png') no-repeat;
}
footer .content .area .telefone {
background: url('../img/icon-telefone.png') no-repeat;
}
footer .content .area .fax {
background: url('../img/icon-fax.png') no-repeat;
}
footer .content .area .whatsapp {
background: url('../img/icon-whatsapp.png') no-repeat;
}
footer .content .area .skype {
background: url('../img/icon-skype.png') no-repeat;
}
footer .content .area ul {
padding-left: 20px;
}
footer .content .area li {
height: 20px;
margin: 5px 0 8px 0;
list-style-position: inside;
}
footer p{
font-size: 13px;
}


footer .pagamento {
width: 100%;
min-height: 50px;
padding-top: 20px;
background-color: #ffffff;
text-align: center;
}
footer .pagamento .forma-pag {
width: auto;
height: 23px;
display: inline-block;
margin: 5px 10px 0 10px;
}
footer .direitos {
margin: 20px auto 0 auto;
width:100%;
min-width: 300px;
text-align: center;
font-size: 12px;
line-height: 22px;
}
footer .hostche {
/*position: absolute; */
/* right: 10px; */
margin-top: -20px;
display: block;
margin: 5px auto;
}
.outros-institucionais {
width: 30%;
min-width: 260px;
height: auto;
display: table;
float: right;
padding: 10px;
border-left: solid 2px #CCCCCC;
margin: 0 0 20px 20px;
list-style-position: inside;
}
.outros-institucionais li {
margin: 5px 0 5px 0;
}
#area-identificacao {
width: 70%;
min-height: 390px;
margin: 40px auto;
}
#area-identificacao .area-redes-sociais {
width: 100%;
height: 40px;
padding-top: 15px;
text-align: center;
background-color: ;
text-transform: uppercase;
margin-bottom: 10px;
}
#area-identificacao .area-redes-sociais a {
margin: -3px 0 -5px 5px;
float: left;
display: inline-block;
}
#area-identificacao .area-redes-sociais #signinButton {
display: inline-block;
margin: -3px 0 0 10px;
}
#area-identificacao .area-redes-sociais .icones-redes {
float: left;
height: 30px;
}
#area-identificacao .ja-cadastrado {
width: 35%;
padding: 30px;
height: 260px;
float: left;
background-color: ;
}
#area-identificacao .novo-cliente {
width: 35%;
height: 260px;
padding: 30px;
float: right;
background-color: ;
}
#area-identificacao span {
font-size: 20px;
font-weight: 500;
margin: 5px 0 15px 0;
display: block;
}
#area-identificacao p {
margin: 5px 0 5px 0;
}
.recuperar {
float: left;
font-size: 11px;
margin: 10px 0 0 0;
}
#area-cadastro {
width: 70%;
display: table;
height: auto;
padding: 15px 25px 25px 25px;
margin: 40px auto;
background-color: ;
}
#area-cadastro span {
font-size: 20px;
font-weight: 500;
margin: 5px 0 15px 0;
display: block;
}
#area-cadastro p {
margin: 20px 0 5px 0;
}
#area-cadastro i {
color: ;
}
#area-cadastro .checkbox {
margin: 20px 0 0 0;
}
#area-cadastro.w-400 {
width: 400px;
}
#area-cadastro.w-800 {
width: 800px;
}
.pure-table {
/* Remove spacing between table cells (from Normalize.css) */

border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border: 1px solid #cccccc;
}
.pure-table caption {
color: #666666;
padding: 1em 0;
text-align: center;
}
.pure-table td {
border-left: 1px solid #cccccc;
/* inner column border */

border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible;
/*to make ths where the title is really long work*/

padding: 0.5em 1em;
/* cell padding */
position: relative;

}
.pure-table th {
border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible;
/*to make ths where the title is really long work*/

padding: 0.5em 1em;
/* cell padding */

}
/* Consider removing this next declaration block, as it causes problems when
there's a rowspan on the first cell. Case added to the tests. issue#432 */
.pure-table td:first-child,
.pure-table th:first-child {
border-left-width: 0;
}
.pure-table thead {
background-color: ;
color: #ffffff;
text-align: left;
vertical-align: bottom;
}
/*
striping:
even - #fff (white)
odd - #f2f2f2 (light gray)
*/
.pure-table td {
background-color: transparent;
}
.pure-table-odd td {
background-color: #f2f2f2;
}



#area-pedido-interna{
width: 60%;
display: table;
height: auto;
padding: 15px 25px 25px 25px;
margin: 40px auto;
background-color: ;
}
#area-pedido-interna .input{
margin-bottom: 15px;
}
#area-pedido-interna p{
margin-bottom: 3px;
}
#lista-produtos-pedido{
display: none;
}
#area-pedido-interna .botao-padrao{
max-width: 150px;
}

.link-situacao{color: #64C75A;}


#produtos-carrinho-pagamento #lista-produtos-pedido{
display: none;
}

#paginacao {
width: 100%;
height: 35px;
line-height: 35px;
text-align: center;
margin: 15px auto 35px auto;
color: #666666;
font: 16px;
}
#paginacao .ativo {
font-size: 25px;
color: ;
}
#paginacao a {
margin: 0 7px;
}
#paginacao a:hover {
color:;
}
.lista-enderecos{

}
.item-endereco {
width: 45%;
min-width: 190px;
min-height: 120px;
height: auto;
float: left;
margin: 10px;
border: solid 1px #CCCCCC;
background-color: ;
padding: 5px;
}
.item-endereco span {
font-size: 20px;
}
.item-endereco p {
margin: 5px 0 5px 10px !important;
}
.item-endereco .acoes-endereco {
color: ;
font-size: 11px;
float: right;
}
.item-endereco .novo-endereco {
width: 90%;
margin: 50px auto;
background: url('../img/icon-novo-endereco.png') no-repeat;
text-indent: 55px;
padding-top: 5px;
font-size: 18px;
font-weight: 500;
height: 32px;
color: ;
}
.nao-sei-cep{
width: 100px !important;
min-width: 100px !important;
}

.foto-carrinho {
width: 70px;
height: auto;
float: left;
padding-right: 5px;
border-right: solid 1px #CCCCCC;
margin: 3px 15px 0 3px;
}
.lista-carrinho{
display: none;
}
.item-carrinho-mobile{
width: 100%;
position: relative;
background: #fffffd;
margin-bottom: 10px;
}
.foto-carrinho-mobile{
padding: 10px;
float: left;
text-align: center;
width: 120px;
}
.foto-carrinho-mobile img{
display: block;
max-width: 120px;
max-height: 100px;
width: 100%;

}
.dados-produto-mobile {
/*float: left;*/
padding: 5px 35px 5px 5px;
}
.area-quantidade-produto{
width: 125px;
height: 39px;
padding: 10px;
float: left;
}

.botao-remover-carrinho-mobile {
width: 16px;
height: 16px;
float: left;
margin: 10px 5px 0 0;

display: block;
width: 40px;
background-color: ;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: none;
white-space: nowrap;
outline: none;
padding: 7px 12px;
font-size: 14px;
line-height: 1.42857143;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.botao-quantidade {
height: 35px;
float: left;
margin: 1px 0 0 0;
display: block;
width: 40px;
background-color: ;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: none;
white-space: nowrap;
outline: none;
/* padding: 7px 12px; */
font-size: 14px;
line-height: 35px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.botao-quantidade:hover, .botao-quantidade:link{
text-decoration: none;
}
.input-quantidade {
text-align: center;
width: 40px;
height: 34px;
vertical-align: middle;
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
padding: 0;
}
.botao-remover-carrinho{
position: absolute;
top: 10px;
right: 10px;
padding: 10px 5px;
width: auto;
width: 18px;
height: 20px;
background: url('../img/lixeira.png');
box-sizing: border-box;
}

.continuar-comprando {
width: 230px;
height: 40px;
float: left;
padding-top: 0px;
text-align: center;
line-height: 32px;
border: none;
outline: none;
cursor: pointer;
color: #FFF;
background: ;
margin: 20px auto;
font-size: 16px;
}

.remover-carrinho-desktop{
top: 12px;
}


.linha-separacao{
border-top: none;
border-bottom:1px solid #cfcfcf;
width: 100%;
}

.valor-produto-mobile{
float: right;
line-height: 150%;
margin-top: 25px;
}
.subtotal-mobile,
.area-cep{
border-bottom: 1px solid ;
padding: 5px;
}

.subtotal-mobile{
width: 30%;
min-width: 300px;
float: right;
}

.subtotal-mobile span{
float: left;
}
.subtotal-mobile div{
float: right;
font-size: 16px;
font-weight: bold;
}
.area-cep .esquerda{
float: left;
width: 30%;
margin-top: 7px;
}
.area-cep .input-cep {
float: right;
width: 70%;
}

.area-cep .input-cep input[type='text']{
width: 60%;
min-width: 80px;
float: right;
}
.area-cep .input-cep input[type='submit']{
min-width: 40px;
float: right;
padding: 0;
margin: 0 2px;
font-size: 13px;
text-indent: 0;
}
.area-cep .input-cep input[type='submit']:hover{
-webkit-filter: grayscale(30%); /* Safari */
-moz-filter: grayscale(30%); /* Safari */
filter: grayscale(30%);
}
.area-cep .recalcular{
float: right;
}


.area-desconto{
width: 30%;
min-width: 300px;
float: right;
padding-top: 15px;

}
.area-desconto .esquerda{
float: left;
margin-top: 10px;
width: 42%;
}
.area-desconto .formulario-cupom{
width: 58%;
float: right;
}
.area-desconto input[type='text']{
/* width: 75%;*/
width: 72%;
min-width: 80px;
float: right;
}
.area-desconto input[type='submit']{
min-width: 40px;
float: right;
padding: 0;
margin: 0 2px;
font-size: 13px;
text-indent: 0;
background: #58ac26;
}
.area-desconto .botao-remover-cupom{
float: right;
}
.area-desconto .preco-carrinho{
color: #64C75A;
float: right;
text-align: right;
margin-top: 10px;
font-size: 16px;
font-weight: bold;
clear: both;
}
.remover-cupom{
background: transparent !important;
width: auto !important;
margin: 3px 0 10px 0px !important;
color:  !important;
font-size: 12px !important;
}

.area-desconto .total-carrinho{
width: 100%;
}
.area-desconto .total-pedido{
margin-top: 0;
}









.passos-compra {
width: 487px;
height: 60px;
float: right;
margin-top: 10px;
}
.nome-produto-carrinho {
font-size: 16px;
}
.dados-produto-carrinho {
width: auto;
height: 20px;
float: left;
margin: 5px;
font-size: 13px;
}
.remover-produto-carrinho {
width: 200px;
height: 20px;
float: left;
margin: 5px;
font-size: 11px;
}
/*.botao-quantidade {
width: 16px;
height: 16px;
float: left;
margin: 10px 5px 0 5px;
}*/
.botao-quantidade.aumentar {
background: url("../img/botao-mais.png") no-repeat;
}
.botao-quantidade.diminuir {
background: url("../img/botao-menos.png") no-repeat;
}
/*.botao-remover-carrinho {
width: 16px;
height: 16px;
float: left;
margin: 10px 5px 0 0;
background: url("../img/botao-excluir.png") no-repeat;
}*/
.botao-remover-cupom {
/*width: 16px;*/
height: 16px;
float: left;
margin: 0 0 0 20px;
/* background: url("../img/botao-excluir.png") no-repeat;*/
cursor: pointer;
color: ;
font-size: 12px;
font-weight: normal;
}
.icone-presente {
margin: -6px 8px 0 8px;
float: left;
}
.tabela-carrinho .checkbox-carrinho {
float: left;
margin-top: 15px;
position: absolute;
top: 19px;
}

#lista-produtos-pedido .checkbox-carrinho {
float: left;
}
.preco-carrinho {
color: #64C75A;
}
.embalagem-presente {
position: absolute;
/* float: left; */
padding-top: 11px;
padding-left: 26px;
}
.td-alinha{
position: absolute;
padding-top: 26px;
left: 17px;
}
.td-alinha-2{
position: absolute;
padding-top: 5px;
left: 17px;
}
.subtotal-carrinho {
width: 129px;
border: 1px solid #cccccc;
/* inner column border */

border-top: none;
border-width: 1px;
font-size: inherit;
float: right;
margin: 0;
overflow: visible;
/*to make ths where the title is really long work*/

padding: 0.5em 1em;
/* cell padding */

}
.area-frete-carrinho {
width: 530px;
height: 130px;
float: right;
margin-top: 20px;
border: solid 1px #CCCCCC;
}
.area-frete-carrinho .cep {
width: 367px;
padding-left: 5px;
height: 85px;
float: left;
border: solid 1px #CCCCCC;
border-top: none;
border-left: none;
}
.area-frete-carrinho .valor {
width: 157px;
height: 55px;
padding: 30px 0 0 0;
text-align: center;
float: right;
border-bottom: solid 1px #CCCCCC;
}
.area-frete-carrinho .cupom {
width: 372px;
height: 45px;
float: left;
border-right: solid 1px #CCCCCC;
}
.area-desconto .nome-cupom {
float: left;
}

.area-frete-carrinho .desconto-cupom {
width: 157px;
height: 30px;
text-align: center;
float: right;
padding-top: 10px;
}
.item-frete {
height: 15px;
margin: 5px 0 5px 0;
}
.pfrete {
margin: 2px 0 2px 0;
height: 15px;
}
.total-carrinho {
width: 500px;
height: auto;
float: right;
margin-top: 20px;
text-align: right;
line-height: 26px;
font-size: 16px;
}
.total-carrinho .total-parcelado {
color: #999999;
}
.radio-frete {
margin: 6px 0 6px 0;
}
.valor-frete-selcionado{
display: none;
width: 0;
height: 0;
}





.recalcular {
color: ;
font-size: 12px;
}
.form-pagamento {
width: 100%;
display: inline-block;
}
.paypal,
.pagseguro {
max-width: 246px;
width: 10%;
min-width: 200px;
margin: 10px auto 0 auto;
display: block;
}
.smile {
width: 90px;
height: 60px;
margin: 15px auto;
background: url('../img/smile-finalizado.png') center center no-repeat;
}
.tudo-pronto {
font-size: 20px;
color: ;
}
.submit_boleto{
background: #58ac26;
}
#etalage {
width: 725px;
height: 465px;
margin-bottom: 20px;
}

/*se for mobile */
.imagens-produtos-slick{
width: 40%;
min-width: 300px;
max-width: 450px;
margin-bottom: 40px;
float: left;
}

.imagens-produtos-slick img{
width: 100%;
}


.comprar-produto {
border: 1px solid #CCC;
width: 30%;
min-width: 360px;
min-height: 402px;
}
.preco-antigo {
color: #999999;
font-size: 16px;
text-decoration: line-through;
margin: 15px 0 0 30px;
height: 22px;
}
.preco-atual {
color: ;
font-size: 26px;
margin: 15px 0 0 30px;
}
.valor-parcelado {
color: #666;
font-size: 14px;
margin: 10px 0 0 30px;
}
.valor-parcelado span {
font-weight: bold;
}
.descricao-produto {
color: #666 !important;
font-size: 14px !important;
line-height: 160%;
}
.subtitulo-espec {
font-weight: bold;
font-size: 14px;
margin: 10px 0 0 0;
text-indent: 15px;
}
.lista-atributos {
width: 100%;
list-style-type: none;
margin-left: 15px;
}
.rotulo-atributo {
width: 25%;
max-height: 35px;
line-height: 35px;
color: #666666;
font-size: 14px;
/*text-indent: -25px;*/
}
.conteudo-atributo {
width: 75%;
min-height: 35px;
line-height: 35px;
text-indent: 15px;
color: #666666;
font-size: 14px;
}
#avaliacoes-produto{
width: 100%;
}
#avaliacoes-produto #left{
width: 50%;
}



.linha-avaliacao {
width: 100%;
/*height: 20px;*/
line-height: 20px;
margin: 5px 0 0 0;
float: left;
}
.estrelas {
width: 110px;
height: 20px;
margin-right: 10px;
}
.rotulo-avaliacao {
width: 75px;
height: 20px;
line-height: 20px;
font-size: 14px;
color: #666;
display: inline-block;
}
.medidor-avaliacao {
width: 50%;
height: 10px;
background: #E4E4E4;
margin-top: 5px;
}
.medidor-avaliacao .preenchido {
background: #64C75A;
height: 100%;
}
.qtd-avaliacao {
margin-left: 2%;
height: 20px;
line-height: 20px;
}
.avaliacao-geral {
font-size: 16px;
font-weight: bold;
color: #666;
}
.avaliacao-geral span {
font-weight: normal;
font-size: 14px;
}
.botao-avaliar {
width: 170px;
height: 30px;
line-height: 30px;
text-align: center;
color: #FFF;
background: ;
font-size: 14px;
font-weight: normal;
margin: -5px 0 0 20px;
}
.botao-avaliar:hover {
/* background-color: ;*/
-webkit-filter: grayscale(30%); /* Safari */,
-moz-filter: grayscale(30%); /* Safari */
filter: grayscale(30%);
}
.lista-comentarios {
width: 100%;
list-style-type: none;
padding: 0;
margin-top: 30px;
}
.item-comentario {
width: 100%;
height: auto;
display: table;
margin-bottom: 30px;
}
.foto-comentario {
width: 95px;
height: 99px;
border: 1px solid #CCC;
margin-right: 10px;
}
.foto-comentario img {
display: block;
margin: 18px auto 0 auto;
}
.autor-comentario {
width: 15%;
overflow: hidden;
font-size: 14px;
font-weight: bold;
color: #666;
}
.autor-comentario span {
font-weight: normal;
}
.info-comentario {
width: 71%;
height: auto;
display: table;
border: 1px solid #CCC;
font-size: 12px;
color: #666;
padding: 0 10px 10px 20px;
line-height: 20px;
}
.info-comentario .rotulo-avaliacao {
color: ;
margin-top: 4px;
font-weight: bold;
}
.mensagem-avaliacao {
width: 100%;
height: auto;
display: table;
overflow: hidden;
margin-top: 10px;
}
.info-cor-tamanho {
margin: 10px 0 0 30px;
}
.info-cor-tamanho .area-cep{
width: 100%;
}

.info-cor-tamanho .area-cep .resposta-cep .frete-gratis{
color: #64C75A;
}

.lembrete-estoque {
width: 90%;
height: auto;
padding: 5%;
}
.lembrete-estoque .input {
margin: 5px 0 5px 0;
}
.lembrete-estoque i {
color: red;
}
.margin-left {
margin-left: 20px;
}
.box-produto {
border: 1px solid #CCC;
width: 20px;
height: 20px;
margin: 10px 10px 0 0;
cursor: pointer;
text-align: center;
overflow: hidden;
line-height: 20px;
font-size: 12px;
}
.marcador {
width: 24px;
height: 22px;
background: url('../img/marcador.png');
margin: -6px 0 0 0;
display: none;
position: absolute;
}
.botao-carrinho {
width: 277px;
height: 50px;
line-height: 50px;
text-align: center;
background-color: #58ac26;
background-image: url('../img/icon-cart-2.png');
background-repeat: no-repeat;
background-position: 15px center;
color: #FFF;
display: block !important;
text-transform: uppercase;
text-indent: 25px;
margin: 0 0 0 15px;
}
.botao-carrinho:hover {
-webkit-filter: grayscale(30%); /* Safari */,
-moz-filter: grayscale(30%); /* Safari */
filter: grayscale(30%);
}
.desabilitado {
background-color: #95a5a6 !important;
}
.desabilitado:hover {
background-color: #7f8c8d;
}
.area-cep {
width: 30%;
min-width: 300px;
height: auto;
float: right;
margin: 15px 0 0 0;
}
.area-cep .resposta-cep {
width: 100%;
height: auto;
font-size: 14px;
overflow: hidden;
line-height: 25px;
float: right;
/* margin: 5px 0 0px 0;*/
}
.area-cep .resposta-cep span {
/* color: #30B030;*/
}
#form-cep {
width: 100%;
border: none;
}
#form-cep label {
width: 125px;
height: 40px;
line-height: 40px;
text-align: center;
}
#form-cep input[type="text"] {
width: 90px;
height: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #CCC;
outline: none;
margin: 0 0 0 5px;
color: #666;
}
#form-cep input[type="submit"] {
width: 90px;
height: 32px;
text-align: center;
line-height: 32px;
border: none;
outline: none;
margin: 0 0 0 2px;
cursor: pointer;
color: #FFF;
background: ;
}
#form-cep input[type="submit"]:hover {
/*background: ;*/
-webkit-filter: brightness(120%); /* Safari */
-moz-filter: brightness(120%); /* Safari */
filter: brightness(120%);
}
.addthis_sharing_toolbox {
width: 155px;
margin: 0 auto 10px auto;
}
#area-avaliacao {
width: 90%;
max-width: 600px;
height: auto;
padding: 10px 10px 20px 10px;
}
.area-videos {
float: left;
width: 150px;
height: auto;
margin: 10px;
}
.area-videos img {
width: 100%;
cursor: pointer;
}
.area-video-aberto {
width: 70%;
height: auto;
float: right;
margin: 10px;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#lista-produtos-relacionados{
text-align: center;
}






.lista_produtos{
text-align: center;
}
.produto {
text-align: left;
width: 30%;
max-width: 353px;
min-width: 300px;
/*height: 435px;*/
display: inline-block;
margin: 2% 1%;
border: solid 1px #CCCCCC;
}
.produto .box-img {
width: 100%;
max-width: 353px;
height: 330px;
text-align: center;
display: block;
}
.produto .box-img img {
margin: 0 auto;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 100%;
max-height: 100%;
}
.produto .box-img .horizontal {
max-width: 99%;
max-height: 250px;
}
.produto .box-img .vertical {
width: auto;
max-width: 100%;
height: 250px;
}
.produto .selo {
width: 60px;
float: right;
position: relative;
margin: -250px 20px 0 0;
}
.produto .descricao {
width: 96%;
height: 120px;
padding: 5px 2% 0 2%;

}
.produto .descricao span {
font-size: 16px;
}
.produto .descricao span span {
color: ;
}
.produto .descricao i {
color: ;
font-style: normal;
}
.produto .botao-comprar {
width: 100%;
height: 39px;
border-top: solid 1px #CCCCCC;
font-size: 14px;
}
.produto .botao-comprar .icon {
width: 42px;
height: 39px;
float: left;
}
.produto .botao-comprar .icon span {
width: 20px;
height: 17px;
margin: 11px 0 0 11px;
overflow: hidden;
display: block;
background: url('../img/icons-cart.png') 0px 0px;
}
.produto .botao-comprar .comprar {
text-align: center;
text-indent: -25px;
width: 100%;
height: 28px;
padding-top: 14px;
/*float: right;*/
}
.produto:hover .botao-comprar {
background-color:;
color: #ffffff;
}
.produto:hover .botao-comprar .icon {
background-color: ;
}
.produto:hover .botao-comprar .icon span {
background-position: 0px 17px;
}
#corpo-listagem {
width: 75%;
height: auto;
float: right;
text-align: center;
}
#corpo-listagem .produto {
/* margin: 10px 0 10px 0;*/
width: 40%;
margin:1.5% 1.5%;

}
#corpo-listagem .select-busca{
width: 120px;
}
#corpo-listagem .select-busca-mobile{
display: block;
width: 100%;
height: 32px;
}

#corpo-listagem .select-busca-mobile select{
margin-top: 0 !important;
clear: both;
}


#corpo-listagem-catalogo {
width: 100%;
height: auto;
float: right;
text-align: center;
}
#corpo-listagem-catalogo .produto {
/* margin: 10px 0 10px 0;*/
width: 40%;
margin:1.5% 1.5%;

}

#corpo-listagem-catalogo .produto .descricao{

    height: 140px;
}

.relacionados-catalogo{

    height: 140px !important;
}


#corpo-listagem-catalogo .select-busca{
width: 120px;
}
#corpo-listagem-catalogo .select-busca-mobile{
display: block;
width: 100%;
height: 32px;
}

#corpo-listagem-catalogo .select-busca-mobile select{
 margin-top: 0 !important;
 clear: both;
}

.texto-item-catalogo{ 
 font-size: 14px;
 margin-top: 8px;
 line-height: 160%;
}

.produto-area-pagina{
display: flex;
flex-wrap: wrap;
}

.produto-area-pagina .coluna-1{
width: 50%; 
}

.produto-area-pagina .coluna-2{
width: 49%;
padding-left:1%;
}

.produto-area-pagina .imagens-produtos-slick {
width: 100%;
}

#lista-novidades{
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.item-novidade {
max-width: 360px;
min-width: 280px;
/* height: 100px; */

margin: 1% 0;
padding: 10px;
font-size: 13px;
float: none;
display: inline-block;
text-align: left;
}
.item-novidade .box-img {
width: 100%;
height: 355px;
}
.item-novidade .box-img img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
}
.item-novidade .box-img .horizontal {
width: auto;
height: 100px;
}
.item-novidade .box-img .vertical {
width: 100px;
height: auto;
}
.item-novidade p {
margin: 20px 0 8px 5px;
font-size: 16px;
}

.item-novidade .texto-item{
line-height:150%;
margin: 0 5px;
}
.item-novidade .data {
font-size: 10px;
margin-bottom: 8px;
padding-left: 5px;
}
.lateral-novidade {
width: 20%;
max-width: 350px;
min-width: 300px;
height: auto;
float: right;
margin: 10px 10px 10px 20px;
}
.lateral-novidade .foto-novidade {
max-width: 100%;
min-width: 300px;
margin: 0 auto;
display: block;
/*margin: 10px;*/
}
.lateral-novidade ul {
padding: 10px;
margin: 0px;
list-style-position: inside;
}
.lateral-novidade ul li {
margin: 5px 0 5px 0;
}


/* limpeza de definicoes */
ul, menu, dir {
display: block;
list-style-type: disc;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;
}
fieldset {
display: block;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
-webkit-padding-before: 0;
-webkit-padding-start: 0;
-webkit-padding-end: 0;
-webkit-padding-after: 0;
min-width: -webkit-min-content;
border-width: 2px;
border-style: groove;
border-color: threedface;
border-image: initial;
}
p{
display: block;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}








/* mapa de distribuidores */

.mapa{
width:90%;
min-width:300px;
}

#envolve-mapa{
float: left;
width: 48%;
}
#representantes{
width:49%;
min-width:300px;
float:right;
}

.svg-map path {fill:#CDDAE0; }
.svg-map text {fill:#666; font:10px Arial-BoldMT, sans-serif; cursor:pointer }
.svg-map a{text-decoration:none }
.svg-map a:hover { cursor:pointer; text-decoration:none }
.svg-map a:hover path{ fill: !important }
/* #svg-map a:hover text {fill:#fff;}*/
.svg-map .circle { fill:#ddd }
.svg-map a:hover .circle { fill: !important; cursor:pointer }
.representantes{ padding-left: 20px;}
.nome_estado{ font-size: 20px;font-weight: bold;}
.cidade_representante{ font-size: 18px;margin-top: 10px;}
.representantes p{ margin-top: 5px;letter-spacing: 0.4px;line-height: 150%;margin-bottom: 3px}

.mapa{height: 560px;}

span.linha_distribuidores {float: left; margin-right: 15px;margin-bottom: 10px;font-size: 12px;}
.bolinha-veterinaria,.bolinha-estetica,.bolinha-lencois{ width:10px;height:10px;border-radius: 5px;float: left;margin-top: 5px;margin-right: 5px }
.bolinha-veterinaria{background-color: #60aa28;/*#99d29f;*/}
.bolinha-estetica{background-color:#1f4987;/* #015ec5;*/}
.bolinha-lencois{background-color: #e46c0a;/*#ece3bc;*/}
#df .circle{fill: #ddd !important;}


#mapa_mobile{

width: 90%;
max-width: 450px;
margin: 10px auto;
display: block;
}
#mapa_mobile .svg-map{
width: 100%;
}

#mapa_celular{
display: none;
}

#mapa_celular select{
width: 98%;
max-width: 400px;
height: 32px;
border: solid 1px #CCCCCC;
outline: none;
background-color: #ffffff;
text-indent: 5px;
margin: 1% auto;
display: block;
}




/* novidades da home */

.fundo-nov-home{
width: 100%;
}
.conteudo-nov-home{
width: 100%;
margin: 0 auto;
}
.conteudo-nov-home .titulo-nov-home{
font-size: 24px;
color: #3F4C59;
text-align: center;
}
.conteudo-nov-home .img-detalhe{
width: 47%;
min-width: 300px;
max-width: 570px;
display: block;
margin: 10px auto;
}


/* newletter e area icones da home */
.segunda-area-nova-home{
text-align: center;
}
.segunda-area-nova-home .cada-area-icone{
/*width: 29%; */
/* max-width: 369px; */
height: 60px;
display: inline-block;
margin: 0 1%;
padding: 3%;
}
.segunda-area-nova-home .cada-area-icone img{
width: 50px;
height: 50px;
float: left;
display: inline;
background: ;
margin-right: 20px;

}

.segunda-area-nova-home .cada-area-icone span{
font-size: 20px;
letter-spacing: 1px;
margin-top: 12px;
display: inline;
float: left;

}



.fundo-news-home{
width: 100%;
min-height: 105px;
background:;
}

.conteudo-news-home{
width: 95%;
min-height: 105px;
margin: 0 auto;
max-width: 1200px;
}

.conteudo-news-home .lado-esquerdo-news{
width: 35%;
height: 60px;
margin-left: 5%;
border-right: 2px solid white;
margin-top: 25px;
float: left;
text-align: left;
}
.conteudo-news-home .lado-esquerdo-news p{
color: white;
letter-spacing: 1px;
margin: 0 !important;
padding-top: 10px;
}

.conteudo-news-home .lado-direito-news{
width: 44%;
height: 47px;
float: right;
margin-top: 34px;
margin-right: 5%;
}
.conteudo-news-home .lado-direito-news .input-news{
width: 60%;
height: 40px;
float: left;
border:none;
outline:none;
padding-left: 5px;
font-family: 'Istok Web', sans-serif;
color: #666666;
font-family: 16px;
}

.conteudo-news-home .lado-direito-news .submit-news{
width: 150px;
height: 40px;
float: left;
background-color:#58AC26;
color: #fff;
font-size: 16px;
border:none;
cursor: pointer;
outline:none;
margin-left: 2%;
}
p.msg-news{
color: #fff;
margin-top: -17px;
float: left;
width: 100%;
}





#form-pagamento{
display: block;
width: 50%;
margin: 15px auto;
min-width: 300px;
}
.linha-formas-pag{
width: 100%;
border-bottom: 1px solid #ddd;
float: left;
margin-top: -1px
}
.formas-pag{
text-align: center;
}
.forma{
margin: 0px;
cursor: pointer;
padding: 10px 15px;
border-bottom: none;
background: #ffffff;
text-align: center;
width: 135px;
position: relative;
display: inline-block;

}
.forma img{
max-width: 55px;
}
#boleto{
border: none;
background: #ffffff;
}
#cartao{
border: 1px solid #ddd;
border-bottom: 1px solid #fff;
}
#dados-cartao{
/* display: none;*/
width: 100%;
margin: 0 auto;
padding: 30px 5%;
box-sizing: border-box;
background: #dddddd;
position: relative;
}

.gerar_boleto{
height: 50px;
text-indent: 0;
}
#dados-boleto {
display: none;
width: 100%;
margin: 0 auto;
padding: 30px 5%;
box-sizing: border-box;
background: #dddddd;
position: relative;
}
#dados-boleto .processando-dados {
display: block;
width: 32px;
height: 32px;
margin-top: -39px;
z-index: 9999;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
#dados-cartao #botao-submit{
box-sizing: border-box;
text-indent: 0;
padding-top: 0;
line-height: 100%;
}
#form-checkout {
margin-top: 5px;
}
#form-checkout p{
text-align: right;
float: left;
width: 35%;
height: 32px;
box-sizing: border-box;
padding: 10px 0;
margin-bottom: 5px;
float: none;
display: inline-table;
}
#form-checkout .input{
float: left;
width: 60%;
margin-left: 3%;
margin-bottom: 15px;
float: none;
display: inline-table;
}
#form-checkout select{
float: left;
margin-left: 3%;
width: 30.2% !important;
box-sizing: border-box;
}
#form-checkout .validade-cartao,
#form-checkout .verificacao-cartao{
width: 30%;
}
#dados-boleto {
text-align: center;
position: relative;
}
#dados-boleto p{
width: 10%;
min-width: 54px;
}
#dados-boleto .input{
width: 85%;
min-width: 250px;
}

.pagseguro-seguro{
margin: 10px auto;
display: block;
}


#processando{
width: 100%;
background:rgba(144, 148, 156, 0.76);
color: #fff;
height: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
}
#processando p{
box-sizing: border-box;
padding-top: 14px;
font-size: 18px;
width: 100%;
display: inline-table;
text-align: center !important;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0
}
#gif{
height: 53px;
margin-top: 10px;
display: block;
margin: 20px auto 10px auto;
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%,-30%);
}
#processando-boleto{
width: 100%;
background:rgba(144, 148, 156, 0.76);
color: #fff;
height: 100%;
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
}
#processando-boleto p{
box-sizing: border-box;
padding-top: 14px;
font-size: 18px;
width: 100%;
display: inline-table;
text-align: center !important;
position: absolute;
top: 60%;
transform: translateY(-50%);
left: 0;
}

#lista-clientes {
text-align: center;
}
#lista-clientes .box-img{
position: relative;
}

#lista-clientes .box-img{
position: relative;
height: 80px;
display: inline-table;
width: 13%;
min-width: 150px;
margin: 1%;
}

#lista-clientes .box-img img{
max-width: 90%;
max-height: 100%;

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}



/* area nova de revendedor*/

#revendedor{
width: 90%;
height: 400px;
background: ;
position: absolute;
z-index: 90;
/* margin: 29px 0 0 160px;*/
margin-top: 30px;
right: 40px;
display: none;


}
#revendedor_close{
width: 20px;
height: 20px;
float: right;
margin: 10px 20px 0 0;
cursor: pointer;
}

#revendedor #area-identificacao{
width:90%;
}

/* formularios */
.formError .formErrorContent,
.formError .formErrorArrow div{
background:  !important;
filter: saturate(70%);
-webkit-filter: saturate(70%);
-moz-filter: saturate(70%);
}



.imagens-produtos-slick .capa-produto {
display: block;margin: 0 auto;
max-width: 100%;
max-height: 400px;

}
.imagens-produtos-slick .capa-produto img {
max-width: 100% !important;
max-height: 400px !important;
width: auto !important;
height: auto !important;
display: block;
margin: 0 auto;

}

/* avaliacao*/
.img-avaliacao{
display: inline-table;
margin-bottom: 15px;
width: 20%;
min-width: 80px;
}

.img-avaliacao img{
max-width: 100%;
max-height: 100%;
}
.nome-avaliacao{
float: left;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 10px;
width: 100%;
}
.nota-avaliacao{
float: left;
width: 75%;
margin-top: 3px;
}
.nota-avaliacao #nota{
margin-bottom: 10px;
}
.observacao-avaliacao{
float: left;
width: 100%;
box-sizing: border-box;
}
.observacao-avaliacao textarea{
width: 100% !important;
}


.area-avaliacao{
display: inline-table;
width: 79%;
padding-left: 3%;
box-sizing: border-box;
}


/* mídias sociais fixas a direita da tela */

.midias-direita {
height: auto;
position: fixed;
top: 57%;
right: 35px;
z-index: 9999;
}

.facebox {
position: fixed !important;
top: 27.5%;
right: 80px;
display: none !important;
border: 1px solid #e2e2e2;
transition: all .5s ease;
z-index: 9999;
}

.facebox:after, .facebox:before {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.facebox:after {
border-color: rgba(136, 183, 213, 0);
border-left-color: #FFFFFF;
border-width: 16px;
margin-top: -22px;
}

.facebox:before {
border-color: rgba(212, 207, 207, 0);
border-left-color: #e2e2e2;
border-width: 18px;
margin-top: -24px;
}

.facebox.active {
display: block !important;
}

#messenger {
cursor: pointer;
}

#messenger.active {
filter: grayscale(100%);
}

.midias-item {
width: 48px;
height: 48px;
display: block;
margin: 10px 0;
}

.midias-item img {
width: 100%;
height: 100%;
transition: all .5s ease;
}

/* fim mídias */