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

div#services { display: block; position: relative; width: 100%; padding: 50px 0; }

div#services div.bg { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
	div#services div.bg div.banner { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	div#services div.bg div.banner:first-child { display: block; }
	div#services div.bg span.bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 199; background: transparent url(../src/img/bannerBg.png) repeat; }

	div#services h1 { display: block; position: relative; width: 800px; margin: 0 auto; font-size: 35px; line-height: 50px; color: #ffffff; font-family: 'ArialBold', sans-serif; text-align: center; text-transform: uppercase; }
	div#services p { display: block; position: relative; width: 800px; margin: 15px auto 0 auto; font-size: 14px; line-height: 25px; color: #ffffff; text-align: center; }
	div#services span { display: block; position: relative; width: 300px; height: 1px; margin: 50px auto 50px auto; background-color: #ffffff; }
	div#services span:last-child { display: none; }


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

	div#services div.details { display: block; position: relative; width: 100%; padding: 100px 0 150px 0; background-color: #ffffff; }
	div#services div.left { display: block; position: relative; width: 800px; float: left; z-index: 2; }
		div#services div.left h1 { display: block; position: relative; width: 100%; color: #5083ba; font-size: 18px; font-family: 'ArialBold', sans-serif; line-height: 35px; }
		div#services div.left p { display: block; position: relative; width: 100%; color: #a0a2a5; font-size: 14px; line-height: 20px; margin: 35px 0 0 0; }
	div#services div.right { display: block; position: relative; width: 375px; float: right; z-index: 2; }
		div#services div.right a { display: none; position: relative; width: 100%; height: 300px; }
		div#services div.right a:first-child { display: block; }

	div#services div.details span.bg { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; z-index: 1; }

	div#services div.services { display: block; position: relative; width: 1200px; min-height: 200px; margin: 0 auto; padding: 50px 0 85px 0; z-index: 2; }
		div#services div.services div.links { display: block; position: relative; width: 500px; float: left; }
			div#services div.services div.links a { display: block; position: relative; font-size: 24px; color: #ffffff; line-height: 40px; font-family: 'ArialBold', sans-serif; text-decoration: none; text-transform: uppercase; }
			div#services div.services div.links a { transition-property: all; transition-duration: 400ms; }
			div#services div.services div.links a:hover { color: #a0a2a5; }

		div#services div.services div.photos { display: block; position: relative; width: 400px; height: 250px; float: right; overflow: hidden; }
			div#services div.services div.photos span.photo { display: block; position: absolute; top: 0; left: 110%; width: 398px; height: 248px; border: 1px solid #ffffff; overflow: hidden; }
				div#services div.services div.photos span.photo i { display: block; position: absolute; top: 5px; left: 5px; width: 388px; height: 238px; }