/* ================================================================================================================== */
/* corpo */

#index { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; }

div#slide { display: block; position: relative; width: 100%; height: 600px; margin: 0 auto; padding: 0; }
div#slide *
{
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
}
	div#slide div.slides { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; }
		div#slide div.slides div.banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
		div#slide div.slides div.banner[data-actual="true"] { top: 0; opacity: 1; z-index: 2; }
		div#slide div.slides div.banner[data-actual="false"] { top: 100%; opacity: 0; z-index: 1; }
			div#slide div.slides div.banner span.line1 { display: block; position: relative; width: 750px; margin: 150px auto 0 auto; font-weight: bold; text-shadow: 1px 1px 5px #000000; color: #ffffff; font-size: 150px; line-height: 100px; }
			div#slide div.slides div.banner span.line2 { display: block; position: relative; width: 750px; margin: 25px auto 0 auto; text-shadow: 1px 1px 5px #000000; color: #ffffff; font-size: 42px; }

/* ================================================================================================================== */
/* titulo */

#index h1 { display: block; position: relative; width: 100%; margin: 0; line-height: 40px; font-size: 36px; text-indent: 175px; }
	#index h1 span { display: block; position: absolute; bottom: 0; left: 0; font-size: 132px; line-height: 100px; color: #119148; text-indent: 0; }

/* ================================================================================================================== */
/* sobre nos */

#index div.company { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 100px 0 50px 0; }
	#index div.company div.text { display: block; position: relative; width: 475px; padding: 0 0 0 175px; float: left; text-align: left; }
		#index div.company div.text p { display: block; position: relative; font-size: 16px; line-height: 25px; margin: 35px 0 0 0; max-height: 175px; overflow: hidden; }
		#index div.company div.text a.more { display: inline-block; position: relative; font-size: 16px; background-color: #119148; padding: 10px 50px; margin: 10px 0 0 0; color: #ffffff; text-decoration: none; }
		#index div.company div.text a.more:hover { background-color: #2b2c31; }
	#index div.company span.photo { display: block; position: relative; width: 444px; height: 350px; float: right; }

/* ================================================================================================================== */
/* o que fazemos */

#index div.work { display: block; position: relative; width: 100%; padding: 100px 0 50px 0; background-color: #ececed; }
	#index div.work div.container { display: block; position: relative; width: 1200px; margin: 0 auto; }
		#index div.work div.container div.left { display: block; position: relative; width: 600px; margin: 0 auto; float: left; padding: 35px 0 0 0; }
		#index div.work div.container div.right { display: block; position: relative; width: 600px; margin: 0 auto; float: right; padding: 35px 0 0 0; }
		#index div.work div.container div p { display: block; position: relative; font-size: 16px; line-height: 25px; margin: 0; max-height: 100px; overflow: hidden; }
		#index div.work div.container div.left p { margin: 0 25px 0 0; }
		#index div.work div.container div.right p { margin: 0 0 0 25px; }
		#index div.work div.container div span { display: block; position: relative; width: 100%; height: 350px; margin: 10px 0 0 0; }
		#index div.work div.container div.left span { margin: 10px 0 0 0; }
		#index div.work div.container div.right span { margin: 0 0 10px 0; }
		#index div.work div.container div a.more { display: inline-block; position: relative; font-size: 16px; background-color: #119148; padding: 10px 50px; margin: 10px 0 0 0; color: #ffffff; text-decoration: none; }
		#index div.work div.container div a.more:hover { background-color: #2b2c31; }
		#index div.work div.container div.right a.more { margin: 10px 0 0 25px; }

/* ================================================================================================================== */
/* projectos */

#index div.projects { display: block; position: relative; width: 100%; padding: 100px 0 50px 0; font-size: 0; }
	#index div.projects div.container { display: block; position: relative; width: 1200px; margin: 0 auto 25px auto; }
	#index div.projects span.photo { display: inline-block; position: relative; width: 25%; height: 300px; margin: 0 auto; }
	#index div.projects span.photo
	{
		width: 25%;
	}