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

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

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

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



/* ------------------------------------------------------------------------------------------------------------------ */
/* fundo e definicoes gerais */
h1, h2, h3, h4, h5, h6, p, a, input, label, textarea, select, span { font-family: 'Normal', sans-serif; color: #2b2c31; margin: 0; padding: 0; }


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

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

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

div#container { display: block; position: relative; width: 100%; min-height: 100%; }
	div#body { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 60px 0; background-color: #ffffff; }


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

div.clear { clear: both; }


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

div#header { display: block; position: relative; width: 100%; height: 110px; margin: 0 auto; background: transparent url(../src/img/header_bg.png) repeat; }
	div#header div.container { display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; z-index: 2; }

		div#header div.container a.logo { display: block; position: absolute; top: 18px; left: 0; margin: 0; width: 296px; height: 74px; background: transparent url(../src/img/logo.png) no-repeat center center; background-size: cover; }

		div#header div.container div.login { display: block; position: absolute; top: 0; right: 200px; margin: 0; width: 500px; height: 30px; font-size: 0; padding: 0 10px; text-align: right; }
			div#header div.container div.login a { display: inline-block; position: relative; font-size: 12px; line-height: 30px; text-decoration: none; color: #dc7f04; }
			div#header div.container div.login a:hover { color: #d0007d; }
			div#header div.container div.login p { display: inline-block; position: relative; font-size: 12px; line-height: 30px; margin: 0 5px; color: #dc7f04; }

		div#header div.container div.top { display: block; position: absolute; top: 0; right: 0; margin: 0; width: 120px; height: 30px; background-color: #dc7f04; font-size: 0; padding: 0 10px; }
			div#header div.container div.top a.language { display: inline-block; width: auto; height: 30px; line-height: 30px; color: #ffffff; font-size: 12px; text-decoration: none; }
			div#header div.container div.top a.language:hover,
			div#header div.container div.top a.language.actual { color: #e8ad60; }
			div#header div.container div.top p.language { display: inline-block; position: relative; width: auto; height: 30px; line-height: 30px; color: #ffffff; font-size: 12px; margin: 0 3px; }

			div#header div.container div.top a.login { display: block; position: absolute; top: 6px; right: 0; width: 15px; height: 18px; background: transparent url(../src/img/login_icon.png) no-repeat 0 0; }
			div#header div.container div.top a.login:hover { background-position: 0 -18px; }

		div#header div.container div.menu { display: block; position: absolute; bottom: 35px; right: 0; margin: 0; width: 875px; height: 25px; font-size: 0; text-align: right; }
			div#header div.container div.menu a { display: inline-block; position: relative; width: auto; line-height: 25px; color: #6e6e6e; font-size: 16px; text-transform: uppercase; margin: 0 0 0 50px; text-decoration: none; }
			div#header div.container div.menu a:hover,
			div#header div.container div.menu a.selected { color: #db7f05; }
				div#header div.container div.menu a span { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background-color: #db7f05; }
				div#header div.container div.menu a.selected span,
				div#header div.container div.menu a:hover span { height: 3px; }


	div#header div.language_extension { display: block; position: absolute; top: 0; right: 0; height: 30px; width: 50%; z-index: 1; }
	div#header div.language_extension
	{
		width: 0;
		width: -webkit-calc( ( 100% - 1200px ) / 2 );
		width:    -moz-calc( ( 100% - 1200px ) / 2 );
		width:         calc( ( 100% - 1200px ) / 2 );

		background: #dc7f04;
		background: -webkit-linear-gradient( left, #dc7f04, #d0007d );
		background: -o-linear-gradient( left, #dc7f04, #d0007d );
		background: -moz-linear-gradient( left, #dc7f04, #d0007d );
		background: linear-gradient( left, #dc7f04, #d0007d );
	}


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

div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; overflow: hidden; background-color: #ffffff; border-bottom: 10px solid #bbbdbe; }
	div#footer div.container { display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; border-top: 2px solid #bbbdbe; }
		div#footer div.container p { display: block; position: absolute; top: 0; left: 100px; line-height: 50px; color: #bbbdbe; font-size: 14px; }
		div#footer div.container a.logo { display: block; position: absolute; top: 14px; right: 100px; width: 101px; height: 23px; margin: 0; background: transparent url(../src/img/idstudies.png) no-repeat center center; }


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