root {
    display: block;
}

html {
    margin:0px;
    padding:0px;
    height: 100%;
}

body {
    margin:0px;
    padding:0px;
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    text-align:center;
    height: 100%;
}

p {
    margin:0px;
    padding:0px;
    color:#333;
    text-align:justify;
}

h1, h2, h3, h4 {
    margin:0px;
    padding:0px;
}

a {
    text-decoration:none;
}

img {
    margin:0px;
    padding:0px;
    border:0px;
}

table {
    margin:0px;
    padding:0px;
    border:0px;
}

table tr, td {
    margin:0px;
    padding:0px;
}

div.clear {
    clear:both;
    display:block;
    font-size:1px;
    height:0pt;
    line-height:1px;
    margin:0pt;
    padding:0pt;
}

div#principal {
    margin:0px auto;
    width:780px;
    text-align:left;
}

div#cabecalho {
    width: 780px;
    height: 40px;
    text-align: center;
    margin-bottom: 0px;
}

div#main {
    min-height: 100%;
    width: 100%;
    position: relative;
}

* html div#main {height: 100%;} /* hack para IEca 6 */

div#pre_rodape { clear: both; padding-bottom: 60px;}

div#rodape {
    width: 100%;
    height: 58px;
    position: absolute;
    bottom: 0;
    left: 0;
}
div#rodape p {
    text-align: center;
}

/* titulo */
div.titulo {
    font-size:12px;
    font-weight: bold;
    margin-top:10px;
    margin-bottom:10px;
    border-bottom: #000 1px solid;
}

/* menu */
div.menu {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
div.menu ul {
    margin: 0px;
    padding: 5px;
    list-style-type: none;
}
div.menu ul li {
    display: inline;
}
div.menu ul li a {
    color: #000;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    border-right: #000 1px solid;
    border-bottom: #000 1px solid;
    background-color: #ccc;
}
div.menu ul li a:hover {
    background-color: #eee;
}

/* tabela 1 */
.tabela1 {
    border: 2px solid #000;
    padding: 0px;
    margin: 0px auto;
    margin-bottom: 10px;
    border-collapse: collapse;
    text-align: left;
    color: #000;
}

.tabela1 caption {
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.tabela1 td, th {
    border: 1px solid #000;
    margin: 0px;
    padding: 5px;
    text-align: left;
}

.tabela1 th {
    font-weight: bold;
}

.tabela1 thead td {
    background-color: #ccc;
    font-weight: bold;
}

.tabela1 tbody td {
    background-color: #fff;
}

.tabela1 tbody td:hover {
    background-color: #ffc;
}

.tabela1 a {
    color: #000099;
}

/* formulario */
.formulario {
    text-align: left;
}
.formulario table {
    border-spacing: 3px;
}
.formulario table tr td {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    vertical-align: middle;
}
.formulario img {
    vertical-align: middle;
    border: 0px;
}
.formulario small {
    margin-left: 5px;
    color: red;
}
.campotexto, .camponumero {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    border: #ccc 1px solid;
    background: #fff url('../images/fundo_campo.gif') top left repeat-x;
}
.campotexto {
    text-align: left;
}
.camponumero {
    text-align: right;
}
.campodropdown {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    border: #ccc 1px solid;
    background: #fff url('../images/fundo_campo.gif') top left repeat-x;
}
.label, .labelrequerido {
    text-align: right;
}
.labelrequerido {
    font-weight: bold;
}
.botoes_form {
    text-align: right;
}
div.caixaerros {
    background: yellow;
    border: red 1px solid;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: normal;
}
div.form_divisao {
    border: #ccc 1px solid;
    padding-bottom: 12px;
    margin-bottom: 12px;
    background-color: #fff;
}
div.form_divisao h1 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    border-bottom: #ccc 1px solid;
    padding: 3px;
    margin:0px;
    margin-bottom: 12px;
    background: #ccc url('../images/fundo_cadastro.gif') repeat-x;
}
div.form_divisao h2 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    padding: 3px;
    margin-left:0px;
    margin-right:0px;
    margin-top:12px;
    margin-bottom: 12px;
}
div.form_divisao div.informacao {
    padding: 3px;
    margin-left:0px;
    margin-right:0px;
    margin-top:12px;
    margin-bottom: 12px;
}