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

#item { display: block; position: relative; width: 1200px; padding: 0 0 50px 0; overflow: hidden; margin: 0 auto; font-size: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* categorias */

div#item div.categories { display: block; position: relative; width: 100%; height: auto; background-color: #dcdcdd; text-align: center; font-size: 0; }
	div#item div.categories a.back { display: inline-block; position: relative; width: 100px; background: transparent url(../src/img/back_icon.png) no-repeat center left; vertical-align: top; font-size: 14px; line-height: 26px; padding: 4px 0 0 0; margin: 0 80px 0 20px; color: #6e6e6e; text-decoration: none; }
	div#item div.categories a.back:hover { color: #db7f09; }
	div#item div.categories div.menu { display: inline-block; position: relative; width: 1000px; vertical-align: top; }
		div#item div.categories div.menu p { display: inline-block; position: relative; width: auto; color: #eb008b; line-height: 30px; margin: 0 35px 0 10px; font-size: 14px; text-decoration: none; }
		div#item div.categories div.menu a { display: inline-block; position: relative; width: auto; color: #6e6e6e; line-height: 30px; margin: 0 10px; font-size: 14px; text-decoration: none; }
		div#item div.categories div.menu a.selected,
		div#item div.categories div.menu a:hover { color: #db7f09; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* conteudo */

div#item div.content { display: block; position: relative; width: 100%; height: auto; margin: 35px 0 50px 0; font-size: 0; border-bottom: 5px solid #dcdcdd; padding: 0 0 50px 0; }
	div#item div.content div.text { display: inline-block; position: relative; width: 400px; height: auto; margin: 0; padding: 15px 0; vertical-align: top; }
		div#item div.content div.text h1 { display: block; position: relative; text-align: left; font-size: 20px; line-height: 35px; margin: 0; color: #6e6e6e; }
		div#item div.content div.text p { display: block; position: relative; text-align: left; font-size: 14px; line-height: 25px; margin: 0; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* photos */

div#item div#slide { display: inline-block; position: relative; width: 800px; height: auto; margin: 0; vertical-align: top; }
div#item div#slide *
{
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
}
	div#item div#slide div.slides { display: block; position: relative; width: 100%; height: 500px; z-index: 1; overflow: hidden; }
		div#item div#slide div.slides div.banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#item div#slide div.slides div.banner[data-actual="true"] { top: 0; opacity: 1; z-index: 2; }
		div#item div#slide div.slides div.banner[data-actual="false"] { top: -100%; opacity: 0; z-index: 1; }
			div#item div#slide div.slides div.banner h1 { display: block; position: relative; text-align: center; font-size: 20px; line-height: 35px; margin: 0; color: #6e6e6e; }
			div#item div#slide div.slides div.banner span { display: block; position: absolute; top: 50px; left: 0; width: 100%; height: 450px; }
		div#item div#slide div.slides span.control { display: block; position: absolute; top: 50%; margin: -16px 0 0 0; width: 33px; height: 33px; background: transparent url(../src/img/banner_arrows.png) no-repeat 0 0; cursor: pointer; z-index: 10; }
		div#item div#slide div.slides span.control
		{
			transition-property: none;
			-webkit-transition-property: none;
			-moz-transition-property: none;
		}
		div#item div#slide div.slides span.control.prev { left: 0; background-position: 0 0; }
		div#item div#slide div.slides span.control.prev:hover { background-position: 0 -33px; }
		div#item div#slide div.slides span.control.next { right: 0; background-position: -33px 0; }
		div#item div#slide div.slides span.control.next:hover { right: 0; background-position: -33px -33px; }
	div#item div#slide div.control { display: block; position: relative; width: 100%; height: auto; z-index: 2; font-size: 0; text-align: center; margin: 30px 0 0 0; }
	div#item div#slide.normal div.control { display: block; }
	div#item div#slide.small div.control { display: block; }
		div#item div#slide div.control span { display: inline-block; position: relative; width: 73px; height: 98px; margin: 0 15px; vertical-align: top; cursor: pointer; border: 1px solid #ffffff; }
		div#item div#slide div.control span[data-actual="true"] { border: 1px solid #db7f09; cursor: default; }
		div#item div#slide div.control span[data-actual="false"] { border: 1px solid #ffffff; }
		div#item div#slide div.control span[data-actual="false"]:hover { border: 1px solid #db7f09; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* cores */

div#item div.colors { display: block; position: relative; width: 100%; height: auto; margin: 0 0 25px 0; font-size: 0; text-align: left; }
	div#item div.colors h1 { display: block; position: relative; text-align: left; font-size: 20px; line-height: 35px; margin: 0; color: #6e6e6e; }
	div#item div.colors div.block { display: inline-block; position: relative; width: 344px; height: 114px; margin: 10px; text-align: left; vertical-align: top; border: 3px solid #db7f05; padding: 10px 15px; }
		div#item div.colors div.block span { display: inline-block; position: relative; width: 150px; height: 100%; vertical-align: middle; }
		div#item div.colors div.block p { display: inline-block; position: relative; width: 179px; height: auto; font-size: 14px; color: #6e6e6e; vertical-align: middle; margin: 0 0 0 15px; }