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

h1, h2, h3, h4, h5, h6, p, a, input, label, textarea, span, select, table, tr, th, td { font-family: 'Arial', sans-serif; font-size: 14px; color: #231f20; margin: 0; padding: 0; }


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


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

div.clear { clear: both; }


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

div#header { display: block; position: relative; width: 1200px; height: 150px; z-index: 100; background-color: #ffffff; margin: 0 auto; }
	div#header a.logo { display: block; position: absolute; top: 10px; left: 0; margin: 0; width: 112px; height: 130px; background: transparent url(../src/img/logo.jpg) no-repeat center center; background-size: cover; }
	div#header a.facebook { display: block; position: absolute; top: 35px; right: 0; width: 23px; height: 24px; background: transparent url(../src/img/facebook.png) no-repeat; }
	div#header a.facebook:hover { background-position: 0 -24px; }

		div#header div.menu { display: block; position: absolute; bottom: 3px; right: 0; width: 1000px; height: 35px; font-size: 0; text-align: right; }
			div#header div.menu a.menu { display: inline-block; position: relative; font-size: 14px; line-height: 35px; text-decoration: none; color: #231f20; font-weight: bold; margin: 0 0 0 40px; padding: 0; border-bottom: 3px solid transparent; }
			div#header div.menu a.menu.selected { color: #6fbe44; border-bottom: 3px solid #6fbe44; }
			div#header div.menu a.menu:hover { color: #6fbe44; }
				div#header div.menu a.menu div { display: none; position: absolute; top: 35px; left: 0; width: 250px; background-color: #ffffff; cursor: default; }
				div#header div.menu a.menu:hover div { display: block; padding: 15px 0; }
					div#header div.menu a.menu div span.top { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #6fbe44; }
					div#header div.menu a.menu div span.menu { display: block; position: relative; line-height: 25px; font-size: 14px; color: #6fbe44; text-align: left; margin: 0 auto; cursor: pointer; font-weight: normal; padding: 0 15px; }
					div#header div.menu a.menu div span.menu:hover { color: #231f20; font-weight: bold; }
					div#header div.menu a.menu div span.menu.selected { color: #231f20; font-weight: bold; }


/* ------------------------------------------------------------------------------------------------------------------ */
/* menus */

div#menu { display: block; position: relative; width: 100%; height: 30px; margin: 0 auto; padding: 0; background-color: #f1f1f2; }
	div#menu div.container { display: block; position: relative; width: 1200px; height: 30px; margin: 0 auto; font-size: 0; text-align: center; }
		div#menu div.container a { display: inline-block; position: relative; font-size: 13px; text-transform: uppercase; line-height: 30px; color: #f37f81; text-decoration: none; margin: 0 20px; }
		div#menu div.container a:hover { color: #f4b749; }
		div#menu div.container a.selected { color: #f4b749; }


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

div#footer { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 55px; }
	div#footer div.container { display: block; position: relative; width: 800px; height: 100%; margin: 0 auto; font-size: 0; }

		div#footer div.container p { display: block; position: absolute; top: 0; left: 0; width: 500px; height: 55px; line-height: 55px; font-size: 14px; color: #a7a9ac; }

		div#footer div.container a.IDStudies { display: block; position: absolute; top: 18px; right: 0; width: 84px; height: 19px; background: transparent url(../src/img/idstudies.png) no-repeat center center; background-size: cover; }


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

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