body {background:#f1f1f1;}

#site {width:960px; margin:0 auto;}

/* CSS Admin Login */
#login {width:600px; margin:0 auto;}
#login form {width:400px; margin:0 auto; padding-top:20px;}
#login form label {display:block; padding:3px 0;}
#login form span {display:block; color:#036; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-top:10px;}
#login p {display:block; color:red; font:20px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin-top:10px;}
#login form label input {font-weight:bold; padding:10px; width:280px; background:#FFF; border:1px #ccc solid; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; font-weight:bold;}
#login form label input.senha {width:120px;}
#login form input.btn {display:block; width:120px; padding:10px 20px; margin-top:15px; border:0; background:#06C; color:#fff; cursor:pointer; float:left;}
#login form input.btn:hover {background:#333;}


#header {width:960px; float:left; border-bottom:4px #09F solid;}
#header img {width:300px; padding:10px 0 40px; float:left;}
#header h1 {float:right; font:40px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; font-weight:bold;}

#login {width:960px; height:470px; float:left; margin:30px 0;}

#instru {width:960px; padding:0; float:left; margin-bottom:20px;}
#instru p {font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase;}

#nav {width:240px; float:left; margin-top:0px;}
#nav h2 {font:30px Arial, Helvetica, sans-serif; color:#09F; padding:4px 0; margin:10px 0; border-bottom:;}
#nav ul {padding:0; margin:0;}
#nav li {list-style:none; width:200px;}
#nav a {font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; width:200px; display:block; padding:10px 20px 10px 8px; color:#333; text-decoration:none; border-left:4px #999 solid; margin:2px 0;}
#nav a:hover {background:#fff; color:#09F; border-left:4px #09F solid; border-right:4px #09F solid; padding:10px 20px 10px 8px;}
#nav a.dest {background:#09F; color:#fff;  border-left:4px #09F solid; border-right:4px #09F solid; margin-bottom:20px;}
#nav a.dest:hover {background:#fff; color:#09F; border-left:4px #09F solid; border-right:4px #09F solid;}

#article {width:700px; float:right;}
#article h2 {font:30px Arial, Helvetica, sans-serif; color:#999; padding:4px 10px; text-align:left; margin:10px 0;}

#section {padding:10px;}
#section p {font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#section table {font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}
#section table p {padding:0; margin:0;}
#section table p.num {font-size:80px; color:#09F; text-align:center;}
#section table p.num2 {font-size:30px; color:#09F; text-align:center;}
#section table p.nome {text-align:center; font-weight:bold; text-transform:uppercase; font-size:26px;}
#section tr.topo {text-transform:uppercase; font-weight:bold; color:#FFF; background:#333;}
#section a {font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; background:#09F; color:#fff; padding:6px 10px; text-decoration:none;}
#section a:hover {background:#333;}
#section a img {border:0; width:14px; padding:0 6px 0 0;}
#section a.cadastro {font:26px Arial, Helvetica, sans-serif; width:660px; padding:40px 10px; margin-bottom:30px; display:block; background:#09F; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; text-align:center; border-bottom:4px #333 solid;}
#section a.cadastro:hover {background:#333;}
#section a.acesso {font:18px Arial, Helvetica, sans-serif; padding:40px 30px; margin:0 10px 10px 0; background:#09F; color:#fff; text-decoration:none; text-transform:uppercase; font-weight:bold; text-align:center; float:left;}
#section a.acesso:hover {background:#333;}
#section fieldset {margin:0 0 40px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px;}
#section input {padding:5px 10px; font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#section input.menor {width:120px;}
#section input.btn {width:140px; background:#09F; border:0; padding:10px 20px; margin-right:10px; color:#FFF; cursor:pointer; text-transform:uppercase;}
#section input.btn:hover {background:#333;}
#section select {font:16px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 10px;}

/*TRATAR TABELA*/
#section table {width:100%; border:0; font:11px Verdana, Geneva, sans-serif; color:#999;}
#section table tr {}
#section table tr.topo {background:#09C; font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#fff;}
#section table tr.topo:hover {background:#09C;}

#section table tr.pendente {background:#FFDFDF;}/*#FFDFDF*/
#section table tr.pendente span {color:#FFDFDF;}
#section table tr.pendente a {color:#FFDFDF; padding:0 4px 0 0; text-decoration:none;}

#section table tr td span {display:block; margin-top:4px; color:#f1f1f1;}
#section table tr td span a {color:#f1f1f1; padding:0 4px 0 0; text-decoration:none; font:12px Arial, Helvetica, sans-serif;}
#section table tr:hover {background:#f9f9f9;}
#section table tr:hover span {color:#ccc;}
#section table tr:hover span a {color:#06C; text-decoration:none;}
#section table tr:hover span a:hover {color:#06C; text-decoration:underline;}
#section table.lista td {padding:8px 8px; border-bottom:1px #f1f1f1 solid; border-top:1px #f1f1f1 solid;}
#section table td img {width:20px; border:0;}
#section table td b {margin-top:4px; float:left; font-weight:100;}
#section table td c {margin-left:6px; float:left; font-weight:100;}
#section table i {margin-top:5px; float:left; color:#666;}
#section table a {color:#06C; text-decoration:none; background:none;}
#section table a:hover {text-decoration:underline; background:none;}
#section a.botao {display:block; background:#f9f9f9; border:1px #f1f1f1 solid; padding:4px 8px; margin-bottom:8px; float:left;}
#section table.visao {text-align:center; border:0; margin-bottom:20px;}
#section table.visao tr.big {font:36px Verdana, Geneva, sans-serif; color:#09C;}
#section table.visao tr:hover {background:none;}
#section table.visao td {border:0; vertical-align:top;}

#section table.form {font:14px Arial, Helvetica, sans-serif; color:#333;}
#section table.form tr:hover {background:none;}
#section table.form p {font:12px Arial, Helvetica, sans-serif; color:#999; font-style:italic; padding:0 4px 10px;}
#section form {border-top:1px #ccc solid; padding-top:20px;}

/*VISIALIZAR PRODUTOS*/
#section h1 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0; margin:0;}
#section p.imagem {width:680px; display:block; overflow:hidden;}
#section p img.foto {width:170px; height:150px; float:left;}

.cor1 {background-color:#fff;}
.cor2 {background-color:#f1f1f1;}