/* tags principais */
body, table, td, input, textarea, option, select {font-family: Arial, Helvetica, sans-serif; font-size: 13px;}
td {vertical-align: top;}
body {margin: 0;}
img {border: 0;}

.textoajuda {text-decoration: none; cursor: help; border-bottom: 1px dashed #333333;}
.blocoinic {padding: 12px; line-height: 150%; margin-bottom: 20px; border: 1px dashed #999999;}
.paginacao {padding: 8px; border: 1px dashed #999999;}

/* tags de entrada de dados */
form {margin: 0;}
input, textarea, select {border: 1px solid #333333; color: #333333; background-color: #FFFFFF;}
/* .botao {width: 120px; color: #333333; font-weight: bold; background-color: #CCCCCC; border-top: 2px solid #EEEEEE; border-left: 2px solid #EEEEEE; border-bottom: 2px solid #AAAAAA; border-right: 2px solid #AAAAAA;}
.botao_fora {border: 1px solid #666666; margin: 1px;} */
.botao {border: 1px solid #333333; color: #333333; background-color: #DDDDDD;}

/* tags de titulos */
h5 {font-size: 12px;}
h4 {font-size: 13px;}
h3 {font-size: 14px;}
h2 {font-size: 16px;}
h1 {font-size: 24px;}

/* tags de links */
a {text-decoration: none;}
a:link {color: #545878;}
a:visited {color: #545878;}
a:active {color: #000;}
a:hover {color: #77f;}

/* elementos principais */
#site table {width: 100%;}
#cabeca {color: #FFFFFF; background-color: #666666; text-align: center; padding: 10px;}
#esquerda {padding: 10px; background-color: #CCCCCC; border-right: 1px solid #666666; width: 160px; text-align: center;}
#centro {padding: 20px; color: white}
#rodape {background-color: #DDDDDD; text-align: center; padding: 16px; border-top: 1px solid #666666;}

/* menu lateral */
#menu {text-align: left;}
#menu a {color: #ffffff; background-color: #000000; display: block; padding: 4px; margin: 0px;}
#menu a:hover {color: white; background-color: #E88B00; border: 2px solid #ffffff; font-weight: bold}

/* lateral outros */
#temas {background-color: #999999; margin-top: 12px; padding: 4px; text-align: center;}
#temas_titulo {color: #FFFFFF; background-color: #666666; margin-bottom: 4px; padding: 4px; font-weight: bold; text-align: center;}
#links {background-color: #999999; margin-top: 14px; padding: 4px; text-align: center;}

/* listagem de servidores */
.servidor {padding: 3px; background-color: #CCCCCC; margin-bottom: 20px; border: 1px dashed #666666;}
.servidor td {font-size: 10px;}
.servidor_titulo {color: #FFFFFF; background-color: #666666; padding: 4px; font-weight: bold; text-align: center;}
.servidor_titulo a:link, .servidor_titulo a:visited, .servidor_titulo a:active {color: #FFFFFF;}
.servidor_titulo a:hover {text-decoration: underline;}
.servidor_linha {white-space: nowrap;}

/* tabelas e formularios */
.janela_titulo {font-weight: bold; padding-right: 8px; white-space: nowrap; width: 1%;}
.janela_titulo2 {padding: 4px; font-weight: bold; color: #FFFFFF; background-color: #999999;}
.formulario {width: 480px; padding: 4px; background-color: #CCCCCC; border: 1px dashed #666666;}
.formulario_titulo {color: #FFFFFF; background-color: #666666; padding: 4px; font-weight: bold; text-align: center;}
.formulario_cel1 {width: 140px; vertical-align: middle; padding: 3px; background-color: #BBBBBB; font-weight: bold;}
.formulario_cel2 {padding: 3px; background-color: #DDDDDD;}
.formulario_rodape {padding: 3px; text-align: center; background-color: #AAAAAA;}

/* para linha par e impar */
.linha_par {background: #e9e9e9; text-align: left;}
.linha_impar {background: #f5f5f5; text-align: left;}

/* para status de operacoes */
.verde {background: #94e99d; text-align: left; white-space: nowrap;}
.amarelo {background: #e5e97c; text-align: left; white-space: nowrap;}
.vermelho {background: #e98989; text-align: left; white-space: nowrap;}