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

div#index { display: block; position: relative; width: 100%; height: 5173px; margin: 0 auto; padding: 50px 0 0 0; overflow: hidden; }
	div#index div.container { display: block; position: relative; width: 1200px; margin: 0 auto; padding: 0; }

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

/* ------------------------------------------------------------------------------------------------------------------ */
/* empresa */

div#index div.company { display: block; position: relative; width: 700px; height: 980px; border: none; }
	div#index div.company div.text { display: block; position: relative; width: 100%; padding: 0; margin: 0; }
		div#index div.company div.text h1 { display: block; position: relative; font-size: 75px; line-height: 75px; font-family: Times, sans-serif; margin: 0 0 20px 0; color: #9aa49c; }
		div#index div.company div.text p { display: block; position: relative; font-size: 16px; line-height: 20px; text-align: justify; font-family: 'Arial', sans-serif; height: 440px; overflow: hidden; }
	div#index div.company div.photos { display: block; position: absolute; bottom: 140px; left: -10px; width: 445px; height: 150px; margin: 0; }
	div#index div.company div.photos
	{
		-moz-transform: rotate( 45deg );
		-webkit-transform: rotate( 45deg );
		-o-transform: rotate( 45deg );
		-ms-transform: rotate( 45deg );
	}
		div#index div.company div.photos a { display: none; position: absolute; top: 0; width: 140px; height: 150px; overflow: hidden; }
		div#index div.company div.photos a:nth-child(1) { display: block; right: 0; }
		div#index div.company div.photos a:nth-child(2) { display: block; right: 150px; }
		div#index div.company div.photos a:nth-child(3) { display: block; right: 300px; }
			div#index div.company div.photos a div.content { display: block; position: absolute; top: -50px; left: -50px; width: 200%; height: 200%; }
			div#index div.company div.photos a div.content
			{
				-moz-transform: rotate( -45deg );
				-webkit-transform: rotate( -45deg );
				-o-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
			}

@media all and ( max-width: 1225px ) {
	div#index div.company { width: 100%; height: auto; }
		div#index div.company div.text h1 { font-size: 40px; line-height: 40px; }
		div#index div.company div.text p { height: auto; }
		div#index div.company div.photos {
			-moz-transform: rotate( 0deg );
			-webkit-transform: rotate( 0deg );
			-o-transform: rotate( 0deg );
			-ms-transform: rotate( 0deg );
		}
		div#index div.company div.photos { position: relative; bottom: auto; left: auto; height: auto; width: 100%; margin-top: 25px; text-align: center; }
			div#index div.company div.photos a { display: inline-block; position: relative; top: auto; margin: 5px; }
			div#index div.company div.photos a:nth-child(1),
			div#index div.company div.photos a:nth-child(2),
			div#index div.company div.photos a:nth-child(3) { display: inline-block; right: auto; }
				div#index div.company div.photos a div.content
				{
					-moz-transform: rotate( 0deg );
					-webkit-transform: rotate( 0deg );
					-o-transform: rotate( 0deg );
					-ms-transform: rotate( 0deg );
				}
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* produtos */

div#index div.products { display: block; position: relative; width: 800px; height: 800px; margin: 500px auto 0 auto; border: none; text-align: right; }
div#index div.products
{
	-moz-transform: rotate( -45deg );
	-webkit-transform: rotate( -45deg );
	-o-transform: rotate( -45deg );
	-ms-transform: rotate( -45deg );
}
	div#index div.products h1 { display: block; position: absolute; top: -300px; left: 300px; font-size: 75px; line-height: 75px; font-family: Times, sans-serif; margin: 0; color: #ffffff; text-align: left; }
	div#index div.products h1
	{
		-moz-transform: rotate( 45deg );
		-webkit-transform: rotate( 45deg );
		-o-transform: rotate( 45deg );
		-ms-transform: rotate( 45deg );
	}
	div#index div.products a { display: inline-block; position: relative; width: 250px; height: 250px; overflow: hidden; margin: 7px; }
		div#index div.products a div.content { display: block; position: absolute; top: -100px; left: -100px; width: 200%; height: 200%; z-index: 1; }
		div#index div.products a div.content
		{
			-moz-transform: rotate( 45deg );
			-webkit-transform: rotate( 45deg );
			-o-transform: rotate( 45deg );
			-ms-transform: rotate( 45deg );
		}
		div#index div.products a div.hover { display: block; position: absolute; top: 50%; left: 50%; width: 0; height: 0; z-index: 2; background: transparent url(../src/img/indexItemBg.png) repeat; overflow: hidden; }
			div#index div.products a div.hover p { display: block; position: relative; width: 100%; height: 100%; text-align: center; color: #ffffff; font-size: 25px; line-height: 230px; overflow: hidden; }
			div#index div.products a div.hover p
			{
				-moz-transform: rotate( 45deg );
				-webkit-transform: rotate( 45deg );
				-o-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
			}
				div#index div.products a div.hover p span { display: block; position: absolute; bottom: 20px; left: 50%; margin: 0 0 0 -16px; width: 33px; height: 33px; background: transparent url(../src/img/indexItemBgMore.png) no-repeat center center; background-size: cover; }

		div#index div.products a:hover div.hover { top: 10px; left: 10px; width: 230px; height: 230px; }

@media all and ( max-width: 1225px ) {
	div#index div.products { width: auto; height: auto; margin: 100px auto 0 auto; text-align: center; }
	div#index div.products
	{
		-moz-transform: rotate( 0deg );
		-webkit-transform: rotate( 0deg );
		-o-transform: rotate( 0deg );
		-ms-transform: rotate( 0deg );
	}
		div#index div.products h1 { position: relative; top: auto; left: auto; font-size: 40px; line-height: 40px; color: #9aa49c; text-align: left; }
		div#index div.products h1
		{
			-moz-transform: rotate( 0deg );
			-webkit-transform: rotate( 0deg );
			-o-transform: rotate( 0deg );
			-ms-transform: rotate( 0deg );
		}
			div#index div.products a div.content
			{
				-moz-transform: rotate( 0deg );
				-webkit-transform: rotate( 0deg );
				-o-transform: rotate( 0deg );
				-ms-transform: rotate( 0deg );
			}
			div#index div.products a div.hover p
			{
				-moz-transform: rotate( 0deg );
				-webkit-transform: rotate( 0deg );
				-o-transform: rotate( 0deg );
				-ms-transform: rotate( 0deg );
			}
}

/* ------------------------------------------------------------------------------------------------------------------ */
/* galeria */

div#index div.gallery { display: block; position: relative; width: 250px; height: 250px; margin: 652px 0 0 158px; background: transparent url(../src/img/indexGalleryBg.png) repeat;; border: none; text-align: right; }
div#index div.gallery
{
	-moz-transform: rotate( -45deg );
	-webkit-transform: rotate( -45deg );
	-o-transform: rotate( -45deg );
	-ms-transform: rotate( -45deg );
}
	div#index div.gallery h1 { display: block; position: absolute; top: -290px; left: 165px; font-size: 75px; line-height: 75px; font-family: Times, sans-serif; margin: 0; color: #ffffff; text-align: left; }
	div#index div.gallery h1
	{
		-moz-transform: rotate( 45deg );
		-webkit-transform: rotate( 45deg );
		-o-transform: rotate( 45deg );
		-ms-transform: rotate( 45deg );
	}
	div#index div.gallery a { display: block; position: relative; padding: 20px 0; width: 250px; height: 210px; overflow: hidden; margin: 7px; text-decoration: none; }
	div#index div.gallery a
	{
		-moz-transform: rotate( 45deg );
		-webkit-transform: rotate( 45deg );
		-o-transform: rotate( 45deg );
		-ms-transform: rotate( 45deg );
	}
		div#index div.gallery a h2 { display: block; position: relative; width: 100%; line-height: 50px; font-size: 24px; color: #ffffff; text-align: center; overflow: hidden; height: 50px; margin: 50px 0 0 0; }
		div#index div.gallery a p { display: block; position: relative; width: 100%; line-height: 15px; font-size: 12px; color: #ffffff; text-align: center; overflow: hidden; height: 45px; margin: 10px 0 0 0; }
		div#index div.gallery a span { display: block; position: absolute; bottom: 20px; left: 50%; margin: 0 0 0 -12px; width: 24px; height: 24px; background: transparent url(../src/img/indexGalleryBgMore.png) no-repeat center center; background-size: cover; }

@media all and ( max-width: 1225px ) {
	div#index div.gallery { display: none; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* orcamento */

div#index form#budget { display: block; position: relative; width: 400px; height: 800px; margin: 150px 0 0 0; }
	div#index form#budget h1 { display: block; position: relative; font-size: 50px; line-height: 50px; font-family: Times, sans-serif; margin: 0; color: #ffffff; text-align: left; }
	div#index form#budget label { display: block; position: relative; line-height: 20px; font-size: 14px; color: #ffffff; }
	div#index form#budget input[type="text"] { display: block; position: relative; width: 80%; height: 20px; line-height: 20px; font-size: 12px; background-color: #ffffff; border: none; margin: 0 0 10px 0; padding: 0; }
	div#index form#budget input[type="file"] { display: block; position: relative; width: 80%; height: 20px; line-height: 20px; font-size: 12px; background-color: #ffffff; border: none; margin: 0 0 10px 0; padding: 0; }
	div#index form#budget textarea { display: block; position: relative; width: 80%; height: 60px; line-height: 20px; font-size: 12px; background-color: #ffffff; border: none; margin: 0 0 10px 0; resize: none; padding: 0; }
	div#index form#budget input[type="submit"] { display: block; position: relative; width: auto; padding: 5px 25px; line-height: 20px; font-size: 12px; background-color: #ffffff; color: #000000; border: none; margin: 30px 0 10px 0; font-family: 'ArialBold', sans-serif; cursor: pointer; border-radius: 5px; }
	div#index form#budget input[type="submit"]:hover { background-color: #000000; color: #ffffff; }
	div#index form#budget p { display: block; position: relative; line-height: 20px; font-size: 14px; color: #ffffff; }

@media all and ( max-width: 1225px ) {
	div#index form#budget { width: 100%; height: auto; margin: 100px auto 0 auto; padding: 0; }
		div#index form#budget h1 { font-size: 40px; line-height: 40px; color: #9aa49c; text-align: left; }
		div#index form#budget label { color: #4e4d4d; max-width: 500px; margin: 0 auto; }
		div#index form#budget textarea,
		div#index form#budget input[type="file"],
		div#index form#budget input[type="text"] { border: 1px solid #4e4d4d; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* contactos */

div#index div.contacts { display: block; position: relative; width: 500px; height: 400px; margin: -150px 0 0 0; float: right; text-align: right; overflow: hidden; z-index: 2; }
	div#index div.contacts h1 { display: block; position: relative; font-size: 50px; line-height: 50px; font-family: Times, sans-serif; margin: 0 0 35px 0; color: #f39223; }
	div#index div.contacts h2 { display: inline-block; position: relative; font-size: 16px; line-height: 20px; font-family: 'ArialBold', sans-serif; color: #f39223; float: right; margin: 0 5px 20px 0; }
	div#index div.contacts p { display: inline-block; position: relative; font-size: 16px; line-height: 20px; float: right; margin: 0 0 20px 0; }

@media all and ( max-width: 1225px ) {
	div#index div.contacts { width: auto; height: auto; margin: 100px 0 0 0; float: none; text-align: center; }
		div#index div.contacts h1 { font-size: 40px; line-height: 40px; color: #9aa49c; text-align: left; }
		div#index div.contacts h2 { display: none; }
		div#index div.contacts p { float: none; }
}


/* ------------------------------------------------------------------------------------------------------------------ */
/* mapa */

div#index div#map { display: block; position: absolute; bottom: 0; left: 50%; width: 1920px; height: 1030px; margin: 0 0 0 -960px; }


/* ------------------------------------------------------------------------------------------------------------------ */