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

div#index { display: block; position: relative; width: 100%; padding: 150px 0 0 0; margin: 0 auto; font-size: 0; }
	div#index div.top { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto; font-size: 0; }
		div#index div.top div.left { display: inline-block; position: relative; width: 30%; margin: 0 5% 0 0; vertical-align: bottom; }
		div#index div.top div.right { display: inline-block; position: relative; width: 65%; margin: 0; vertical-align: bottom; }

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

div#slide { display: block; position: relative; width: 100%; height: 750px; 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.text { display: block; position: absolute; bottom: 100px; left: 0; width: auto; height: auto; vertical-align: middle; margin: 0; background-color: #2b2c31; padding: 10px 25px 10px 50px; }
			div#slide .slide div.text p { display: block; position: relative; font-size: 40px; line-height: 45px; color: #ffffff; width: auto; 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; }
}

/* ================================================================================================================== */
/* topo */
/* ================================================================================================================== */

div#index div.top p.text { color: #808184; }
div#index div.top a.contacts { display: block; position: relative; padding: 25px 50px; border: 3px solid #1b75bb; margin: 100px 0 0 0; text-decoration: none; }
div#index div.top a.contacts:hover { background-color: #1b75bb; }
	div#index div.top a.contacts h1 { display: block; position: relative; color: #1b75bb; font-size: 40px; line-height: 45px; }
	div#index div.top a.contacts:hover h1 { color: #ffffff; }
	div#index div.top a.contacts p { display: block; position: relative; color: #1b75bb; margin: 25px 0 0 0; }
	div#index div.top a.contacts:hover p { color: #ffffff; }

/* ================================================================================================================== */
/* categorias */
/* ================================================================================================================== */

div#index div.categories { display: block; position: relative; width: 100%; margin: 50px 0 0 0; text-align: center; }
	div#index div.categories a { display: inline-block; position: relative; width: 23%; height: 465px; margin: 0 1% 2% 1%; vertical-align: top; overflow: hidden; }
	div#index div.categories a:nth-child(1) { width: 58%; height: 550px; }
	div#index div.categories a:nth-child(2) { width: 38%; height: 550px; }
		div#index div.categories a span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ffffff no-repeat center center; background-size: cover; }
		div#index div.categories a:hover span { transform: scale(1.05); }
		div#index div.categories a p { display: block; position: absolute; bottom: 0; right: 0; background-color: #1b75bb; padding: 10px 35px; color: #ffffff; font-size: 30px; line-height: 35px; }
		div#index div.categories a:hover p { background-color: #2b2c31; }