body {
  background-color: white;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.8em;
}

tr, td {
  line-height: 18px;
}

h3 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: black;
}

a { /* Todos os links do site em preto e sem sublinhado */
  text-decoration: none;
  color: black;
}

a:hover {
  text-decoration: underline;
}

input[type="text"], input[type="password"], input[type="email"], textarea {
  font-family: Arial, Helvetica, sans-serif;
  background-color: #ffffe5;
  border: 1px solid black;
  padding: 3px;
  font-size: 10pt;
}

/* ***************************** */

.textoVerde {
  color: #093;
}

.textoVermelho {
  color: #dd0022;
}

/* ***************************** */

input, select {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.SubtituloConteudo {
  border-bottom: 1px solid #999;
  vertical-align: bottom;
  padding-bottom: 5px;
}

.SubtituloConteudo a {
  color: #093;
}

.novoRegistro {
  font-weight: bold;
}

.TituloConteudo {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #F60;
  border-bottom: 1px solid #999999;
  padding-top: 10px;
  padding-bottom: 10px;
}

.SubtituloAvaliacao {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #F60;
  padding: 5px 5px 5px 10px;
}

.TextoConteudo {
  background-color: white;
  font-family: Verdana, Geneva, sans-serif;
  line-height: 18px;
  font-size: 11px;
}

.TextoConteudoNegrito {
  font-size: 11px;
  font-weight: bold;
}

.campoDica {
  font-size: 8pt;
  color: gray;
  font-weight: normal;
}

.Botao {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: #000000;
}

.TextoLogin {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  color: #647687;
}

.TituloCurso {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  color: white;
}

.OpcaoMenu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding-left: 5px;
}

.AvaliacaoGrupo {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
  color: #F60;
  background-color: #efefef;
}

.AvaliacaoGrupo td {
  padding: 5px 5px 5px 10px;
}

.AvaliacaoTopico {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: normal;
  font-weight: normal;
  color: black;
}

.FundoTabela {
  background-color: #eee;
}

.msgSemRegistro {
  color: red;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.msgPesquisa {
  color: green;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.linkOrdemColuna {
  color: black;
}

.linkExclusao {
  text-decoration: none;
  padding: 3px;
}

.linkExclusao:hover {
  color: white;
  background-color: red;
  text-decoration: none;
}

.textoInstrucao {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: green;
  line-height: 150%;
}

.submenuOpcoes ul {
  list-style-type: none;
}

.submenuOpcoes li {
  display: inline;
  margin-right: 15px;
}

.submenuOpcoes a {
  color: #093;
}

/* Lista de opções, geralmente registros-filhos, apresentada na horizontal. */
.menuOpcoes ul {
  list-style-type: none;
  border-bottom: 1px solid #bcbcbc;
  margin: 5px 0 10px 0;
  padding: 4px 0;
  padding-top: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
}

.menuOpcoes li {
  display: inline;
}

.menuOpcoes img {
  border: none;
  vertical-align: bottom;
}

.menuOpcoes li a {
  margin-left: 1px;
  padding: 5px 8px;
  text-decoration: none;
  color: #093;
}

.menuOpcoes li a:hover {
  text-decoration: underline;
}

.menuOpcoes .menuSelecao {
  background-color: #ffeeb0;
  font-weight: bold;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Opções e ícones dos cadastros da página inicial do Administrador. */
.cadAdminTitulo a {
  display: block;
  text-decoration: none;
  color: black;
  font-size: 13px;
  font-weight: bold;
  background-color: #ffcd00;
  padding: 3px 6px 6px 6px;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: right;
}

.cadAdminTexto {
  color: gray;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
}

.iconeCadastro {
  float: left;
}

.revisaoRelatorio {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: gray;
}

fieldset {
  margin-bottom: 15px;
  border: 1px solid #bcbcbc;
}

legend {
  font-size: 10pt;
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: blue;
}

.iframeOculto {
  display: none;
}

#caixaErro {
  background-color: #ffebe7;
  border: 1px solid #debab5;
  margin: 0 0 10px 0;
}

#caixaErro p {
  color: #dd0022;
  font-size: 14px;
  margin: 8px 0 8px 8px;
  font-family: Arial, Helvetica, sans-serif;
}

.caixaSucesso {
  background-color: #F0FFF0;
  border: 1px solid #8FBC8F;
  margin: 0 0 10px 0;
}

.caixaSucesso p {
  color: green;
  font-size: 14px;
  margin: 8px 0 8px 8px;
  font-family: Arial, Helvetica, sans-serif;
}

.textoAjuda {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
}

.textoAjuda h2 {
  font-size: 10pt;
}

.textoAjuda h6 {
  font-size: 9pt;
  font-weight: normal;
  color: gray;
}

.textoAjuda li {
  line-height: 175%;
}

.tblRegistros {
  width: 100%;
  border: none;
  border-spacing: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: black;
}

.tblRegistros tr:hover {
  background-color: #eee;
}

.tblRegistros tr:first-of-type:hover {
  background-color: inherit; /* Para remover o hover cinza-claro da linha de THs. */
}

.tblRegistros th {
  border-bottom: 1px solid #999999;
  margin: 0;
  padding: 4px;
  text-align: left;
}

.tblRegistros td {
  margin: 0;
  padding: 4px;
  border-bottom: 1px solid #eee;
}

.tblRegistros td a {
  color: #093;
}

.trReg {
  background-color: white;
}

.tblDetalhes {
  width: 100%;
  border: none;
  border-spacing: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  margin-top: 10px;
}

.tblDetalhes td {
  margin: 0;
  padding: 4px;
  border: none;
}

.tblDetalhes th {
  margin: 0;
  padding: 4px;
  text-align: left;
  border: none;
}

.relatorioTitulo a { /* Titulo dos relatórios. */
  display: block;
  text-decoration: none;
  color: blue;
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #e8e8e8;
  padding: 4px 0 4px 4px;
  margin-top: 10px;
  margin-bottom: 0;
}

.relatorioTexto {
  color: gray;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.cinzaItalico {
  color: gray;
  font-style: italic;
}

.tblFormDet { /* Tabela de formulário de detalhes de registro. */
  width: 100%;
  border-spacing: 4px;
}

/* Células de títulos e dados de formulário de detalhes de registro. */
.tblFormDet th, .tblFormDet td {
  padding: 1px;
}

.tblFormDet tr:nth-child(even) td { /* Para aplicar espaço automático após linhas de campos e próximos títulos abaixo */
  padding-bottom: 0; /* TODO: aplicar 10px... */
}

.parFormBotoes { /* Parágrafo de botões de formulário de detalhes. */
  margin: 5px 0 0 5px;
}

.tblTitulo { /* Tabela de título de página */
  border-spacing: 0;
  width: 100%;
  margin-bottom: 7px;
}

.tblTitulo th, .tblTitulo td {
  padding-top: 10px;
  padding-bottom: 5px;
}

.tblTitulo td small a {
  color: #093; /* Ver .textoVerde */
  font-weight: bold;
  font-size: 0.8rem;
}

#containerRodape {
  height: 35px;
  background: #ffc300 url('../img/feevale_home_rodape.jpg') no-repeat center;
}

#boxRodape {
  position: relative;
  width: 960px;
  left: 50%;
  margin-left: -480px;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 0.8em;
  color: #000;
}

#boxRodape p {
  margin: 0;
  padding: 10px 0 0 0;
}

#boxRodape a {
  color: black;
}

/* Linha tipo 1 de tabela de listagem de registros, para efeito zebrar. */
.l1 {
  background-color: #eee;
}

/* Linha tipo 2 de tabela de listagem de registros, para efeito zebrar. */
.l2 {
  background-color: white;
}

.negrito {
  font-weight: bold;
}

/* ************************** */

/* BOX VERDE, PARA AVISOS DE OPERAÇÃO REALIZADA COM SUCESSO, ETC */
.boxVerde {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 5px;
  background-color: #F0FFF0;
  border: 1px solid #ccc;
  border-radius: 5px;
}

/* BOX AMARELO, PARA FILTROS DE PESQUISA, FILTROS DE GERAÇÃO DE RELATÓRIOS, ETC */
.boxAmarelo {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 5px;
  background-color: #feffca;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.boxAmarelo table {
  width: 100%;
}

.boxAmarelo input[type="text"] {
  background-color: white;
}

.boxAmarelo form input[name="bt_pesquisa"] { /* Pesquisa do formulário */
  font-weight: bold;
}

.boxAmarelo form input[name="bt_limpa"] { /* Limpar campos do formulário */
  color: gray;
}

div.boxAmarelo + p { /* Subtítulo "Resultado da Busca" antes de tabela de registros. */
  margin-top: 0;
  margin-bottom: 0;
}

/* BOX VERMELHO, PARA ALERTAS CRÍTICOS, ERROS, ETC */
.boxVermelho {
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 5px;
  background-color: #ffebe7;
  border: 1px solid #debab5;
  border-radius: 5px;
}

.hrCinza {
  margin-top: 0;
  border: none;
  border-bottom: 1px solid #ccc;
}

.boxCinza {
  background-color: #eee;
  padding: 3px 3px 3px 15px;
}

.boxCinza p {
  margin: 2px;
}

.trRotulos {
  border: 1px solid red;
}

.lblME {
  padding-left: 20px;
}

/**
* NOVO MENU PARA ADMINISTRADOR
*/
#boxMenuEsquerda {
  float: left;
  width: 65%;
  overflow-y: auto;
  height: 450px;
}

#boxMenuDireita {
  float: left;
  width: 31%;
  margin-left: 3%;
  background-color: #EFEFEF;
}

#boxMenuDireita .TituloConteudo, #boxMenuEsquerda .TituloConteudo {
  padding-left: 15px;
}

#boxMenuDireita .tituloMenu, #boxMenuEsquerda .tituloMenu {
  margin-left: 15px;
}

.iconeFavorito {
  float: left;
  cursor: pointer;
  margin-top: -3px;
  margin-right: 5px;
}

.cmbLinkPagina {
  margin-left: 25px;
  margin-top: 25px;
}

.btnAtivaDrag {
  float: right;
  cursor: pointer;
  border: none;
}

.subConteudoTitulo {
  padding-top: 15px;
  padding-bottom: 15px;
}

.boxAguarde {
  width: 150px;
  height: 20px;
  position: absolute;
  margin-top: 50px;
  left: 25%;
  background-color: #000000;
  text-align: center;
  color: #FFFFFF;
  z-index: 101;
  padding: 15px;
  display: none;
  opacity: 0.75;
}

.boxAguarde span {
  font-weight: bold;
}

#ulItensFavorito {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#ulItensFavorito li {
  float: left;
  width: 46%;
  padding-left: 15px;
  height: 75px;
}

#ulItensFavorito li:nth-child(2n+1) {
  float: left;
  padding-left: 15px;
  padding-right: 0;
}

.msgAlerta {
  padding-left: 15px;
  color: #8A6D3B;
}

.lblME { /* Para espaçar labels de filtros de pesquisa, por exemplo */
  margin-left: 15px;
}

.nowrap {
  white-space: nowrap;
}

.vertAlign {
  vertical-align: top;
}

.alignDir {
  text-align: right;
}

.trMargemInf td {
  padding-bottom: 10px;
}

.tdCen {
  text-align: center;
}