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

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

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

div#index div.items { display: block; position: relative; width: 1200px; font-size: 0; margin: 35px auto 0 auto; }
	div#index div.items h1 { margin: 0 0 35px 0; }
	div#index div.items div.item { display: inline-block; position: relative; width: 170px; padding: 5px; margin: 0 24px 45px 0; vertical-align: top; text-decoration: none; }
	div#index div.items div.item:hover { background-color: #E1CDB4; }
	div#index div.items div.item:nth-child(6n) { margin: 0 0 45px 0; }
		div#index div.items div.item a.item { display: inline-block; position: relative; width: 100%; height: 290px; margin: 0 24px 65px 0; vertical-align: top; text-decoration: none; }
			div#index div.items div.item a.item span.photo { display: block; position: relative; width: auto; margin: 0; height: 200px; }
			div#index div.items div.item a.item h1 { display: block; position: relative; font-size: 12px; line-height: 20px; max-height: 40px; margin: 10px 0 0 0; overflow: hidden; }
			div#index div.items div.item a.item h2 { display: block; position: relative; font-size: 12px; line-height: 20px; max-height: 40px; margin: 0; overflow: hidden; font-family: 'regular1', sans-serif; }
			div#index 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-family: 'bold1', sans-serif; color: #c3996b; }
			div#index div.items div.item:hover a.item h3 { color: #ffffff; }
			div#index div.items div.item a.item span.discount { display: block; position: absolute; top: -26px; right: 5px; 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#index div.items div.item div.options { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background-color: #c3996b; opacity: 0; font-size: 0; text-align: center; }
		div#index div.items div.item:hover div.options { opacity: 1; }
		div#index div.items div.item div.options a { display: inline-block; position: relative; height: 20px; background: transparent url(../src/img/category_item_icons.png) no-repeat; vertical-align: middle; margin: 0 10px; }
		div#index div.items div.item div.options a.trash { background-position-x: 0; width: 17px; }
		div#index div.items div.item div.options a.shopping_cart { background-position-x: -17px; width: 27px; }
		div#index div.items div.item div.options a.wishlist { background-position-x: -44px; width: 22px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* newsletter */

div#index form.newsletter { display: block; position: relative; width: 600px; font-size: 0; margin: 35px auto 0 auto; text-align: center; }
	div#index form.newsletter h1 { text-align: center; margin: 0 0 35px 0; }
	div#index form.newsletter p.text { margin: 0 0 25px 0; text-align: center; }
	div#index form.newsletter input[type="text"] { display: inline-block; position: relative; width: 362px; height: 33px; border: 1px solid #ece8e1; background-color: transparent; color: #e1114c; font-size: 12px; padding: 0 10px; vertical-align: top; }
	div#index form.newsletter input[type="text"]::-webkit-input-placeholder { font-size: 14px; color: #c3996b; }
	div#index form.newsletter input[type="text"]:-moz-placeholder { font-size: 14px; color: #c3996b; }
	div#index form.newsletter input[type="text"]::-moz-placeholder { font-size: 14px; color: #c3996b; }
	div#index form.newsletter input[type="text"]:-ms-input-placeholder { font-size: 14px; color: #c3996b; }
	div#index form.newsletter input[type="text"]::-ms-input-placeholder { font-size: 14px; color: #c3996b; }
	div#index form.newsletter input[type="submit"] { display: inline-block; position: relative; width: 206px; height: 35px; border: none; background-color: #e1ccb5; color: #ffffff; padding: 0; cursor: pointer; box-sizing: initial; vertical-align: top; margin: 0 0 0 10px; }
	div#index form.newsletter input[type="submit"]:hover { background-color: #000000; }
	div#index form.newsletter p.terms { display: block; position: relative; width: 100%; text-align: center; font-size: 12px; line-height: 25px; margin: 10px 0 0 0; }
		div#index form.newsletter p.terms a { display: inline-block; position: relative; color: #c3996b; font-size: 12px; line-height: 25px; text-decoration: underline; }
		div#index form.newsletter p.terms a:hover { color: #000000; }