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

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

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

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




h1, h2, h3, h4, h5, h6, p, a, input, label, textarea, span { font-family: 'Arial', sans-serif; font-size: 16px; color: #003791; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* principal e animacoes de defeito */

html, body { position: relative; margin: 0; padding: 0; width: 100%; height: 100%; background-color: #ffffff; }
*
{
	transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;

	transition-duration: 400ms;
	-webkit-transition-duration: 400ms;
	-moz-transition-duration: 400ms;
}


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

div#container { display: block; position: relative; width: 100%; min-height: 100%; margin: 0 auto; z-index: 2; }
	div#header { display: block; position: relative; width: 100%; min-height: 100px; margin: 0 auto; z-index: 2500; }
	div#body { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 50px 0; }
	div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; overflow: hidden; z-index: 1000; background-color: #ffffff; }
		div#footer div.container { display: block; position: relative; width: 800px; margin: 0 auto; height: 100%; }



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

div.clear { clear: both; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* cabecalho */

div#header div.slide { display: block; position: relative; width: 100%; overflow: hidden; }
div#header div.slide
{
	height: 400px;
	height: -webkit-calc( 100vh - 200px );
	height:    -moz-calc( 100vh - 200px );
	height:         calc( 100vh - 200px );
}
	div#header div.slide span.bottom { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 95px; z-index: 200; background: transparent url(../src/img/bannerCompany.png) no-repeat; background-size: 100% 100%; }
	div#header div.slide span.bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 199; background: transparent url(../src/img/bannerBg.png) repeat; }
	div#header div.slide div.banner { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	div#header div.slide div.banner:first-child { display: block; }

div#header div.fluid-container { display: block; position: relative; width: 100%; height: 200px; } /* menu dinamico */
div#header div.fluid { display: block; position: relative; width: 100%; background-color: #ffffff; } /* menu dinamico */

div#header div.container { display: block; position: relative; width: 1000px; height: 200px; margin: 0 auto; padding: 0; overflow: hidden; }

	div#header a.logo { display: block; position: absolute; top: 0; left: 50%; width: 461px; height: 134px; margin: 0 0 0 -230px; background: transparent url(../src/img/logo.jpg) no-repeat center center; background-size: cover; }
	div#header span.separator { display: block; position: absolute; top: 224px; left: 50%; width: 350px; height: 0; margin: 0 0 0 -175px; border: none; border-bottom: 1px solid #b8b8b9; }

	div#header div.menu { display: block; position: absolute; bottom: 0; left: 0; width: 1000px; height: 35px; margin: 0; text-align: center; font-size: 0; }
		div#header div.menu a { display: inline-block; position: relative; width: auto; height: 35px; margin: 0 25px; text-decoration: none; vertical-align: top; }
			div#header div.menu a p { display: block; position: relative; line-height: 100%; font-size: 16px; text-decoration: none; font-family: 'ArialBold', sans-serif; }
			div#header div.menu a span { display: block; position: absolute; bottom: -4px; left: 0; width: 100%; height: 4px; background-color: #d5241b; }
			div#header div.menu a:hover p { color: #d5241b; }
			div#header div.menu a:hover span { bottom: 0; }
			div#header div.menu a.selected p { color: #d5241b; }
			div#header div.menu a.selected span { bottom: 0; }

	div#header div.container div.languages { display: block; position: absolute; bottom: 50px; right: 0; height: 25px; width: 100px; padding: 0 0 0 20px; text-align: right; font-size: 0; }
		div#header div.container div.languages a { display: inline-block; position: relative; margin: 0 0 0 10px; font-family: 'ArialNarrow', sans-serif; color: #8ea6cc; line-height: 25px; font-size: 16px; text-decoration: none; }
		div#header div.container div.languages a:hover { color: #003791; }
		div#header div.container div.languages a.selected { color: #003791; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* rodape */

div#footer p.copyright { display: block; position: absolute; top: 0; left: 0; height: 50px; line-height: 50px; font-size: 14px; color: #9f9fa0; font-family: 'ArialNarrow', sans-serif; }
div#footer a.idstudies { display: block; position: absolute; top: 14px; right: 0; width: 101px; height: 22px; background: transparent url(../src/img/idstudies.png) no-repeat center center; border: none; }


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