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

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

div#works h1.title { margin: 50px 0 35px 0; }
div#works h2 { max-height: 30px; line-height: 30px; }
div#works p.small_observation { padding: 0; }
div#works p.text { margin: 10px 0 0 0; padding: 0; max-height: 132px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* navegador */

div#works div.navigator { display: block; position: relative; width: 100%; vertical-align: top; margin: 10px 0 0 0; background-color: #e1ccb5; }
	div#works div.navigator p.text { display: block; position: relative; font-family: 'light1', sans-serif; font-size: 14px; line-height: 25px; }

/* ------------------------------------------------------------------------------------------------------------------ */
/* selectores */

div#works div.selectors { display: block; position: relative; width: 100%; font-size: 0; text-align: left; margin: 10px 0 0 0; z-index: 50; }
	div#works div.selectors div.block { display: inline-block; position: relative; width: auto; background-color: #c3996b; border: 1px solid #c3996b; height: 35px; padding: 0 10px 0 20px; z-index: 10; margin: 0 10px 0 0; }
	div#works div.selectors div.block:hover { background-color: #ffffff; }
		div#works div.selectors div.block span.bg { display: block; position: absolute; top: 0; left: -1px; width: 100%; height: 100%; background-color: #c3996b; z-index: 2; border-right: 1px solid #c3996b; border-left: 1px solid #c3996b; }
		div#works div.selectors div.block:hover span.bg { background-color: #ffffff; top: 11px; }
		div#works div.selectors div.block p { display: inline-block; position: relative; font-size: 16px; line-height: 35px; color: #ffffff; text-align: left; vertical-align: middle; z-index: 3; }
		div#works div.selectors div.block:hover p { color: #000000; }
			div#works div.selectors div.block p span { display: inline-block; position: relative; color: #000000; margin: 0 0 0 10px; }
		div#works div.selectors div.block span.arrow { display: inline-block; position: relative; width: 16px; height: 10px; background: transparent url(../src/img/selector_arrows.png) no-repeat; text-align: left; vertical-align: middle; margin: 0 0 0 35px; z-index: 3; }
		div#works div.selectors div.block:hover span.arrow { background-position-y: -10px; }
		div#works div.selectors div.block div.content { display: block; position: absolute; top: 45px; left: -1px; background-color: #ffffff; width: 200px; height: 0; z-index: 1; overflow: hidden; min-width: 100%; }
		div#works div.selectors div.block div.content[data-status="true"] { border: 1px solid #c3996b; padding: 10px 0; }
		div#works div.selectors div.block div.content[data-status="false"] { border: none; padding: 0; }
			div#works div.selectors div.block div.content a { display: block; position: relative; font-size: 14px; padding: 0 10px; color: #c3996b; line-height: 25px; text-decoration: none; }
			div#works div.selectors div.block div.content a:hover { color: #000000; }
			div#works div.selectors div.block div.content a.selected { color: #e1ccb5; }

div#works div.selectors div.block,
div#works div.selectors div.block p,
div#works div.selectors div.block span.arrow,
div#works div.selectors div.block span.bg,
div#works div.selectors div.block:hover div.content
{
	transition: all 400ms linear 400ms;
	-webkit-transition: all 400ms linear 400ms;
	-moz-transition: all 400ms linear 400ms;
}

div#works div.selectors div.block:hover,
div#works div.selectors div.block:hover p,
div#works div.selectors div.block:hover span.arrow,
div#works div.selectors div.block:hover span.bg,
div#works div.selectors div.block div.content
{
	transition: all 400ms linear 0ms;
	-webkit-transition: all 400ms linear 0ms;
	-moz-transition: all 400ms linear 0ms;
}

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

div#works div.items { display: block; position: relative; width: 100%; font-size: 0; }
	div#works 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#works div.items div.item:hover { background-color: #E1CDB4; }
	div#works div.items div.item:nth-child(6n) { margin: 0 0 45px 0; }
		div#works 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#works div.items div.item a.item span.photo { display: block; position: relative; width: auto; margin: 0; height: 200px; }
			div#works 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#works 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#works 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#works div.items div.item:hover a.item h3 { color: #ffffff; }
			div#works 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#works 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#works div.items div.item:hover div.options { opacity: 1; }
		div#works 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#works div.items div.item div.options a.trash { background-position-x: 0; width: 17px; }
		div#works div.items div.item div.options a.shopping_cart { background-position-x: -17px; width: 27px; }
		div#works div.items div.item div.options a.wishlist { background-position-x: -44px; width: 22px; }