/* Para trabalhar com a estrutura do HTML5 de maneira mais simples */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
/* Define propriedades básicas para o layout */
html { background: white; }
body {
font-family: Verdana, sans-serif;
color:#484848;
width: auto;
margin: 0 auto; }
#wrapper {
background: white;
border: 2px solid transparent; }
/* Define os estilos para o Header, Footer e da área do Contents */
header {}
footer { clear:both; bottom:0; }
/* Define como é mostrada a informação no footer */
footer section#info { padding: 0 0 5px 5px; clear: both; }
footer section#info p { margin: 0; }
/* Define a área da imagem do topo */
header figure#cover { margin: 0px; }
/* Define o estilo para os menus do Header e do Footer */
header > nav { padding: 0px 5px 5px 0px; }
footer > nav { padding: 5px 5px 5px 0px; }
header nav menu,
footer nav menu { list-style: none outside none; padding: 0; margin: 0; }
header nav menu li,
footer nav menu li { padding: 0 0 0 5px; margin-right: 2px; float: left; border: 1px solid silver; }
header nav menu li:hover,
footer nav menu li:hover { position: relative; z-index: 100; background-color: #FF0000; }
header nav menu li:hover > menu,
footer nav menu li:hover > menu { left: -21px; z-index: -1; }
header nav menu li:hover menu li:hover > a,
footer nav menu li:hover menu li:hover > a { white-space: normal; height: auto; }
header nav menu li:hover menu li:hover > menu,
footer nav menu li:hover menu li:hover > menu { left: 105px; z-index: 100; }
header nav menu li menu,
footer nav menu li menu { position: absolute; left: -9999px; margin-left: 20px; width: 105px; }
header nav menu li menu li menu,
footer nav menu li menu li menu { margin-left: 0px; margin-top: 0px; }
header nav menu li a,
footer nav menu li a { background: #fff; display: block; line-height: 25px; margin: 0; padding-left: 5px; width: 81px; padding-right: 14px; }
header nav menu li > a,
footer nav menu li > a { text-overflow: ellipsis; overflow: hidden; white-space:nowrap; }
header nav > menu > li:hover > a,
footer nav > menu > li:hover > a { min-width: 81px; width: auto; }
header nav menu li.sub > a,
footer nav menu li.sub > a { background: url("../images/arrow_collapsed.png") no-repeat scroll #fff; background-position: right center; }
header nav > menu > li.sub > a { background: url("../images/arrow_expanded.png") no-repeat scroll #fff; background-position: right center; }
footer nav > menu > li.sub > a { background: url("../images/arrow_expanded_up.png") no-repeat scroll #fff; background-position: right center; }
header nav menu li:hover > menu { top: 26px; }
header nav menu li:hover menu li:hover > menu { top: -1px; }
footer nav menu li:hover > menu { bottom: 26px; }
footer nav menu li:hover menu li:hover > menu { bottom: -1px; }
/* Define as áreas laterais e a do content */
aside { width: 155px; position: relative; }
/* Defineo estilo para o menu nas áreas laterais */
aside menu { padding: 0; margin: 0; }
aside menu li { position: relative; margin: 0; list-style-type: none; padding-left: 5px; z-index: 1; }
aside menu li:hover > menu { display: block; top: -1px; }
aside menu li menu { width: 100%; display: block; border-width: 0px; }
aside menu li a { display: block; padding: 5px 7px; }
aside menu li.sub > a { font-weight: bold; }
aside menu li > a { text-align: left; }
/* Define o estilo para o content */
section#content {
width: auto;
padding: 5px;
padding-top: 0;
overflow: auto; }
section#content > article {
padding: 9px;
border: 1px solid #EEE;
margin: 0px 3px;
}
section#content section#pages {
width: 99%;
font-family: Verdana;
font-weight: Normal;
padding-bottom:5px; }
section#content section#pages h1 {
font-size: 160%;
color: #1C1C1C; }
section#content section#pages h2 {
line-height: 100%;
color: #2F4F4F;
font-size: 140%; }
section#content section#pages h3 {
font-size: 120%;
line-height: 100%;
color: #696969; }
section#content section#pages p { }
section#content section#pages li:nth-child(odd) { border-bottom: 1px dotted #DDD; padding: 0px 0 10px 0; text-align: left; }
section#content section#pages li:nth-child(odd) a img { float: left; padding-right: 15px; }
section#content section#pages li:nth-child(even) { border-bottom: 1px dotted #DDD; padding: 0px 0 10px 0; text-align: right; }
section#content section#pages li:nth-child(even) a img { float: right; padding-left: 15px; }
/* Estilo para o banner */
figure#banner {
margin: 0;
text-align: center;
padding-top: 5px; }
/* Classes utilizadas para construir o layout */
.clear { clear: both; }
.center { text-align: center; }
.left { float: left; }
.right { float: right; }
/* CSS das tabelas */
table.zebra tr:nth-child(2n+2) { background-color: #F6F7F8; }
table.fullwidth { width: 100%; }
table.border,
table.border th,
table.border td {
border-collapse: collapse;
border: 1px solid silver;
}
table th,
table td { padding: 3px; }
table th { font-size: 13px; }