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

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

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




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


/* ------------------------------------------------------------------------------------------------------------------ */
/* fundo */

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

/* fundo dinamico */
div#bg { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
	div#bg div.dinamicBg { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; background-size: cover; background-position: center center; z-index: 1; }


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

div#container { display: block; position: relative; width: 100%; min-height: calc(100% - 191px); min-height: -webkit-calc(100% - 191px); min-height: -moz-calc(100% - 191px); margin: 0 auto; padding: 191px 0 0 0; z-index: 2; background: transparent url(../../src/img/bg/square.png) repeat; }
	div#body { display: block; position: relative; width: 100%; margin: 0 auto; padding: 0 0 140px 0; }
		div#body div.bodyContainer { display: block; position: relative; width: 100%; min-height: 193px; }
			div#body div.bodyContainer div.top { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: transparent url(../../src/img/bg/bodyTopBottom.png) repeat-x; z-index: 2; }
			div#body div.bodyContainer div.bottom { display: block; position: absolute; bottom: -3px; left: 0; width: 100%; height: 7px; background: transparent url(../../src/img/bg/bodyTopBottom.png) repeat-x 0 -4px; z-index: 2; }

	div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 40px; background-color: #404041; }
		div#footer div.cfooter { display: block; position: relative; width: 1100px; height: 40px; margin: 0 auto; }

@media all and ( max-width: 1099px )
{
	div#container { display: block; position: relative; width: 100%; min-height: 100%; margin: 0 auto; padding: 0; z-index: 2; background: transparent url(../../src/img/bg/square_responsive.png) repeat; }
		div#body { display: block; position: relative; width: 100%; margin: 0 auto; padding: 40px 0 140px 0; }
			div#body div.bodyContainer { display: block; position: relative; width: 100%; min-height: 193px; }
				div#body div.bodyContainer div.top { display: block; position: absolute; top: -1px; left: 0; width: 100%; height: 3px; background: transparent url(../../src/img/bg/bodyTopBottom_responsive.png) repeat-x; z-index: 2; }
				div#body div.bodyContainer div.bottom { display: block; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background: transparent url(../../src/img/bg/bodyTopBottom_responsive.png) repeat-x 0 -3px; z-index: 2; }

		div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 70px; background-color: #404041; }
			div#footer div.cfooter { display: block; position: relative; width: 100%; height: 70px; margin: 0 auto; }
}



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

div.clear { clear: both; }


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