body { margin:0; font-family: Arial; background:#e9e9e9; }
.topo { background: linear-gradient(to bottom, #cfe5e5, #ffffff); padding:20px; }
.menu { background:#dcdcdc; border-top:1px solid #aaa; border-bottom:1px solid #aaa; }
.menu ul { list-style:none; margin:0; padding:0; }
.menu > ul > li { display:inline-block; position:relative; }
.menu a { display:block; padding:8px 15px; text-decoration:none; font-weight:bold; color:#333; }
.menu li:hover { background:#c0c0c0; }
.submenu { display:none; position:absolute; background:#eee; min-width:180px; border:1px solid #aaa; z-index:999; }
.submenu li { display:block; }
.menu li:hover .submenu { display:block; }
.container { padding:20px; }
.footer { text-align:right; padding:10px 20px; border-top:1px solid #ccc; font-size:12px; }
table { width:100%; border-collapse:collapse; background:white; }
th { background:#6f8aa5; color:white; padding:8px; text-align:left; }
td { padding:6px; border-bottom:1px solid #ddd; }
.btn { padding:6px 10px; background:#6f8aa5; color:white; text-decoration:none; }