/* ================================================================================================================== */
/* fontes */

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



h1, h2, h3, h4, h5, h6, p, a, input, label, textarea, span { font-family: "Arial", sans-serif; color: #2b2c31; font-size: 14px; }

/* ================================================================================================================== */
/* animacoes */

*
{
	transition-property: all;
	-webkit-transition-property: all;
	-moz-transition-property: all;

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

/* ================================================================================================================== */
/* fundo */

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

/* ================================================================================================================== */
/* corpo */

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

/* ================================================================================================================== */
/* cabecalho */

div#header { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 100; background-color: #ffffff; margin: 0; font-size: 0; }
	div#header div.container { display: block; position: relative; width: 1200px; height: 100px; margin: 0 auto; }

	div#header a.logo { display: inline-block; position: relative; width: 328px; height: 83px; background: transparent url(../../../src/img/logo.png) no-repeat center center; background-size: cover; vertical-align: middle; }
	div#header div.left { display: inline-block; position: relative; width: 850px; height: 100px; margin: 0 0 0 22px; vertical-align: top; text-align: right; }
		div#header div.left a.support { display: inline-block; position: relative; width: 390px; margin: 0; height: 25px; text-align: right; background: transparent url(./../../../src/img/support.png) no-repeat center center; background-size: contain; vertical-align: middle; }
		div#header div.left a.sheet { display: inline-block; position: relative; width: auto; margin: 0 25px 0 10px; height: auto; font-size: 14px; text-decoration: underline; vertical-align: middle; }
		div#header div.left a.sheet:hover { color: #119148; }
		div#header div.left div.languages { display: inline-block; position: relative; width: auto; margin: 5px 0 0 50px; height: 35px; text-align: right; }
			div#header div.left div.languages p { display: inline-block; position: relative; width: auto; font-size: 12px; line-height: 35px; margin: 0 3px; }
			div#header div.left div.languages a { display: inline-block; position: relative; width: auto; font-size: 12px; line-height: 35px; text-decoration: none; }
			div#header div.left div.languages a:hover,
			div#header div.left div.languages a.selected { color: #119148; }
		div#header div.left div.menu { display: inline-block; position: relative; width: auto; margin: 20px 0 0 0; height: 35px; text-align: right; vertical-align: top; }
			div#header div.left div.menu a { display: inline-block; position: relative; width: auto; font-size: 14px; line-height: 25px; text-decoration: none; text-transform: uppercase; margin: 0 50px 0 0; vertical-align: middle; }
			div#header div.left div.menu a:last-child { margin: 0; }
			div#header div.left div.menu a:hover { color: #119148; }
			div#header div.left div.menu a.selected { color: #119148; }
				div#header div.left div.menu a.selected span { display: block; }
				div#header div.left div.menu a span { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; }
				div#header div.left div.menu a span
				{
					background: #119148;
					background: -webkit-linear-gradient( left, #119148, #ffffff );
					background:    -moz-linear-gradient( left, #119148, #ffffff );
					background:      -o-linear-gradient( left, #119148, #ffffff );
					background:         linear-gradient( left, #119148, #ffffff );
				}

/* ================================================================================================================== */
/* suporte */

div#support { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent url(../../../src/img/support_bg.png) repeat; z-index: 5000; overflow: auto; }
	div#support div.container { display: block; position: relative; width: 600px; padding: 15px 0 0 0; margin: 25px auto; background-color: #ffffff; box-shadow: 2px 2px 15px #000000; }
		div#support div.container img { display: block; position: relative; width: auto; height: auto; margin: 0 35px; }
		div#support div.container h1 { display: block; position: relative; font-size: 22px; line-height: 35px; text-align: center; margin: 15px 35px; font-weight: 600; }
		div#support div.container h2 { display: block; position: relative; font-weight: 600; margin: 15px 35px; }
		div#support div.container p { display: block; position: relative; font-size: 12px; line-height: 18px; margin: 0 35px; }
		div#support div.container span { display: block; position: relative; width: 100%; height: 50px; margin: 25px 0 0 0; background: transparent url(../../../src/img/ficha_footer.jpg) no-repeat center center; background-size: cover; }

/* ================================================================================================================== */
/* rodape */

div#footer { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; background-color: #f6f6f6; }
	div#footer div.container { display: block; position: relative; width: 1000px; height: 55px; margin: 0 auto; }
		div#footer div.container p { display: block; position: absolute; top: 0; left: 0; width: auto; line-height: 55px; font-size: 14px; color: #a1a3a6; }
		div#footer div.container a.idstudies { display: block; position: absolute; top: 16px; right: 0; width: 102px; height: 23px; background: transparent url(../../../src/img/idstudies.png) no-repeat center center; background-size: cover; }

/* ================================================================================================================== */
/* limpador */

div.clear { clear: both; }

/* ================================================================================================================== */