/* ================================================================================================================== */
/* 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: 16px; color: #404041; padding: 0; margin: 0; line-height: 120%; font-size-adjust: 0.5; font-weight: normal; }

.light { font-weight: 300; }
.regular { font-weight: 400; }
.bold { font-weight: 700; }

/* ================================================================================================================== */
/* 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;
}
.no-animation
{
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;

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


/* ================================================================================================================== */
/* limpador e truque para inline-block alinhamento */
/* ================================================================================================================== */

div.clear { clear: both; }
.trick_align_middle { display: inline-block; position: relative; width: 0; height: 100%; vertical-align: middle; background-color: transparent; }
.trick_align_bottom { display: inline-block; position: relative; width: 0; height: 100%; vertical-align: bottom; background-color: transparent; }


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

div#header_responsive { display: none; }

div#header { display: block; position: relative; width: 100%; z-index: 100; margin: 0; background-color: #444041; }
div#header[data-status="normal"] { height: 200px; }
div#header[data-status="small"] { height: 75px; }
	div#header div.header_responsive { display: block; position: relative; width: 100%; background-color: #ffffff; }
	div#header[data-status="normal"] div.header_responsive { height: 200px; }
	div#header[data-status="small"] div.header_responsive { position: fixed; top: 0; left: 0; height: 75px; }
	div#header div.container { display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; font-size: 0; }

		div#header div.container div.menu { display: block; position: relative; width: auto; height: 100%; margin: 0; font-size: 0; text-align: center; vertical-align: top; }
			div#header div.container div.menu a.logo { display: inline-block; position: relative; background: transparent url(../images/logo.png) no-repeat center bottom; vertical-align: middle; }
			div#header[data-status="normal"] div.container div.menu a.logo { width: 286px; height: 158px; margin: 0 45px; }
			div#header[data-status="small"] div.container div.menu a.logo { width: 286px; height: 38px; margin: 0 20px; }
			div#header div.container div.menu a.menu { display: inline-block; position: relative; width: auto; height: auto; line-height: 50px; margin: 0 20px 10px 20px; color: #2b2c31; vertical-align: bottom; text-decoration: none; }
			div#header[data-status="normal"] div.container div.menu a.menu { font-size: 18px; }
			div#header[data-status="small"] div.container div.menu a.menu { font-size: 16px; }
			div#header div.container div.menu a.menu.selected,
			div#header div.container div.menu a.menu:hover { color: #a6a8ab; }
				div#header div.container div.menu a.menu span { display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #a6a8ab; margin: 0; }
				div#header div.container div.menu a.menu.selected span { display: block; }

		div#header div.container form.search { display: block; position: absolute; width: auto; top: 5px; right: 175px; padding: 0 5px; height: 20px; font-size: 0; text-align: right; border: 1px solid #a5a5a5; border-radius: 3px; box-sizing: border-box; }
			div#header div.container form.search input[type="text"] { display: inline-block; position: relative; width: 125px; border: none; line-height: 18px; color: #ffffff; background-color: transparent; font-size: 12px; vertical-align: middle; }
			div#header div.container form.search input[type="submit"] { display: inline-block; position: relative; width: 16px; height: 16px; background: transparent url(../images/search_icon.png) no-repeat 0 0; vertical-align: middle; margin: 0 0 0 10px; padding: 0; border: none; cursor: pointer; }
			div#header div.container form.search input[type="submit"]:hover { background-position: 0 -16px; }

		div#header div.container div.languages { display: block; position: absolute; width: auto; top: 5px; right: 0; height: 20px; font-size: 0; }
			div#header div.container div.languages a { display: inline-block; position: relative; width: auto; height: 20px; font-size: 14px; line-height: 20px; color: #a5a5a5; text-decoration: none; vertical-align: middle; }
			div#header div.container div.languages a.selected,
			div#header div.container div.languages a:hover { color: #ffffff; }
			div#header div.container div.languages p { display: inline-block; position: relative; width: auto; height: 20px; font-size: 14px; line-height: 20px; color: #a5a5a5; text-decoration: none; vertical-align: middle; margin: 0 5px; }

@media all and ( max-width: 1199px )
{
	div#header { display: none; }
	div#header_responsive { display: block; position: fixed; top: 0; left: 0; width: 100%; height: auto; background-color: #929497; z-index: 500; }
		div#header_responsive div.header { display: block; position: relative; width: 100%; height: 60px; background-color: #ffffff; }
			div#header_responsive div.header a.logo { display: block; position: absolute; top: 5px; left: 50%; margin: 0 0 0 -100px; width: 200px; height: 50px; background: transparent url(../images/logo.png) no-repeat center center; background-size: contain; }
			div#header_responsive div.header span { display: block; position: absolute; top: 14px; right: 14px; margin: 0; width: 42px; height: 31px; background: transparent url(../images/responsive_icon.png) no-repeat 0 0; }
			div#header_responsive[data-status="closed"] div.header span { background-position: 0 0; }
			div#header_responsive[data-status="open"] div.header span { background-position: 0 -31px; }
		div#header_responsive div.container { display: block; position: relative; width: 100%; overflow: hidden; text-align: center; }
		div#header_responsive[data-status="closed"] div.container { padding: 0; height: 0; border-top: 1px solid transparent; }
		div#header_responsive[data-status="open"] div.container { padding: 10px 0; height: 200px; border-top: 1px solid #929497; }
			div#header_responsive div.container a.menu { display: inline-block; position: relative; width: auto; height: auto; line-height: 50px; margin: 0 20px; color: #ffffff; vertical-align: middle; text-decoration: none; text-align: center; }
			div#header_responsive div.container a.menu.selected,
			div#header_responsive div.container a.menu:hover { color: #ffffff; }
				div#header_responsive div.container a.menu span { display: none; position: absolute; bottom: 3px; left: 50%; width: 70%; height: 2px; background-color: #ffffff; margin: 0 0 0 -35%; }
				div#header_responsive div.container a.menu.selected span { display: block; }
}

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

div#footer { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 125px; margin: 0; background-color: #f1f1f2; padding: 20px 0; }
	div#footer div.container { display: block; position: relative; width: 1200px; height: 100%; margin: 0 auto; font-size: 0; text-align: left; }
		div#footer div.container h1 { display: block; position: relative; width: 100%; font-size: 24px; margin: 0 auto; color: #404041; line-height: 35px; }
		div#footer div.container div.col { display: inline-block; position: relative; width: 375px; margin: 20px 20px 0 0; vertical-align: bottom; text-align: left; }
		div#footer div.container div.col.small { width: 185px; }
			div#footer div.container div.col p { display: block; position: relative; width: auto; font-size: 14px; color: #6d6e70; line-height: 20px; }
			div#footer div.container div.col p.copyright { color: #a6a8ab; font-size: 12px; }
			div#footer div.container div.col a.idstudies { display: block; position: relative; width: 101px; height: 22px; background: transparent url(../images/idstudies.png) no-repeat center center; background-size: contain; }
			div#footer div.container div.col a.language { display: inline-block; position: relative; width: auto; font-size: 16px; color: #6d6e70; line-height: 25px; text-decoration: none; }
			div#footer div.container div.col a.language:hover { color: #000000; }
			div#footer div.container div.col p.language { display: inline-block; position: relative; width: auto; font-size: 16px; color: #6d6e70; line-height: 25px; margin: 0 3px; }
			div#footer div.container div.col p.language:last-child { display: none; }

@media all and ( max-width: 1199px )
{
	div#footer { display: block; position: relative; bottom: auto; left: auto; height: auto; }
		div#footer div.container { width: auto; padding: 0 10px; text-align: center; font-size: 0; }
			div#footer div.container h1 { font-size: 22px; line-height: 35px; }
			div#footer div.container div.col.small,
			div#footer div.container div.col { display: block; width: auto; margin: 10px 0; text-align: center; }
				div#footer div.container div.col p { text-align: center; margin: 0; padding: 0; }
				div#footer div.container div.col a.idstudies { display: inline-block; }
}

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

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

@media all and ( max-width: 1199px )
{
	div#body { padding: 60px 0 25px 0; }
}


/* ================================================================================================================== */
/* slide */
/* ================================================================================================================== */

div#slide { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0; overflow: hidden; }
div#slide.normal { height: 535px; }
div#slide.small { height: 535px; }
div#slide *
{
	transition-duration: 1000ms;
	-webkit-transition-duration: 1000ms;
	-moz-transition-duration: 1000ms;
}
	div#slide .banner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; text-align: center; }
	div#slide .banner[data-actual="true"] { /*top: 0;*/ opacity: 1; z-index: 2; transform: scale(1) }
	div#slide .banner[data-actual="false"] { /*top: -100%;*/ opacity: 0; z-index: 1; transform: scale(1.05) }
	div#slide a.banner:hover { opacity: 0.75; transform: scale(0.96); }
	div#slide a.banner:hover[data-actual="false"] { /*top: -100%;*/ opacity: 0; z-index: 1; transform: scale(1.05) }
		div#slide .banner div.container { display: inline-block; position: relative; width: 1200px; margin: 0 0 100px 0; text-align: left; }
			div#slide .banner div.container h1 { display: block; position: relative; font-size: 40px; line-height: 50px; color: #404041; text-shadow: 0 0 5px #ffffff; }
			div#slide .banner div.container h2 { display: block; position: relative; font-size: 35px; line-height: 45px; color: #404041; text-shadow: 0 0 5px #ffffff; }

@media all and ( max-width: 649px )
{
	div#slide div.slides div.banner div.text { position: relative; bottom: auto; left: auto; margin: 175px auto 0 auto; width: 90%; }
		div#slide div.slides div.banner div.text h1 { font-size: 22px; line-height: 35px; }
        div#slide div.slides div.banner div.text h2 { font-size: 18px; line-height: 30px; }
}
@media all and ( max-width: 1199px )
{
	div#slide.normal { height: 250px; }
	div#slide.small { height: 125px; }
}