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

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

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

/* ================================================================================================================== */
/* geral */
/* ================================================================================================================== */

div#services div.general { display: block; position: relative; width: 100%; padding: 295px 0 95px 0; background: transparent url(../images/bg_services.jpg) no-repeat center center fixed; background-size: cover; }
	div#services div.general h1 { display: block; position: relative; vertical-align: top; font-size: 70px; line-height: 85px; color: #ffffff; width: 750px; text-align: left; }
	div#services div.general p.text { display: block; position: relative; color: #ffffff; margin: 50px 0 0 0; width: 750px; text-align: left; }

@media all and ( max-width: 1199px )
{
	div#services div.general { padding: 150px 0; }
		div#services div.general h1 { width: auto; margin: 0 10px; font-size: 35px; line-height: 40px; }
		div#services div.general p.text { width: auto; margin: 35px 10px 0 10px; }
}

/* ================================================================================================================== */
/* blocos */
/* ================================================================================================================== */

div#services div.block { display: block; position: relative; width: 100%; padding: 75px 0; font-size: 0; }
div#services div.block:nth-child(2n) { background-color: #f5f6f6; }
	div#services div.block div.left { display: inline-block; position: relative; width: 365px; vertical-align: bottom; }
	div#services div.block:nth-child(2n) div.left { width: 700px; }
	div#services div.block div.right { display: inline-block; position: relative; width: 700px; vertical-align: bottom; margin: 0 0 0 135px; }
	div#services div.block:nth-child(2n) div.right { width: 365px; }

	div#services div.block img { display: block; position: relative; max-width: 100%; }
	div#services div.block h1 { font-size: 30px; line-height: 35px; color: #eb2227; }
	div#services div.block p { margin: 35px 0 25px 0; }
	div#services div.block h2 { display: inline-block; font-size: 30px; line-height: 35px; color: #eb2227; background-color: #f2f2f3; padding: 10px 100px; }
	div#services div.block:nth-child(2n) h2 { background-color: #ffffff; }

@media all and ( max-width: 1199px )
{
	div#services div.block { padding: 35px 0; text-align: center; }
		div#services div.block div.left,
		div#services div.block:nth-child(2n) div.left,
		div#services div.block div.right,
		div#services div.block:nth-child(2n) div.right { display: block; width: auto; margin: 0; }
		div#services div.block img { margin: 25px 0 25px 0; }
}