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

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

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




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


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

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


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

@media all and ( max-width: 599px )
{
	div#container { display: block; position: relative; width: 100%; min-height: 100%; }
		div#header { display: block; position: relative; width: 100%; padding: 0; z-index: 50; }
		div#body { display: block; position: relative; width: 100%; padding: 0 0 50px 0; }
		div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; padding: 0; background-color: #275664; text-align: center; }
			div#footer div.cfooter { display: block; position: relative; width: 100%; height: 22px; margin: 14px auto; }
}
@media all and ( min-width: 600px ) and ( max-width: 1099px )
{
	div#container { display: block; position: relative; width: 100%; min-height: 100%; }
		div#header { display: block; position: relative; width: 100%; padding: 0; z-index: 50; }
		div#body { display: block; position: relative; width: 100%; padding: 0 0 50px 0; }
		div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 50px; padding: 0; background-color: #275664; text-align: center; }
			div#footer div.cfooter { display: block; position: relative; width: 600px; height: 22px; margin: 14px auto; }
}
@media all and ( min-width: 1100px )
{
	div#container { display: block; position: relative; width: 100%; min-height: 100%; }
		div#header { display: block; position: relative; width: 100%; padding: 0; z-index: 50; }
		div#body { display: block; position: relative; width: 100%; padding: 0 0 165px 0; }
		div#footer { display: block; position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; height: 165px; padding: 0; text-align: center; }

	div#qren { display: none; position: fixed; width: 90%; height: 90%; background: transparent url(../../src/img/qrenBackground.png) repeat; z-index: 600; padding: 5%; cursor: pointer; }
		div#qren p { display: block; position: relative; width: 1000px; margin: 0 auto; font-size: 22px; color: #ffffff; line-height: 35px; font-family: 'BlambotCasualRegular', sans-serif; }
}


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

div.clear { clear: both; }


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