/* corpo */
div#home { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 50px 0; background-color: #ffffff; }

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

/* banner */
div#home div.slide { display: block; position: relative; width: 100%; height: 450px; background-color: #ffffff; margin: 0; padding: 0; overflow: hidden; }
	div#home div.slide div.banner { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	div#home div.slide div.banner:nth-child(1) { display: block; }
		div#home div.slide div.banner div.text { display: block; position: absolute; bottom: 50px; left: 0; width: 50%; padding: 0; height: 200px; background: transparent url(../src/img/bannerBackground.png) repeat; }
			div#home div.slide div.banner div.text h1 { display: block; position: absolute; right: 25px; width: 575px; margin: 0; font-size: 65px; color: #ffffff; line-height: 75px; height: 75px; text-align: right; overflow: hidden; }
			div#home div.slide div.banner div.text h1.line1 { top: 25px; }
			div#home div.slide div.banner div.text h1.line2 { top: 100px; }

@media all and ( max-width: 1199px )
{
	div#home div.slide { height: 200px; }
		div#home div.slide div.banner div.text { bottom: 10px; width: 80%; height: 100px; }
			div#home div.slide div.banner div.text h1 { width: 90%; right: 5%; font-size: 25px; line-height: 30px; height: 30px; }
			div#home div.slide div.banner div.text h1.line1 { top: 20px; }
			div#home div.slide div.banner div.text h1.line2 { top: 50px; }
}


/* slogan */
div#home h2 { display: block; position: relative; font-weight: bold; color: #0a0203; line-height: 65px; font-size: 40px; margin: 35px auto 50px auto; text-align: center; }
	div#home h2 span { display: block; position: absolute; bottom: -10px; left: 50%; width: 250px; margin: 0 0 0 -125px; height: 5px; background-color: #0a0203; }

@media all and ( max-width: 1199px )
{
	div#home h2 { font-size: 14px; line-height: 30px; }
		div#home h2 span { height: 3px; }
}


/* bem vindo */
div#home div.gallery { display: none; position: relative; width: 1200px; margin: 0 auto; padding: 25px 0; height: auto; background-color: #ffffff; }
	div#home div.gallery h1 { position: relative; font-weight: bold; font-size: 25px; line-height: 35px; margin: 0 auto 25px auto; }
	div#home div.gallery a.item { display: inline-block; position: relative; width: 280px; height: 240px; margin: 10px 10px 10px 10px; vertical-align: top; border-bottom: 5px solid #0a0203; padding: 0 0 20px 0; }
		div#home div.gallery a.item span.photo { display: block; position: absolute; top: 0; left: 0; width: 280px; height: 160px; margin: 0; vertical-align: top; }
		div#home div.gallery a.item span.text { display: block; position: absolute; bottom: 70px; left: 0; width: 100%; padding: 0; line-height: 25px; font-size: 16px; font-weight: bold; }
		div#home div.gallery a.item span.description { display: block; position: absolute; bottom: 20px; left: 0; height: 40px; width: 100%; padding: 0; line-height: 20px; font-size: 12px; font-weight: bold; overflow: hidden; }
		div#home div.gallery a.item:hover { background-color: #0a0203; }
			div#home div.gallery a.item:hover span.text { color: #ffffff; }
			div#home div.gallery a.item:hover span.description { color: #ffffff; }

@media all and ( max-width: 1199px )
{
	div#home div.gallery { width: 100%; margin: 10px auto 0 auto; text-align: center; }
		div#home div.gallery a.item { margin: 10px 5px; }
}