/* ----------------------------------------------- START RESET ------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body { line-height:1 }
input:-webkit-autofill { transition: background-color 5000s ease-in-out 0s }
/* ----------------------------------------------- END RESET ------------------ */

html, body { max-width:100%; overflow-x:hidden }
body { background-color:#fff; font:400 16px/1.8 "Arial", sans-serif; color:#484b52 }
*, *:before, *:after { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }

#divIndex, #divRecuperar { text-align:center; padding-bottom:100px; overflow:auto }
div.d0 { background-color:#069ABB; padding:32px 0 32px 0 }
div.d0 img { width:80%; max-width:384px }
div.d1 { margin:24px 0 24px 0 }
div.d2 { width:100%; text-align:center }
div.d4 { position:fixed; height:88px; bottom:0; left:0; right:0; background-color:#eee; text-align:center }
div.rod { width:90%; max-width:426px; text-align:right; display:inline-block; padding-top:18px; color:#666; font-size:8pt }
div.rod img {margin-bottom:10px }
div.rod a { color:#666; text-decoration:none }
div.rod a:hover { color:#000 }
div.n0 { clear:both }
div.n1 { margin-top:24px; clear:both }

div.usr { background:#f0f0f0 url(../img/login-icon-usuario.png) no-repeat scroll 1px 1px; display:inline-block; background-size:48px; width:90%; max-width:426px }
div.pwd { background:#f0f0f0 url(../img/login-icon-senha.png) no-repeat scroll 1px 1px; display:inline-block; background-size:48px; width:90%; max-width:426px }
div.eml { background:#f0f0f0 url(../img/login-icon-email.png) no-repeat scroll 1px 1px; display:inline-block; background-size:48px; width:90%; max-width:426px }
div.btn { width:90%; max-width:426px; text-align:right; display:inline-block }
div.esq a { color:#666; font-size:10pt; text-decoration:none }
div.esq a:hover { color:#000 }
div.con { width:90%; max-width:426px; text-align:right; display:inline-block; color:#666; font-size:8pt }

#login, #senha, #email { width:100%; height:44px; border:1px solid #dcdcdc; border-radius:3px; padding-left:64px; padding-right:20px; font-size:12pt; background-color:transparent }

input[type="submit"] { background-color:#ffc234; border:1px solid #f0b428; border-radius:3px; color:#fff; font-size:15px; font-weight:500; padding:12px 64px 12px 64px; text-transform:uppercase }
input[type="submit"]:hover { background-color:#f0b428 }

#divErro, #divInfo {
	display:none;
	width:90%;
	max-width:426px;
    background-position:8px 12px;
	background-repeat:no-repeat;
	border:1px solid;
	border-radius:3px;
	font-size:10pt;
	margin:0 auto;
	margin-bottom: 20px;
    padding:8px 8px 8px 30px;
	text-align:left;
}
#divErro { background-color:#FFEEFF; background-image:url(../img/icone-erro.png); border-color:red }
#divInfo { background-color:#F4FEFF; background-image:url(../img/icone-info.png); border-color:#213571 }
#divInfo div { width:100%; text-align:right }
#divInfo a { color:#666; text-decoration:none; font-size:8pt }
#divInfo a:hover { color:#000 }