/* ==========================================
   1. BASE E ELEMENTOS GERAIS
   ========================================== */
body {
  background-image: url("img/trama.gif");
  font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h6,
.title, .titulonews, .textoHome {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
}

h1 { font-size: 15px; font-weight: bold; color: #800000; margin-bottom: 20px; }
h2 { font-size: 24px; font-weight: bold; color: #800000; margin-bottom: 35px; }
h3 { font-size: 20px; font-weight: bold; color: #800000; margin-bottom: 35px; }
h4 { font-size: 13px; font-weight: bold; color: #000; margin-top: 35px; }
h6 { font-size: 15px; font-weight: bold; color: #000; }

.textoHome { font-size: 20px; color: #333; margin-bottom: 15px; }
.titulonews { font-size: 18px; font-weight: bold; color: #800000; text-align: left; }
.title { font-size: 18px; font-weight: bold; color: #000; text-align: left; }
.style2 { font-family: Arial, Helvetica, sans-serif; color: #800000; font-size: 15px; font-weight: bold; }
.style3 { font-family: Arial, Helvetica, sans-serif; color: #800000; font-size: 15px; font-weight: normal; }

.content, .style11news {
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 15px;
  font-weight: normal;
  text-align: justify;
}

/* Links */
a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  text-decoration: none;
}
a:hover { color: #800000; }
a.nonono { color: #000000; text-decoration: none; }

a.coolstyle5 {
  color: #800000;
  font-size: 12px;
  font-weight: normal;
  text-align: left;
}
a.coolstyle5:hover { color: #000000; }

.aspecial:link, .aspecial:visited { color: #CCC; text-decoration: none; }
.aspecial:hover { color: white; text-decoration: none; }
.aspecial:active { color: #FFF; text-decoration: none; }

/* Linhas Separadoras */
.hr5, .hr6 {
  background-color: #800000;
  color: #800000;
  border-color: #800000;
}
.hr5 { margin-right: 10px; }

/* ==========================================
   2. ESTRUTURA E CABEÇALHOS
   ========================================== */
#header { position: relative; top: 30px; height: 240px; }
#headerDireita { position: absolute; right: 0; top: 0; width: 300px; height: 27px; }

#headerFundo, #headerAdmin {
  background-color: #2D2D2D;
  background-image: none;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  height: 27px;
  line-height: 27px;
  margin: 0;
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  visibility: visible;
}
#headerFundo { z-index: 800; }
#headerAdmin { height: 28px; line-height: 28px; right: 0; z-index: 990; }

#header2 {
  background-image: url("img/cabecalho_ricot_fundo.png");
  position: relative;
  left: 0; top: 0;
  width: 991px; height: 171px;
  visibility: visible;
  z-index: 990;
}

#header3 {
  background-image: url("img/journal.png");
  position: relative;
  left: 0; top: 0;
  width: 991px; height: 212px;
  visibility: visible;
  z-index: 990;
}

#indicacao {
  color: white;
  font-size: 9px;
  padding-left: 900px;
  position: relative;
  top: 134px;
}

#conteudo {
  position: absolute;
  text-align: justify;
  top: 224px;
  font-family: Verdana, sans-serif;
  font-size: 13px;
  padding-right: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 50em;
}

#tableContents { padding-top: 50px; }
#wrapper table { top: 0px; position: relative; }

/* ==========================================
   3. NAVEGAÇÃO E OPÇÕES DE MENU
   ========================================== */
/* Grupo "jOpcao" */
[id^="jOpcao"] {
  position: absolute;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  cursor: pointer;
}
[id^="jOpcao"]:hover {
  font-weight: bold;
  color: #800000;
}

#jOpcao1 { top: 155px; left: 180px; width: 100px; }
#jOpcao2 { top: 155px; left: 280px; width: 100px; }
#jOpcao3 { top: 155px; left: 380px; width: 140px; }
#jOpcao4 { top: 155px; left: 520px; width: 190px; }
#jOpcao5 { top: 155px; left: 710px; width: 160px; }
#jOpcao6 { top: 155px; left: 870px; width: 110px; }
#jOpcao7 { top: 185px; left: 420px; width: 210px; }
#jOpcao8 { top: 185px; left: 600px; width: 210px; }
#jOpcao9 { top: 185px; left: 785px; width: 180px; }

/* Grupo "Opcao" Superior */
[id^="Opcao"] {
  position: absolute;
  top: 0px;
  height: 27px;
  line-height: 27px;
  color: #CCC;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align: center;
  margin: 0;
  padding: 0 5px;
  border-right: 1px solid darkgray;
  z-index: 1000;
}

#Opcao1 { left: 0px; width: 60px; }
#Opcao2 { left: 72px; width: 70px; }
#Opcao3 { left: 160px; width: 120px; }
#Opcao4 { left: 290px; width: 110px; }
#Opcao5 { left: 410px; width: 120px; }
#Opcao6 { left: 540px; width: 80px; }

/* Subopções Ricot */
[id^="subop"] {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  background-image: url("img/bt_menu_ricot.png");
  position: absolute;
  right: 10px;
  width: 220px;
  cursor: pointer;
  padding: 1px 0;
  opacity: 0.7;
  text-align: center;
  text-transform: uppercase;
}
#subop1 { top: 10px; font-weight: bold; }
#subop2 { top: 30px; }
#subop3 { top: 50px; }
#subop4 { top: 70px; }
#subop5 { top: 90px; }
#subop6 { top: 110px; }

[id^="subop"]:hover {
  background-image: url("img/bt_menu_ricot_hover.png") !important;
  font-weight: bold !important;
  color: #800000;
}

[id^="subop"]:active {
  background-image: url("img/bt_menu_ricot_active.png");
  font-weight: bold;
}
.subopSelected { opacity: 1; }

/* Filtros de Lista/Ano/Palavra */
#slist, #syear, #sword {
  background-color: white;
  border-top: 2px solid #800000;
  border-bottom: 2px solid #800000;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0 5px;
  position: relative;
  padding: 5px;
  cursor: pointer;
  color: black;
  font-weight: normal;
  text-transform: uppercase;
}

#slist.jselected, #sword.jselected, #syear.jselected {
  border-top-width: 4px;
  font-weight: bold;
  color: #800000;
}

#jword {
  border: 1px solid lightGray;
  padding: 2px;
  position: relative;
  top: 25px;
  width: 800px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#jYears {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  top: 25px;
  word-spacing: 8px;
  cursor: pointer;
}

.jYear {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}
.jYear:hover {
  font-weight: bold;
  color: #800000;
}

/* ==========================================
   4. ÍCONES E BOTÕES SOCIAIS
   ========================================== */
#facebook, #twiter, #jfacebook, #jtwiter {
  position: relative;
  cursor: pointer;
  z-index: 1000;
}

#facebook { top: -32px; left: 472px; height: 22px; width: 22px; background-image: url("img/bt_cabecalho_ricot_facebook.png"); }
#facebook:hover { background-image: url("img/bt_cabecalho_ricot_facebook_select.png"); }

#twiter { top: -54px; left: 446px; height: 22px; width: 22px; background-image: url("img/bt_cabecalho_ricot_twetter.png"); }
#twiter:hover { background-image: url("img/bt_cabecalho_ricot_twetter_select.png"); }

#jfacebook { top: -180px; left: 460px; height: 38px; width: 38px; background-image: url("img/bt_cabecalho_journal_facebook.png"); }
#jfacebook:hover { background-image: url("img/bt_cabecalho_journal_facebook_select.png"); }

#jtwiter { top: -170px; left: 460px; height: 38px; width: 38px; background-image: url("img/bt_cabecalho_journal_twetter.png"); }
#jtwiter:hover { background-image: url("img/bt_cabecalho_journal_twetter_select.png"); }

#PT, #EN, #Bar, #Logo, #APOIOS {
  position: absolute;
  top: 0px;
  height: 27px;
  line-height: 27px;
  color: #CCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align: center;
  z-index: 1000;
}

#PT { left: 0px; width: 30px; cursor: pointer; }
#EN { left: 35px; width: 30px; cursor: pointer; }
#Bar { right: 30px; width: 150px; background-image: url("img/m_atalho_DATA.png"); }
#Logo { right: 0px; width: 19px; cursor: pointer; background-image: url("img/m_atalho_ICON.png"); }

#APOIOS {
  right: 330px;
  width: 350px;
  background-image: url("img/apoios.svg") !important;
}

/* ==========================================
   5. TABELAS DE DADOS
   ========================================== */
#tabelaNoticias, #tabelaRefrees, #tabelaArtigos {
  top: 0px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  width: 992px;
}

#tabelaNoticiasHeader, #tabelaRefreesHeader, #tabelaArtigosHeader {
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
}

#tabelaNoticiasHeader td,
#tabelaRefreesHeader td,
#tabelaArtigosHeader td {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
  border-bottom: 2px solid #800000 !important;
}

#tabelaNoticias td,
#tabelaRefrees td,
#tabelaArtigos td {
  font-weight: normal;
  text-align: center;
  background-color: #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#gestFilesTabela {
  top: 0px;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  width: 400px;
}
#gestFilesTabelaHeader { border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; }
#gestFilesTabelaHeader td {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
  border-bottom: 2px solid #800000 !important;
}
#gestFilesTabela td {
  font-weight: normal;
  text-align: center;
  background-color: #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

/* ==========================================
   6. COMPONENTES DIVERSOS E RODAPÉ
   ========================================== */
#scroller { overflow: hidden; height: 180px; width: 466px; }

.login {
  background-image: url("img/cabecalho_login.png");
  background-position: top;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 50px;
  width: 500px;
  height: 320px;
  border: 1px solid #999999;
  border-top-width: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  text-align: center;
}

.lognoticias, .logartigos {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
  width: auto;
  height: auto;
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px solid #999999;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  text-align: left;
}

/* Rodapé */
.footerstyle1 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 18px; text-align: left; }
.footerstyle4 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 18px; font-weight: bold; text-align: left; }
.footerstyle6 { color: #800000; font-size: 12px; text-align: left; }
.footerstyle3 { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 15px; font-weight: normal; text-align: left; }
.footerstyle3_1 { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 15px; font-weight: normal; text-align: right; }


#footer td, #footer th { font-family: Arial, Helvetica, sans-serif; }

#footer a { font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #FFFFFF; text-decoration: none; }
#footer a:visited { color: #FFFFFF; text-decoration: none; }
#footer a:hover, #footer a:active { color: #800000; text-decoration: none; }