* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background: #000;
  font-family: Arial, Helvetica, sans-serif;
}

/* CONTAINER CENTRAL */
.container {
  width: 762px;
  margin: 0 auto;
  background: #fff;
}

/* TOPO */
.topo {
  background: #000;
  text-align: right;
}

.topo img {
  width: 754px;
  height: 150px;
  display: block;
}

/* CORPO */
.corpo {
    display: flex;
    background: #000;
}

/* BARRA ESQUERDA */
.barra-esquerda {
  width: 23px;
  display: flex;
  flex-direction: column;
  margin-left: -9px; /* desloca estruturalmente */
}

.esq-topo {
  width: 23px;
  height: 50px;
  background: url('../img/esq1.jpg') no-repeat top;
}

.esq-corpo {
  flex: 1;
  position: relative;
  background: url('../img/esq2.jpg') repeat-y top;
}

/* AJUSTES DA BARRA LATERAL */
.menu-lateral {
  width: 178px;
  background: #fff;
  display: flex;
  flex-direction: column;
}

.botoes-menu a, .botoes-menu img {
  display: block;
  width: 178px;
}

/* Títulos VIP e VOTE centralizados com 150px */
.titulo-lateral {
  display: flex;
  width: 150px;          /* Largura solicitada */
  height: auto;          /* Mantém a proporção */
  margin-bottom: 5px;    /* Espaço entre o título e a imagem debaixo */
}

.banner-lateral {
  width: 178px;          /* Largura total da coluna lateral */
  margin-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;   /* Centraliza horizontalmente todos os filhos */
}

.moldura-banner img {
  align-content: center;
  width: 150px !important; /* Tamanho exato das artes da época */
  height: 189px;
  border: 0;
  transition: opacity 0.2s;
}

.moldura-banner img:hover {
  opacity: 0.8;
}

.menu-lateral nav a {
  display: block;
}

.menu-lateral img {
  width: 178px;
  display: block;
}

/* CONTEÚDO */
.conteudo {
  width: 561px;
  background: #fff;
}

.subtopo img {
  width: 560px;
  height: 39px;
  display: block;
}

.conteudo-branco {
  background: #fff;
  padding: 20px;
  min-height: 700px;
  font-size: 13px;
  color: #000;
}

.conteudo-branco p {
  margin-bottom: 15px;
}

/* LINKS SERVIDORES */
.links-servidores {
  text-align: right;
}

.links-servidores a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.links-servidores a:hover {
  text-decoration: underline;
}

/* BARRA DIREITA */
.barra-direita {
  position: relative;
  width: 11px;
  left: -7px;
  background: url(../img/dir.jpg) repeat-y top;
}

/* RODAPÉ REVISADO */
.rodape {
  
  background-color: #000; /* Garante o fundo preto sob a imagem se necessário */
  position: relative;
}

.rodape img {
  width: 749px; /* Faz a imagem ocupar exatamente a largura da coluna branca */
  position: relative;
  left: 7px;
}