body {  background: url('img_site/bg.jpg') top center no-repeat;  font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#a6a6a6; margin: 0; text-align: center; }

#corpo {  width: 975px; margin: auto;  }  

header {  width: 983px; height: 305px; float: left; }

#logo {  width: 200px; height: 305px; float: let;}

#login {  width: 408px; height: 61px; float: right;  margin-top: 120px;  }

.form_login {  width: 155px; height: 34px; float: left; margin-right: 10px; border:0px; background-color: white; padding-left: 4px;   }

h1 { float: left; font-size: 20px; text-align: left;  color: white; font-family: 'Alegreya Sans', sans-serif; margin: 0;}

h2 { float: left; font-size: 13px; text-align: left;  color: #a6a1a1;  text-align: leftfont-family: 'Alegreya Sans', sans-serif;  margin: 0;}

h3 { float: left; font-size: 20px; text-align: left;  color: #093c77;  text-align: left; font-family: 'Alegreya Sans', sans-serif;  margin: 0 0 15px 0;}

#titulo {  width: 515px; height: 46px; float: left;  margin-top: 26px;}

#categorias { width: 450px; height: 117px; float: right;   }

#mac { width: 459px; height: 358px; float: left; background: url('img_site/mac.jpg');  margin-top: 70px;}

#apresentacao { width: 404px; height: 228px; float: left;  margin: 25px 0 0 40px; }

#cadastro { width: 430px; height: 358px; float: right;  margin-top: 70px;  }

.form_cadastro { width: 100%; height: 41px; float: left; margin-bottom: 12px; background-color: #e5e5e5;  border: 0px; color: #a6a6a6; padding-left: 5px; }

#cadastrar { width: 100%; height: 54px; float: left; background-color: #093c77; } 

#termos { width: 100%; height: 30px; float: left;  margin-top: 10px; }

footer { width: 98.5%; height: 30px; float: left; background-color: #093c77; color: white; margin-top: 80px; text-align: left; padding: 15px 0 0 15px; font-size: 11px;} 









.yellow{background-color:yellow;}
.white{background-color:#FFF;}
.green{color:green;}
.red{color:red;}