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

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

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

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




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


/* ------------------------------------------------------------------------------------------------------------------ */
/* principal e animacoes de defeito */

html, body { position: relative; margin: 0 auto; padding: 0; width: 100%; height: 100%; max-width: 1920px; 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;
}


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

div#container { display: block; position: relative; width: 100%; min-height: 100%; margin: 0 auto; z-index: 2; }
	div#header { display: block; position: relative; width: 100%; height: 150px; margin: 0 auto; z-index: 2500; background-color: #ffffff; }
	div#body { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 50px 0; }
	div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; overflow: hidden; z-index: 1000; background-color: #231f20; }
		div#footer div.container { display: block; position: relative; width: 800px; margin: 0 auto; height: 100%; }

body.index { height: 5373px; background: transparent url(../src/img/indexBg.jpg) no-repeat top center; }
body.category { height: 1760px; background: transparent url(../src/img/categoryBg.jpg) no-repeat top center; }
body.item { height: 1709px; background: transparent url(../src/img/itemBg.jpg) no-repeat top center; }
body.gallery { height: 2867px; background: transparent url(../src/img/galleryBg.jpg) no-repeat top center; }
body.galleryDetails { height: 1709px; background: transparent url(../src/img/galleryDetailsBg.jpg) no-repeat top center; }

@media all and ( max-width: 1225px ) {
	body.index,
	body.category,
	body.item,
	body.gallery,
	body.galleryDetails { height: auto; background: #ffffff none; }

	div#body { padding: 0; }
	div#footer { position: relative; bottom: auto; height: auto; }
		div#footer div.container { width: 100%; height: auto; text-align: center; }
}


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

div.clear { clear: both; }


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

div#header div.fluid { display: block; position: relative; width: 100%; } /* menu dinamico */

div#header div.container { display: block; position: relative; width: 1200px; height: 150px; margin: 0 auto; padding: 0; overflow: hidden; }

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

	div#header div.menu { display: block; position: absolute; bottom: 0; left: 200px; width: 800px; height: 100%; margin: 0; text-align: center; font-size: 0; }
		div#header div.menu a { display: inline-block; position: relative; width: auto; line-height: 35px; height: 35px; margin: 0 10px; text-decoration: none; vertical-align: top; padding: 120px 20px 0 20px; }
			div#header div.menu a p { display: block; position: relative; line-height: 100%; font-size: 16px; text-decoration: none; }
			div#header div.menu a span { display: block; position: absolute; bottom: 0; left: -27px; width: 100%; height: 0; background-color: #ee7e0a; }
			div#header div.menu a span
			{
				-moz-transform: skew( -45deg );
				-webkit-transform: skew( -45deg );
				-o-transform: skew( -45deg );
				-ms-transform: skew( -45deg );
			}
			div#header div.menu a:hover p { color: #ffffff; }
			div#header div.menu a:hover span { left: 50px; height: 100%; }
			div#header div.menu a.selected p { color: #ffffff; }
			div#header div.menu a.selected span { left: 50px; height: 100%; }

	div#header div.container div.languages { display: block; position: absolute; bottom: 10px; right: 0; height: 25px; width: 100px; padding: 0 0 0 20px; text-align: right; font-size: 0; }
		div#header div.container div.languages a { display: inline-block; position: relative; margin: 0; font-family: 'ArialNarrow', sans-serif; color: #b3bab4; line-height: 25px; font-size: 16px; text-decoration: none; }
		div#header div.container div.languages p { display: inline-block; position: relative; margin: 0 5px; font-family: 'ArialNarrow', sans-serif; color: #b3bab4; line-height: 25px; font-size: 16px; text-decoration: none; }
		div#header div.container div.languages a:hover { color: #4e4d4d; }
		div#header div.container div.languages a.selected { color: #4e4d4d; }

@media all and ( max-width: 1225px )
{
	div#header { display: block; position: relative; width: 100%; height: 50px; padding: 0; background-color: #ffffff; }
	div#header div.fluid { display: block; position: fixed; top: 0; left: 0; height: 50px; width: 100%; background-color: #ffffff; } /* menu dinamico */
		div#header a.logo { display: block; position: absolute; top: 5px; left: 10px; width: 50px; height: 40px; z-index: 2; }
		div#header span.responsive_icon { display: block; position: absolute; top: 15px; right: 10px; width: 25px; height: 19px; background: transparent url(../src/img/responsive_header_icon.png) no-repeat; cursor: pointer; z-index: 2; }
		div#header span.responsive_icon[data-status="closed"] { background-position: 0 0; }
		div#header span.responsive_icon[data-status="open"] { background-position: 0 -19px; }

		div#header div.container { display: block; position: relative; width: auto; overflow: visible; padding: 0 10px; height: 50px; z-index: 1; }
		div#header div.responsive { display: block; position: absolute; top: 50px; left: 0; width: 100%; overflow: hidden; height: auto; border-top: 2px solid #4e4d4d; border-bottom: 2px solid #4e4d4d; text-align: center; background-color: #ffffff; }
		div#header div.responsive[data-status="closed"] { height: 0; padding: 0; }
		div#header div.responsive[data-status="open"] { height: auto; padding: 25px 0; }

			div#header div.container div.menu { display: block; position: relative; top: 0; left: 0; width: auto; text-align: center; margin: 0; z-index: 0; }
				div#header div.container div.menu a { display: block; position: relative; text-align: center; font-size: 15px; line-height: 30px; margin: 0; vertical-align: top; padding: 0 10px; cursor: pointer; z-index: 0; }
					div#header div.container div.menu a span { display: none; }
				div#header div.container div.menu a:hover p { color: #ee7e0a; }
				div#header div.container div.menu a.selected p { color: #ee7e0a; }

			div#header div.container div.languages { display: block; position: relative; width: auto; height: 25px; margin: 25px auto 0 auto; padding: 0; vertical-align: top; text-align: center; }
}

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

div#footer p.copyright { display: block; position: absolute; top: 0; left: 0; height: 50px; line-height: 50px; font-size: 14px; color: #ffffff; font-family: 'ArialNarrow', sans-serif; }
div#footer a.idstudies { display: block; position: absolute; top: 14px; right: 0; width: 101px; height: 22px; background: transparent url(../src/img/idstudies.png) no-repeat center center; border: none; }

@media all and ( max-width: 1225px ) {
	div#footer p.copyright { display: block; position: relative; top: 0; left: 0; margin: 10px 0 0 0; }
	div#footer a.idstudies { display: inline-block; position: relative; top: auto; right: auto; margin: 0 0 10px 0; }
}


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