/* Configurações gerais */
body, input, button {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	font-size: 14px;
}

body {
	background-color: #c2cfe5;
}

h1, h2, h3, h4 {
	font-weight: normal;
	padding: 3px 0;
	margin-bottom: 0;
	color: #254896;
}

h1 {
	font-size: 16px;
	border-bottom: 1px solid #254896;
	margin-bottom: 6px;
}

h2 {
	font-size: 15px;
}

h3, h4 {
	font-size: 14px;
}

p, ul {
	margin: 9px 0 6px 0;
}

ul > li > p {
	margin-top: 0;
}

ul > li > ul {
	margin: 0;
}

a {
	color: #254896;
}

a:hover {
	text-decoration: none;
}

ul {
	list-style-type: disc;
}

fieldset {
	border: 1px solid #254896;
	margin: 10px 0;
	padding: 10px;
	background-color: rgba(37, 72, 150, .25);
}

fieldset > legend {
	margin-left: -11px;
	height: 20px;
	background-color: #254896;
	color: #fff;
	padding: 5px 10px;
	border-radius: 10px 10px 10px 0;
}

fieldset.erro {
	border-color: #900;
	background-color: #e6c0c0;
}

fieldset.sucesso {
	border-color: #060;
	background-color: rgba(0, 102, 0, .25);
}

fieldset.aviso {
	border-color: #990;
	background-color: rgba(144, 144, 0, .25);
}

fieldset.instrucoes {
	background-color: transparent;
}

fieldset.erro > legend,
fieldset.sucesso > legend,
fieldset.aviso > legend {
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 35px;
}

fieldset.erro > legend {
	background-image: url(Imagens/Erro.png);
	background-color: #900;
}

fieldset.sucesso > legend {
	background-image: url(Imagens/SucessoLancamento.png);
	background-color: #060;
}

fieldset.aviso > legend {
	background-image: url(Imagens/Aviso.png);
	background-color: #990;
}

fieldset.sucesso > section > label {
	color: #060;
}

fieldset.erro > ul,
fieldset.aviso > ul,
fieldset.instrucoes > ul {
	margin: 0 0 0 -15px;
}

fieldset.instrucoes > ul {
	color: #254896;
}

fieldset.exemplo {
	background-color: transparent;
	border-style: dotted none;
	padding: 10px 0;
}

fieldset.exemplo > legend {
	background-color: rgba(37, 72, 150, .25);
	border-style: none;
	color: #254896;
	margin-left: 0;
}

input[type="text"],
input[type="password"],
input[type="checkbox"] {
	border: 1px solid #254896;
}

input.botaoIcone {
	margin: 0 10px;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding: 0 6px 3px 23px;
	text-align: left;
}

input.iconePesquisar {
	background-image: url(Imagens/Pesquisar.png);
}

nav.barraBotoes {
	text-align: center;
	padding: 10px;
	margin: 10px -10px -10px -10px;
	background-color: #778ebe;
	clear: both;
}

fieldset.sucesso > nav.barraBotoes {
	background-color: rgba(0, 102, 0, .5);
}

span.vermelha, span.verde {
	color: #fff;
	padding: 0 3px;
}

span.vermelha {
	background-color: #d04040;
}

span.verde {
	background-color: #40a040;
}

.formularioEntrada > section {
	margin-bottom: 10px;
}

.larguraFixaCentralizado {
	width: 400px;
	margin: 0 auto;
}

.textoCentralizado {
	text-align: center;
}

.textoDireita {
	text-align: right;
}

.sublinhado {
	text-decoration: underline;
}

.pequenoEspacamentoVertical {
	margin: 5px 0;
}

.dadoFixo {
	color: #666;
}

.progressoIndefinido {
	margin: 10px 0;
	text-align: center;
	background-image: url(Imagens/ProgressoIndefinido.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 25px;
}

/* Contêiner principal */
#conteinerPrincipal {
	width: 750px;
	margin: 10px auto;
	background-color: #fff;
	border: 1px solid #333;
	box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, .2);
}

/* Cabeçalho */
header {
	padding: 5px 10px 10px;
	height: 55px;
	background-color: #f1f1f1;
	background-image: linear-gradient(to bottom, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	border-top: 5px solid #333;
}

#logoCelpeBras {
	float: left;
	padding: 0;
}

/*#logoGovernoFederalBrasil {
	float: right;
	padding: 0;
}*/

#logoMinisterioEducacao {
	float: right;
	padding: 18px 0;
}

#logoInep {
	float: right;
	padding: 0;
}

#tituloCelpeBras {
	text-align: center;
	line-height: 16px;
	padding: 7px 0;
}

/* Abas de navegação */
nav.abasNavegacao {
	padding: 0;
	height: 42px;
}

nav.abasNavegacao > ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

nav.abasNavegacao > ul > li {
}

nav.abasNavegacao > ul > li > a {
	display: inline-block;
	height: 26px;
	margin-top: 10px;
	margin-right: 3px;
	padding: 5px 10px 0 10px;
	text-decoration: none;
	border: 1px solid #254896;
	border-radius: 10px 10px 0 0;
	background-color: #eee;
	color: #254896;
}

nav.abasNavegacao > ul > li > a:hover,
nav.abasNavegacao > ul > li > a.itemMenuAtivo {
	height: 31px;
	margin-top: 0;
	padding-top: 10px;
	background-color: #fff;
}

nav.abasNavegacao > ul > li > a.itemMenuAtivo {
	border-bottom-color: #fff;
}

/* Abas de navegação principal */
nav.abasPrincipais {
	background-color: #f1f1f1;
	background-image: linear-gradient(to bottom, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
}

nav.abasPrincipais > ul {
	margin-left: -1px;
}

nav.abasPrincipais > ul > li > a {
	white-space: nowrap;
	color: #000;
	border-left-color: #000;
	border-top-color: #000;
	border-right-color: #000;
}

/* Abas de navegação internas */
nav.abasInternas > ul > li > a {
	padding-left: 31px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

nav.abasInternas > ul > li > a.concluido {
	background-image: url(Imagens/Concluido.png);
}

nav.abasInternas > ul > li > a.pendente {
	background-image: url(Imagens/Pendente.png);
}

/* Posto aplicador, usuário, grupo e opção de sair, ao lado das abas de navegação principal */
#sair {
	float: right;
	margin: 0 0 10px 10px;
	padding: 3px 8px;
	color: #fff;
	background-color: #333;
	border-radius: 5px;
	text-decoration: none;
}

#sair:hover {
	text-decoration: underline;
}

#postoAplicadorUsuario {
	float: right;
	font-size: 12px;
	padding-right: 10px;
}

#postoAplicadorUsuario > #postoAplicador,
#postoAplicadorUsuario > #usuario {
	background-repeat: no-repeat;
	background-position-y: center;
	padding: 3px 0 0 20px;
	white-space: nowrap;
	min-width: 325px;
	max-width: 325px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#postoAplicadorUsuario > #postoAplicador {
	background-image: url(Imagens/PostoAplicador.png);
}

#postoAplicadorUsuario > #usuario {
	background-image: url(Imagens/Usuario.png);
}

#grupo {
	color: #254896;
}

/* Conteúdo central (entre o cabeçalho com as abas de navegação principal e o rodapé) */
#autenticacao {
	margin-top: 20px;
}

#conteudo {
	padding: 10px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

#conteudo h1:first-child {
	margin-top: 0;
}

#avisoAutenticacao,
#avisoLancamentoParteOral {
	margin-top: 20px;
}

.controleLancamentos {
	margin-bottom: 20px;
}

.controleLancamentos > .participantesPostoAplicador,
.controleVolumes > .volumesPostoAplicador {
	margin: 0 0 10px 0;
}

.controleLancamentos > .participantesPostoAplicador > .totalParticipantes,
.controleVolumes > .volumesPostoAplicador > .totalVolumes {
	background-color: #fff;
	padding: 3px 6px;
}

.lancamentosIntegrais,
.confirmacaoCorretos {
	background-color: #40a040;
}

.lancamentosParciais,
.semConfirmacao {
	background-color: #d0d040;
}

.semLancamento,
.confirmacaoErrados {
	background-color: #d04040;
}

.barraProdutividade {
	clear: both;
	padding: 10px 0 0 0;
}

.barraProdutividade .legenda {
	display: inline-block;
	border: 1px solid #254896;
	width: 10px;
	height: 10px;
	margin: 0 2px -2px 10px;
}

table.barra {
	height: 15px;
	width: 100%;
	margin-top: 5px;
	border: 1px solid #254896;
}

table.barra > tbody > tr > td {
	padding: 0;
}

.participante > table th,
.sucesso > table th {
	text-align: right;
	font-weight: normal;
	vertical-align: top;
	padding-top: 0;
}

.participante > table th {
	color: #254896;
}

.sucesso > table th {
	color: #060;
}

.participante > table td,
.sucesso > table td {
	padding-left: 0;
	padding-top: 0;
	vertical-align: top;
}

section.corpoAbasNavegacaoInternas {
	padding: 10px;
	border: 1px solid #254896;
}

section.corpoAbasNavegacaoInternas h1:first-child {
	margin-top: 0;
}

#frequencia > section {
	display: inline-block;
	width: 200px;
}

.pesquisaParticipante > section > label {
	display: inline-block;
	text-align: right;
	width: 60px;
}

.explicacaoPesquisaParticipante > label {
	color: #254896;
}

#parametroInscricao {
	display: inline-block;
}

#inscricaoParcial,
#parametroInscricao {
	width: 100px;
	margin-right: 10px;
}

#nomeParcial {
	width: 420px;
	margin-right: 10px;
}

.formatosAudioPermitidos {
	float: left;
	width: 310px;
}

.formatosAudioPermitidos > h2,
.dicasReducaoAudios > h2 {
	margin-top: 0;
}

.selecaoArquivoAudio {
	clear: both;
	border-top: 1px dotted #254896;
}

#idVolume {
	width: 70px;
}

#botaoVolumeCorreto,
#botaoVolumeErrado {
	width: 120px;
	margin: 5px;
}

/* Tabelas */
table {
	border-collapse: collapse;
}

table th,
table td {
	padding: 3px 6px;
}

table.elementosProvocadores,
table.avaliacaoInterlocutor,
table.avaliacaoObservador {
	border: 1px solid #254896;
}

table.elementosProvocadores > tbody > tr:nth-child(6n+3),
table.elementosProvocadores > tbody > tr:nth-child(6n+4) {
	background-color: rgba(37, 72, 150, .25);
}

table.elementosProvocadores > tbody > tr:nth-child(2n) > td {
	padding-top: 0;
}

table.dados > thead > tr > th {
	border: 1px solid #fff;
}

table.dados > thead > tr > th {
	background-color: #254896;
	color: #fff;
	font-weight: normal;
}

table.dados > thead > tr > th:first-child {
	border-left-color: #254896;
}

table.dados > thead > tr > th:last-child {
	border-right-color: #254896;
}

table.dados > thead > tr:first-child > th {
	border-top-color: #254896;
}

table.dados > thead > tr:last-child > th {
	border-bottom-color: #254896;
}

table.dados > tbody > tr > td {
	border: 1px solid #254896;
}

table.dados > tbody > tr:nth-child(2n) > td,
table.avaliacaoInterlocutor > tbody > tr:nth-child(2n+1) > td,
table.avaliacaoObservador > tbody > tr:nth-child(2n+1) > td
{
	background-color: rgba(37, 72, 150, .25);
}

table.dados > tbody > tr > td.situacao {
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 6px center;
}

table.dados > tbody > tr > td.pendente {
	background-image: url(Imagens/Pendente.png)
}

table.dados > tbody > tr > td.concluido {
	background-image: url(Imagens/Concluido.png)
}

table.dados > tbody > tr > td.semFrequencia {
	white-space: nowrap;
	background-image: url(Imagens/SemFrequencia.png)
}

table.dados > tbody > tr > td.presente {
	background-image: url(Imagens/Presente.png)
}

table.dados > tbody > tr > td.ausente {
	background-image: url(Imagens/Ausente.png)
}

table.explicacaoCelulas {
	margin: 5px 0;
}

table.explicacaoCelulas > tbody > tr > td:last-child {
	background-color: transparent;
	border-style: none;
}

table.continuidade {
	border-bottom-style: none;
}

table.continuidade > tbody > tr:last-child > td {
	padding: 10px;
	border-style: none dotted;
}

table.estatistica > thead > tr:nth-child(2) > th {
	background-image: url(Imagens/Pesquisar.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	text-align: left;
}

table.estatistica > thead > tr:nth-child(2) > th > a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0 0 2px 20px;
}

table.porVolume > thead > tr:nth-child(2) > th:nth-child(-n+2) {
	border-bottom-color: #254896;
}

table.estatistica > thead > tr:nth-child(2) > th > a:hover {
	text-decoration: underline;
}

table.estatistica > tbody > tr > td {
	width: 32px;
	background-color: #fff;
	text-align: center;
}

table.porVolume > tbody > tr > td {
	background-color: #fff;
	text-align: center;
}

table.estatistica > tbody > tr > td:nth-child(2n) {
	border-left-style: none;
	color: #254896;
	font-size: 12px;
	width: 44px;
}

table.porVolume > tbody > tr > td:nth-child(2n+4) {
	border-left-style: none;
	color: #254896;
	font-size: 12px;
}

table.estatistica > tbody > tr > td:nth-last-child(-n+2) {
	width: 58px;
}

table.estatistica > tbody > tr > td:nth-child(2n+1),
table.porVolume > tbody > tr > td:nth-child(2n+3) {
	border-right: 1px dotted #254896;
}

table.porLancamento {
	float: left;
}

table.porVolume {
	width: 100%;
}

table.porLancamento > tbody > tr > td:nth-child(1),
table.porLancamento > tbody > tr > td:nth-child(2),
table.porVolume > tbody > tr > td:nth-child(3),
table.porVolume > tbody > tr > td:nth-child(4),
table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(7),
table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(8),
.volumeCorreto {
	background-color: #cfe7cf;
}

table.porLancamento > tbody > tr > td:nth-child(3),
table.porLancamento > tbody > tr > td:nth-child(4),
table.porVolume > tbody > tr > td:nth-child(5),
table.porVolume > tbody > tr > td:nth-child(6),
table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(5),
table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(6) {
	background-color: #f3f3cf;
}

table.porLancamento > tbody > tr > td:nth-child(5),
table.porLancamento > tbody > tr > td:nth-child(6),
table.porVolume > tbody > tr > td:nth-child(7),
table.porVolume > tbody > tr > td:nth-child(8),
table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(3),
table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(4),
.volumeErrado {
	background-color: #f3cfcf;
}

table.porFrequencia {
	float: right;
}

.naoFlutuante table.porLancamento,
.naoFlutuante table.porFrequencia {
	float: none;
}

table.elementosProvocadores > tbody > tr > td {
	font-size: 12px;
	text-align: center;
}

table.elementosProvocadores > tbody > tr:first-child > td {
	padding: 6px 6px 1px 6px;
}

table.elementosProvocadores > tbody > tr:last-child > td {
	padding: 1px 6px 6px 6px;
}

table.avaliacaoInterlocutor > caption {
	text-align: left;
	padding-bottom: 3px;
}

table.avaliacaoInterlocutor > tbody > tr > td:first-child {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	padding-left: 15px;
}

table.avaliacaoInterlocutor > tbody > tr > td:last-child {
	text-align: justify;
}

table.avaliacaoObservador > tbody > tr > td:nth-child(2n+1) {
	padding: 2px 20px 4px 0;
}

table.avaliacaoObservador > tbody > tr > td:first-child {
	padding-left: 6px;
}

table.produtividade > tbody > tr:nth-child(8n+1) > td,
table.produtividade > tbody > tr:nth-child(8n+2) > td,
table.produtividade > tbody > tr:nth-child(8n+3) > td,
table.produtividade > tbody > tr:nth-child(8n+4) > td {
	background-color: transparent;
}

table.produtividade > tbody > tr:nth-child(8n+5) > td,
table.produtividade > tbody > tr:nth-child(8n+6) > td,
table.produtividade > tbody > tr:nth-child(8n+7) > td,
table.produtividade > tbody > tr:nth-child(8n+8) > td {
	background-color: rgba(37, 72, 150, .25);
}

table.produtividade > thead > tr > th:first-child,
table.produtividade > tbody > tr > td:first-child {
	padding: 3px;
}

table.produtividade > thead > tr > th:last-child,
table.produtividade > tbody > tr > td:last-child {
	padding: 3px;
}

table.produtividade > thead > tr:first-child > th:first-child,
table.produtividade > thead > tr:first-child > th:last-child,
table.produtividade > tbody > tr:nth-child(4n+1) > td:first-child,
table.produtividade > tbody > tr:nth-child(4n+1) > td:last-child,
table.produtividade > tbody > tr:nth-child(4n+2) > td:first-child,
table.produtividade > tbody > tr:nth-child(4n+2) > td:last-child,
table.produtividade > tbody > tr:nth-child(4n+3) > td:first-child,
table.produtividade > tbody > tr:nth-child(4n+3) > td:last-child,
table.produtividade > tbody > tr:nth-child(4n+4) > td {
	border-bottom-color: transparent;
}

table.produtividade > tbody > tr:last-child > td {
	border-bottom-color: #254896;
}

table.produtividade > thead > tr:first-child > th:nth-child(2n+1),
table.produtividade > tbody > tr:nth-child(4n+1) > td:nth-child(-n+2),
table.produtividade > tbody > tr:nth-child(4n+4) > td:nth-child(-n+2) {
	border-right-color: transparent;
}

table.produtividade > tbody > tr:nth-child(4n+3) > td:nth-child(2) {
	padding: 0;
}

table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(-n+8) {
	text-align: center;
}

table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(-2n+7) {
	font-size: 12px;
	color: #254896;
	border-left-style: none;
}

table.produtividade table.barra {
	border-style: none;
	margin-top: 0;
}

table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(4),
table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(6),
table.produtividade > tbody > tr:nth-child(4n+2) > td:nth-last-child(8) {
	border-right-style: dotted;
}

#etiquetaVolume {
	float: left;
	margin: 0 10px 0 0;
}

#etiquetaVolume img {
	border: 1px solid #254896;
	margin-bottom: 20px;
}

#etiquetaVolume > h2,
#instrucoesVolume > h2 {
	margin-top: 0;
}

#confirmacaoRecebimentoVolume {
	clear: both;
	border-top: 1px dotted #254896;
	padding-top: 10px;
}

/* Tutorial */
.indiceTutorial > li {
	padding-bottom: 10px;
}

section.tutorial > section > *,
section.tutorial > section > section > *,
section.tutorial > section > section > section > * {
	margin-left: 20px;
}

section.tutorial fieldset.exemplo > table.dados > thead > tr > th {
	text-align: center;
} 

section.tutorial table.estatistica > tbody > tr > td:nth-child(2n) {
	width: 44px;
}

section.tutorial table.estatistica > tbody > tr > td:nth-last-child(-n+2) {
	width: 54px;
}

section.tutorial fieldset.exemplo h2 {
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
}

section.tutorial table.elementosProvocadores > tbody > tr:first-child > td {
	padding: 6px 0 1px;
}

section.tutorial input[type="radio"] {
	margin: 3px 0 0;
}

fieldset.exemplo .controleLancamentos,
fieldset.exemplo .pesquisaParticipante,
fieldset.exemplo .explicacaoPesquisaParticipante,
fieldset.exemplo .participante {
	margin: 0;
}

.controleProdutividade fieldset.exemplo .barraProdutividade {
	padding-top: 0;
}

#sintaxeNomeArquivo {
	width: 175px;
}

/* Monitoramento */
.pesquisaProdutividade {
	padding-top: 0;
}

.pesquisaProdutividade > section > p > label {
	display: block;
}

.pesquisaProdutividade > section > p > input[type="text"] {
	width: 360px;
}

.situacaoLancamentos {
	float: right;
	background-color: transparent;
}

.situacaoLancamentos > legend {
	background-color: transparent;
	color: #000;
	margin: 0;
	padding: 0 5px;
}

.situacaoLancamentos > label {
	display: block;
}

/* Rodapé */
footer {
	padding: 5px 10px;
	height: 35px;
	font-size: 12px;
	background-color: #f1f1f1;
	background-image: linear-gradient(to bottom, #fff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	border-bottom: 5px solid #333;
}

/*#logoCespe {
	float: right;
	padding: 2px 0;
}*/

#logoCebraspe {
	float: left;
}

footer > #tituloDireitosReservados {
	text-align: right;
	padding: 8px 0;
}

/* Classes de aplicação geral */
.semEspacoInferior,
.semEspacosVerticais {
	margin-bottom: 0;
}

.semEspacoSuperior,
.semEspacosVerticais {
	margin-top: 0;
}

.espacoSuperiorPadrao,
.espacosVerticaisPadrao {
	margin-top: 10px;
}

.espacoInferiorPadrao,
.espacosVerticaisPadrao {
	margin-bottom: 10px;
}

.sublinhado {
	text-decoration: underline;
}

.larguraMaxima {
	width: 100%;
}

.icone16x16px {
	display: inline-block;
	background-repeat: no-repeat;
	background-position-y: center;
	height: 16px;
	width: 16px;
}

.forte {
	font-weight: bold;
}

.inicialmenteOculto {
	display: none;
}

.imagemPostoAplicador {
	background-image: url(Imagens/PostoAplicador.png);
}

.imagemSemFrequencia {
	background-image: url(Imagens/SemFrequencia.png);
}

.imagemPresente {
	background-image: url(Imagens/Presente.png);
}

.imagemAusente {
	background-image: url(Imagens/Ausente.png);
}

.imagemConcluido {
	background-image: url(Imagens/Concluido.png);
}

.imagemPendente {
	background-image: url(Imagens/Pendente.png);
}

.riscado {
	color: #666;
	text-decoration: line-through;
}

.explicacaoCampo {
	color: #254896;
	font-size: 12px;
}

ul.emails {
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 0;
}

ul.emails > li > a {
	margin: 0 4px -1px -20px; 
	display: inline-block;
	width: 16px;
	height: 12px;
	background-image: url(Imagens/Email.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}