/* corpo */
div#item { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 50px 0; overflow: hidden; }

@media all and ( max-width: 1199px )
{
	div#item { padding: 0 0 35px 0; }
}

/* categorias */
div#item div.categories { display: block; position: relative; width: 100%; background-color: #f1f1f2; }
	div#item div.categories div.container { display: block; position: relative; width: 1000px; margin: 0 auto; text-align: center; }
		div#item div.categories div.container a { display: inline-block; position: relative; margin: 0 10px; text-transform: uppercase; font-size: 14px; line-height: 40px; text-decoration: none; vertical-align: top; }
		div#item div.categories div.container a:hover,
		div#item div.categories div.container a.selected { color: #929497; }

@media all and ( max-width: 1199px )
{
	div#item div.categories div.container { width: 90%; padding: 10px 5%; }
		div#item div.categories div.container a { display: block; line-height: 25px; }
}

/* corpo */
div#item div.block { display: block; position: relative; width: 1200px; background-color: #ffffff; margin: 50px auto 0 auto; }
	div#item div.block div.text { display: block; position: relative; width: 500px; min-height: 200px; float: left; }
		div#item div.block div.text h1 { display: block; position: relative; width: 100%; font-size: 25px; line-height: 35px; margin: 0 auto; text-indent: 0; font-weight: bold; text-transform: uppercase; }
		div#item div.block div.text h2 { display: block; position: relative; width: 100%; font-size: 20px; line-height: 30px; font-family: 'ArialNarrow', sans-serif; margin: 0 auto; text-indent: 0; }
		div#item div.block div.text h3 { display: block; position: relative; width: 100%; font-size: 20px; line-height: 30px; font-family: 'ArialNarrow', sans-serif; margin: 35px auto 10px auto; text-indent: 0; text-transform: uppercase; }
		div#item div.block div.text p { display: block; position: relative; width: 100%; font-size: 16px; line-height: 25px; font-family: 'ArialNarrow', sans-serif; margin: 0 auto; text-indent: 0; color: #9a9897; }
		div#item div.block div.text a.catalog { display: inline-block; position: relative; width: auto; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 27px; text-decoration: none; background: #0a0203 url(../src/img/item_catalog.png) no-repeat right center; padding: 0 37px 0 12px; margin: 15px 0 0 0; }
		div#item div.block div.text a.catalog:hover { background-color: #929497; }
	div#item div.block span.cover { display: block; position: relative; width: 650px; height: 200px; float: right; vertical-align: top; }

	div#item div.block div.photos { display: block; position: relative; width: 100%; height: 500px; margin: 75px 0 0 0; }
		div#item div.block div.photos div.container { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 3; }
			div#item div.block div.photos div.container div.photo { display: block; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; }
			div#item div.block div.photos div.container div.photo
			{
				transition-property: none;
				-webkit-transition-property: none;
				-moz-transition-property: none;
			}
			div#item div.block div.photos div.container div.photo:first-child { left: 0; }
		div#item div.block div.photos span { display: none; position: absolute; width: 55px; height: 55px; background: transparent url(../src/img/item_photos_arrow.png) no-repeat; cursor: pointer; z-index: 10; }
		div#item div.block div.photos span
		{
			transition-property: none;
			-webkit-transition-property: none;
			-moz-transition-property: none;
		}
		div#item div.block div.photos span.prev { top: 50%; left: 25px; margin: -27px 0 0 0; background-position: 0 0; }
		/*div#item div.block div.photos span.prev:hover { background-position: 0 -55px; }*/
		div#item div.block div.photos span.next { top: 50%; right: 25px; margin: -27px 0 0 0; background-position: -55px 0; }
		/*div#item div.block div.photos span.next:hover { background-position: -55px -55px; }*/

	div#item div.block a.back { display: inline-block; position: relative; width: auto; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 27px; text-decoration: none; background-color: #0a0203; padding: 0 12px 0 12px; margin: 15px 0 0 0; }
	div#item div.block a.back:hover { background-color: #929497; }

@media all and ( max-width: 1199px )
{
	div#item div.block { width: 90%; margin: 0 auto 0 auto; }
		div#item div.block div.text { width: 100%; min-height: 50px; float: none; }
			div#item div.block div.text h1 { font-size: 20px; line-height: 35px; }
			div#item div.block div.text h2 { font-size: 14px; line-height: 25px; }
			div#item div.block div.text h3 { font-size: 14px; line-height: 20px; margin: 25px auto 5px auto; }
			div#item div.block div.text p { font-size: 14px; line-height: 20px; }
			div#item div.block span.cover { width: 100%; height: 200px; min-height: 200px; float: none; margin: 25px 0 0 0; }

			div#item div.block div.photos { width: 100%; height: auto; margin: 10px auto 0 auto; }
				div#item div.block div.photos div.container { height: auto; }
					div#item div.block div.photos div.container div.photo { display: block; position: relative; top: auto; left: auto; width: 100%; height: 150px; margin: 25px 0 0 0; }
					div#item div.block div.photos div.container div.photo:first-child { left: auto; }
				div#item div.block div.photos span { opacity: 0; }
}