html {
  font-size: 62.5%;
}
* {
  font-family: 'Open Sans Condensed', sans-serif;
}
body {
  color: #808080;
  font-size: 13px !important;
  font-size: 1.3rem !important;
  text-align: center;
  background-color: #000;
  margin: 0px;
  overflow: hidden;
  background: url(../img/fundo.jpg) no-repeat;
}
dd {
  margin-left: 0;
}
canvas {
  background: url(../img/fundo.jpg) no-repeat;
}
#logo-mf {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
}
#superior a {
  border: 0;
}
#logo-acervo {
  position: absolute;
  top: 20px;
  left: 20px;
  cursor: pointer;
  z-index: 4;
}
button {
  border: 0px;
  cursor: pointer;
}
#menu {
  position: absolute;
  left: 20px;
  top: 300px;
  width: 80px;
  display: none;
}
#menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 10px 0;
  background-color: #fff;
  border: 0;
  border-radius: 5px;
  width: 42px;
}
#menu ul li {
  padding: 5px 0 0 0;
  margin: 0;
  width: 42px;
}
#menu a.btn span {
  display: none;
}
#menu button,
#menu a.btn {
  width: 32px;
  height: 32px;
  margin: 0 5px 5px 5px;
  background-repeat: no-repeat;
  background-position: -64px 0 !important;
}
#menu a.btn {
  display: inline-block;
  margin: 0 5px 0px 5px;
  position: relative;
  border: 0;
  padding: 0;
}
#menu button:hover,
#menu a.btn:hover {
  background-position: -96px 0 !important;
}
#menu button:active,
#menu a.btn:active {
  background-position: 0 0 !important;
}
#menu button.disabled {
  background-position: 0 0 !important;
  cursor: auto;
}
#menu button#procura {
  background: url(../img/bot-procura.png);
}
#menu #div_procura {
  clear: both;
}
#menu #campo_procura {
  position: absolute;
  left: 0;
  top: 0;
  width: 190px;
  height: 40px;
  border: 0;
  font-size: 17px !important;
  font-size: 1.7rem !important;
  font-weight: bold;
  color: #FF6622;
  padding-left: 10px;
  padding-right: 246px;
  background: #ffffff url(../img/bot-procura-form.png) top right no-repeat;
  border-radius: 6px 0 0px 6px ;
  outline: none;
}
#menu #campo_procura.form_ativo {
  background: url(../img/bot-procura-form.png) top right no-repeat;
}
#form_procura{
    display: none;
}
#menu #div_fecha_pesquisa {
  position: absolute;
  left: 442px;
  top: 0;
  width: 20px;
  height: 20px;
  border: 5px solid #ffffff;
  padding: 5px;
  background: #ffffff url(../img/bot-procura-fecha.png) -4px -2px no-repeat;
  border-radius: 0 6px 0 0;
  outline: none;
  cursor: pointer;
}
#menu #div_tipos{
  background-color: #DDDDDD;
  border-radius: 1px;
  padding: 5px 0 5px 3px;
  width: 200px;
  height: 24px;
  position: absolute;
  left: 204px;
  top: 4px;
  text-align: left;
}
#menu #div_tipos label {
  display: inline-block;
  padding-right: 20px;
  height: 30px;
}
#menu #div_tipos label[for="tipo-instituicoes"] {
  background: url(../img/ico/instituicoes.png) no-repeat;
}
#menu #div_tipos label[for="tipo-personalidades"] {
  background: url(../img/ico/personalidades.png) no-repeat;
}
#menu #div_tipos label[for="tipo-campeonatos"] {
  background: url(../img/ico/campeonatos.png) no-repeat;
}
#menu #div_tipos label[for="tipo-acervo"] {
  background: url(../img/ico/acervo.png) no-repeat;
}

#menu #div_fulltext{
  background-color: #DDDDDD;
  border-radius: 0px 0px 6px 6px;
  border: 4px solid #FFF;
  padding: 5px 0px 5px 3px;
  width: 271px;
  height: 22px;
  position: absolute;
  left: 200px;
  top: 38px;
  color: #000;
  font-size: 10pt;
  text-align: left;
}
#menu #div_fulltext label {
  padding-right: 5px;
}

#menu input, #menu label {
  cursor: pointer;
}

#menu button#posInicial {
  background: url(../img/bot-pos-inicial.png);
}
#menu button#anaglifo {
  background: url(../img/bot-estereo.png);
}
#menu button#anaglifo.selecionado {
  background-position: -96px 0 !important;
}
#menu button#anaglifo.disabled {
  background-position: 0 0 !important;
  cursor: auto;
}
#menu #ambiente3d {
  background: url(../img/bot-3d.png);
}
#menu #ambiente3d.selecionado {
  background-position: -96px 0 !important;
}
#menu #ambiente3d.disabled {
  background-position: 0 0 !important;
  cursor: default;
}
#menu #ambiente2d {
  background: url(../img/bot-2d.png);
}
#menu #ambiente2d.selecionado {
  background-position: -96px 0 !important;
}
#menu #ajuda {
  background: url(../img/bot-ajuda.png);
}
#menu #info {
  background: url(../img/bot-info.png) no-repeat;
}
#menu #contate-nos {
  background: url(../img/bot-contate-nos.png) no-repeat;
}
::-webkit-input-placeholder {
  color: #D8D8D8;
  padding-left: 0;
}
::-moz-placeholder {
  color: #D8D8D8;
  padding-left: 0;
}
/* firefox 19+ */
:-ms-input-placeholder {
  color: #D8D8D8;
  padding-left: 0;
}
/* ie */
input:-moz-placeholder {
  color: #D8D8D8;
  padding-left: 0;
}
#menu-superior {
  position: absolute;
  top: 20px;
  width: 100%;
  text-align: center;
}
#menu-superior ul {
  list-style-type: none;
  padding: 5px 0 21px 0;
  border: 0;
  position: absolute;
  top: 43px;
  left: 0;
  display: none;
}
#menu-superior ul li {
  padding: 2px 30px 3px 40px;
  margin: 0;
  display: block;
}
#menu-superior ul li:hover {
  background-color: rgba(127, 127, 127, 0.2);
  text-decoration: underline;
}
#menu-superior ul li a {
  text-decoration: none;
  display: block;
}
#menu-superior ul li a.ativo {
  font-weight: bold;
  color: #FFFFFF !important;
}
#menu-superior .abreMenuFiltro h3 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 19px !important;
  font-size: 1.9rem !important;
  padding-left: 35px;
  margin: 0;
  background-position: 10px 1px;
  cursor: pointer;
}
#menu-superior .abreMenuFiltro h3:hover {
  text-decoration: underline;
}
#menu-superior .abreMenuFiltro span,
#menu-superior .abreMenuFiltro a {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px !important;
  font-size: 1.3rem !important;
}
#menu-superior .abreMenuFiltro span.todas {
  display: block;
  padding-left: 35px;
  cursor: pointer;
}
#menu-superior .abreMenuFiltro span.todas:hover {
  text-decoration: underline;
}
#menu-superior .head {
  padding: 5px 20px 5px 5px;
}
#menu-superior .head,
#menu-superior ul {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 6px;
  margin-bottom: 7px;
}
#menu-superior .abreMenuFiltro {
  color: #dddddd;
  text-align: left;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
  position: relative;
}
#menu-superior .abreMenuFiltro#tunel-acervo {
  color: #dddddd;
}
#menu-superior .abreMenuFiltro#tunel-acervo h3 {
  background: url(../img/ico/acervo.png) no-repeat;
  background-position: 10px 1px;
}
#menu-superior .abreMenuFiltro#tunel-acervo .todas {
  background: url(../img/ico/sup-seta-acervo.png) no-repeat;
  background-position: 17px 4px;
}
#menu-superior .abreMenuFiltro#tunel-acervo ul li a {
  color: #dddddd;
}
#menu-superior .abreMenuFiltro#tunel-instituicoes {
  color: #9a7646;
}
#menu-superior .abreMenuFiltro#tunel-instituicoes h3 {
  background: url(../img/ico/instituicoes.png) no-repeat;
  background-position: 13px 3px;
}
#menu-superior .abreMenuFiltro#tunel-instituicoes .todas {
  background: url(../img/ico/sup-seta-instituicoes.png) no-repeat;
  background-position: 17px 4px;
}
#menu-superior .abreMenuFiltro#tunel-instituicoes ul li a {
  color: #9a7646;
}
#menu-superior .abreMenuFiltro#tunel-personalidades {
  color: #ff5209;
}
#menu-superior .abreMenuFiltro#tunel-personalidades h3 {
  background: url(../img/ico/personalidades.png) no-repeat;
  background-position: 11px 3px;
}
#menu-superior .abreMenuFiltro#tunel-personalidades .todas {
  background: url(../img/ico/sup-seta-personalidades.png) no-repeat;
  background-position: 17px 4px;
}
#menu-superior .abreMenuFiltro#tunel-personalidades ul li a {
  color: #ff5209;
}
#menu-superior .abreMenuFiltro#tunel-campeonatos {
  color: #16b572;
}
#menu-superior .abreMenuFiltro#tunel-campeonatos h3 {
  background: url(../img/ico/campeonatos.png) no-repeat;
  background-position: 13px 3px;
}
#menu-superior .abreMenuFiltro#tunel-campeonatos .todas {
  background: url(../img/ico/sup-seta-campeonatos.png) no-repeat;
  background-position: 17px 4px;
}
#menu-superior .abreMenuFiltro#tunel-campeonatos ul li a {
  color: #16b572;
}
.largura-verbete {
  position: relative;
  float: none !important;
  max-width: 1060px;
  min-width: 900px;
  margin: 0 auto;
}
/*tarja*/
#tarja {
  height: 175px;
  width: 100%;
  position: absolute;
  bottom: -190px;
  background: url(../img/tarja-fundo.png) repeat-x;
  opacity: 0.90;
  text-align: left;
  overflow-y: visible;
  z-index: 30;
  /*CSS para tarja de procura*/
  /*CSS para tarja de personalidades*/
  /*CSS para tarja de instituicoes*/
  /*CSS para tarja de campeonatos*/
  /*CSS para tarja de acervo*/
}
#tarja.preview {
  top: 0;
  bottom: auto;
}
#tarja.resultados div#up-down span {
  display: none;
}
#tarja div {
  float: left;
  height: 100%;
  border: 0px solid red;
}
#tarja #imagem {
  width: 130px;
  margin-top: 20px;
}
#tarja #imagem img {
  width: 100%;
}
#tarja #imagem a {
  width: 100%;
  height: 130px;
  display: block;
  background-color: #ffffff;
}
#tarja #imagem a img {
  width: 116px;
  margin: 7px;
}
#tarja #icone {
  width: 56px;
  height: 56px;
  border-right: 2px solid red;
  border-right-color: #dddddd;
}
#tarja #entidade {
  width: auto;
  min-width: 330px;
  max-width: 460px;
  display: table;
  margin: 0;
  padding: 0;
}
#tarja #entidade table {
  height: 175px;
}
#tarja #entidade table tr td {
  vertical-align: middle !important;
}
#tarja #entidade #nomes {
  width: 314px;
  overflow: hidden;
  padding-left: 12px;
}
#tarja #entidade #nomes h1 {
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 24px !important;
  font-size: 2.4rem !important;
  line-height: 25px;
}
#tarja #entidade #nomes h1 span#qtde {
  text-transform: none;
}
#tarja #entidade #nomes h2 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Arial, Verdana, sans-serif;
  font-size: 17px !important;
  font-size: 1.7rem !important;
  line-height: 18px;
}
#tarja #up-down {
  position: absolute;
  left: 500px;
  width: 130px;
  cursor: pointer;
  text-align: center;
  padding-top: 40px;
}
#tarja #up-down #fechar {
  cursor: pointer;
  position: absolute;
  top: -15px;
  left: 515px;
  width: 30px;
  height: 30px;
  background-image: url(../img/tarja-fecha-acervo.png);
  background-repeat: no-repeat;
  background-position: -30px 0;
}
#tarja #up-down #fechar:hover {
  background-position: 0 0;
}
#tarja #up-down .mais-info {
  display: block;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  color: #FFF;
  line-height: 1.3;
}
#tarja #up-down .mais-info-bot {
  display: block;
  margin: 0 auto;
  width: 44px;
  height: 44px;
  background-image: url(../img/mais-info-acervo.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}
#tarja #up-down .mais-info-voltar {
  display: none;
}
#tarja #up-down.aberto .mais-info {
  display: none;
}
#tarja #up-down.aberto .mais-info-voltar {
  display: block;
}
#tarja #up-down.aberto .mais-info-bot {
  background-position: -43px 0;
}
#tarja #up-down.aberto #fechar {
  display: none;
}
#tarja #acervo {
  float: none;
  position: absolute;
  left: 660px;
  right: 0;
  margin-top: 40px;
  height: 100px;
}
#tarja #acervo div {
  margin-left: 8px;
}
#tarja.procura #entidade #nomes h2 {
  color: #616161;
}
#tarja.procura #icone {
  background: url(../img/ico/icone-procura.png) no-repeat center;
  border-right-color: #616161;
}
#tarja.procura #fecha {
  background: url(../img/fecha-procura.png) no-repeat center;
}
#tarja.personalidades #entidade #nomes h2 {
  color: #ff5209;
}
#tarja.personalidades #icone {
  background: url(../img/ico/personalidades.png) no-repeat 19px 19px;
  border-right-color: #ff5209;
}
#tarja.personalidades #up-down .mais-info-bot {
  background-image: url(../img/mais-info-personalidades.png);
}
#tarja.personalidades #up-down #fechar {
  background-image: url(../img/tarja-fecha-personalidades.png);
}
#tarja.instituicoes #entidade #nomes h2 {
  color: #9a7646;
}
#tarja.instituicoes #icone {
  background: url(../img/ico/instituicoes.png) no-repeat 19px 19px;
  border-right-color: #9a7646;
}
#tarja.instituicoes #up-down .mais-info-bot {
  background-image: url(../img/mais-info-instituicoes.png);
}
#tarja.instituicoes #up-down #fechar {
  background-image: url(../img/tarja-fecha-instituicoes.png);
}
#tarja.campeonatos #entidade #nomes h2 {
  color: #16b572;
}
#tarja.campeonatos #icone {
  background: url(../img/ico/campeonatos.png) no-repeat 19px 19px;
  border-right-color: #16b572;
}
#tarja.campeonatos #up-down .mais-info-bot {
  background-image: url(../img/mais-info-campeonatos.png);
}
#tarja.campeonatos #up-down #fechar {
  background-image: url(../img/tarja-fecha-campeonatos.png);
}
#tarja.acervo #entidade #nomes h1 {
  text-transform: none;
}
#tarja.acervo #entidade #nomes h2 {
  color: #dddddd;
}
#tarja.acervo #icone {
  background: url(../img/ico/acervo.png) no-repeat 19px 19px;
  border-right-color: #dddddd;
}
#tarja.acervo #up-down .mais-info-bot {
  background-image: url(../img/mais-info-acervo.png);
}
#tarja.acervo #up-down #fechar {
  background-image: url(../img/tarja-fecha-acervo.png);
}
/*css para camadas 2 e 3*/
html,
body {
  height: 100%;
}
#outer {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#wrap {
  height: 100%;
  position: relative;
}
#main {
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
}
#main.dois-d {
  max-width: 1280px;
  margin: 0 auto;
}
#about {
  width: 100%;
  height: 100%;
}
#about .content {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.goDown,
.goUp {
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 159px;
  height: 49px;
  padding: 30px 0 0;
  background: url(../img/goDown.png) no-repeat 0 bottom;
  color: #fff;
  text-align: center;
  cursor: pointer;
  z-index: 111;
}
.goDown,
.goUp {
  position: absolute;
  left: 20px;
  bottom: 0;
  width: 159px;
  height: 49px;
  padding: 30px 0 0;
  background: url(../img/goDown.png) no-repeat 0 bottom;
  color: #fff;
  text-align: center;
  cursor: pointer;
  z-index: 111;
}
.goDown:hover {
  background-position: 0 0;
}
.goDown b,
.goUp b {
  display: block;
  font-size: 17px;
  margin: -15px 0 3px;
  font-weight: normal;
  line-height: 1em;
}
.goDown span,
.goUp span {
  font-size: 12px;
  line-height: 13px;
}
.goUp b {
  margin: 10px 0 7px;
}
.goUp {
  top: 100%;
  background: url(../img/goUp.png) no-repeat 0 0;
  padding-top: 14px;
  height: 65px;
}
.goUp:hover {
  background-position: 0 bottom;
}
.conteudo {
  width: 80%;
  margin: 100px 60px;
  font-size: 14pt;
  text-align: left;
  color: rgba(238, 127, 1, 0.75);
}
#detalhes-recipiente {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100%;
  overflow: auto;
}
#detalhes-recipiente-preview {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
#pages {
  width: 800px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -800px;
  z-index: 120;
  background: #ffffff url(../img/ico/page-barra-bg.png) repeat-y right;
  text-align: left !important;
}
#pages .clear {
  clear: both;
}
#pages #page-logo-acervo {
  position: absolute;
  top: 20px;
  left: 20px;
}
#pages #page-bt-fechar {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 30px;
  height: 31px;
  cursor: pointer;
  background-image: url(../img/ico/page-bt-fechar.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
}
#pages #page-bt-fechar span {
  display: none;
}
#pages #page-bt-fechar:hover {
  background-position: -30px 0;
}
#pages #page-menu {
  position: absolute;
  top: 140px;
  left: 20px;
  width: 150px;
}
#pages #page-menu ul {
  padding: 37px 0 0 0;
  list-style-type: none;
}
#pages #page-menu ul.ajuda {
  background: url(../img/ico/page-menu-ajuda.png) no-repeat left top;
}
#pages #page-menu ul.contate-nos {
  background: url(../img/ico/page-menu-contato.png) no-repeat left top;
}
#pages #page-menu ul.info {
  background: url(../img/ico/page-menu-info.png) no-repeat left top;
}
#pages #page-menu ul li {
  margin-bottom: 10px;
}
#pages #page-menu ul li a {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-family: Arial, Verdana, sans-serif;
  color: #8c8c8c;
  text-decoration: none;
}
#pages #page-menu ul li a:hover {
  text-decoration: underline;
}
#pages #page-menu ul li a.ativo {
  color: #001a4b;
}
#pages .page-texto {
  position: absolute;
  top: 140px;
  left: 210px;
  width: 540px;
  height: 70%;
  overflow-y: auto;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-family: Arial, Verdana, sans-serif;
  color: #808080;
  font-weight: bold;
}
#pages .page-texto > div {
  margin-right: 30px;
}
#pages .page-texto div {
  display: none;
}
#pages .page-texto h2 {
  font-size: 22px !important;
  font-size: 2.2rem !important;
  color: #F48120;
  font-family: 'Open Sans Condensed', sans-serif;
  margin-bottom: 6px;
}
#pages .page-texto h3 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #808080;
  border-bottom: 1px solid #A0A0A0;
  padding-bottom: 5px;
  margin-top: 0px;
  margin-bottom: 2px;
}
#pages .page-texto p {
  line-height: 1.5;
  font-family: Arial, Verdana, sans-serif;
}
#pages .page-texto p.alerta {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  color: #001a4b;
  font-size: 18px !important;
  font-size: 1.8rem !important;
  position: relative;
  left: -30px;
  padding-left: 30px;
  line-height: 1.3;
  margin-top: 0px;
  margin-bottom: 6px;
}
#pages .page-texto ul {
  margin-top: 2px;
}
#pages .page-texto ul li span {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  top: -4px;
}
#pages .page-texto ul li span#ajuda_procura {
  background: url(../img/bot-procura.png);
}
#pages .page-texto ul li span#ajuda_posInicial {
  background: url(../img/bot-pos-inicial.png);
}
#pages .page-texto ul li span#ajuda_anaglifo {
  background: url(../img/bot-estereo.png);
}
#pages .page-texto ul li span#ajuda_ambiente2D {
  background: url(../img/bot-2d.png);
}
#pages .page-texto ul li span#ajuda_ambiente3D {
  background: url(../img/bot-3d.png);
}
#pages .page-texto td {
  padding: 2px;
  vertical-align: top;
}
#pages .page-texto a {
  color: #8C8C8C;
}
#pages.info .page-texto div.info:first-child {
  display: block;
}
#pages.info ul.contate-nos,
#pages.info ul.ajuda {
  display: none;
}
#pages.ajuda .page-texto div.ajuda:first-child {
  display: block;
}
#pages.ajuda ul.contate-nos,
#pages.ajuda ul.info {
  display: none;
}
#pages.contate-nos .page-texto div.contate-nos:first-child {
  display: block;
}
#pages.contate-nos ul.ajuda,
#pages.contate-nos ul.info {
  display: none;
}
#pages #contato_item_rec img {
  margin-right: 10px;
}
#pages #contato_item_rec h1 {
  font-size: 24px !important;
  font-size: 2.4rem !important;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #dddddd;
  text-transform: uppercase;
  margin: 0;
}
#pages #contato_item_rec h2 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
  font-family: Arial, Verdana, sans-serif;
  color: #8c8c8c;
  font-weight: normal;
  margin-top: 0;
}
#pages #contato_item_rec td .icone {
  display: block;
  width: 20px;
  height: 20px;
}
#pages #contato_item_rec td.acervo .icone {
  background: url(../img/ico/campeonatos.png) no-repeat;
}
#pages #contato_item_rec td.personalidades h1 {
  color: #ff5209;
}
#pages #contato_item_rec td.personalidades .icone {
  background: url(../img/ico/personalidades.png) no-repeat;
}
#pages #contato_item_rec td.campeonatos h1 {
  color: #16b572;
}
#pages #contato_item_rec td.campeonatos .icone {
  background: url(../img/ico/campeonatos.png) no-repeat;
}
#pages #contato_item_rec td.instituicoes h1 {
  color: #9a7646;
}
#pages #contato_item_rec td.instituicoes .icone {
  background: url(../img/ico/instituicoes.png) no-repeat;
}
#pages form label {
  display: block;
  font-weight: bold;
  color: #001a4b;
  font-size: 18px !important;
  font-size: 1.8rem !important;
}
#pages form label.error {
  font-size: 13px !important;
  font-size: 1.3rem !important;
  color: #CA4F4F;
  margin-bottom: 10px;
}
#pages form label.inline {
  display: inline-block;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-weight: normal;
  font-family: Arial, Verdana, sans-serif;
}
#pages form label.marginTop {
  margin-top: 5px;
}
#pages form input[type="text"] {
  font-family: Arial, Verdana, sans-serif;
  display: block;
  background-color: #f4f4f4;
  border: 0;
  border-top: 1px solid #CCCCCC;
  width: 500px;
}
#pages form input[type="text"].outros {
  display: inline-block;
  border: 0;
  width: 223px;
}
#pages form input[type="submit"],
#pages form input[type="reset"] {
  font-size: 16px !important;
  font-size: 1.6rem !important;
  color: #FFFFFF;
  font-weight: bold;
  padding: 5px 10px;
  border: 0;
  letter-spacing: 0.1em;
}
#pages form input.botao-nivel1 {
  background-color: #F48120;
}
#pages form input.botao-nivel2 {
  background-color: #999999;
}
#pages form textarea {
  display: block;
  font-family: Arial, Verdana, sans-serif;
  width: 100%;
  border: 0;
  background-color: #f4f4f4;
  border-top: 1px solid #CCCCCC;
  width: 500px;
}
/**
 *  ********  ******
 *         *  *      *
 *  ********  *      *
 *  *         *      *
 *  ********  ******
 */
div.abreConteudoFilho.topico-esconde {
  display: none;
}
#veja-mais-conteudo {
  position: relative;
  max-width: 1060px;
  min-width: 900px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.7;
}
#veja-mais-conteudo ul {
  list-style-type: none;
  padding-left: 0;
  border-bottom: 1px solid #292929;
}
#veja-mais-conteudo .abreConteudo h3 {
  margin-bottom: 0px;
}
#veja-mais-conteudo .abreConteudo img, #veja-mais-conteudo .abreConteudo iframe {
  max-width: 100%;
  /*width: 100%;*/
  height: auto;
}
/*Para vídeos do youtube inserido em textos de referência: padrão widescreen 16x9*/
#veja-mais-conteudo .abreConteudo iframe {
  width: 448px;
  height: 252px;
}
#veja-mais-conteudo h3 span,
#veja-mais-conteudo .abreConteudo span.veja-mais {
  font-family: Arial, Verdana, sans-serif;
}
#veja-mais-conteudo.personalidades #conteudo-topicos h3 {
  color: #ff5209;
}
#veja-mais-conteudo.instituicoes #conteudo-topicos h3 {
  color: #9a7646;
}
#veja-mais-conteudo.campeonatos #conteudo-topicos h3 {
  color: #16b572;
}
#veja-mais-conteudo .abreConteudo span.veja-mais {
  display: block;
  font-weight: normal;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px !important;
  font-size: 1.3rem !important;
  line-height: 0.6;
}
#conteudo-topicos {
  float: left;
  width: 140px;
}
#conteudo-topicos dt {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px !important;
  font-size: 1.3rem !important;
}
#conteudo-topicos h3 {
  font-size: 17px !important;
  font-size: 1.7rem !important;
  line-height: 1.2;
  margin-bottom: 0px;
  margin-top: 10px;
}
#conteudo-topicos dd,
#conteudo-topicos td {
  font-size: 17px !important;
  font-size: 1.7rem !important;
  color: #ddd;
  font-weight: 700;
  line-height: 1.3;
}
#conteudo-topicos dd.legenda {
  color: #808080;
}
#conteudo-topicos dd.download {
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px !important;
  font-size: 1.3rem !important;
  font-weight: normal;
}
#conteudo-topicos dd.download a {
  color: #808080;
  text-decoration: none;
}
#conteudo-topicos dd.download a:hover {
  text-decoration: underline;
}
#conteudo-topicos dt.download-title {
  font-weight: 700;
  font-size: 15px !important;
  font-size: 1.5rem !important;
  color: #ddd;
  background: url(../img/ico/download.png) no-repeat;
  padding-left: 20px;
  line-height: 1.5;
}
#conteudo-topicos dt.ajude {
  line-height: 2.1;
}
#conteudo-topicos dt.ajude-personalidades {
  background: url(../img/ico/balao-ajude-personalidades.png) no-repeat;
}
#conteudo-topicos dt.ajude-campeonatos {
  background: url(../img/ico/balao-ajude-campeonatos.png) no-repeat;
}
#conteudo-topicos dt.ajude-acervo {
  background: url(../img/ico/balao-ajude-acervo.png) no-repeat;
}
#conteudo-topicos dt.ajude-instituicoes {
  background: url(../img/ico/balao-ajude-instituicoes.png) no-repeat;
}
#conteudo-topicos dd.ajude {
  font-size: 17px !important;
  font-size: 1.7rem !important;
  line-height: 1.1;
  font-weight: 700;
}
#conteudo-topicos dd.ajude a {
  text-decoration: none;
}
#conteudo-topicos dd.ajude-personalidades a {
  color: #ff5209;
}
#conteudo-topicos dd.ajude-campeonatos a {
  color: #16b572;
}
#conteudo-topicos dd.ajude-instituicoes a {
  color: #9a7646;
}
#conteudo-topicos dd.ajude-acervo a {
  color: #dddddd;
}
#conteudo-detalhes {
  float: left;
  max-width: 500px;
  min-width: 200px;
}
#conteudo-detalhes #content,
#conteudo-detalhes .abreConteudo .abreConteudoFilho {
  padding-left: 40px;
  padding-right: 25px;
  font-size: 13px !important;
  font-size: 1.3rem !important;
  font-family: Arial, Verdana, sans-serif;
}
#conteudo-detalhes p {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px !important;
  font-size: 1.2rem !important;
  line-height: 1.7;
  font-weight: 500;
}
#conteudo-detalhes p.rotulo {
  margin: 0;
  padding: 0;
  
   /*LH 23/01/2018*/
  padding: 7px 0 0 25px;
  background: url(../img/ico/topico.png) no-repeat 0px 9px;
}
/*LH 10/11/2020 - inserida esta classe para resolver problema de seta que abre e fecha sem função
                  inserido em acervo.ctp, instituicoes.ctp e campeonatos.ctp*/
#conteudo-detalhes p.rotulo-fixo {
  margin: 0;
  padding: 7px 0 0 0;
  /*background: url(../img/ico/topico-fixo.png) no-repeat 0px 9px;*/
}
 /*LH 23/01/2018*/
#conteudo-detalhes p.visivel {
  color: #ccc;
  background: url(../img/ico/topico-ativo.png) no-repeat 0px 11px;
}

#conteudo-detalhes p.texto {
  font-family: 'Open Sans Condensed', sans-serif !important;
  font-size: 17px !important;
  font-size: 1.7rem !important;
  color: #ddd;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 0;
  padding-top: 0;
}
#conteudo-detalhes p a {
  color: #FFFFFF;
  text-decoration: underline;
}
#conteudo-detalhes td {
  font-size: 13px !important;
  font-size: 1.3rem !important;
  font-family: Arial, Verdana, sans-serif;
  color: #ddd;
  padding-right: 10px;
}
#conteudo-detalhes .texto-referencia {
  color: #808080;
  /*LH 23/01/2018*/
  display: none;
  padding-top: 10px;
}
#conteudo-detalhes .texto-referencia * {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-weight: normal;
  line-height: 1.3;
  margin-top: 0;
  padding-top: 0;
}
#conteudo-detalhes .texto-referencia strong,
#conteudo-detalhes .texto-referencia b {
  font-weight: 700;
}
#conteudo-detalhes .texto-referencia a {
  color: #FFFFFF;
  text-decoration: underline;
}
#conteudo-detalhes h3 {
  font-size: 20px !important;
  font-size: 2rem !important;
  padding-left: 40px;
  background: url(../img/ico/topico.png) no-repeat 23px 9px;
}
#conteudo-detalhes h3.ativo {
  color: #ccc;
  background: url(../img/ico/topico-ativo.png) no-repeat 20px 11px;
}
#conteudo-detalhes .abreConteudo span.veja-mais {
  padding-left: 40px;
}
#conteudo-detalhes .anexo, #conteudo-detalhes .carrossel {
  display: block;
  /*background: url(../img/anexo.png) no-repeat 0 7px;*/
  min-height: 35px;
  /*padding-left: 30px;*/
  margin-bottom: 20px;
  font-family: 'Open Sans Condensed', sans-serif !important;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  color: #CCCCCC;
  text-decoration: none;
  font-weight: 600;
}
#conteudo-detalhes .anexo img,#conteudo-detalhes .carrossel img{
  width: 60px;
  height: 60px;
}
#conteudo-detalhes .anexo span,#conteudo-detalhes .carrossel span{
  position: absolute;
  margin-left: 10px;
}

#relacionados {
  float: right;
  width: 415px;
}
#relacionados a {
  margin-right: 13px;
}
#relacionados h3 {
  font-size: 19px !important;
  font-size: 1.9rem !important;
  padding-left: 50px;
}
#relacionados .abreConteudo {
  margin-bottom: 35px;
}
#relacionados .abreConteudo .abreConteudoFilho {
  padding-left: 25px;
  font-size: 13px !important;
  font-size: 1.3rem !important;
  font-family: Arial, Verdana, sans-serif;
}
#relacionados .abreConteudo .abreConteudoFilho button {
  width: 24px;
  height: 24px;
  margin: 6px 0px 4px 0px;
  background-repeat: no-repeat;
  background-position: -26px 0 !important;
}
#relacionados .abreConteudo .abreConteudoFilho button.disabled {
  background-position: 0 0 !important;
  cursor: auto;
}
#relacionados .abreConteudo .abreConteudoFilho button.loteAnterior {
  background: url(../img/bot-lote-anterior.png);
}
#relacionados .abreConteudo .abreConteudoFilho button.loteSeguinte {
  background: url(../img/bot-lote-seguinte.png);
}
#relacionados .abreConteudo .abreConteudoFilho input {
  display: none;
}
#relacionados .abreConteudo span.veja-mais {
  padding-left: 25px;
  padding-top: 2px;
  font-family: Arial, Verdana, sans-serif;
}
#relacionados #rel-acervo a {
  margin-right: 5px;
}
#relacionados #rel-acervo img {
  width: 88px;
  height: 88px;
}
#relacionados #rel-acervo h3 {
  color: #dddddd;
  background: url(../img/ico/topico-a.png) no-repeat 3px 7px, url(../img/ico/acervo.png) no-repeat 25px 6px;
}
#relacionados #rel-acervo h3.ativo {
  background: url(../img/ico/topico-a-ativo.png) no-repeat 0 11px, url(../img/ico/acervo.png) no-repeat 25px 6px;
}
#relacionados #rel-acervo span.veja-mais {
  color: #dddddd;
}
#relacionados #rel-personalidades h3 {
  color: #ff5209;
  background: url(../img/ico/topico-p.png) no-repeat 3px 7px, url(../img/ico/personalidades.png) no-repeat 25px 6px;
}
#relacionados #rel-personalidades h3.ativo {
  background: url(../img/ico/topico-p-ativo.png) no-repeat 0px 11px, url(../img/ico/personalidades.png) no-repeat 25px 6px;
}
#relacionados #rel-personalidades span.veja-mais {
  color: #ff5209;
}
#relacionados #rel-instituicoes h3 {
  color: #9a7646;
  background: url(../img/ico/topico-i.png) no-repeat 3px 7px, url(../img/ico/instituicoes.png) no-repeat 25px 7px;
}
#relacionados #rel-instituicoes h3.ativo {
  background: url(../img/ico/topico-i-ativo.png) no-repeat 0px 11px, url(../img/ico/instituicoes.png) no-repeat 25px 7px;
}
#relacionados #rel-instituicoes span.veja-mais {
  color: #9a7646;
}
#relacionados #rel-campeonatos h3 {
  color: #16b572;
  background: url(../img/ico/topico-c.png) no-repeat 3px 7px, url(../img/ico/campeonatos.png) no-repeat 25px 7px;
}
#relacionados #rel-campeonatos h3.ativo {
  background: url(../img/ico/topico-c-ativo.png) no-repeat 0px 11px, url(../img/ico/campeonatos.png) no-repeat 25px 7px;
}
#relacionados #rel-campeonatos span.veja-mais {
  color: #16b572;
}
/* basic */
#basic-modal-content {
  display: none;
}
#simplemodal-overlay {
  background-color: #000;
  cursor: wait;
}
#simplemodal-container {
  color: #bbb;
  background-color: #333;
  border: 4px solid #444;
  padding: 12px;
}
#simplemodal-container code {
  background: #141414;
  border-left: 3px solid #65B43D;
  color: #bbb;
  display: block;
  margin-bottom: 12px;
  padding: 4px 6px 6px;
}
#simplemodal-container a {
  color: #ddd;
}
#simplemodal-container a.modalCloseImg {
  background: url(../img/tarja-fecha-acervo.png) no-repeat;
  width: 30px;
  height: 30px;
  display: inline;
  z-index: 3200;
  position: absolute;
  top: -15px;
  right: -16px;
  cursor: pointer;
}
#simplemodal-container #basic-modal-content {
  padding: 8px;
}
body {
  scrollbar-face-color: #FF6622;
}
/* Let's get this party started */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  /* -webkit-box-shadow: inset 0 0 6px #E6E1DB; */
  background: #E6E1DB;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #FF6622;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0, 0, 0, 0.4);
}