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

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

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

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

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

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

div#package div.category { display: block; position: relative; width: 100%; padding: 0; background-color: #000000; margin: 0; font-size: 0; text-align: center; vertical-align: top; }
	div#package div.category div.content { display: block; position: relative; width: 1200px; margin: 0 auto; }
	div#package 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#package div.category a:hover { color: #8f9194; }
	div#package div.category a.selected { color: #8f9194; font-weight: bold; }

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

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

div#package div.details { display: block; position: relative; width: 1200px; margin: 65px auto 0 auto; font-size: 0; }
	div#package div.details div.block { display: inline-block; position: relative; width: 386px; margin: 0 20px 65px 0; vertical-align: top; }
	div#package div.details div.block:nth-child(3n) { width: 388px; margin: 0 0 65px 0; }
		div#package div.details div.block span { display: block; position: relative; width: 100%; height: 200px; }
		div#package div.details div.block h3 { display: block; position: relative; background-color: #eeeeef; margin: 10px 0 0 0; padding: 5px 20px; font-size: 14px; line-height: 20px; text-align: center; }

@media all and ( max-width: 1199px ) {
	div#package div.details { width: auto; margin: 0; text-align: center; }
		div#package div.details div.block,
		div#package div.details div.block:nth-child(3n) { width: 280px; margin: 10px 10px 35px 10px; }
			div#package div.details div.block span { height: 125px; }
}