#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 100px; /* Place the button at the bottom of the page */
  left: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  box-shadow: 0 0 0 1pt #dcd9d9; /*adds an outline to the icon*/
  background-color: white; /* Set a background color */
  color: black; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 12px; /* Increase font size */
}

/*Oi Tia Anita*/

#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
  color:#ffffff;
}

/* Ajustando tamanho da página para ficar mais larga */
.conteiner  {
    max-width: 1280px;
    box-shadow: none; 
}

/* Tirando o box que fica em volta da página */
.conteiner-principal .conteiner  {
    box-shadow: none; 
}

.listagem .titulo-categoria {
 margin: 60px 0 0;   
}

/* tirar logo antigo estranho da ServHotel */
.marcas {
    max-height: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    width: 0;
    height: 0;
    display: 0;
}

/* tirar Boleto bancário */
.gateways-rodape {
    background-image: linear-gradient(to bottom,#fff,#f5f5f5);
    border-radius: 0px;
    border: 0px solid #ddd;
    width: 0;
}

/*Deixar banners gigantes*/
.secao-banners .conteiner {
    max-width: 100%;
    padding: 0;
    margin:0;
    margin-top: 0px;
    border:none;
    max-height: 200px;
}

.flexslider {
    margin: 5px 0 20px;
    background: #fff;
    border:none;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
    -o-box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
    box-shadow: ‘’ 0 1px 4px rgba(0,0,0,0.2);
}


.span12.banner.tarja{
    text-align:center;
    margin-bottom: 30px;
}

/*Trocar fundo Outlet
.categoria-id-4926261 {
    background-color: #ff8533;
}*/

/* Ajustando tamanho do menu para caber */
.menu .titulo {
    font-size: 15px;
}


/* Colocando uma margem entre preço via Boleto e preço normal/parcelado*/
.listagem .preco-produto>div:nth-child(2) {
    margin: 0px 0px 15px;
}

/* Ajustando tamanho do texto no preço do produto*/
.preco-produto strong.titulo {
    font-size: 23px;
}

.produto .acoes-produto .preco-produto .preco-venda {
    font-size: 23px;
}

.preco-parcela{
 color: #b3b3b3;
 font-size: 11px;
}

.preco-parcela .cor-secundaria{
 color: #b3b3b3;
}


/* Ajustando tamanho do texto no boleto*/
.desconto-a-vista .cor-secundaria{
 	font-size: 15px;   
}

/* Ajustando tamanho do texto no boleto*/
.desconto-a-vista {
    padding-top: 20px;
}

/* Ajustando tamanho do texto no título da categoria*/
.listagem .titulo-categoria {
    font-size: 20px;
    text-align: center;
}



.pagina-inicial .conteiner-principal .conteiner .nivel-um {
	background-color: #FFFFFF;
    margin-top: 30px;
    margin-bottom: 0px;
} 
/*  	width: 100vw; <-- children as wide as the browser window (viewport) 
    margin-left: calc(-1 * ((100vw - 100%) / 1.9)); /*align left edge to the left edge of the viewport */
  /* The above is basically saying to set the left margin to minus the width of the viewport MINUS the width of the parent, divided by two, so the left edge of the viewport 

}



.menu.superior .nivel-um>li {
    float: center;
    border-right: 1px solid rgba(0,0,0,0.1);
    border-left: 1px solid rgba(255,255,255,0.8);
}