body{
    font-family: Helvetica, Verdana, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 500;
    font-size: large;
    color: darkslategray;
    line-height: normal;

    max-width: 1000px;
    margin: 0 auto;
}

img {
    width: auto;
    height: auto;
}

a {
    color: #555;
}

input, select, textarea {
    padding: 6px;
    margin: 3px;
}

input:required:invalid, select:required:invalid, textarea:required:invalid {
    /*border-width: 1px;*/
    border-style: solid;
    border-color: lightcoral !important;
    border-radius: 3px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

input[type=submit], input[type=button], button {
    margin: 3px !important;
    font-size: 100% !important;
    font-weight: bold;
    border: none;
    height: 35px;
    
    color: white;
    border-radius: 10px;
    cursor: pointer;
    /*para a imagem no botao*/
    padding-right: 14px !important;
    padding-left: 24px !important;
    background-color: #2E9AFE !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

::before, ::after{
    position: relative;
    top: 5px;
}

/* Classes para links, botoes etc */
.subtrair::before{
    content: url(/olimpiadageografia/imagens/subtrair.png);
}
input.subtrair{
    background: url(/olimpiadageografia/imagens/subtrair.png);
}

.adicionar::before{
    content: url(/olimpiadageografia/imagens/adicionar.png);
}
input.adicionar{
    background: url(/olimpiadageografia/imagens/adicionar.png);
}

.avancar::after{
    content: url(/olimpiadageografia/imagens/avancar.png);
}
input.avancar{
    background: url(/olimpiadageografia/imagens/avancar.png);
}

.voltar::before{
    content: url(/olimpiadageografia/imagens/voltar.png);
}

.pesquisar::before{
    content: url(/olimpiadageografia/imagens/pesquisar.png);
}
input.pesquisar{
    background: url(/olimpiadageografia/imagens/pesquisar.png);
}

.confirmar::before{
    content: url(/olimpiadageografia/imagens/confirmar.png);
}
input.confirmar{
    background: url(/olimpiadageografia/imagens/confirmar.png);
}

.cancelar::before{
    content: url(/olimpiadageografia/imagens/cancelar.png);
}
input.cancelar{
    background: url(/olimpiadageografia/imagens/cancelar.png);
    background-color: lightcoral !important;
}

.editar::before{
    content: url(/olimpiadageografia/imagens/editar.png);
}
input.editar{
    background: url(/olimpiadageografia/imagens/editar.png);
}

.excluir::before{
    content: url(/olimpiadageografia/imagens/excluir.png);
}
input.excluir{
    background: url(/olimpiadageografia/imagens/excluir.png);
    background-color: red !important;
}

.aprovar::before{
    content: url(/olimpiadageografia/imagens/aprovar.png);
}
input.aprovar{
    background: url(/olimpiadageografia/imagens/aprovar.png);
}

.sair::before{
    content: url(/olimpiadageografia/imagens/sair.png);
}
input.sair{
    background: url(/olimpiadageografia/imagens/sair.png);
}

.visualizar::before{
    content: url(/olimpiadageografia/imagens/visualizar.png);
}
input.visualizar{
    background: url(/olimpiadageografia/imagens/visualizar.png);
}

.atualizar::before{
    content: url(/olimpiadageografia/imagens/atualizar.png);
}
input.atualizar{
    background: url(/olimpiadageografia/imagens/atualizar.png);
}

.bloquear::before{
    content: url(/olimpiadageografia/imagens/bloquear.png);
}
input.bloquear{
    background: url(/olimpiadageografia/imagens/bloquear.png);
}

.desbloquear::before{
    content: url(/olimpiadageografia/imagens/desbloquear.png);
}
input.desbloquear{
    background: url(/olimpiadageografia/imagens/desbloquear.png);
}

.clicar::before{
    content: url(/olimpiadageografia/imagens/clicar.png);
}
input.clicar{
    background: url(/olimpiadageografia/imagens/clicar.png);
}

.cartao::before{
    content: url(/olimpiadageografia/imagens/cartao.png);
}
input.cartao{
    background: url(/olimpiadageografia/imagens/cartao.png);
}

.usuario::before{
    content: url(/olimpiadageografia/imagens/usuario.png);
}
input.usuario{
    background: url(/olimpiadageografia/imagens/usuario.png);
}

.imprimir::before{
    content: url(/olimpiadageografia/imagens/impressora.png);
}
input.imprimir{
    background: url(/olimpiadageografia/imagens/impressora.png);
}

.pdf::before{
    content: url(/olimpiadageografia/imagens/pdf.png);
}
input.pdf{
    background: url(/olimpiadageografia/imagens/pdf.png);
}

.doc::before{
    content: url(/olimpiadageografia/imagens/doc.png);
}
input.doc{
    background: url(/olimpiadageografia/imagens/doc.png);
}

.xls::before{
    content: url(/olimpiadageografia/imagens/xls.png);
}
input.xls{
    background: url(/olimpiadageografia/imagens/xls.png);
}



/* CLASSES COMUNS*/

.linhasemquebra {
    white-space: nowrap;
}


/* MENSAGENS*/
div.erro{
    background-color: pink;
    color: red;
    text-align: center;
}

div.mensagem{
    background-color: lightcyan;
    color: blue;
    text-align: center;
}

div.mensagemalerta{
    background-color: beige;
    color: orangered;
    text-align: center;
}

div.mensagemsucesso{
    background-color:lightgreen;
    color: green;
    text-align: center;
}


/* TABELA PARA FORMULARIOS */
table.formulario{
    align: center;
}
table.formulario th{
    text-align: right;
}
table.formulario th, td{
    padding: 2px;
}

/* TABELAS PARA DADOS */
.tabelaDados {
    border: 1px solid #bbb;
    border-collapse: collapse;
}

.tabelaDados thead,
.tabelaDados th {
    background-color: #ddd;
    border: 1px solid #ccc;
}

.tabelaDados th:last-child {
    border-right: none;
}

.tabelaDados thead th,
.tabelaDados tbody tr td {
    border: 1px solid #bbb;
    padding: 2px 8px;
}

.tabelaDados thead th a,
.tabelaDados tbody tr td a {
    font-weight: normal;
}

.tabelaDados tbody tr {
    background-color: white;
    border: 1px solid #bbb;
}

.tabelaDados tbody tr:nth-child(2n+1) {
    background-color: #eee;
}

.tabelaDados tbody tr:hover {
    background-color: #ddd;
}




/* STYLE PROPRIO DESSE DOMINIO DE PROVA */

div.questao{
    font-weight: 600;
    font-size: 1.2em;
    margin-bottom: 1em;
    margin-top: 0.5em;
}

div.alternativa{
    font-weight: 600;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
}

div.alternativa:hover{
    color: green;
    /*font-size: 1.1em;*/
}

fieldset { 
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    padding-top: 0.35em;
    padding-bottom: 0.625em;
    padding-left: 0.75em;
    padding-right: 0.75em;
    border: 2px groove (internal value);
}
