@charset "utf-8";
/* CSS Document */
		
#productsPage { clear:both; }	
	#productsPage li    { position:relative; display:inline-block; margin:2%; width:19%; vertical-align:top; text-align:center; }
			
	#productsPage h4  { padding:5px; color:#55504A; font-size:1.2em; margin:0; }
		
	#productsPage img { width:100%; border-radius:50%; border:solid 3px #D2C6AC; transition:border-color 0.2s linear; }
		#productsPage a:hover img { border-color:#BCA983; }
		
	#productsPage .button  {  }

	
#product-info { display:inline-block; width:55%; vertical-align:top; margin-left:4%; margin-bottom:4%; }


#product-images { display:inline-block; width:39%; vertical-align:top; margin-bottom:4%; }
	#product-images .main-image { position:relative; width:100%; }
		#product-images .main-image img    { width:100%; border-radius:50%; border:solid 3px #D2C6AC; transition:border-color 0.2s linear; }
			#product-images .main-image a:hover img { border-color:#BCA983; }

	#productsPage .price    { font-size:1.2em; color:#458670; }
	#product-images .price { font-size:1.4em; color:#458670; }
	
	.price_prev   { color:#935354; text-decoration:line-through; }
						   
	#productsPage .tag,
	#product-images .tag { position:absolute; top:-10px; left:-20px; display:inline-block; background:#935354; width:70px; height:70px; font-size:0.8em; padding:10px; text-align:center;
							-ms-display:flex; display:flex; /* alineacion vertical */ align-items: center; /* alineacion horizontal */ justify-content: center;
							color:#C6B694; border-radius:50%; -webkit-transition:background-color 0.1s linear; }
		#product-images .tag { width:100px; height:100px; padding:15px; font-size:1.1em; }

	#product-images .heart { text-align:center; }
		#product-images .heart span { display:inline-block; width:144px; line-height:100px; padding-bottom:25px; font-size:20px; margin-top:20px; background:url('/web/images/heart.png'); background-size:cover; }		
		
#photos      { margin-top:20px; }

#photos + #productInfo { float:left; width:460px; }	 
		
#buyForm { border:1px solid #CCC; padding:20px; margin-top:20px; }

.featureLists div { width:47.7%; display:inline-block; margin:1%; vertical-align:top; }


/* ==========================================================================
   Media Queries
   ========================================================================== */ 


@media only screen and (max-width:1024px) {	

	#productsPage li  { width:28%; }
}

@media only screen and (max-width:680px) {	

	#productsPage li  { margin:4%; width:41%; }	
}


@media only screen and (max-width:600px) {	

	#product-info { display:block; width:inherit; }	
	
	#product-images { display:block; width:inherit; }	
}

@media only screen and (max-width:450px) {	

	#productsPage li  { margin:8%; width:auto; display:block; }
}
/*