/* inico topo */
/* barra inicial*/
@media only screen and (min-width: 770px){
.barra-inicial {
background: #212020;
border-bottom: 2px solid #fff;
}

#cabecalho .conteiner {
 padding-bottom: 0px;
 padding: 1px 30px;
}

/* BUSCA */
#cabecalho .busca.borda-alpha {
  border: none;
  background: none;
}
/*input*/
#cabecalho .busca input {
  padding-right: 170px;
  padding-left: 15px;
  padding-top: 14px;
  padding-bottom: 12px;
  margin-top: -10px;
  border: solid 0px #fffff;
  font-family: oswald; border-radius: 0px;
}
/*botao*/
#cabecalho .busca .botao-busca {
  right: -148px;
  top: 5px;
  height: 40px;
  padding-left: 45px;
  padding-right: 65px;
  text-indent: -99999px;
  background: url(https://cdn.awsli.com.br/384/384261/arquivos/bt-busca.png) no-repeat;
  border: none;
}

/* AUMENTA LOGO */
.logo a img {
  max-height: 70px;
  padding-top: 25px;
  max-height: 100%;
}
.logo img {
  max-width: 290px;
}

/* texto bem vindo */
#cabecalho a.bem-vindo.cor-secundaria {
  padding-top: 3px;
  padding-left: 5px;
  text-transform: uppercase;
  color: #212020;
}
/*alinhando com logo os textos e acoes conta */
#cabecalho .conteudo-topo .superior {
    padding-bottom: 20px;
    padding-top: 30px;
}
/* texto acoes conta */
#cabecalho .acoes-conta li>* {
  text-transform: uppercase;
}
/* altera icones acoes conta */
#cabecalho i.icon-list.fundo-principal {
  text-indent: -9999px;
  background: url(https://cdn.awsli.com.br/384/384261/arquivos/bt-pedido.png) no-repeat center center;
}
#cabecalho i.icon-user.fundo-principal {
  text-indent: -9999px;
  background: url(https://cdn.awsli.com.br/384/384261/arquivos/bt-login.png) no-repeat center center;
}
#cabecalho .acoes-conta>li i {
  margin-right: 0px;
}
/* deixa fonte em negrito */
#cabecalho a {
  font-weight: bold; font-family: oswald;
  font-size: 11px;
}
#cabecalho .acoes-conta a {
  padding-top: 5px;
    color: #212020;
}

/* carrinho com item */
#cabecalho .carrinho {
  float: right;
  padding-bottom: 25px;
  left: 0px;
  border:none;
  width: 115px;
  height: 36px;
  margin-top: -15px;
  background: url(https://cdn.awsli.com.br/384/384261/arquivos/cart-1.png) no-repeat;
}
/* retira nome carrinho vazio */
#cabecalho .carrinho.vazio>a span, #cabecalho .carrinho>a span {
  color: transparent;
  text-indent: -99999px;
}
/* retira carrinho */
#cabecalho .carrinho>a i {
  display: none;
}
#cabecalho .carrinho>a span {
  display: none;
}

/* CODIGO CARRINHO VAZIO COM IMAGEM */
#cabecalho .carrinho.vazio {
  background: url(https://cdn.awsli.com.br/384/384261/arquivos/cart-2.png) no-repeat;
  float: right;
  padding-bottom: 25px;
  left: 0px;
  border:none;
  width: 115px;
  height: 36px;
  margin-top: -15px;
}

#cabecalho .carrinho-interno.borda-principal {
  top: 65px;
  left: -160px;
}
#cabecalho .carrinho>a strong {
  font-size: 17px;
  margin: 0 6%;
  line-height: 0px;
  padding-left: 21px;
  padding-top: 15px;
  padding-bottom: 22px;
  color: #fff;
  margin-left: 15px;
  font-family: oswald;
}

/* retira fundo cabecalho */
#cabecalho {
  background-color: #e2e2e2;
  background: url() center top repeat-x;
}
.conteiner-principal {
  background: url() center top repeat-x;
}
  
  /*------------MENU LATERAL------------*/  	
.menu.lateral .titulo { margin: 10px 0; font-family: oswald; color: #fff; font-weight: 400; text-transform: uppercase; font-size: 15px;}
.menu.lateral  { border: none; width: 263px;  }
.menu.lateral:before {content: ""; background: url(https://cdn.awsli.com.br/31/31649/arquivos/saudemedical-categorias.png) top center no-repeat;width: 263px;height: 48px;display: block;}
.menu .nivel-dois li { border-color: rgba(226, 226, 226, 0.27); border-width: 1px 0 0; border-style: solid; }
.menu.lateral .com-filho.borda-principal { border-width: 0px }
.menu.lateral ul.nivel-um li a { background-color: #212020; padding: 0px 25px; }
.menu .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a { box-shadow: 0 0 1px rgba(0,0,0,0.3) }
.menu.lateral ul.nivel-um:hover { background: #00558D }
.menu.lateral ul.nivel-um li:hover a, .menu.lateral ul.nivel-um li.ativo a { background-color: #69caa4; }
.menu.lateral ul.nivel-dois { box-shadow: none !important; border-top: 3px solid #69caa4; padding: 0; }
.menu.lateral ul.nivel-dois li { background-color: #FCFCFC; border-right: 1px solid rgba(139, 139, 139, 0.27); border-left: 1px solid rgba(139, 139, 139, 0.27); }
.menu.lateral ul.nivel-dois li.ativo, .menu.lateral ul.nivel-dois li:hover { background-color: #69caa4 !important }
.menu.lateral ul.nivel-um li:hover a, .menu.lateral ul.nivel-um li a, .menu.lateral ul.nivel-dois li a, .menu.lateral ul.nivel-dois li:hover a, .menu.lateral ul.nivel-dois li, .menu.lateral ul.nivel-dois li:hover { -webkit-transition: background-color .2s lienar; -moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; transition: background-color .2s linear; }
.menu.lateral ul.nivel-dois li a { background-color: transparent !important; color: #494949; font-size: 13px; font-weight: 500; padding: 5px; text-align: left; font-family: oswald;}
.menu.lateral ul.nivel-dois li.ativo a, .menu.lateral ul.nivel-dois li:hover a { color: #403e3d; background-color: transparent !important; }
.menu.lateral.outras:before{display:none}
.menu.lateral.outras { margin-top: -20px; background: #fff; }
.menu.lateral ul.nivel-dois li:hover ul.nivel-tres li a, .menu.lateral .nivel-tres li a { background-color: transparent !important; font-size: 12px; }
.menu.lateral .nivel-tres li:hover { background-color: #c0c0c0 }


/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
  
.menu.superior {
 background: #69caa4;
width: 100%;left: 0px;}
.logo {margin-bottom: 0px;
  
	background: transparent;
}


.lista-redes .icon-facebook {
	background-color:#c70606;
}
.lista-redes .icon-google-plus {
	background-color:#c70606;
}
.lista-redes .icon-twitter {
	background-color:#c70606;
}
.lista-redes .icon-youtube {
	background-color:#c70606;
}
.lista-redes .icon-instagram {
	background-color:#c70606;
}
.lista-redes .icon-pinterest {
	background-color:#c70606;
}

/* AREA SLIDE */
.banner .flex-control-nav {
    background-color: transparent;
}
.banner .flex-control-paging li a {
    border-radius: 10px;
    width: 15px;
    height: 15px;
}
.banner.tarja {
	text-align: center;
}


/* SOBREPOR ITENS */
#corpo .listagem .listagem-item .produto-sobrepor:hover {
    background: url() center center no-repeat;
}

#corpo .listagem-item .produto-sobrepor {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}



/*------------LISTAGEM HOME------------*/


.listagem .listagem-item {position: static;padding: 0px;margin-left: 0px;}
.listagem .info-produto {position: relative;text-align: center;}
.listagem .listagem-item .nome-produto { font-weight: 700; text-align: center; padding: 15px; font-size: 16px; color: #212020; }
.listagem .listagem-item .preco-produto .preco-venda + .preco-promocional:before { content: ""; display: block; }
.listagem .preco-produto .preco-venda { font-size: 15px; color: #69caa4; margin-left: 10px; font-family: Oswald;}
.listagem .listagem-item .desconto-a-vista strong { font-size: 18px; font-weight: 800; color: #b20304; font-family: oswald; }
.listagem .listagem-linha:first-child { padding: 2px 0 0; margin: 0; border: 0; }
.listagem .listagem-linha li, .listagem .listagem-linha li:first-child {background-color: white;border-radius: 15px;border: none;position: relative;}
.listagem .listagem-linha li:hover { border-color: rgba(162, 162, 162, 0.59) }
.listagem .listagem-linha { border-width: 0 }
.listagem.com-caixa .listagem-item { box-shadow: none; overflow: hidden; border: none; background: none; }
.listagem .listagem-item:hover .produto-sobrepor {opacity: 1;background-position: center;/* background-size: 80%; */}
.listagem-item.produto-adicionado .bandeiras-produto { z-index: 1 }
.listagem .titulo-categoria { border-top: 2px solid rgba(71, 71, 71, 0.85); font-size: 16px; color: #00557b; display: block; font-family: oswald; font-weight: 900; text-transform: uppercase; margin: 70px 0 0; padding: 10px; transition: all .2s ease; margin-bottom: 25px; }



/*------------RODAPE------------*/
 
#rodape { background-color: #00557b); background-repeat: repeat-x; }
#rodape .titulo { border-bottom: 3px solid #fff; color: #fff; display: block;  font-family: 'oswald', sans-serif;font-size: 14px; font-weight: 700; margin-bottom: 25px; margin-top: 30px; padding: 10px 0px; text-transform: uppercase; }
#rodape .institucional { background-color: #69caa4; background-image: none; background-position: top center; background-repeat: repeat; }
  #rodape .institucional ul {
    margin: 0;
    font-family: oswald;
    font-size: 14px;
    color: #212020;
}


/*RODAPE/REDES SOCIAIS*/ 




#rodape .redes-sociais { background: #00557b; border-radius: 5px; border: 0px solid #ccc; box-shadow: solid; height: 420px; padding: 0 10px; top: 37px; width: 220px; }
#rodape .redes-sociais .titulo { border-bottom: none; height: 14px; line-height: 30px; margin-bottom: 2px; margin-top: 8px; overflow: hidden; padding-bottom: 20px; padding-left: 23px; }
#rodape .redes-sociais .titulo:before { background: url('https://cdn.awsli.com.br/31/31649/arquivos/saudemedical-icones1.png') no-repeat -68px -685px; color: transparent; content: "........................"; font-size: 26.45px; font-weight: 700; height: 27px; margin: 20%; text-transform: none width: 106px; }
#rodape .caixa-facebook { box-shadow: none; padding: 0}


/*RODAPE/REDES SOCIAIS/ICONES*/

.lista-redes ul li { float: left; border-left: 0px solid #ddd;  background-color: #c70606;}
.lista-redes .icon-bold {
    background-color: #c70606;
}


/*RODAPE/NEWSLETTER*/ 

#barraNewsletter.posicao-rodape {
    background: #212020;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#barraNewsletter.posicao-rodape .conteiner {
    width: 100%;
    min-height: 65px;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1px;
}

#barraNewsletter.posicao-rodape .componente {
    background: 0 0
}

#barraNewsletter.posicao-rodape .componente .interno {
    padding: 0
}

#barraNewsletter.posicao-rodape .componente .interno .interno-conteudo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#barraNewsletter.posicao-rodape .componente .texto-newsletter {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    overflow: visible;
    margin: 20px 0;
}

#barraNewsletter.posicao-rodape .componente .texto-newsletter::before {
    display: none
}

#barraNewsletter.posicao-rodape .componente .input-conteiner,#barraNewsletter.posicao-rodape .componente .texto-newsletter {
    padding: 0
}

#barraNewsletter.posicao-rodape .componente .texto-newsletter {
    width: 100%
}

#barraNewsletter.posicao-rodape .componente .input-conteiner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: visible;
    margin-bottom: 20px
}

#barraNewsletter.posicao-rodape .componente .input-conteiner.hide {
    display: none
}

#barraNewsletter.posicao-rodape .componente input[type=text] {
    width: 60%;
    background: #69caa4;
    border: solid 1px #69caa4;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 40px;
    padding: 0 26px;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 0;
    color: #000; font-family: oswald; font-colo:#fff;
}

#barraNewsletter.posicao-rodape .componente input[type=text]::-webkit-input-placeholder {
    color: #8d8d8d;
    font-size: 15px;
    font-weight: 500
}

#barraNewsletter.posicao-rodape .componente input[type=text]:-moz-placeholder {
    color: #8d8d8d;
    font-size: 15px;
    font-weight: 500
}

#barraNewsletter.posicao-rodape .componente input[type=text]::-moz-placeholder {
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

#barraNewsletter.posicao-rodape .componente input[type=text]:-ms-input-placeholder {
    color: #8d8d8d;
    font-size: 14px;
    font-weight: 500
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar {
    width: 20%;
    background: #212020;
    border-radius: 0;
    color: #fff;
    height: 40px;
    border: solid 2px #69caa4;
    border-left: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar::after {
    content: 'Assinar';
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

#barraNewsletter.posicao-rodape .componente .newsletter-assinar:hover {
    opacity: .7
}

#barraNewsletter.posicao-rodape .componente .newsletter-confirmacao span {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #9f9f9f
}

#barraNewsletter.posicao-rodape .componente .newsletter-confirmacao .icon-ok {
    color: #000
}

#barraNewsletter.posicao-rodape .componente .alert {
    position: absolute;
    z-index: 99999
}


/*RODAPE/SELOS*/

.pagamento-selos { background: #69caa4; border-bottom: 0px solid; border-top: 0px solid; }
#rodape .institucional, #rodape .pagamento-selos { padding: 0 0 27px; }
.selos>ul { background-image: linear-gradient(to bottom,#fff,#f5f5f5); border-radius: 6px; border: 1px solid #ddd; margin: 0; padding: 15px 0 15px 0px; }
.selos li { padding: 5px 0px 5px 40px }


/*RODAPE/INSTAGRAM*/	

#instarodape { text-align: center }
div#instarodape::before { background: url('https://cdn.awsli.com.br/31/31649/arquivos/saudemedical-icones1.png') no-repeat center; background-position: -19px -740px; width: 174px; content: 'instagram'; display: block; color: #303030; height: 34px; margin-bottom: 25px !important; margin-top: 65px; margin: 0 auto; text-indent: -9999999999px; }
a, a:hover, a:focus, .cor-principal, .menu a:hover, .atributo-comum a:hover span, .atributo-comum .active a span { color: #212020;font-family: oswald;/*! font-size: 18px; */font-size: 15px;}
.borda-principal, .atributos ul li a:hover, .atributos ul li.active a, .tema-scuro .nav-tabs li.active a, .elastislide-carousel ul li.active a { border-color: transparent }


@media only screen and (max-width: 770px){

    #cabecalho .conteiner {
    background: url();
    background-position: 0px -250px;
}
#cabecalho .busca .botao-busca {
    top: 7px;
    right: 5px;
    width: 100px;
    text-indent: -99999px;
    background: url(https://cdn.awsli.com.br/390/390684/arquivos/botao-busca.png) no-repeat;
    border: none;
}

#cabecalho .busca input {
    padding: 10px;
    width: 96%;
    border: solid 2px #9b0001;
}
    
#rodape {
  background: url(https://cdn.awsli.com.br/401/401129/arquivos/rodape-fundo-new.png) center center;
}
    #rodape .pagamento-selos, #rodape .institucional {
    background: transparent;
}

/* titulo textos rodapé */
#rodape .titulo {
  margin-bottom: 0px;
  border-bottom: none;
  color: #fff;
}
/* background selos */
#rodape .selos>ul {
    margin: 0;
    background-image: linear-gradient(to bottom,#fff,#f5f5f5);
    border-radius: 6px;
    border: 1px solid #ddd;
    width: 240px;
    padding: 8px;
}
}

.barra-inicial .canais-contato span, .barra-inicial .canais-contato a, .barra-inicial .canais-contato i {
    color: #ffffff;
}

#corpo {

    margin-bottom: 0px;
    margin-top: 60px;

}

    
/* Cor do fundo e texto do menu */
#cabecalho > .conteiner > .menu.superior 
#cabecalho > .conteiner > .menu.superior .com-filho > a i { background-color: #69caa4; max-width: 1180px;margin: px auto; padding: 0px 10px; }
#cabecalho > .conteiner > .menu.superior .titulo { color: #fff; }

/* Centralizar os itens do menu */
#cabecalho > .conteiner > .menu.superior { text-align: center; }
#cabecalho > .conteiner > .menu.superior .nivel-um > li { float: none; display: inline-block; border-left: 0; margin-right: -3px; }

   @media (min-width: 768px) {
.menu.superior {width: 100%;position: absolute;top:158px;left: 0px;}
.logo {margin-bottom: 1px;}
}
    
@media only screen and (min-width: 768px) 
.menu.superior {width: 100%;position: absolute;top:150px;left: 0px;}
.logo {margin-bottom: 132px;}
.menu .titulo {font-family: 'oswald', sans-serif; font-size: 13px;color: #fff;}
.menu i.icon-chevron-down {background: transparent;}
.menu.superior .nivel-um>li {border-right: 0px solid rgba(0,0,0,0.1);border-left: 1px solid #fff;}
.menu.superior .nivel-um>li:hover {border-bottom-width: 2px;margin-bottom: -2px;background-color: #212020;border-left: 1px solid #01beb8;}
.menu.superior {background-color: #69caa4;}
.menu.superior .nivel-dois, .menu .nivel-tres, .menu.lateral .nivel-um>li>a{background: #69caa4;}
.menu.superior .nivel-dois a {line-height: 30px;color: #fff; font-size: 11px}
.menu.superior .nivel-dois li:hover, .menu.lateral.outras .nivel-um li:hover a {background-color: #212020;}    
.menu.superior .nivel-dois i.icon-chevron-right.fundo-secundario {background: transparent;}
.menu.superior li:hover > a .fundo-secundario {background: transparent;color: #69caa4}
.menu.superior .nivel-dois li {padding: 5px 2px;}
.menu .nivel-dois .com-filho i {top: 3px;}
.menu .nivel-dois {padding: 0px 0;}