/* Estilos para o botão de atualização */
#btnAtualiza {
    border: none;
    background-color: #f1f1f1;
    color: #3d80df;
    height: 15px;
    font-size: 0.6em;
}

/* Estilos para a tabela */
.vagas {
    border-collapse: collapse;
    width: 22em;
    font-size: 0.73em;
}

thead {
    border-bottom: 1px solid #a5a5a5;
}

tr:hover {
    background-color: #3d80dd;
    color: #ffffff;
}

thead tr:hover {
    background-color: transparent;
    color: inherit;
}

tr:nth-child(even) {
    background-color: #edf5ff;
}

th {
    text-align: left;
}

th, td {
    padding: 0.1em 0.5em;
    border-bottom: 0.1em solid #e6e6e6;
}

/* Estilos para imagens e parágrafos */
#imgp img {
    float: left;
    margin: 0 10px;
}

#imgp p {
    text-align: justify;
    margin: 0 10px;
    line-height: 1.1em;
	margin-bottom: 1.5em;
}

/* Container principal, alinha #divcentro e #divpropaganda2 */
#divcorpo {
    width: 100%;
    height: auto;
}
#conteudo-principal {
    display: flex;
    align-items: flex-start;
    width: 100%;
    /* A altura será ajustada automaticamente */
}

/* Div na parte de baixo da página, alinhada com Flexbox */
#divparceiros {
    width: 100%;
    height: auto;
    padding: 10px;
    display: flex;
    justify-content: flex-start; /* Opcional: este é o valor padrão */
    flex-wrap: wrap;
    gap: 15px; /* Adiciona 15px de espaço entre as imagens */
	align-items: center;
}

/* Div principal de conteúdo, agora um container Flexbox */
#divcentro {
    display: flex; /* Adicionado para alinhar o conteúdo interno */
    flex-wrap: wrap; /* Permite que os itens internos quebrem a linha */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #7D7D7D;
    text-decoration: none;
    width: 45%;
    height: auto;
    /* top e visibility não são necessários, pois o elemento já está no fluxo */
    overflow: hidden;
    margin-left: 3px;
}

.confinnercentro {
    overflow: auto;
    padding-bottom: 5px;
    padding-top: 10px;
    float: left;
    visibility: visible;
    width: 50%;
    height: auto;
    /* margin-bottom: 50px;*/
}

/* Div da propaganda, agora alinhada com Flexbox no pai (#divcorpo) */
#divpropaganda2 {
    width: 24%;
    height: auto;
    padding: 10px 5px 5px; /* Unificado o padding para maior clareza */
}

/* Estilos do rodapé */
#divrodape {
    width: 100%;
    height: 300px;
    color: #0026ff;
    margin-top: 20px;
}

/* Estilos para imagens e pop-up */
#img01 {
    width: 332px;
    height: 472px;
    border: 0;
}

#divimgaumentada {
    width: 246px;
    height: 350px;
    position: absolute;
    left: 50px;
    z-index: 250;
    background-color: rgba(255, 255, 255, 0.67);
    display: none;
    margin: auto;
    padding: 15px;
    top: 6px;
}

/* Estilos de notícias */
.newsitem0 {
    background-color: #FFFAFA;
    padding: 3px;
}

.newsitem {
    background-color: #EEE9E9;
    padding: 3px;
}

/* Estilo do botão de teste */
.testbutton {
    font-family: arial;
    color: #F7FF0D !important;
    font-size: 12px;
    text-shadow: 1px 1px 0px #636361;
    box-shadow: 0px 1px 0px #C22115;
    padding: 10px 12px;
    border-radius: 7px;
    background: linear-gradient(to bottom, #69B57D, #266341);
    /* Removidos os prefixos obsoletos */
}
.separador {
    /* Adiciona 10 pixels de espaço à esquerda e 10 pixels à direita do ; */
    padding-left: 10px;
    padding-right: 10px; 
    /* Opcional: manter o ; na cor principal do texto */
    color: inherit; 
}