/* !CSS RESET */

*	{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video	{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
article, aside, figure, footer, header, hgroup, nav, section, main	{display: block;}

.area-reservada button {
	background: #ddbab8;
    color: #333;
    padding: .7rem;
	border: none;
    border-radius: 3px;
}

/* tables still need cellspacing="0" in the markup */
table	{border-collapse: collapse; border-spacing: 0;}
th	{font-weight: bold; vertical-align: bottom;}
td	{font-weight: normal; vertical-align: top;}
table	{font-size: inherit; font: 100%;}
td, td img	{vertical-align: top;}

ul, ol	{list-style: none;}

blockquote, q	{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after	{content: ""; content: none;}

a	{margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
a:hover, a:active	{outline: none;}

del	{text-decoration: line-through;}
// abbr[title], dfn[title]	{border-bottom: 1px dotted #e4e4e4;}
hr	{display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

img, object, embed, figure	{max-width: 100%; height: auto;}

input, select	{vertical-align: middle;}
label	{cursor: pointer;}
input[type="radio"]	{vertical-align: text-bottom;}
input[type="checkbox"]	{vertical-align: bottom; *vertical-align: baseline;}
select, input, textarea	{font: 99% sans-serif;}
button, input, select, textarea	{margin: 0;}
button	{width: auto; overflow: visible;}

sub, sup	{font-size: 75%; line-height: 0; position: relative;}
sup	{top: -0.5em;}
sub	{bottom: -0.25em;}
strong	{font-weight: 700;}
ins	{background-color: #fcd700; color: #000; text-decoration: none;}
mark	{background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
pre	{word-wrap: break-word;}
pre, code, kbd, samp	{font-family: monospace, sans-serif;}




/* !AREA RESERVADA */

body	{
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-size: 1rem;
	line-height: 1.5rem;
	color: #333;
}

[role=banner]	{
	background: #8d1a15;
	text-align: center;
	padding: 2rem;
	color: #fff;
}

h1	{
	font-size: 1.6rem;
}

h1,
h2	{
	margin-bottom: .5rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

h1::before	{
	content: " ";
	background-image: url(../img/cadeado.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
}

.logo	{
	margin-bottom: 1.5rem;
}

main	{
	padding: 2rem;
}

input	{
	display: block;
}

label	{
	font-size: .8rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px
}

input[type=text],
input[type=password]	{
	width: 100%;
	margin-bottom: 1.5rem;
	padding: .5rem;
	border: none;
	border-bottom: 1px solid #8d1a15;
}

input[type=submit]	{
	background: #8d1a15;
	color: #fff;
	border: none;
	border-radius: 3px;
	padding: 1rem;
}
input[type=submit]::active	{
	position: relative;
	top: 1px;
}

.area-reservada	{
	font-size: .8rem;
	line-height: 1.1rem;
}

.area-reservada input[type=submit]	{
	background: #ddbab8;
	color: #333;
	padding: .7rem;
}

.modulo	{
	border: 1px solid #ddbab8;
	border-radius: 3px;
	margin-bottom: 2rem;
	padding: 1rem;
}

.erro	{
	background: #ff0000;
	color: #fff;
	padding: 1rem;
	margin-bottom: 2rem;
}


form	{
	margin-top: 1rem;
}
.home form	{
	margin: 3rem 0;
}

@media screen and (min-width: 35em){

	main	{
		width: 65%;
		margin: 0 auto;
	}

}

@media screen and (min-width: 60em){

	main	{
		width: 45%;
		margin: 0 auto;
	}

}