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

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

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

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

div#gallery 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#gallery div.category { display: block; position: relative; width: 100%; padding: 0; background-color: #cdcfd0; margin: 0; font-size: 0; text-align: center; vertical-align: top; }
	div#gallery div.category div.content { display: block; position: relative; width: 1200px; margin: 0 auto; }
	div#gallery div.category a { display: inline-block; position: relative; width: auto; line-height: 35px; font-size: 14px; color: #ffffff; text-decoration: none; margin: 5px 10px; }
	div#gallery div.category a:hover { color: #8f9194; }
	div#gallery div.category a.selected { color: #8f9194; font-weight: bold; }

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

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

div#gallery div.details { display: block; position: relative; width: 1200px; margin: 65px auto 0 auto; font-size: 0; }
	div#gallery div.details div.video { display: block; position: relative; vertical-align: top; width: 100%; height: 500px; margin: 0 0 20px 0; }
		div#gallery div.details div.video iframe { display: block; position: relative; width: 100%; height: 100%; }
	div#gallery div.details div.col { display: inline-block; position: relative; vertical-align: top; }
	div#gallery div.details div.col:nth-child(1) { width: 386px; margin: 0 20px 0 0; }
	div#gallery div.details div.col:nth-child(2) { width: 386px; margin: 0 20px 0 0; }
	div#gallery div.details div.col:nth-child(3) { width: 388px; }
		div#gallery div.details div.col a { display: block; position: relative; width: 100%; margin: 0 0 20px 0; }
		div#gallery div.details div.col a:last-child { margin: 0; }
			div#gallery div.details div.col a img { display: block; position: relative; width: 100%; }

@media all and ( max-width: 1199px ) {
	div#gallery div.details { width: auto; margin: 0; text-align: center; }
		div#gallery div.details div.video { height: 250px; }
	div#gallery div.details div.col,
	div#gallery div.details div.col:nth-child(1),
	div#gallery div.details div.col:nth-child(2),
	div#gallery div.details div.col:nth-child(3) { width: 280px; margin: 10px 10px 35px 10px; }
}