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

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

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

/* ================================================================================================================== */
/* slide */
/* ================================================================================================================== */

div#slide { display: block; position: relative; width: 100%; height: 675px; margin: 0; padding: 0; }
div#slide *
{
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
}
	div#slide .banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; }
	div#slide .banner[data-status="true"] { opacity: 1; z-index: 2; }
	div#slide .banner[data-status="false"] { opacity: 0; z-index: 1; }
		div#slide .banner div.text { display: inline-block; position: relative; width: 1200px; height: auto; text-align: left; margin: 100px 0; }
			div#slide .banner div.text h1 { display: block; position: relative; line-height: 120px; font-size: 100px; overflow: hidden; color: #ffffff; margin: 0; text-shadow: 0 0 1px #000000; }
			div#slide .banner div.text h2 { display: block; position: relative; line-height: 75px; font-size: 50px; overflow: hidden; color: #eb2227; margin: 0; text-shadow: 0 0 1px #000000; }
		div#slide a[data-status="true"]:hover { opacity: 0.75; }

	div#slide div.icons { display: block; position: absolute; bottom: 15px; left: 0; width: 100%; height: 20px; text-align: center; overflow: hidden; margin: 0; z-index: 10; }
		div#slide div.icons span { display: inline-block; position: relative; width: 20px; height: 20px; margin: 0; vertical-align: top; cursor: pointer; background: transparent url(../images/slide_icons.png) no-repeat; }
		div#slide div.icons span[data-status="false"] { background-position-y: 0; }
		div#slide div.icons span:hover { background-position-y: -20px; }
		div#slide div.icons span[data-status="true"] { background-position-y: -40px; }

@media all and ( max-width: 1199px )
{
	div#slide { height: 300px; }
		div#slide .banner div.text { display: none; }
		div#slide div.icons { display: none; }
}

/* ================================================================================================================== */
/* empresa */
/* ================================================================================================================== */

div#index div.company { display: block; position: relative; padding: 100px 0; font-size: 0; background: transparent url(../images/bg_gray1.jpg) no-repeat center center fixed; background-size: cover; font-size: 0; text-align: center; }
	div#index div.company span.logo { display: inline-block; position: relative; width: 185px; height: 185px; background: transparent url(../images/logo.png) no-repeat center center; background-size: contain; }
	div#index div.company div.text { display: inline-block; position: relative; max-width: 600px; vertical-align: top; text-align: left; margin: 0 0 0 135px; }
		div#index div.company div.text h1 { display: block; position: relative; font-size: 18px; line-height: 22px; color: #eb2227; }
		div#index div.company div.text h2 { display: block; position: relative; font-size: 30px; line-height: 35px; margin: 10px 0 0 0; }
		div#index div.company div.text p.text { max-height: 132px; overflow: hidden; margin: 25px 0 25px 0; }

@media all and ( max-width: 949px )
{
	div#index div.company { padding: 35px 0; text-align: center; }
	div#index div.company div.text { display: block; max-width: none; margin: 35px 0 0 0; text-align: center; }
}

/* ================================================================================================================== */
/* ride */
/* ================================================================================================================== */

div#index div.ride { display: block; position: relative; padding: 100px 0; font-size: 0; background: transparent url(../images/bg_red_bubbles.png) repeat; font-size: 0; text-align: center; }
	div#index div.ride a.icon { display: inline-block; position: relative; margin: 15px 80px; max-width: 240px; text-decoration: none; vertical-align: top; }
	div#index div.ride a.icon:first-child { margin: 15px 80px 15px 0; }
	div#index div.ride a.icon:last-child { margin: 15px 0 15px 80px; }
		div#index div.ride a.icon div.icon { display: block; position: relative; height: 49px; background: transparent url(../images/ride_icons.png) no-repeat; margin: 0 auto; }
		div#index div.ride a.icon div.icon.stores { width: 50px; background-position-x: 0; }
		div#index div.ride a.icon div.icon.travels { width: 49px; background-position-x: -50px; }
		div#index div.ride a.icon div.icon.team { width: 80px; background-position-x: -99px; }
			div#index div.ride a.icon div.icon span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: transparent url(../images/ride_icons.png) no-repeat; background-position-y: -49px; }
			div#index div.ride a.icon:hover div.icon span { height: 100%; }
			div#index div.ride a.icon div.icon.stores span { width: 50px; background-position-x: 0; }
			div#index div.ride a.icon div.icon.travels span { width: 49px; background-position-x: -50px; }
			div#index div.ride a.icon div.icon.team span { width: 80px; background-position-x: -99px; }
		div#index div.ride a.icon h1 { font-size: 30px; line-height: 35px; color: #ffffff; margin: 25px 0 15px 0; }
		div#index div.ride a.icon:hover h1 { color: #010101; }
		div#index div.ride a.icon p { color: #ffffff; }
		div#index div.ride a.icon:hover p { color: #010101; }

@media all and ( max-width: 1199px )
{
	div#index div.ride { padding: 35px 0; }
		div#index div.ride a.icon,
		div#index div.ride a.icon:last-child,
		div#index div.ride a.icon:first-child { margin: 25px 15px; }
}

/* ================================================================================================================== */
/* promocoes */
/* ================================================================================================================== */

div#index div.promotions { display: block; position: relative; padding: 100px 0; font-size: 0; font-size: 0; text-align: center; }
	div#index div.promotions .block { display: inline-block; position: relative; width: 390px; height: 390px; vertical-align: top; margin: 15px 15px 0 0; text-decoration: none; }
	div#index div.promotions .block:nth-child(3n) { margin: 15px 0 0 0; }
		div#index div.promotions .block h1 { display: block; position: relative; margin: 40px 30px 0 75px; color: #3b2416; font-size: 30px; line-height: 35px; text-align: right; text-shadow: 0 0 1px #ffffff; }
		div#index div.promotions .block h2 { display: block; position: relative; margin: 20px 30px 20px 75px; color: #3b2416; font-size: 30px; line-height: 35px; text-align: right; text-shadow: 0 0 1px #ffffff; }
		div#index div.promotions .block h3 { display: block; position: relative; margin: 0 30px 40px 75px; color: #ffffff; font-size: 20px; line-height: 25px; text-align: right; text-shadow: 0 0 1px #000000; }
	div#index div.promotions a:hover { opacity: 0.75; }

@media all and ( max-width: 449px )
{
	div#index div.promotions { padding: 35px 0; }
		div#index div.promotions .block { width: 280px; height: 280px; margin: 10px; }
			div#index div.promotions .block h1 { font-size: 22px; line-height: 25px; }
			div#index div.promotions .block h2 { font-size: 22px; line-height: 25px; }
			div#index div.promotions .block h3 { font-size: 16px; line-height: 20px; }
}

/* ================================================================================================================== */
/* servicos */
/* ================================================================================================================== */

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

@media all and ( max-width: 1199px )
{
	div#index div.services { padding: 50px 0; margin: 0; }
		div#index div.services h1 { font-size: 35px; line-height: 40px; width: auto; text-align: center; }
		div#index div.services div.text { width: auto; margin: 25px 0 0 0; text-align: center; }
}