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

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

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

div#slide { display: block; position: relative; width: 100%; height: 900px; padding: 0; z-index: 1; margin: 0; }
div#slide *
{
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
}
	div#slide .slide { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; background: no-repeat center center; background-size: cover; }
		div#slide .slide div.bg1 { display: block; position: absolute; top: 0; left: 0; width: 60%; height: 100%; background-color: #263289; }
		div#slide .slide div.bg2 { display: block; position: absolute; top: 200px; right: 0; width: 60%; height: 325px; background-color: #f9ec31; }
		div#slide .slide div.content { display: block; position: relative; width: auto; height: auto; vertical-align: middle; margin: 250px 115px 0 115px; }
			div#slide .slide div.content p { display: inline-block; position: relative; font-size: 80px; line-height: 80px; color: #ffffff; width: 45%; vertical-align: top; }
			div#slide .slide div.content span { display: inline-block; position: relative; width: 50%; margin: 0 0 0 5%; height: 500px; background: transparent center center no-repeat; background-size: contain; vertical-align: top; }
	div#slide .slide[data-status="true"] { opacity: 1; z-index: 2; }
	div#slide .slide[data-status="false"] { opacity: 0; z-index: 1; }

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

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

div#index div.company { display: block; position: relative; margin: 0 auto 50px auto; padding: 65px 0; }
	div#index div.company div.photos { display: inline-block; position: relative; width: 45%; height: 350px; vertical-align: top; }
		div#index div.company div.photos span.bg { display: block; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: #009de2; }
		div#index div.company div.photos div.content { display: block; position: absolute; top: 25px; left: 10%; width: 90%; height: 100%; }
			div#index div.company div.photos div.content a { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background: transparent center center no-repeat; }
			div#index div.company div.photos div.content a:nth-child(1) { display: block; }
	div#index div.company div.text { display: inline-block; position: relative; width: 50%; min-height: 350px; padding: 0; vertical-align: middle; margin: 25px 0 0 5%; background: transparent url(../images/company_bg.png) no-repeat right top; background-size: contain; }
		div#index div.company div.text h2 { display: block; position: relative; font-size: 40px; line-height: 55px; margin: 20px 0; }
		div#index div.company div.text p { display: block; position: relative; margin: 0; }
	div#index div.company a { display: inline-block; position: relative; background-color: #ebebeb; padding: 25px 40px; text-decoration: none; font-size: 12px; line-height: 15px; margin: 50px 0 0 0; }
	div#index div.company a:hover { background-color: #009de2; color: #ffffff; }

@media all and (max-width: 1199px)
{
	div#index div.company { width: auto; padding: 0; text-align: center; }
			div#index div.company div.photos span { display: none; }
		div#index div.company div.text { width: auto; padding: 25px 10px; margin: 0; }
}

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

div#index div.services { display: block; position: relative; width: auto; margin: 0 75px; }
	div#index div.services h1 { margin: 0 0 20px 0; }
	div#index div.services div.categories { display: inline-block; position: relative; width: 20%; vertical-align: top; }
		div#index div.services div.categories a { display: inline-block; position: relative; font-size: 40px; line-height: 50px; text-decoration: none; }
		div#index div.services div.categories a:hover { color: #009de2; }
			div#index div.services div.categories a span { display: block; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 0; height: 2px; width: 0; background-color: #009de2; }
			div#index div.services div.categories a:hover span { left: 0; width: 100%; }
	div#index div.services p.text { display: inline-block; position: relative; width: 30%; padding: 65px 200px 45px 30px; background-color: #f5f5f5; }

	div#index div.services div.photos { display: inline-block; position: relative; width: 50%; height: 335px; background-color: #009de2; vertical-align: top; margin: 65px 0 0 -50px; }
		div#index div.services div.photos span:nth-child(1) { display: block; position: absolute; top: -110px; right: -50px; width: 75%; height: 100%; background: transparent center center no-repeat; background-size: cover; }
		div#index div.services div.photos span:nth-child(2) { display: block; position: absolute; top: 25px; left: -25px; width: 50%; height: 275px; background: transparent center center no-repeat; background-size: cover; }

@media all and (max-width: 1199px)
{
	div#index div.categories { padding: 25px 10px; }
		div#index div.categories div.container { width: auto; }
			div#index div.categories div.container a.item { margin: 10px; height: 200px; }
}

/* ================================================================================================================== */
/* noticias */
/* ================================================================================================================== */

div#index div.news { display: block; position: relative; width: auto; margin: 100px 0 0 0; padding: 50px 100px; background: transparent url(../images/news_bg.jpg) no-repeat center center; background-size: cover; text-align: left; }
	div#index div.news h2 { display: inline-block; position: relative; vertical-align: top; font-size: 30px; line-height: 35px; color: #ffffff; margin: 20px 0 0 35px; }
	div#index div.news div.content { display: inline-block; position: relative; margin: 20px 0 0 125px; width: 50%; vertical-align: top; }
		div#index div.news div.content a { display: block; position: relative; padding: 0 125px 0 30px; border-bottom: 1px solid #b6d9e8; color: #ffffff; text-decoration: none; font-size: 30px; line-height: 60px; }
		div#index div.news div.content a:last-child { border-bottom: none; }
		div#index div.news div.content a:hover { font-weight: 400; }

/* ================================================================================================================== */
/* galeria */
/* ================================================================================================================== */

div#index div.gallery { display: block; position: relative; width: 100%; margin: 100px auto 0 auto; padding: 0; }
	div#index div.gallery .block { display: inline-block; position: relative; vertical-align: top; width: 18%; margin: 1%; text-align: left; text-decoration: none; }
		div#index div.gallery .block div.photo { display: block; position: relative; width: 100%; height: 200px; overflow: hidden; }
			div#index div.gallery .block div.photo span { display: block; position: absolute; width: 100%; height: 100%; background: transparent center center no-repeat; background-size: contain; }
			div#index div.gallery a.block:hover div.photo span { transform: rotate(15deg) scale(1.2); }
		div#index div.gallery .block p { display: block; position: relative; font-size: 18px; line-height: 25px; margin: 10px 0 0 0; text-align: center; }
		div#index div.gallery a.block:hover p { color: #009de2; }
		div#index div.gallery .block p.text { font-size: 40px; line-height: 45px; text-align: left; }

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

/* ================================================================================================================== */
/* representacoes */
/* ================================================================================================================== */

div#index div.representations { display: block; position: relative; width: 100%; margin: 100px auto 0 auto; padding: 55px 35px 55px 125px; background-color: #f5f5f5; }
	div#index div.representations h2 { display: inline-block; position: relative; vertical-align: top; font-size: 30px; line-height: 35px; margin: 20px 0 0 0; }
	div#index div.representations div.content { display: inline-block; position: relative; margin: 20px 0 0 125px; width: 75%; vertical-align: top; }
		div#index div.representations div.content .block { display: inline-block; position: relative; width: 125px; height: 84px; margin: 0 5px 5px 5px; background: transparent center center no-repeat; background-size: contain; }