/*.contentorProduto{width:94%;margin-left: auto;margin-right: auto;max-width: 390px;}
.etiquetaPercPromo{right:0px;bottom:0px;}	*/
/*???*//*.precoMobile*/ .semstrikethrough {top: -46px;height: 20px;width: 40%;margin-left: 30%;font-size: 10px;line-height: 20px!important;position:relative;}
/*???*/.estilosGeral {display:inline-block;cursor:pointer;font-family:Arial;font-size:11px;color:#000;text-decoration:none;text-transform:uppercase;font-weight:bold;line-height:25px;height:25px;vertical-align:middle;text-align:left;}.estilosGeral:hover{text-decoration:underline}
#divFiltros{-webkit-transition:width .5s ease;-moz-transition:width .5s ease;-o-transition:width .5s ease;transition:width .5s ease;background:#fff;width:0;height:100%;position:fixed;vertical-align:top;top:0;z-index:9999}#divFiltros.in{width:100%;}
/*#filtrosOrdenar{position:absolute;right:0;left:0;top:35px;-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;background:#fff;display:none;vertical-align:top;z-index:9999;padding:15px;border-top-style:none;opacity:0;-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.15);-moz-box-shadow:5px 5px 5px rgba(0,0,0,.15);box-shadow:5px 5px 5px rgba(0,0,0,.15);-ms-box-shadow:5px 5px 5px rgba(0,0,0,.15);-o-box-shadow:5px 5px 5px rgba(0,0,0,.15)}*/
/*#filtrosOrdenar.in{display:block;opacity:1}*/
.btnMaisCores:hover{color:#333!important;}
@media(min-width:768px){.hoverElement{margin-bottom:30px}}
/*--------------------------------------------------------------------*/
.row{margin:0px}.rowFiltros{margin:0px;padding-top:15px}
.txtFiltrosTotal{font-size:11px}
@media(max-width:768px){.rowFiltros{padding:0}/*.rowEstilosTotal{margin-top:30px;padding:0 10px}*/.txtFiltrosTotal{font-size:9px}}
.whimage{width:100%;max-width:390px;margin:0 auto}.wareaimg{width:235px}
.b-lazy{-webkit-transition: opacity 500ms ease-in-out; -moz-transition: opacity 500ms ease-in-out; -o-transition: opacity 500ms ease-in-out; transition: opacity 500ms ease-in-out; max-width: 100%; opacity:0}.b-lazy.b-loaded{opacity:1}
.contentorProduto:hover .trocaVista{opacity:1} 
.trocaVista{opacity:0;}
.contentorProduto:hover .hoverVista{opacity:1}
.adicionarStart:hover{cursor:pointer}
.hover_quickbuy{cursor:default;position: absolute;overflow: hidden;background: rgba(256,256,256,0.93);width: 100%;max-width: 390px;margin-top: 1px;height: 0px;z-index: 500;text-align: center;line-height: 50px;transition: height 250ms ease-in-out,margin-top 250ms ease-in-out,background-color 250ms ease-in-out 150ms;}
.adicionarStart, .divAdicionarTamanhos, .linha100percent span, .desktopBlocoProduto, .mobileBlocoProduto{font-family: 'Lato', sans-serif;}
.contentorProduto{width:94%;margin-left:3%;margin-right:3%;}
@media(max-width:767px){.contentorProduto, .hover_quickbuy{max-width:390px;margin-left:auto;margin-right:auto;}}
.adicionarTamanhos{line-height: 30px;margin-top:5px;}	
.linha100percent{width: 100%;margin: 0 auto;line-height: 35px;}
.linha100percent span{line-height: 35px;height: 35px;}
.alinhaMeio_t{margin: 0px auto;width: 20%;display: inline-block;}
.blocotamanho{color:#000;}
.tamanho_missing{color:#b1b1b1;}
.tamanho_missing:before{left: 26%;top: 48%;right: 22%;}	
.tamanho_OK{cursor:pointer;}
.tamanho_OK:hover{background: rgba(220,220,220,0.7);}		
.etiquetaPercPromo{top:0px;left:0px;margin-left:13px;margin-top:1px;/*right:0px;bottom:0px;*/}	
.hoverElement{color:black;	}
.descontoNovoAlterado{width: 100%;bottom: 21px;}
.mobileBlocoProduto{margin:0px 0px 20px 0px;display:none;position: relative;}
.desktopBlocoProduto{display: none;}
.nomeMobile{display: inline-block;width: 100%;text-align: center;margin: 15px 0px;font-weight: normal;font-size: 12px;height: 2.2em;}		
.precoMobile{display: inline-block;width: 24%;float: left;text-align: center;font-size: 12px;border: solid 1px #efefef;font-weight: bold;border-right: solid 0px transparent;height: 40px;line-height:40px;}
.precoMobile span {width: 100%;display: block;line-height: 25px!important;}
.precoMobile .strikethrough {top: -46px;height: 20px;width: 40%;margin-left: 30%;font-size: 10px;line-height: 20px!important;}
.btnAdicionarMobile{width: 75%;display: inline-block;line-height: 40px;font-size: 12px;text-align: center;background: #000;color: #fff;border: solid 1px #efefef;border-left: solid 0px transparent;height: 40px;}
.etiquetaPercPromo{height: 40px;}.etiquetaPercPromo span{display: block;width: 100%;height: 40px;line-height: 40px;font-size: 17px;}
.descontoNovoAlterado{font-size: 14px;margin-bottom: 0px;background:rgba(256,256,256,0.7);}.descontoNovoAlterado span{opacity:1;}
.reservarDesktop{color:#4f4f4f;font-weight:bold;padding-top:10px;}
.reservarMobile {color:#4f4f4f;display:inline-block;text-align:center;border:solid 1px #efefef;height:40px;line-height:40px;width:75%;font-weight:bold;}
label{margin:0px;}
.escondeEm2{display: block;}
.escondeEm3{display: none;}
/*********######################################################################################################*****/ 
@media(max-width:767px){
    .escondeEm2{display: none;}
	.escondeEm3{display: block;}
	.adicionarTamanhos {line-height: 20px;margin-top: 5px;} 
	.linha100percent {width: 100%;margin: 0 auto;line-height: 29px;}	  
	.hoverElement {width:50%;}	
    .nomeMobile {display: inline-block;width: 100%;text-align: center;margin: 10px 0px;font-weight: normal;font-size: 10px;}	
    .btnAdicionarMobile {width: 72%;display: inline-block;line-height: 30px;font-size: 10px;text-align: center;background: #000;color: #fff;border: solid 0px transparent; border-left: solid 0px transparent;height: 32px;}
	.precoMobile .strikethrough {top: -38px;height: 20px;width: 40%;margin-left: 16%;font-size: 9px;text-align: center;line-height: 20px!important;}
	.precoMobile {display: inline-block;width: 27%;float: left;text-align: center;font-size: 10px;border: solid 1px #EFEFEF;font-weight: bold;border-right: solid 0px transparent;height: 30px;line-height: 30px;}
	.divAdicionarTamanhos{font-size:10px}
	.precoMobile span {width: 100%;display: block;line-height: 21px!important;}
	.etiquetaPercPromo span {display: block;width: 100%;height: 40px;line-height: 30px;font-size: 13px;}
	.etiquetaPercPromo {top: 0px;left: 0px;margin-left: 5px;margin-top: 0px;height: 30px;width: 40px;}
	.linha100percent span {line-height: 25px;height: 25px;}
	
} 
.linhamenuopcoes{width: 100%;}	  
.menu_lateral_w a:hover, .menu_lateral_w .linkEmDestaque{text-decoration: underline!important;color:#000!important;}




    
#listCategory {
	margin: 5px auto 15px;
	display: inline-block;
    width: 100%
}

#listCategory h2 {
	margin: 0;
    line-height: normal
}
#listCategory h2 .shoppingStepsTit {
	font-size: 14px
}
#filtros {
	overflow-x:hidden;overflow-y:auto;height:100%;background-color:#ffffff;text-align:left;text-decoration:none;border:0px none #fff;margin:0px;
}

#filtrosMobile {
	display: inline-block;
    background-color: #fff;
    z-index: 4;
	text-align: center;
	padding: 5px;
    width: calc( 100% - 10px)
}
#filtrosMobile .btn {
	border: 1px solid #ddd;
    border-radius: 0;
    width: 85%;
    padding: 10px 0;
    color: #000;
    font-family: 'Muli';
    font-size: 12px
}
#filtrosMobile .total-content {
	width: 85%;
    padding: 10px 0;
    text-align: right;
	font-family: 'Muli';
	font-size: 10px
}
#filtrosMobile .totalArtigos {
	display: inline-block
}

#filtrosMobile.sticky {
	position: fixed;
	top: 50px;
	left: 0;
	right: 0
}

#filtros .panel-default {
	border-radius:0;
	border: none;
    width: 97.5%;
    margin-left: auto;
    box-shadow: none;
}
#filtros .panel-default>.panel-heading {
	background: #fff;
    padding: 0;
	border-bottom: 1px solid #ddd
}
#filtros .panel-default>.panel-heading a {
	text-decoration: none;
    color: #000;
    font-family: 'Muli';
    font-size: 12px;
	padding: 15px;
    display: inline-block;
    width: calc( 100% - 30px);
	position: relative
}
#filtros .panel-default>.panel-heading a img {
	position: absolute;
    right: 15px;
    bottom: 17px;
	width: 15px;
	height: 12px;
	transform: rotate(180deg);
	transition: .5s
}
#filtros .panel-default>.panel-heading a.collapsed img {
	transform: rotate(0deg)
}

#filtros .panel-default>.panel-heading a .filtrosQtdSelected {
	display: none;
	font-size: 9px;
	background-color: #fff
}
#filtros .panel-default > .panel-heading a.collapsed > .filtrosQtdSelected {
	display: inline
}
#filtros .panel-default>.panel-heading a .filtrosQtdSelected div {
	display: inline-block;
	padding-right: 5px;
	color: #666
}

#filtros .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border: none
}

#topoDivFiltros .filters-content {
	padding: 15px;
	border-bottom: 1px solid #ddd
}
#topoDivFiltros .filters-content h2 {
	margin: 0;
    font-family: 'Muli';
    text-align: center;
    font-size: 14px;
}
#topoDivFiltros .filters-content .close-filters {
	position: absolute;
    right: 15px;
    top: 14px
}
#topoDivFiltros .filters-content .close-filters {
	width: 15px
}
#filtros .panel.panel-defalt {
	margin:0px;border:none;box-shadow:none;padding-left:20px;border-bottom:1px solid #c6c6c6;
}
#filtros .panel.panel-heading {
	padding:0;border:none;margin:10px 0;
}

#divFiltros.in .bottom-filters {
	background-color: #fff;
	position: absolute;
    bottom: 0;
    right: 0;
    left: 0
}

.bottom-filters .btn {
	background-color: #fff;
	border: 1px solid #000;
    border-radius: 0;
    width: 90%;
    margin: 10px 5px;
    padding: 15px 0;
    color: #000;
    text-decoration: none;
    font-family: 'Muli';
    font-size: 12px
}
.bottom-filters .btn.disabled {
	border-color: rgba(0, 0, 0, .25)
}

#divListaVazia {
	width: 90%;
    margin: 50px auto;
    text-align: center;
    font-size: 12px
}

#divEstilosEscolha {
	font-family: 'Muli';
	font-size: 12px
}


 .container-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.container-checkbox .checkmark {
	top: 0;
	left: 0;
	bottom: 0
}

.container-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

.container-checkbox .checkmark:after {
  left: 3px;
  top: 0;
  width: 5px;
  height: 10px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer
}

.container-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 11px;
  width: 11px;
  background-color: #fff;
	border-color: #000;
  border-radius: 50%;
}

.container-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.container-radio input:checked ~ .checkmark:after {
  display: block
}

.container-radio .checkmark:after {
	top: 2px;
    left: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #000
}
#divFiltros label {
    width: auto;
    position: relative;
    display: inline-block;
    vertical-align: middle;
	padding-left: 25px
}

.filters-list {
	-webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}
#ctl00_ContentPlaceHolder1_plbFiltrosOK {
	background-color: #000;
	color: #fff
}
@media (max-width: 768px){
	.rowEstilosTotal {
		text-align: center
	}	
}