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

@font-face
{
	font-family:		'Palatino';
	src:				url('../src/fonts/palatino/PalatinoLinotype-Roman.eot');
	src:				url('../src/fonts/palatino/PalatinoLinotype-Roman.eot') format('embedded-opentype'),
						url('../src/fonts/palatino/PalatinoLinotype-Roman.woff') format('woff'),
						url('../src/fonts/palatino/PalatinoLinotype-Roman.ttf') format('truetype'),
						url('../src/fonts/palatino/PalatinoLinotype-Roman.svg') format('svg');
}

@font-face
{
	font-family:		'PalatinoBold';
	src:				url('../src/fonts/palatino_bold/PalatinoLinotype-Bold.eot');
	src:				url('../src/fonts/palatino_bold/PalatinoLinotype-Bold.eot') format('embedded-opentype'),
						url('../src/fonts/palatino_bold/PalatinoLinotype-Bold.woff') format('woff'),
						url('../src/fonts/palatino_bold/PalatinoLinotype-Bold.ttf') format('truetype'),
						url('../src/fonts/palatino_bold/PalatinoLinotype-Bold.svg') format('svg');
}

@font-face
{
	font-family:		'PalatinoBoldItalic';
	src:				url('../src/fonts/palatino_bold_italic/PalatinoLinotype-BoldItalic.eot');
	src:				url('../src/fonts/palatino_bold_italic/PalatinoLinotype-BoldItalic.eot') format('embedded-opentype'),
						url('../src/fonts/palatino_bold_italic/PalatinoLinotype-BoldItalic.woff') format('woff'),
						url('../src/fonts/palatino_bold_italic/PalatinoLinotype-BoldItalic.ttf') format('truetype'),
						url('../src/fonts/palatino_bold_italic/PalatinoLinotype-BoldItalic.svg') format('svg');
}

@font-face
{
	font-family:		'PalatinoItalic';
	src:				url('../src/fonts/palatino_italic/PalatinoLinotype-Italic.eot');
	src:				url('../src/fonts/palatino_italic/PalatinoLinotype-Italic.eot') format('embedded-opentype'),
						url('../src/fonts/palatino_italic/PalatinoLinotype-Italic.woff') format('woff'),
						url('../src/fonts/palatino_italic/PalatinoLinotype-Italic.ttf') format('truetype'),
						url('../src/fonts/palatino_italic/PalatinoLinotype-Italic.svg') format('svg');
}



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


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

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


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

div#container { display: block; position: relative; width: 100%; min-height: 100%; }
	div#header { display: block; position: fixed; width: 100%; top: 0; left: 0; height: 140px; margin: 0 auto; background-color: #ffffff; z-index: 500; box-shadow: 0 0 10px #000000; }
		div#header div.cheader { display: block; position: relative; width: 1200px; height: 140px; margin: 0 auto; }
	div#body { display: block; position: relative; width: 100%; margin: 0 auto; padding: 140px 0 25px 0; }
	div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 25px; overflow: hidden; background-color: #ffffff; }
	div#footer.with_investment { overflow: visible; }
		div#footer div.cfooter { display: block; position: relative; width: 300px; margin: 0 auto; height: 25px; }

div#header
{
	-moz-animation: header;
    -moz-animation-duration: 0.7s;
    -webkit-animation-name: header;
    -webkit-animation-duration: 0.7s;
    animation-name: header;
    animation-duration: 0.7s;
}

div#footer
{
	-moz-animation: footer;
    -moz-animation-duration: 0.7s;
    -webkit-animation-name: footer;
    -webkit-animation-duration: 0.7s;
    animation-name: footer;
    animation-duration: 0.7s;
}

@media all and ( max-width: 1199px )
{
	div#header { height: 50px; }
		div#header div.cheader { width: 100%; height: 50px; }

	div#body { padding: 50px 0 75px 0; }

	div#footer { height: 75px; }
		div#footer div.cfooter { width: 100%; height: 75px; }
}


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

div.clear { clear: both; }


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

div#bg { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../src/images/background.jpg) no-repeat center center; background-size: cover; }
	div#bg span { display: block; position: absolute; top: 30%; left: 0; width: 100%; height: 70%; background: transparent url(../src/images/bgGradient.png) no-repeat; background-size: 100% 100%; }


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

/* logotipos */
div#header a.logo { display: block; position: absolute; top: 10px; left: 0; width: 297px; height: 55px; background: transparent url(../src/images/logo.png) no-repeat center center; background-size: cover; }

/* menu */
div#header div.menu { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; }
	div#header div.menu a { display: inline-block; position: relative; font-size: 18px; margin: 0 25px; line-height: 25px; text-decoration: none; font-family: 'PalatinoBold', sans-serif; color: #0064ae; }
		div#header div.menu a:hover { color: #c1a386; }
		div#header div.menu a.selected { color: #c1a386; padding: 0 0 10px 0; border-bottom: 5px solid #c1a386; }

/* linguagens */
div#header div#languages { display: block; position: absolute; top: 25px; right: 0; }
	div#header div#languages p { display: inline-block; position: relative; line-height: 25px; font-size: 16px; text-decoration: none; margin: 0 1px; color: #0064ae; }
	div#header div#languages a { display: inline-block; position: relative; line-height: 25px; font-size: 16px; text-decoration: none; margin: 0; color: #0064ae; }
	div#header div#languages a:hover { color: #c1a386; }
	div#header div#languages a.selected { color: #c1a386; }

/* responsivo */
div#header span.responsiveMenuIcon { display: none; }
div#header div.responsiveMenu { display: none; }

@media all and ( max-width: 1199px )
{
	div#header a.logo { top: 8px; left: 10px; width: 184px; height: 34px; }

	div#header div.menu { display: none; }

	div#header div#languages { display: none; }

	div#header span.responsiveMenuIcon { display: block; position: absolute; top: 13px; right: 10px; width: 32px; height: 24px; background: transparent url(../src/images/menuResponsiveIcon.png) no-repeat center center; background-size: cover; cursor: pointer; }
	div#header div.responsiveMenu { display: block; position: absolute; top: 50px; right: 0; background-color: #0668b0; padding: 0 50px; height: auto; overflow: hidden; border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
		div#header div.responsiveMenu a { display: block; position: relative; width: auto; padding: 0 20px; line-height: 25px; color: #ffffff; text-decoration: none; margin: 5px 0; }
		div#header div.responsiveMenu a.selected { color: #c1a386; }

		div#header div.responsiveMenu div.languages { display: block; position: relative; width: 100%; margin: 35px auto 0 auto; text-align: center; }
			div#header div.responsiveMenu div.languages p { display: inline-block; position: relative; line-height: 20px; font-size: 12px; text-decoration: none; margin: 0 1px; color: #ffffff; }
			div#header div.responsiveMenu div.languages a { display: inline-block; position: relative; line-height: 20px; font-size: 12px; text-decoration: none; margin: 0; color: #ffffff; padding: 0; }
			div#header div.responsiveMenu div.languages a:hover { color: #c1a386; }
			div#header div.responsiveMenu div.languages a.selected { color: #c1a386; }
}


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

div#footer span.investment { display: block; position: absolute; top: -60px; left: 25px; font-size: 11px; width: 373px; height: 51px; background: transparent url(../src/images/invest.png) no-repeat center center; background-size: contain; }
div#footer p { display: block; position: absolute; top: 0; left: 0; font-size: 11px; height: 25px; line-height: 25px; color: #0064ae; font-family: 'Arial', sans-serif; }
div#footer a.logo { display: block; position: absolute; top: 6px; right: 0; width: 53px; height: 13px; margin: 0; background: transparent url(../src/images/idstudies.png) no-repeat; background-size: cover; }

@media all and ( max-width: 1199px )
{
	div#footer span.investment { top: auto; bottom: 5px; left: 50%; width: 200px; height: 27px; margin: 0 0 0 -100px; }
	div#footer p { height: 20px; line-height: 20px; width: 100%; text-align: center; top: 20px; }
	div#footer a.logo { top: 5px; right: 50%; margin: 0 -26px 0 0; }
}


/* ---------------------------------------------------------------------------------------------- */
/* animacoes */

@-moz-keyframes header { 0% { top: -200px } 100% { top: 0; } }
@-webkit-keyframes header { 0% { top: -200px } 100% { top: 0; } }
@keyframes header { 0% { top: -200px } 100% { top: 0; } }

@-moz-keyframes footer { 0% { bottom: -50px } 100% { bottom: 0; } }
@-webkit-keyframes footer { 0% { bottom: -50px } 100% { bottom: 0; } }
@keyframes footer { 0% { bottom: -50px } 100% { bottom: 0; } }