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

#item { display: block; position: relative; width: 1200px; margin: 0 auto; }


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

#item div.categories { display: block; position: relative; width: 300px; margin: 400px 0 0 0; float: left; }
	#item div.categories a { display: block; position: relative; margin: 0 0 2px 0; padding: 0 20px; line-height: 20px; font-size: 15px; text-decoration: none; color: #a7a6a6; font-family: 'normal1', sans-serif; }
	#item div.categories a:hover { color: #007fc7; }
	#item div.categories a.isRoot { text-transform: uppercase; }
	#item div.categories a.hasChilds { color: #636362; font-family: 'bold1', sans-serif; }
	#item div.categories a.actual { background-color: #e2e3e4; color: #007fc7; }
	#item div.categories a.actual:hover {  }


/* ---------------------------------------------------------------------------------------------- */
/* detalhe */

#item div.container { display: block; position: relative; width: 840px; margin: 50px 0 0 0; float: right; text-align: left; }


/* ---------------------------------------------------------------------------------------------- */
/* fotografias */

#item div.container div.photos { display: block; position: relative; margin: 0 auto; width: 400px; height: 350px; overflow: hidden; float: left; }
	#item div.container div.photos a { display: none; position: absolute; top: 0; width: 400px; height: 100%; }
	#item div.container div.photos a:nth-child( 1 ) { display: block; left: 0; }
		#item div.container div.photos a img { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; }


/* ---------------------------------------------------------------------------------------------- */
/* descrição */

#item div.container div.description { display: block; position: relative; margin: 50px auto 0 auto; width: 420px; overflow: hidden; float: right; }
	#item div.container div.description h1 { display: block; position: relative; padding: 0; margin: 0; font-size: 35px; line-height: 40px; color: #007FC6; font-family: 'bold1', sans-serif; }
	#item div.container div.description p.text { display: block; position: relative; margin: 10px 0 0 0; font-size: 15px; line-height: 25px; overflow: hidden; }

	#item div.container div.description div.price { display: block; position: relative; margin: 10px 0 0 0; }
	#item div.container div.description div.price table { width: 100%; margin: 35px 0 15px 0; }
		#item div.container div.description div.price table th { color: #007FC6; padding: 5px 0; }
		#item div.container div.description div.price table td { padding: 5px 0; font-size: 15px; }
		#item div.container div.description div.price p.description { display: block; position: relative; width: 50%; float: left; line-height: 35px; }
		#item div.container div.description div.price p.value { display: block; position: relative; width: 50%; float: right; line-height: 35px; font-family: 'bold1', sans-serif; font-size: 25px; color: #007FC6; }

	#item div.container form { display: inline-block; position: relative; margin: 25px 0 0 0; }
		#item div.container form p { display: inline-block; position: relative; font-size: 15px; line-height: 25px; color: #2b2c31; font-weight: bold; width: 100%; text-transform: uppercase; }
		#item div.container form input.text { display: inline-block; position: relative; margin: 0; border: 1px solid #F5F5F5; width: 100px; font-size: 15px; line-height: 25px; color: #2b2c31; text-align: center; }
		#item div.container form input.submit { display: inline-block; position: relative; height: 25px; line-height: 25px; font-size: 15px; color: #ffffff; font-weight: bold; border: none; cursor: pointer; margin: 0 0 0 35px; padding: 0 50px 0 25px; background: #007FC6 url(../src/img/item_shopping_cart.png) no-repeat right center; }
		#item div.container form input.submit:hover { background-color: #636362; }


/* ---------------------------------------------------------------------------------------------- */
/* blocos */

#item div.container div.block { display: block; position: relative; margin: 25px 0 0 0; overflow: hidden; padding: 0; }
	#item div.container div.block h1 { display: block; position: relative; font-size: 18px; line-height: 30px; background-color: #e2e3e4; font-family: 'normal1', sans-serif; padding: 0 25px; margin: 0 0 15px 0; color: #636362; text-transform: uppercase; }
	#item div.container div.block p.text { display: block; position: relative; font-size: 16px; line-height: 20px; padding: 0 25px; margin: 5px 0; font-family: 'normal1', sans-serif; color: #a7a6a6; }


/* ---------------------------------------------------------------------------------------------- */
/* separador */

#item div.container hr { display: block; position: relative; height: 0; border: none; border-bottom: 1px solid #969699; margin: 50px 0 25px 0; }


/* ---------------------------------------------------------------------------------------------- */
/* relacionados */

#item div.container a.related { display: inline-block; position: relative; width: 180px; min-height: 150px; margin: 5px 15px; border: none; padding: 0; text-decoration: none; vertical-align: top; }
	#item div.container a.related h2 { display: block; position: relative; line-height: 15px; font-family: 'normal1', sans-serif; font-size: 14px; color: #000000; }
	#item div.container a.related p.reference { display: block; position: relative; line-height: 15px; font-family: 'normal1', sans-serif; font-size: 13px; color: #a7a6a6; }
	#item div.container a.related p.price { display: block; position: relative; line-height: 25px; font-family: 'normal1', sans-serif; font-size: 20px; color: #007fc7; margin: 15px 0 0 0; }
	#item div.container a.related span.more { display: block; position: relative; width: 100%; height: 25px; line-height: 25px; margin: 15px 0 0 0; color: #ffffff; font-family:  'bold1', sans-serif; font-size: 14px; text-align: left; text-indent: 15px; background: #007fc7 url(../src/img/item_shopping_cart.png) no-repeat right center; }
	#item div.container a.related span.more
	{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	#item div.container a.related:hover span.more
	{
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		-moz-opacity: 1;
		-khtml-opacity: 1;
		opacity: 1;
	}


/* ---------------------------------------------------------------------------------------------- */
/* voltar */

#item div.container a.back { display: inline-block; position: relative; margin: 50px 0 0 0; font-weight: bold; font-size: 15px; color: #007FC6; line-height: 25px; overflow: hidden; text-decoration: none; font-family: 'normal1', sans-serif; }
#item div.container a.back:hover { color: #2b2c31; }


/* ---------------------------------------------------------------------------------------------- */