/* Reset básico e fonte */
body {
    margin: 10px 20px;
    text-align: center; /* centraliza todo conteúdo inline */
    font-family: Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
    margin: 0 0 0.5em;
}

h1 { font-size: 18pt; margin: 0.5em 0 0; }
h2 { font-size: 16pt; }
h3 { font-size: 13pt; }
h4 { font-size: 12pt; }
h5 { font-size: 11pt; }
p { font-size: 11pt; }

ul {
    margin: 0;
    padding: 0 0 0 0.25em;
    text-indent: 0;
    list-style: none;
}
li { margin: 0; padding: 0 0 0.25em; text-indent: 0; font-size: 80%; }

pre { text-indent: 0.25em; width: 90%; font-size: 90%; }

br.separator { margin: 0; padding: 0; clear: both; }

a img { border: 0 none; }

.container { padding: 10px; margin: 0 0 10px; }

/* Wrapper centralizado */
#wrapper {
    display: block;
    margin: 0 auto;
    text-align: center; /* centraliza todo conteúdo */
    min-width: 720px;
    max-width: 1000px;
}

.curved { border-radius: 10px; }

/* Logo centralizado */
#notice {
    float: none;          /* remove float */
    display: block;       /* ocupa linha inteira */
    text-align: center;   /* centraliza conteúdo interno */
    width: 100%;
}
#Logo-Itag {
    display: inline-block; /* imagem centralizada */
    margin: 0 auto 10px;  /* espaçamento inferior */
}

/* Navegação */
#navigation {
    background: #eee url(bg-nav.png) repeat-x top left;
    margin: 0 0 10px;
    padding: 0;
}
#navigation span a {
    display: block;
    padding: 10px;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
}
#navigation span a:link,
#navigation span a:visited,
#navigation span a:hover,
#navigation span a:active { color: #666; text-decoration: none; }

/* Botões de ações */
#actions {
    float: none;          /* remove float */
    display: inline-block; /* lado a lado com outros elementos */
    text-align: center;
    margin: 10px auto;
}
#actions .button {
    display: block;
    padding: 0;
    height: 36px;
    background: url(bg-button.png) no-repeat top left;
    margin: 0 auto 10px;
}
#actions .button a { display: block; padding: 0; }
#actions .button a span {
    display: block;
    padding: 6px 10px;
    color: #666;
    text-shadow: 1px 1px 1px #fff;
    font-size: 10pt;
    font-weight: bold;
}

/* Conteúdo do meio */
#middle {
    background: #eef url(bg-middle.png) repeat-x top left;
    margin: 20px 0;
    padding: 1px 10px;
    text-align: center;
}

/* Rodapé centralizado */
#footer, .copyright {
    text-align: center;
    margin: 10px auto;
    font-size: 10pt;
    color: #666;
}

/* Links do rodapé */
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active { color: #666; }

/* Colunas do rodapé centralizadas */
#low-manage,
#low-docs,
#low-help {
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: auto;
    margin: 0 10px 0 0;
}
#low-docs { margin-left: 2.2%; }
#low-help { margin-right: 0; }

/* Divs internas do rodapé */
#low-manage div,
#low-docs div,
#low-help div {
    min-height: 280px;
    border: 3px solid #ffdc75;
    background-color: #fff1c8;
    padding: 10px;
}

/* Correções gerais */
.col20, .col25 { float: none; display: inline-block; vertical-align: top; text-align: center; }