/* 
reskin-custom-boticario.css 
Customizações realizadas pela equipe O Boticário
*/

#categoria #container .banners-categoria{display:none;}
.texto-seo{ display:none;}
.News{display:none;}


/* página produto*/
.produto .especificacoes.espec h3{
    padding-top:50px !important;
    margin-top:0 !important;
}
.produto .descricao{margin:0 auto !important;}
.produto .productDescription p{ padding-bottom:15px;}
.produto .background{background-repeat:repeat !important;}
.produto .productDescription p a{color:#9E3E83;}

/* banner botao comprar */
.home .topBanners .bannerDestaque .banner .texto .botao{ font-size:12px !important;}
#header .menu100 ul.menu-departamento li .subMenu .wrapperColuna.destaque ul li a.comprar{ font-size:12px !important;}

.promocao-hoje-e-dia-de.catalog.especial #container{height:auto; !important}

.produto .chaordic iframe{ background:transparent !important; width:95%; min-width:940px;}


/* hipercard */
#footer100 .footer .cartoes li.hipercard{
    background: url('/arquivos/reskin-bandeiras.png') -272px 0 no-repeat;
    width: 55px;
    height: 28px;
}
#footer100 .footer .cartoes li.diners{
    background: url('/arquivos/reskin-bandeiras.png') -340px 0 no-repeat;
    width: 50px;
    height: 33px;
}
#footer100 .meio .box strong{ margin-left:0 !important; }
#footer100 .meio .box strong{ margin-left:0 !important; }
#footer100 .footer .cartoes li{ width:45px !important; margin-right:2px;}

/* Departamento sidebar */ 
#departamento .sideBar h4 + ul li a{
    font-weight:normal !important;
    font-size:13px !important;
}
#departamento .sideBar h4 + ul{ margin-bottom:15px !important; }
#departamento .sideBar h4 a{
    padding-top:10px 0 6px !important;  
    font-weight:600 !important;    
    text-transform:uppercase;
}
#departamento .sideBar h4{ padding:13px 0 5px 0 !important; }



/* páginas institucionais */
.interna #container .content p{ font-size:14px !important;}
.interna #container .sideBar h2{ font-size:16px !important;}
.interna #container .sideBar ul li a{ font-size:15px !important; font-weight:normal !important;}


/* Vitrines na página de departamento */
.vitrines-bottom, .vitrines-top{ 
    float:left;
    width:100%;
    height:auto;
}

/* vitrines na home */
.home .home-banner:empty, .home .home-banner .wrapper:empty{
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
}
.home .home-banner {
    width: 100%;    
    margin: 0 auto;
    clear: both;
    padding:0;
}
.home .home-banner.background{
    background-image: url('/arquivos/reski-bg-prateleirahome.jpg');
    background-repeat: repeat;
    background-color: #ce1a47;
    height:449px;    
}
.home .home-banner .wrapper {
    width:100% !important;    
    margin: 0 auto 40px;
    padding:40px 0 0 0 !important;                 
    max-width: 980px !important;
}

@media screen and (max-width:1280px) {
    .home .home-banner .wrapper {
        max-width: 980px !important;
        /*height: 450px;*/
    }
}

@media screen and (min-width:1280px) and (max-width:1919px) {
    .home .home-banner .wrapper {
        width: 1240px !important;
        max-width: 1275px !important;        
    }
}

@media screen and (min-width:1920px){
    .home .home-banner .wrapper {
        width: 1240px !important;
        max-width: 1275px !important;        
    }
}

/* Busca multiple navigator */
.search-multiple-navigator{ display:block !important;}

/* Selos exclusivos e preços */
.prateleira .flags .priceOff  strong{
    font-weight:normal !important;
    font-size:15px !important;    
}
.flag.produto-exclusivo, .flag.exclusivo-online {
    background-color: #771862;
    width:61px;
    text-align:center;
    border-radius:0 0 0 8px !important;     
    font-weight:bold;
    font-size:11px;
    font-weight:normal !important;
    text-transform:uppercase;
}

/*  selo black friday  */

.prateleira ul li a.highlight .flag.pagina-bf15---selo,
.prateleira ul li a.highlight .flag.black-week{
    background-color: #000;
    font-size:15px;
    font-weight:bold;
    text-transform:uppercase;
    color:#E9008A;
    padding:7px 6px 6px 10px;
    width:48px;
    text-align:center;
    border-radius:0 0 0 8px !important;
    line-height:15px;
}

.flag.black-week{
    background-color: #000 !important;
    font-size:15px !important;
    font-weight:bold !important;
    text-transform:uppercase;
    color:#E9008A !important;
    padding:7px 6px 6px 10px !important;
    width:48px !important;
    text-align:center !important;
    border-radius:0 0 0 8px !important;
    line-height:15px !important;
}

#produto .wrapper-a .right .box-flag .flag.black-week{
   background-color:#000 !important;
   color:#E9008A;
   text-transform:uppercase;    
   line-height:15px !important;
   font-size:17px !important;
   font-weight:bold;
   height:20px !important; 
   padding:8px 0 4px 3px !important; 
   width:134px !important;   
}



#produto .wrapper-a .right .box-flag .flag.produto-exclusivo, #produto .wrapper-a .right .box-flag .flag.exclusivo-online{
   color:white;    
   line-height:15px !important;
   font-size:11px !important;
   height:20px;
   padding:5px 0 0 3px;
   width:134px;   
}


.ciclo-03---ecommerce---progressivo-5--10--15--off{display:none;}
.prateleira .discount {display:none !important;}

.especial .btn-load-more{ display:none; }   
.products .btn-load-more{        
    text-align:center;
    display:block !important;    
}

.products .btn-load-more span{
  width: 170px;
  height: 30px;
  border-radius: 7px;
  background: none repeat scroll 0% 0% rgb(72, 8, 58);
  color: rgb(255, 255, 255);
  text-align: center;
  display:inline-block;   
  margin: 0 auto;
  line-height: 30px;
  font-weight: 600;
  cursor: pointer;
  margin:10px 0 0 0;
}



/* Banner televendas */
a#televendas-banner-fechar{
    width: 28px;
    height: 25px;
    color: #484848;
    text-indent: -9999px;
    outline: none;
    cursor: pointer;
    float: right;
    position: relative;
    top: 32px;
    border: 0;
    right: 0;        
}
#televendas-banner{
    position: fixed;
    width:289px;        
    height: 110px;
    float: right;
    bottom: 25px;
    bottom: -80px;
    color: #484848;
    z-index: 999;
    text-align: center;
    left:25px;        
}
a#televendas-banner-link{
    background: url(http://www.boticario.com.br/arquivos/banner-televendas-reskin.png) no-repeat 0 0;
    width: 288px;
    height: 110px;
    text-indent:-9999px;
    outline:none;
    float:left;
    margin:0 0 0 0;
}


/* Textos Legais no rodape */
.textos-legais{
    float:left;
    width:100%;    
}

.textos-legais-box{ 
    width:980px;
    margin:0 auto;    
    padding:36px 0 0 0;
}

.textos-legais-box p{
    color:#484848;
    margin:0 0 3px 0;
    font-size:13px;
} 

.textos-legais-box p a{color:#7A145D;}

.textos-legais-box p span{
    font-weight:bold;
    font-size:12px;
    top:-2px;
    position:relative;
} 
@media screen and (min-width:1024px) {
    .textos-legais-box{
        width:970px;    
    }   
}
@media only screen and (min-width:1279px) {
    .textos-legais-box{
        width:1200px;        
    }
}
@media only screen and (min-width:1920px) {
    .textos-legais-box{
        width:1400px;        
    }
}

span.texto-legal{        
  top: -0.4em;
  position: relative;
  font-size: 0.7em;
}

/* 3 Linhas na prateleira */
.right .prateleira ul li .data h3 a{ height:53px !important;}


/* Correção Rating do produto */
.produto .rate .avaliacao0 {
    background: url('/arquivos/rating-icon.png') no-repeat 0 -65px;
}
.produto .rate .avaliacao10, .produto .rate .avaliacao15 {
    background: url('/arquivos/rating-icon.png') no-repeat 0 -52px;
}
.produto .rate .avaliacao20, .produto .rate .avaliacao25 {
    background: url('/arquivos/rating-icon.png') no-repeat 0 -39px;
}
.produto .rate .avaliacao30, .produto .rate .avaliacao35 {
    background: url('/arquivos/rating-icon.png') no-repeat 0 -26px;
}
.produto .rate .avaliacao40, .produto .rate .avaliacao45 {
    background: url('/arquivos/rating-icon.png') no-repeat 0 -13px;
}
.produto .rate .avaliacao50, .produto .rate .avaliacao55 {
    background: url('/arquivos/rating-icon.png') no-repeat 0 0;
}


/* Lançamento app */
#footer100 .institucional .box.redes ul li.app a{    
    background:transparent url("/arquivos/rodape-desktop-app-oboticario.png") no-repeat;   
    margin:20px 0 0 0;
    font-size:14px;    
    text-transform:uppercase;
    padding:2px 0 0 25px;
    font-weight:bold;
    color: #711b5a;
}

#footer100 .institucional .box.redes ul li.app{
  margin-top:5px;  
  height:50px;
  float:left;
}


/* Bloco seleção especial */
.selecao-especial{    
    margin:0 auto;
    width:990px;
    height:390px;     
}

.selecao-especial ul{
    margin:35px 0 0 0;
    float:left;
}

.selecao-especial ul li{
    float:left;
    margin:0 3px 0 0;
    height:340px;
    float:left;
    border:2px solid #802767;
    border-radius:10px;
}

.selecao-especial ul li a img{
   border-radius:7px;    
}

.selecao-especial ul li:hover{
    border-color:#FF275C;
}

/* 1280 */
@media screen and (min-width:1280px) {
    .selecao-especial{   
        width:1180px;
    }

    .selecao-especial ul li{
        margin:0 22px;
    }     
}

/*1920*/
@media screen and (min-width:1920px) {
    .selecao-especial{   
        width:1400px;
    }
    .selecao-especial ul li{
        margin:0 52px;
    }     
}

.hide{ display:none;}

/* vitrine abaixou o preço Chaordic */

#departamento .aproveite{display: none !important;}
.vitrines-bottom, .vitrines-top{ padding:30px 0 0 0 !important;}

.departamento .background{
    background:transparent url('/arquivos/reskin-bg-prateleira-depart.jpg');    
}

.departamento .background iframe{
    padding:15px 0 0 0;
}

/* Encontre O Boticario - Produto esgotado */
.multi-canal{  
    background:#EDEDED url('/arquivos/icone-multicanalidade.png') no-repeat right 0 !important;            
    padding:35px 250px 20px 35px !important;
    color:#484848 !important;
} 
.multi-canal h3{ padding:5px 0 0 0;}  
.multi-canal a{
   color:#484848 !important;
   float:left;
   border:1px solid red;
}  
.multi-canal p{  padding:10px 0 0 0; line-height:16px;  }
.multi-canal p strong{ font-weight:bold;} 

#footer100 .institucional .box h3.middle{
    margin: 25px 0 15px 0;
}
#footer100 .institucional .box h3.first {
    margin: 0px 0 15px 0;
}


/* Chaordic ajustes */

div[chaordic="bottom"]{
    float:left;
    width:100%;
    clear:both;
    margin:20px 0 0 0;
}

div[chaordic="top"]{
    float:left;
    width:100%;
    clear:both;
    margin:20px 0 0 0;
}

div[chaordic="middle"]{
    margin:20px 0 0 0;
}

.categoria #container .right{
    margin-bottom: 40px;
}

.produto .chaordic{
    padding:0 !important;
}

.home .LinhasBoticario{
    margin-top:1px;
}




/*  selo noite da beleza  */

.prateleira ul li a.highlight .flag.noite-da-beleza{
    background-color: #000;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    color:#FD439E;
    padding:7px 6px 6px 10px;
    width:48px;
    text-align:center;
    border-radius:0 0 0 8px !important;
    line-height:15px;
}

.flag.noite-da-beleza{
    background-color: #000 !important;
    font-size:13px !important;
    font-weight:bold !important;
    text-transform:uppercase;
    color:#FD439E !important;
    padding:7px 6px 6px 10px !important;
    width:60px !important;
    text-align:center !important;
    border-radius:0 0 0 8px !important;
    line-height:15px !important;
}

#produto .wrapper-a .right .box-flag .flag.noite-da-beleza{
   background-color:#000 !important;
   color:#FD439E;
   text-transform:uppercase;    
   line-height:14px !important;
   font-size:13px !important;
   font-weight:bold;
   height:18px !important; 
   padding:8px 0 4px 3px !important; 
   width:134px !important;   
}




.prateleira ul li a.highlight .flag.pagina-bf15---selo, .prateleira ul li a.highlight .flag.black-week{
    background: transparent url("/arquivos/blackweek-boticario-selo.gif") no-repeat 0 0;
    height:46px !important;
    width:73px !important;
    padding:0 !important;
    text-indent:-9999px !important;
    text-align:center !important;        
}

.flag.black-week{
     background: transparent url("/arquivos/blackweek-boticario-selo.gif") no-repeat 0 0;
    height:46px !important;
    width:73px !important;
    padding:0 !important;
    text-indent:-9999px !important;
    text-align:center !important;    
}

#produto .wrapper-a .right .box-flag .flag.black-week{
    background: transparent url("/arquivos/blackweek-boticario-selo.gif") no-repeat 0 0;
    height:46px !important;
    width:73px !important;
    padding:0 !important;
    text-indent:-9999px !important;
    text-align:center !important;    
}


#produto .wrapper-a .right .box-flag .flag.black-week{
   background-image:none;
   text-indent:0 !important;
   background-color:#000 !important;
   color:#E9008A;
   text-transform:uppercase;    
   line-height:15px !important;
   font-size:17px !important;
   font-weight:bold;
   height:20px !important; 
   padding:8px 0 4px 3px !important; 
   width:134px !important;   
}


/* frete */

.flag.frete-gratis, .flag.frete-gratis {
    background-color: #A65BA2;
    width:61px;
    text-align:center;
    line-height:16px;
    border-radius:0 0 0 8px !important;     
    font-weight:bold;
    font-size:14px;
    font-weight:normal !important;
    text-transform:uppercase;
    font-weight:bold !important;
}

#produto .wrapper-a .right .flag.frete-gratis{
    background-color: #A65BA2;
    width:141px;
    text-align:center;
    line-height:32px;
    height:32px;
    border-radius:0 0 0 8px !important;
    margin:0 0 20px 0;     
    font-weight:bold;
    font-size:16px;
    font-weight:normal !important;
    text-transform:uppercase;
    font-weight:bold !important;
}