/* Base settings */

.item,.item-overlay,.sale-tag,.item-content,.item-top-content,.item-top-content-inner,.item-product,.item-top-title,.subdescription,.item-product-price,.price-num,.subdescription,.old-price,.item-add-content,.item-add-content-inner,.section,.btn,.buy,.expand
{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
	        box-sizing: border-box !important;
 -webkit-backface-visibility: hidden;
}

/*Item*/

.item{
	width:200px;
	height:260px;
	background-color:#fff;
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	position: relative;
	top:0;
	left:0;
	z-index:1;
	overflow: hidden;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);}

.item .image img{width:180px;height:180px;float:;margin:10px 10px;
}

.item-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;}


.item-content{
	position: absolute;
	width:100%;
	bottom: 0;
	-webkit-transform: translate(0,100%);
	   -moz-transform: translate(0,100%);
	    -ms-transform: translate(0,100%);
	     -o-transform: translate(0,100%);
	        transform: translate(0,100%);
	
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	
}
/*efeito cortina*/
.item:hover .item-content{
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
	    
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.item-top-content{
	position: relative;
}
.item-top-content-inner{
	position: absolute;
	bottom: 0px;
	padding:10px 15px 10px 15px;
	background: /*rgba(255,255,255,.85)*/#333;
	border-bottom:1px solid#666;
	width:100%;
	
}
.item-add-content{border:1px solid#000;
	background-color:#333;
	padding:0 15px 15px 15px;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

.item:hover .item-add-content{
	opacity:1
}
.item-add-content-inner{
	border:2px solid #494949;
	border-top-width:1px ;
	padding-top:1px;
}



/* Buttons */

.container-item:hover .item-button.play{
	opacity:1;
}


.item-button.share:hover{
	background-color:#333333;
	}
.container-item:hover .item-button.share{
	opacity:1;
}
/*.btn.buy{
	background-color:#aa07077;
	text-align:center;
  width:100% ;
	line-height:30px;
	font-weight:700;
	color:#0;
	border-radius:2px;
	text-decoration:none;
	opacity:1;
	border:0px solid #aa5107;
	border-bottom-width:2px;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}
.btn.buy:hover{
	color:#046666;
	background-color:#046666;
	border:0px solid #046666;
	border-bottom-width:8px;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}*/
.expand{
	display:block;
}

/* promoção */
.sale-tag{
	width: 60px;
	height: 100px;
	background:#C74040 ;
	position: absolute;
	top:-40px;
	right:-20px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.sale-tag span{
	position:absolute;
	top:46px;
	left:-14px;
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
	font-size:11px;
	color:#fff;
}

/* content */

.item-product{
	width:70%;
	float:left;
}
.item-product-price{
	width:30%;
	float:right;
	text-align: right;
}
/* Style / Theming */

body{
	/* IE10 Consumer Preview */ 
	background-image: -ms-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E3E3E3 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E3E3E3 100%);

	/* Opera */ 
	background-image: -o-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E3E3E3 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, #FFFFFF), color-stop(1, #E3E3E3));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, circle farthest-corner, #FFFFFF 0%, #E3E3E3 100%);

	/* W3C Markup, IE10 Release Preview */ 
	background-image: radial-gradient(circle farthest-corner at center, #FFFFFF 0%, #E3E3E3 100%);
}

/*Prduct title*/
.item-top-title h2{
	font-size:1em;
	font-weight:400;
	color:#222;
}
.item .item-top-title h2 {
white-space:nowrap; 
width:9em;
padding:0px 0px;
overflow:hidden;
text-overflow:ellipsis;
color:#ccc;
text-align:;
	
}
.item .item-top-title h2 a{color:#ccc;}
.item .item-top-title h2 a:hover{color:#7CC3DC;}

.subdescription{
	font-family: 'helvetica neue';
	font-size:0.8em;
	font-weight:400;
	color:#7d7d7d;
}

/*product price*/
.item-product-price{
	color:#ccc;
	font-size:15px;
	font-weight:700;
	position:relative;
	margin:1px 70%;
	text-align:center;
	font-family:'helvetica neue'
}
.item-product-price .subdescription{
	color:#ccc;margin:10%;
}
.old-price{
	border:0 solid #7d7d7d;
	border-bottom-width:1px;
	margin-top:-11px;
	width:30px;
	position:absolute;
	right:10px;
	bottom:10px;
	-webkit-transform: rotate(-30deg);
	   -moz-transform: rotate(-30deg);
	    -ms-transform: rotate(-30deg);
	     -o-transform: rotate(-30deg);
	        transform: rotate(-30deg);
}

/*.item-content{
	background: rgba(255,255,255,.85);
}*/
/*.item-add-content{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color:#7d7d7d;
}*/
.item-add-content .section{
	margin-bottom:0px;
}
.item-add-content .section:last-of-type{
	margin-bottom:0;
}
/*.item-add-content h4{
	font-weight:600;
	color:#222;
	font-size:0.8em;
}*/
/*.item-add-content p{
	font-size:0.8em;
}*/


.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #006894;
	-webkit-box-shadow:inset 0px 1px 0px 0px #006894;
	box-shadow:inset 0px 1px 0px 0px #006894;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #004666), color-stop(1, #004666) );
	background:-moz-linear-gradient( center top, #004666 5%, #004666 100% );
background-image: -ms-linear-gradient(bottom,  #004666 0%, #004666 100%);

	/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner,#004666 10%, #004666) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004666', endColorstr='#004666');
	
	background-color:#004666;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	border-bottom-left-radius:4px;
	text-indent:0;
	border:1px solid #001d29;
	display:inline-block;
	color:#ffffff;
	font-family:;
	font-size:;
	font-weight:;
	font-style:normal;
	
	
	width:100%;
	text-decoration:none;
	text-align:center;
	text-shadow:0px 2px 8px #022a3b;
}
.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #004666), color-stop(1, #004666) );
	background:-moz-linear-gradient( center top, #004666 5%, #004666 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#004666', endColorstr='#004666');
	background-color:#004666;
}.btn:active {
	position:relative;
	top:1px;
}