* {padding:0; margin:0; border:0}
body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:white}

a {color:white; text-decoration:none}
a:hover {text-decoration:underline}

.clear {clear:both}

input {border-radius:5px; font-size:18px; padding:5px 10px; color:#7e7e7e; font-weight:lighter; background:white; width:180px}
input[type="submit"] {cursor:pointer; margin:15px 0; width:200px}
input:hover {background:#e3e3e3}

.wrap > p {color:#7e7e7e; text-align:center; margin-top:10px}
.wrap > p a {color:#7e7e7e}
.wrap {width:530px; margin:180px auto 0}
.wrap > div {border-radius:10px; background:#7e7e7e; padding:20px 30px}
.wrap > div img {float:left; margin:0 30px 0 0}
.wrap #login, .wrap #lost {margin-top:5px; float:left; width:200px}
.wrap #lost {display:none}
.wrap label {font-size:18px}

.wrap form label ~ label {margin-top:10px; float:left}

.notfound h1, .permissao h1 {font-size:21px}

.wrap.navegadores {margin-top:50px}
.wrap.navegadores > div {margin-bottom:15px; float:left; width:400px}
.wrap.navegadores > a {float:left; margin:10px 10px 10px 0}

.wrap.bug {width:800px; margin-top:40px}
.wrap.bug > div:first-child {margin-bottom:10px}
.wrap.bug > div p {margin-bottom:15px; line-height:19px}
.wrap.bug > div p:last-child {margin:0}
.wrap.bug h1 {font-size:28px; margin-top:5px}
.wrap.bug .error {height:48px}