/* ------------------------------------------------------------------------------------------------------------------ */
/* fontes */

@font-face
{
	font-family:		'FuturaMdBTLight';
	src:				url('../../../src/fonts/FuturaBtLight/futurabtlight.eot');
	src:				url('../../../src/fonts/FuturaBtLight/futurabtlight.eot') format('embedded-opentype'),
						url('../../../src/fonts/FuturaBtLight/futurabtlight.woff') format('woff'),
						url('../../../src/fonts/FuturaBtLight/futurabtlight.ttf') format('truetype'),
						url('../../../src/fonts/FuturaBtLight/futurabtlight.svg#FuturaLtBTLight') format('svg');
}


@font-face
{
	font-family:		'FuturaMdBTMedium';
	src:				url('../../../src/fonts/FuturaBtMedium/futurabtmedium.eot');
	src:				url('../../../src/fonts/FuturaBtMedium/futurabtmedium.eot') format('embedded-opentype'),
						url('../../../src/fonts/FuturaBtMedium/futurabtmedium.woff') format('woff'),
						url('../../../src/fonts/FuturaBtMedium/futurabtmedium.ttf') format('truetype'),
						url('../../../src/fonts/FuturaBtMedium/futurabtmedium.svg#FuturaMdBTMedium') format('svg');
}

@font-face
{
	font-family:		'FuturaMdBTBold';
	src:				url('../../../src/fonts/FuturaBtBold/futurabtbold.eot');
	src:				url('../../../src/fonts/FuturaBtBold/futurabtbold.eot') format('embedded-opentype'),
						url('../../../src/fonts/FuturaBtBold/futurabtbold.woff') format('woff'),
						url('../../../src/fonts/FuturaBtBold/futurabtbold.ttf') format('truetype'),
						url('../../../src/fonts/FuturaBtBold/futurabtbold.svg#FuturaMdBTBold') format('svg');
}





h1, h2, h3, h4, h5, h6, p, a, input, label, textarea, span { font-family: 'FuturaMdBTLight', sans-serif; font-size: 18px; color: #231f20; }
input, textarea { color: #231f20; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* fundo */

html, body { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; background-color: #F2F3F5; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* loading */

div#loading { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 10000; }
	div#loading img { display: block; position: absolute; top: 50%; left: 50%; width: 180px; height: 40px; margin: -20px 0 0 -90px; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* slide */

div#slide { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	div#slide span { display: block; position: absolute; bottom: 15px; left: 50%; width: 58px; height: 29px; margin: 0 0 0 -29px; background: transparent url(../../../src/img/arrowBottom.png) no-repeat; }
	div#slide div { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	div#slide div.slide:first-child { display: block; }


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

@media all and ( max-width: 799px )
{
	div#containerIndex { display: block; position: relative; width: 100%; min-height: 100vh; margin: 0 auto; z-index: 1; }
	div#containerCompany { display: block; position: relative; width: 100%; min-height: 100vh; margin: 0 auto; z-index: 1; overflow: hidden; }
	div#containerContacts { display: block; position: relative; width: 100%; min-height: 100vh; margin: 0 auto; z-index: 1; overflow: hidden; }
	div#containerCategory { display: block; position: relative; width: 100%; min-height: 100vh; margin: 0 auto; z-index: 1; overflow: hidden; }

		div#containerIndex div#header { display: none; }
		div#containerCompany div#header { display: none; }
		div#containerContacts div#header { display: none; }
		div#containerCategory div#header { display: none; }

		div#containerCompany div#body { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto 0 auto; }
		div#containerContacts div#body { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto 0 auto; overflow: hidden; min-height: 100vh; }
		div#containerCategory div#body { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto 0 auto; overflow: hidden; }

		div#containerIndex div#footer { display: none; }
		div#containerCompany div#footer { display: none; }
		div#containerContacts div#footer { display: none; }
		div#containerCategory div#footer { display: none; }
}
@media all and ( min-width: 800px )
{
	div#containerIndex { display: block; position: relative; width: 100%; min-height: 100vh; margin: 0 auto; z-index: 1; overflow: hidden; }
	div#containerCompany { display: block; position: relative; width: 100%; min-height: 100vh; margin: 0 auto; z-index: 1; overflow: hidden; }
	div#containerContacts { display: block; position: relative; width: 100%; min-height: 100vh; margin: 0 auto; z-index: 1; overflow: hidden; }
	div#containerCategory { display: block; position: relative; width: 100%; min-height: 100vh; margin: 0 auto; z-index: 1; overflow: hidden; }

		div#containerIndex div#header { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 300px; margin: 0; z-index: 1; }
		div#containerCompany div#header { display: none; }
		div#containerContacts div#header { display: none; }
		div#containerCategory div#header { display: none; }

		div#containerCompany div#body { display: block; position: relative; width: 100%; padding: 0 0 35px 0; margin: 0 auto 0 auto; }
		div#containerContacts div#body { display: block; position: relative; width: 100%; padding: 0; margin: 0 auto 0 auto; overflow: hidden; }
		div#containerContacts div#body
		{
			height: 100vh;
			height: calc( 100vh - 35px );
			height: -webkit-calc( 100vh - 35px );
			height: -moz-calc( 100vh - 35px );
		}
		div#containerCategory div#body { display: block; position: relative; width: 100%; padding: 0 0 35px 0; margin: 0 auto 0 auto; overflow: hidden; }

		div#containerIndex div#footer { display: none; }
		div#containerCompany div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 35px; text-align: center; white-space: nowrap; background-color: #F2F3F5; }
		div#containerContacts div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 35px; text-align: center; white-space: nowrap; background-color: #F2F3F5; }
		div#containerCategory div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 35px; text-align: center; white-space: nowrap; background-color: #F2F3F5; }
}



/* ------------------------------------------------------------------------------------------------------------------ */
/* limpador */

div.clear { clear: both; }


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