body {background:#FFF; margin:0;}

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

/* CSS Admin Login */
/*#login {width:600px; margin:0 auto; background:green;}*/
#login {width:1000px; float:left; margin:10px 0;}
#login form {width:400px; margin:0 auto; margin-top:20px; border:#EEE 1px solid; box-shadow:1px 1px 6px #AAA;}
#login form h4 {background-color:#EEE; margin-top:0; padding:18px 20px; font:16px Arial, Helvetica, sans-serif; color:#555;}
#login form h4 img {float:right; width:16px; border:0;}
#login form label {display:block; padding:8px 20px;}
#login form span {display:block; color:#036; font:20px Arial, Helvetica, sans-serif; font-weight:bold; margin-top:10px;}
#login p {display:block; color:#888; font:14px Arial, Helvetica, sans-serif; text-align:center; margin-top:40px;}
#login p a {color:#09C; text-decoration:none;}
#login p a:hover {text-decoration:underline;}
#login form label input {font-weight:bold; padding:12px 10px; width:336px; background:#FFF; border:1px #CCC solid; font:12px Arial, Helvetica, sans-serif; color:#333;}
#login form label input.senha {width:120px;}
#login form input.btn {display:block; padding:11px 20px; width:357px; margin-bottom:22px; border:0; background:#09C; text-transform:uppercase; color:#fff; cursor:pointer; /*float:left;*/}
#login form input.btn:hover {background:#06C;}

#header {width:100%; float:left; margin-bottom:30px; border-bottom:#EEE 1px solid; box-shadow:1px 1px 6px #AAA;}
#header div {width:1000px; margin:0 auto;}
#header.sem-linha {border:0;}
#header h1 {float:left; width:500px; font:20px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; color:#06F; margin:18px 0;}
#header h1 span {color:#888}
#header h1.branco {color:#FFF;}
#header p {float:right; font:16px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#777; margin-top:32px;}
#header p img {width:16px; border:0;}

#instru {display:none;}
/*#instru {width:1000px; padding:0; float:left; margin-bottom:20px;}
#instru p {font:14px Arial, Helvetica, sans-serif; color:#333; text-transform:uppercase;}*/

#nav {width:260px; float:left; margin-top:0px;}
#nav h2 {display:none;}
#nav ul {margin:0; padding:10px 0px; border:#EEE 1px solid; box-shadow:1px 1px 6px #AAA;}
#nav li {list-style:none; width:220px;}
#nav li a {font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; width:218px; display:block; padding:10px 20px; color:#333; text-decoration:none;}
#nav li a:hover{background:#EEE;}
#nav li a img {width:13px; margin-right:7px; border:0;}
#nav p {display:block; color:#888; font:14px Arial, Helvetica, sans-serif; text-align:center; margin-top:40px;}
#nav p a {color:#09C; text-decoration:none;}
#nav p a:hover {text-decoration:underline;}
/*#nav {width:240px; float:left; margin-top:0px;}
#nav ul {padding:0; margin:0;}
#nav li {list-style:none; width:200px;}
#nav a {font:14px 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; border-right: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;}*/
/*#nav h2 {font:18px Arial, Helvetica, sans-serif; color:#FFF; padding:10px; margin:10px 0; text-transform:uppercase; background:linear-gradient(to right, #09F, #06F);}*/

#article {width:700px; float:right; border:#EEE 1px solid; box-shadow:1px 1px 6px #AAA;}
#article h2 {font:18px Arial, Helvetica, sans-serif; color:#555; padding:10px 20px; text-align:left; text-transform:uppercase; margin:0; background:#EEE;}
/*linear-gradient(to right, #EEE, #CCC)*/

#section {padding:10px 20px;}
#section p {font:16px Arial, Helvetica, sans-serif; color:#777;}
#section table {font:14px 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 Arial, Helvetica, sans-serif; background:#09F; color:#fff; padding:6px 10px; text-decoration:none;}
#section a:hover {background:#06F;}
#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:30px 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:#06F;}
#section fieldset {margin:0 0 40px; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
#section input {padding:12px 10px; width:511px; background:#FFF; border:1px #CCC solid; font:14px Arial, Helvetica, sans-serif; color:#555;}
#section input.menor {width:120px;}
#section input.btn {background:#09F; color:#FFF; cursor:pointer; text-transform:uppercase; padding:12px 10px; width:654px; border:1px #CCC solid; font:14px Arial, Helvetica, sans-serif;}
#section input.btn:hover {background:#06F;}
#section textarea {padding:12px 10px; width:511px; background:#FFF; border:1px #CCC solid; font:14px Arial, Helvetica, sans-serif; color:#555;}
#section select {padding:12px 10px; min-width:300px; background:#FFF; border:1px #CCC solid; font:14px Arial, Helvetica, sans-serif; color:#555;}

#linha {width:100%; border-bottom:1px #DDD solid;}

/*TRATAR TABELA*/
#section table {width:100%; border:1px #EEE solid; font:13px Arial, Helvetica, sans-serif; color:#555;}
#section table tr {}
#section table tr.topo {background:#EEE; font:13px Arial, Helvetica, sans-serif; font-weight:bold; color:#555;}
#section table tr.topo:hover {background:#EEE;}

#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:#FFF;}
#section table tr td span a {color:#FFF; 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:16px Arial, Helvetica, sans-serif; color:#777;}
#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 {padding-top:20px;}

/*VISIALIZAR PRODUTOS*/
#section h1 {font-family: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;}