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

div#products { display: block; position: relative; width: 100%; padding: 0; overflow: hidden; margin: 0 auto; font-size: 0; }
	div#products div.container { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 0; font-size: 0; }

@media all and ( max-width: 1199px ) {
	div#products div.container { width: auto; }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* slide e titulo */

div#products h1 { display: block; position: relative; width: 100%; font-weight: bold; font-size: 30px; line-height: 35px; margin: 0 0 35px 0; text-align: center; }

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

div#products div.items { display: block; position: relative; width: 100%; padding: 0; background-color: #000000; margin: 0; font-size: 0; text-align: center; vertical-align: top; }
	div#products div.items div.content { display: block; position: relative; width: 1200px; margin: 0 auto; }
	div#products div.items a { display: inline-block; position: relative; width: auto; line-height: 35px; font-size: 14px; color: #ffffff; text-decoration: none; margin: 5px 10px; }
	div#products div.items a:hover { color: #8f9194; }
	div#products div.items a.selected { color: #8f9194; font-weight: bold; }

@media all and ( max-width: 1199px ) {
	div#products div.items { display: none; }
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* detalhes */

div#products div.details1 { display: block; position: relative; width: 100%; padding: 120px 0; font-size: 0; vertical-align: top; background: transparent url(../src/img/products_bg.jpg) no-repeat center center; background-size: cover; }
	div#products div.details1 a { display: inline-block; position: relative; width: 600px; height: 350px; vertical-align: top; }
	div#products div.details1 p { display: inline-block; position: relative; width: 550px; margin: 0 0 0 50px; vertical-align: bottom; font-size: 16px; line-height: 25px; }

div#products div.details2 { display: block; position: relative; width: 100%; padding: 50px 0; font-size: 0; }
	div#products div.details2 div.content { display: block; position: relative; width: 1200px; margin: 0 auto; }
	div#products div.details2 div.photos { display: inline-block; position: relative; width: 600px; height: 350px; margin: 0 0 0 100px; vertical-align: top; }
		div#products div.details2 div.photos a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#products div.details2 div.photos a:first-child { display: block; }
	div#products div.details2 div.table { display: inline-block; position: relative; width: 500px; vertical-align: top; }
		div#products div.details2 div.table table { position: relative; width: 100%; }
			div#products div.details2 div.table table tr:nth-child(2n-1) { background-color: #eeeeef; }
				div#products div.details2 div.table table tr td { padding: 15px 15px; font-size: 14px; line-height: 20px; }
				div#products div.details2 div.table table tr td:nth-child(1) { width: 40%; }
				div#products div.details2 div.table table tr td:nth-child(2) { width: 60%; }

@media all and ( max-width: 1199px ) {
	div#products div.details1 { padding: 35px 0; }
		div#products div.details1 a { width: 100%; height: 250px; }
		div#products div.details1 p { width: 100%; margin: 10px; }

	div#products div.details2 { padding: 0; text-align: center; }
		div#products div.details2 div.content { width: auto; }
		div#products div.details2 div.photos { width: 100%; height: 250px; margin: 0; }
		div#products div.details2 div.table { width: auto; margin: 10px; }
}