* { margin: 0; padding: 0; }
body { background-color: #DDDDDD; font-family: 'Helvetica Neue', Helvetica, Arial, Tahoma, Verdana, sans-serif; color: #222; }

#login_conteiner { width: 300px; padding: 30px 80px 50px 80px; margin: 50px auto; background-color: #222; color: #777777; border:5px solid gray; }

#message { margin: 7px; padding: 10px; display: none; }
#message.error { border: 1px solid #ee3d26; background-color: #eb9388; }
#message.success { border: 1px solid #a5bf49; background-color: #c7d692; }

#message form label { font-size: 1.1em; margin-left: 5px; }
#mainform label { display: block; margin-bottom: 3px; font-size: 1.1em; }

#mainform input { display: block; margin-bottom: 15px; }
input[type="text"], input[type="password"] { padding: 4px; font-size: 15px; width: 100%; height: 18px; border: 1px solid gray; }
input[type="submit"] {  padding: 12px; }

#mainform h2 { clear: right; font-weight: normal; font-size: 1.2em; text-align: center; padding-bottom: 2px; border-bottom: 1px solid #ccc; padding-top: 15px; margin-bottom: 9px; }

#logo { margin-bottom: 50px; }