/* ------------------------------------------------------------------------------------------------------------------ */
/* corpo */

div#categories { display: block; position: relative; width: 100%; min-height: 100%; padding: 0 0 50px 0; margin: 0 auto; font-size: 0; }
	div#categories div.container { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 0; font-size: 0; }
	
	
/* ------------------------------------------------------------------------------------------------------------------ */
/* textos */

div#categories h1.title { margin: 25px 0 10px 0; }
div#categories p.small_observation { padding: 0; }
div#categories p.text { margin: 10px 0 0 0; padding: 0; max-height: 132px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* menu */

div#categories div.menu { display: block; position: relative; width: 100%; height: auto; font-size: 0; text-align: center; border-bottom: 2px solid #ebedf0; padding: 15px 0; }
	div#categories div.menu a { display: inline-block; position: relative; width: auto; text-decoration: none; margin: 0 15px; }
	div#categories div.menu a.selected,
	div#categories div.menu a:hover { color: #e1114c; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* items */

div#categories div.items { display: block; position: relative; width: 100%; font-size: 0; }
	div#categories div.items div.item { display: inline-block; position: relative; width: 281px; height: auto; padding: 5px 5px 15px 5px; margin: 25px 12px 25px 0; vertical-align: top; text-decoration: none; text-align: center; }
	div#categories div.items div.item:hover { background-color: #eceef1; }
	div#categories div.items div.item:nth-child(4n) { margin: 25px 0 25px 0; }
		div#categories div.items div.item a.item { display: inline-block; position: relative; width: 100%; height: auto; margin: 0; vertical-align: top; text-decoration: none; text-align: center; }
			div#categories div.items div.item a.item span.photo { display: block; position: relative; width: 271px; margin: 5px; height: 250px; }
			div#categories div.items div.item a.item h1 { display: block; position: relative; font-size: 12px; line-height: 20px; font-weight: 700; margin: 10px 0 0 0; overflow: hidden; text-align: center; }
			div#categories div.items div.item a.item h2 { display: block; position: relative; font-size: 12px; line-height: 20px; margin: 0; overflow: hidden; text-align: center; }
			div#categories div.items div.item a.item h3 { display: block; position: relative; font-size: 14px; line-height: 20px; margin: 10px 0 0 0; overflow: hidden; font-weight: 700; color: #e1114c; }
				div#categories div.items div.item a.item h3 span { display: inline-block; position: relative; font-size: 10px; line-height: 20px; text-decoration: line-through; margin: 0 5px 0 0; }
			div#categories div.items div.item a.item span.discount { display: block; position: absolute; top: -26px; right: 10px; width: 56px; height: 57px; background: transparent url(../src/img/discount.png) no-repeat center center; background-size: cover; line-height: 57px; color: #ffffff; font-size: 16px; text-align: center; }
		div#categories div.items div.item div.options { display: block; position: relative; width: 100%; height: 30px; background-color: #ffffff; opacity: 1; font-size: 0; text-align: center; margin: 10px 0 0 0; }
		div#categories div.items div.item:hover div.options { background-color: #eceef1; }
		div#categories div.items div.item div.options a { display: inline-block; position: relative; width: 30px; height: 30px; background: #455560 url(../src/img/category_item_icons.png) no-repeat; vertical-align: middle; margin: 0 10px; border-radius: 3px; }
		div#categories div.items div.item div.options a:hover { background-position-y: -30px; }
		div#categories div.items div.item div.options a.trash { background-position-x: 0; }
		div#categories div.items div.item div.options a.shopping_cart { background-position-x: -30px; }
		div#categories div.items div.item div.options a.wishlist { background-position-x: -60px; }