/**
 * File for custom CSS. You can use it to override the default styling of the theme.
 *
 * 1. Copy the file "default.override.css" and rename it to "override.css".
 * 2. Enable it in the admin panel.
 *
 */

.products-grid .regular ul.configurable-swatch-list { 
	text-align: left; 
	margin-bottom: 10px; 
}




/********** < Navigation */
#nav {  padding:5px 0; margin:10px 0; font-size:13px;}

/* All Levels */
#nav li { text-align:left; position:relative; text-decoration:none;}
#nav li.over { z-index:998;}
#nav li a { display:block; text-decoration:none;}
#nav li a:hover { text-decoration:none; }
#nav li a span { display:block; white-space:nowrap; cursor:pointer; } 
#nav li ul a span { white-space:normal;}


/* 1st Level */

#nav li { float:left;text-decoration:none;}
#nav li a { float:left; padding:5px 10px; font-weight:bold; color:#888;text-decoration:none;     width: 100%;}
#nav li a:hover { color:#000; }
#nav li.over a,
#nav li.active a { color:#000; }

/* 2nd Level */
#nav ul, 
#nav div { position:absolute; width:15em; left:-10000px;}
#nav div ul { position:static; width:auto; border:none; }

/* 3rd+ leven */
#nav ul ul,
#nav ul div { top:7px; }

#nav ul li { float:none; }
#nav ul li.last { border-bottom:0; }
#nav ul li a { float:none; padding:3px 9px; font-weight:normal; color:#888 !important; }
#nav ul li a:hover { color:#000 !important; }
#nav ul li.active > a,
#nav ul li.over > a { color:#000 !important; }

<!-- COLOCAR V�RIOS BANNERS NA MESMA LINHA # FALTA O FULLWIDTH -->

#masonry-grid_21{margin: 3px;position:relative;}
#masonry-grid_22{margin: 3px;position:relative;}
#masonry-grid_23{margin: 3px;position:relative;}
  

  .grid-sizer, .masonry-grid-item{width:25%;padding:2.5px;float:left;}
  .masonry-grid-item a{display:block;position:relative;}
  .masonry-grid-item a:before{width:100%;height:100%;display:block;content:"";position:absolute;visibility:hidden;opacity:0;filter:alpha(opacity=0);background-color:#000;transition:0.3s all;}
  .masonry-grid-item a:hover:before{visibility:visible;opacity:0.2;filter:alpha(opacity=20);}
  .masonry-grid-item.w2{width:50%;}
  .masonry-grid-item.w3{width:75%;}
  .masonry-grid-item.w4{width:100%;}
  .masonry-grid img{width:100%;}

<!-- BOT�ES PARA BANNERS # LOOK DA SEMANA -->

button.button_whitae {height:42px;box-shadow:1px 1px 5px 0px rgba(0, 0, 0, 0.15);}
button.button_whitae span { background: linear-gradient(to bottom,  #ffffff 1%,#f2f2f2 100%);/* W3C */}
button.button_whitae span span { padding:0 37px; color:#000; color:rgba(0,0,0,0.75); }
button.button_whitae span:hover {background: #ffb4b1;}
button.button_whitae:hover span span { color: #fff;}

<!-- fulwidth barra -->

.fullwidth-bg1 {position: relative; padding:0 0; }

.tb_padding_wrap1{
width:100%;
z-index: 0;
}

.tb_padding_wrap1 hr {margin:0px 0px 0}

<!-- CONDI��ES BARRA ROSA -->



.product-view .product-options dt .swatch-atrr {

font-size: 16px;
}
