/* ------------------------------------------------------------------------------------------------------------------ */
/* 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: #000000; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* 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: 200px; 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: #000000; }
		div#footer div.container { display: block; position: relative; width: 800px; margin: 0 auto; height: 100%; }



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

div.clear { clear: both; }


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

div#header div.top { display: block; position: relative; width: 100%; height: 35px; background-color: #201a1b; font-size: 0; text-align: right; }
	div#header div.top div.container { display: block; position: relative; width: 1200px; height: 35px; margin: 0 auto; }
	div#header div.top a { display: inline-block; position: relative; color: #ffffff; font-size: 16px; line-height: 35px; text-decoration: none; }
	div#header div.top a:hover { color: #e52428; }
	div#header div.top p { display: inline-block; position: relative; color: #ffffff; font-size: 16px; line-height: 35px; text-decoration: none; margin: 0 5px; }

div#slide { display: block; position: relative; width: 100%; overflow: hidden; }
div#slide
{
	height: 400px;
	height: -webkit-calc( 100vh - 235px );
	height:    -moz-calc( 100vh - 235px );
	height:         calc( 100vh - 235px );
}
div#slide.small { height: 300px; }
	div#slide div.banner { display: block; position: absolute; left: 0; width: 100%; height: 100%; }
	div#slide div.banner[data-actual="true"] { top: 0; opacity: 1; z-index: 2; }
	div#slide div.banner[data-actual="false"] { top: 100%; opacity: 0; z-index: 1; }
		div#slide div.banner span { display: block; position: absolute; bottom: 100px; left: 50%; width: 500px; min-height: 50px; margin: 0 0 0 -250px; font-size: 65px; line-height: 75px; color: #ffffff; text-align: center; font-family: 'ArialBold', sans-serif; text-shadow: 0 0 5px #000000; }
	div#slide div.arrow { display: block; position: absolute; bottom: 25px; left: 50%; height: 50px; width: 200px; margin: 0 0 0 -100px; z-index: 100; text-align: center; }
		div#slide div.arrow span { display: inline-block; position: relative; line-height: 50px; font-size: 20px; padding: 0; width: 50px; background: transparent url(../src/img/bannerArrowBg.png) repeat; margin: 0 15px; cursor: pointer; color: #ffffff; }
		div#slide div.arrow span:hover { color: #e52428; }

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: 100%; height: 200px; margin: 0 auto; padding: 0; }

	div#header a.logo { display: block; position: absolute; top: 23px; left: 50%; width: 167px; height: 104px; margin: 0 0 0 -500px; background: transparent url(../src/img/logo.png) 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: 100%; height: 50px; margin: 0; text-align: left; font-size: 0; background-color: #e52328; }
		div#header div.menu div.content { display: block; position: relative; width: 1000px; margin: 0 auto; height: 35px; background-color: #e52328; text-align: center; }
		div#header div.menu a.menu { display: inline-block; position: relative; width: auto; height: 50px; margin: 0 25px; text-decoration: none; vertical-align: top; }
			div#header div.menu a.menu p { display: block; position: relative; padding: 10px 0 0 0; line-height: 40px; font-size: 16px; text-decoration: none; font-family: 'ArialBold', sans-serif; color: #ffffff; text-align: center; }
			div#header div.menu a.menu span { display: none; position: absolute; top: 0; left: 50%; width: 35px; height: 14px; margin: 0 0 0 -17px; background: transparent url(../src/img/menuArrowWhite.png) no-repeat center center; background-size: cover; }
			div#header div.menu a.menu:hover p { color: #000100; }
			div#header div.menu a.menu:hover span { bottom: 0; }
			div#header div.menu a.menu.selected p { color: #000100; }
			div#header div.menu a.menu.selected span { display: block; }


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

div#footer p.copyright { display: block; position: absolute; top: 0; left: 0; height: 50px; line-height: 50px; font-size: 14px; color: #ffffff; 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; }


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