/*-----------------------------------------------------------------------------
  Cores do Layout do Beto Consolidado -> alterações em textoabertura
  -----------------------------------------------------------------------------

  #6A6A6A - Cinza chumbo						-
  #000000 - Marrom (texto)                      -
  #AEAEAE - Cinza claro                         -
  #F0F0F0 - Cinza clarinho                      -
  #B8B8B8 - Marrom das (barras abert / fech)    -
  #E0E0E0 - Rosa fundo claro (Linha do forum)   -
  #F0F0F0 - Cinza Fundo Claro (Celula conteudo)        -
  #646464 - CategoriaTitulo
  
  #FFFFFF - Branco                              -
  #000000 - Preto                               - 
  #FF0000 - Vermelho                            -

*/
/* ----------------------------------------------------------------------------
    Todas as paginas
   ----------------------------------------------------------------------------- */

/* coloca barra de scroll vertical no firefox obrigatoriamente */
#main {
  overflow: -moz-scrollbars-vertical;
}

/* tag mais generica */
body {
  text-align: center;  /* hack para centralizar container no IE */
  padding: 0;
  margin: 0;
}

#tabelamae {
  width: 800px;
}

#cabecalho {
  height: 100px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

#barralateral {
  width: 160px;
  /*padding-top: 0px;*/
  text-align: left;
}

#celulabarralateral {
  width: 160px;
  /*color: #000000;*/
}

#celulaseparadora {
  width: 6px;
}

#celulaconteudo {
  width: 630px;
  /*border-left: 0px #AEAEAE dotted;*/
}

#conteudo {
  width: 602px;
  padding: 14px;
  overflow: hidden;
  text-align: left;
}

#celulacabecalho {

}

#conteudo #coluna1 {
  width: 290px;
  float: left;
  margin: 0px;
}

#conteudo #coluna2 {
  width: 290px;
  float: left;
  margin-left: 10px;
}

#textoabertura {
  width: 630px;
  min-height: 25px;
  _height: 25px;
  clear: both;
  /*background: #B8B8B8;*/
  border-top: solid #B8B8B8 1px;
  border-bottom: solid #B8B8B8 1px;
  text-align: left;
}

#textoabertura #texto {
  /* nao pode ter height porque aceita mais de uma linha de texto */

  
  /*clear: both;*/
  float: left;
  

  font-size: 90%;
  
  padding: 6px 10px 4px 10px;
  
  display: block;

  font-weight: bold;
  
  /* background: blue; */
}

#textoabertura #texto2 {
  /* nao pode ter height porque aceita mais de uma linha de texto */

  
  /*clear: both;*/
  float: right;
  

  font-size: 90%;
  
  padding: 6px 10px 4px 10px;
  
  display: block;

  font-weight: bold;
  
  /* background: blue; */
}


#textoabertura #texto a {
  color: #000000;
}

#textoabertura #texto a:hover {
  color: #000000;
}

.cantoa {
  /*background: url(../imagens/cantoA.jpg) top left no-repeat;*/
} 

.cantob {
  /*background: url(../imagens/cantoB.jpg) top right no-repeat;
  display: block;*/
}

#textofechamento {
  height: 24px;
  clear: both;
  /*background: #B8B8B8;*/
  border-top: solid #B8B8B8 1px;
  text-align: left;
}

#textofechamento #texto {
  font-size:90%;
  padding: 5px 16px 5px 16px;
  font-weight: bold;
}

#textofechamento #texto a {
  color: #000000;
}

#textofechamento #texto a:hover {
  color: #000000;
}

.cantoc {
  /* background: url(../imagens/cantoC.jpg) bottom left no-repeat; */
} 

.cantod {
  /* background: url(../imagens/cantoD.jpg) bottom right no-repeat;
  display: block; */
}

/* ----------------------------------------------------------------------------
    Barra Lateral
   ----------------------------------------------------------------------------- */

/* titulos na barra lateral. exemplo: logon e navegacao */
#barralateral h2 {
  font-size: 90%;
  line-height: 1.4em;
  padding: 0px;
  margin: 0px;
}

/* titulos na barra lateral. exemplo: logon e navegacao */
#barralateral h2 em {
  display: block;
  padding: 0px;
  margin: 0px;
  font-style: normal;
  background: #F0F0F0;
  border-top: solid #B8B8B8 1px;
  border-bottom: solid #B8B8B8 1px;
 
  /* background: #FFFFFF url(../imagens/secaoBarraLateral_verde.png) top left no-repeat; */
  padding: 5px 10px;
}

#barralateral .corpo {
  padding: 10px;
}

#barralateral h2 em.linhadebaixo {
  border-top: 0px;
}

/* ----------------------------------------------------------------------------
    Conteudo
   ----------------------------------------------------------------------------- */

#conteudo h1, 
#conteudo h2,
#conteudo h3,
#conteudo h4 {
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}

#conteudo h1 {
  font-size: 140%;
}

#conteudo h2 {
  font-size: 130%;
}

#conteudo h3 {
  font-size: 120%;
}

#conteudo h4 {
  font-size: 110%;
}

#conteudo .titulo {
  text-decoration: none;
  color: #000000;
  font-size: 18pt;
  margin-bottom: 10px;
}

#conteudo .caixaPastas {
  /*display: table;
  */
  clear: both;
  display: table;
  margin-bottom: 4px;
}

/* pastas */
#conteudo .botaoPasta {
  

  /* BOTÕES DOS DIRETÓRIOS - VÁRIOS NA MESMA LINHA= */
  float: left;
  
  color: black;
  font-weight: bold;
  /*line-height: 14pt;*/

  background: #B8B8B8;
  padding: 4px 6px 4px 6px;
  margin: 0px 6px 6px 0px;
  /*
  display: block;
  padding: 0px;
  margin: 0px;
  float: left;
  /*background: url(../imagens/secaoBarraLateral.png) top left no-repeat; * /

  background: #FFFFFF; /* #B8B8B8 * /
  border: 1px solid #E0E0E0;

  width: 138px;
  /*height: 25px; * /
  font-size: 90%;
  font-weight: bold;

  margin-bottom: 10px;
  margin-right: 10px;

  text-align: center;

  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
  */
}

/*
#conteudo .botaoPasta .icone {
  margin-left: 6px;
}

#conteudo .botaoPasta .imagem {
  margin-left: auto;
  margin-right: auto;

  margin-top: 6px;
  margin-bottom: 0px;

  background: #FFFFFF;
  border: 1px #E0E0E0 solid;
 
  padding: 3px;
  padding-bottom: 0px;

  width: 100px;

  text-align: center;
}

#conteudo .botaoPasta .caixaTexto {
  margin: 0px;
  padding: 6px;
}
*/

/* ----------------------------------------------------------------------------
    Mini form logon
   ----------------------------------------------------------------------------- */

#miniformlogon form {
  padding: 0px;
  margin: 0px;
}

#miniformlogon {
  width: 150px;
  font-size: 8pt; /* alterar tambem em #miniformlogon table */
  margin-left: 10px;
}

#miniformlogon #statuslogon {
  padding: 0px;
  margin: 0px;
  padding-top: 5px;
  padding-bottom: 0px;
}

#miniformlogon #statuslogon .linhastatus {
  padding: 0px;
  margin: 0px;
  padding-top: 0px;
  padding-bottom: 6px;
}

#miniformlogon table, 
#miniformlogon table td {
  border: 0;
  font-size: 8pt; /* alterar tambem em #miniformlogon */
  margin: 0;
  padding: 0;
}

#miniformlogon table td {
  padding: 1px;
}

/* so para o internet explorer nao colocar padding na tag <FORM> */
#miniformlogon #caixaform {
  padding-top: 5px;
  padding-bottom: 5px;
}

#miniformlogon .caixatextologon {
  border: outset 1px #E0E0E0;
  width: 100px;
  background: #FFFFFF;
}

#miniformlogon .botaologon {
  border: outset 1px #E0E0E0;
  width: 50px;
  background: #FFFFFF;
}

/* ----------------------------------------------------------------------------
    Menu
   ----------------------------------------------------------------------------- */

.menu {
  line-height: 18px;
  margin: 0;
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px;
}

.menu ul, menu li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.menu li a {
  height: 19px;
  position: relative;
  display: block;
  /* padding: 0 10px; */
  margin: 0px;
  margin-top: 1px;
  padding: 0px;
  padding-left: 10px;
  font-size: 1em;
  /* text-transform: uppercase;*/
  letter-spacing: 1px;
  color: #000000;
  text-decoration: none;
}

/* item selecionado com o mouse passando em cima */
.menu li a:hover {
  /* background: #A0A0A0; */
  /* color: #000000; */
  /* background: #FFFFFF url(../imagens/itemSelecionado.jpg) top left no-repeat; */
  background: #E0E0E0;
  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}

/* item selecionado da pagina atual */
.menu .selected {
  /* background: #E0E0E0; */
  /* color: #000000; */
  /* background: #FFFFFF url(../imagens/itemSelecionado.jpg) top left no-repeat; */
  background: #E0E0E0;
  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}

/* ----------------------------------------------------------------------------
    Itens gerais de listagens 
    (Principal, Artigos, Informe, Galeria, Links, Jogos)
   ----------------------------------------------------------------------------- */

.item {
  clear: both;
  margin-bottom: 10px;
  padding: 0px;
  color: #000000;
}

.item .itemimagens {
  float: left;
  margin-left: 0px;
  margin-right: 8px;
  margin-top: 6px;
  margin-bottom: 6px;
  background: #FFFFFF;
  border: 1px #E0E0E0 solid;
 
  padding: 5px;

  text-align: center;

  /*width: 160px;*/
  width: auto;
}

.item .itemimagens.video {
  width: auto;
}

.item .itemmusica {
  float: left;
  margin: 2px;
  margin-left: 0px;
  margin-right: 8px;

  padding-top: 2px;
}

.item .itemimagens .imagem {
  display: block;
  margin: auto;
}

.item .itemimagens .textoplus {
  font-size: 9px;
  clear: both;
  margin-top: 4px;
  margin-bottom: 2px;
  /*width: 160px;*/
  width: auto;
}

.item .itemimagens .esquerdo {
  clear: none;
  float: left;
  margin-right: 2px;
}

.item .itemimagens .direito {
  clear: none;
  float: right;
  margin-left: 2px;
}

.item .itemtitulo {
  clear: both;
  font-size: 12pt;
  font-weight: bold;
  color: #000000;
}

.item .itemsubtitulo {
  clear: both;
  color: #000000;
  font-size: 8pt;
  text-decoration: italic;
  font-style: italic;
}

.item .itemconteudo {
  margin-top: 0px;
  clear: both;
}

.item .itemrodape {
  clear: both;
  font-size: 8pt;
  margin-top: 2px;
  color: #000000;
}

.item .itemrodape .linkcompleta {
  font-size: 10pt;
  color: #FF0000;
}

a:hover .item, a:hover .itemtitulo {
  color: #000000;
}

.categoriatitulo {
  clear: both;
  font-size: 14pt;
  border-bottom: solid #646464 1px;
  color: #646464;
  margin-bottom: 5px;
  margin-top:5px;
  /* font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1px; */
}

.subcategoriatitulo {
  clear: both;
  font-size: 12pt;
  margin-bottom: 0px;
}
.categoriadescricao {
  clear: both;
  margin-bottom: 6px;
}

#rodapelista {
  clear: both;
  text-align: right;
  margin-top: 10px;
}

.sozinho {
  clear: both;
}

/* ----------------------------------------------------------------------------
    Itens únicos 
    (Principal, Artigos, Informe, Galeria)
   ----------------------------------------------------------------------------- */

.itemunico {
  margin: 0px;
  padding: 0px;

  margin-bottom: 10px;
}

.itemunico .imagem {
  border: 1px #AEAEAE dotted;
  padding: 4px;
  background: #FFFFFF;
  border: 1px #F0F0F0 solid;

  max-width: 240px;
}

.itemunico .caixaimagem {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  max-width: 250px;
}

.itemunico .imagemsozinha {
  border: 1px #AEAEAE dotted;
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 600px;
}

.itemunico .legendaimagem {
  padding: 2px;
  font-style: italic;
  font-size: 10px;
  text-align: center;
}

/*
.itemunico .imagem .caption {
  margin: 2px;
  text-align: center;
}
*/

.itemunico .titulo {
  clear: both;
  font-size: 16pt;
  margin-bottom: 10px;
}

.itemunico .titulo .subtitulo {
  clear: both;
  font-size: 12pt;
  margin-top: 4px;
  /* margin-bottom: 10px; */
}

.itemunico .conteudo {
  margin-top: 5px;
  clear: both;
}

.itemunico .rodape {
  clear: both;
  padding-top: 20px;
  font-size: 10pt;
  color: #000000;
}

/* ----------------------------------------------------------------------------
    Informe
   ----------------------------------------------------------------------------- */

#informesbarralateral {
  padding: 15px;
  padding-top: 0px
}

/* ----------------------------------------------------------------------------
    Forum
   ----------------------------------------------------------------------------- */

#forum table, #forum #caixaresposta {
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  _width: 600px;
  padding: 0px;
  font-size:10pt;
  margin-top: 4px;
}

#forum td {
  padding: 2px;
  /* vertical-align: middle; */
}

#forum tr {
  vertical-align: top;
}

#forum .post {
  background: #F0F0F0;
  padding: 6px;
  border: 1px #AEAEAE dotted;
}

#forum .postpai {
  background: #E0E0E0;
  padding: 6px;
  border: 1px #AEAEAE dotted;
  /* margin-bottom: 10px; */
}

#forum .postinfo {
  font-size: 10pt;
  color: #8C8C8C;
  padding-top: 6px;
}

#forum .linhatitulo {
  /*font-size:13pt;*/
  font-weight: bold;
  color: #000000;
  /* background: #E0E0E0; */ /* #B8B8B8*/
}

#forum .linhapar {
  background: #E0E0E0;
}

#forum .linhaimpar {
}

#forum #tituloresposta, #forum #conteudoresposta {
  width: 590px;
  _width: 590px;
}

#forum #botaovoltar, #forum #botaosalvar {
  width: 60px;
  margin-left: 530px;
  margin-top: 6px;
}

#forum .campoassunto {
  width: 350px;
}

#forum .campousuario {
  width: 200px;
}

#forum .campodata {
  width: 50px;
  text-align: center;
}

#forum .camporespostas {
  width: 30px;
  text-align: center;
}

#forum .novotopico {
  margin-top: 6px;
  margin-bottom: 10px;
}

/* ----------------------------------------------------------------------------
    Tags Puras
   ----------------------------------------------------------------------------- */

/*** Forms: embeleza-los  ***/

input, textarea, select {
  border: outset 1px #E0E0E0;
  overflow: auto;
}

input[type=submit], input[type=button] {
  background: #FFFFFF;
}

/*** Forms: embeleza-los  ***/

/*** Gerais: retirar as porcarias que os navegadores colocam  ***/

ul, p {
  margin: 0px;
  padding: 0px;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none; /* nao sublinha os links */
  color: #000000;
  margin: 0px;
  padding: 0px;
}

a:hover {
  color: #000000;
}

img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

hr {
  height: 1px;
  border: 0px;
  color: #B8B8B8;
  background-color: #B8B8B8;
  margin-top: 4px;
  margin-bottom: 10px;
  clear: both;
}

/*** Gerais: retirar as porcarias que os navegadores colocam  ***/

/* ----------------------------------------------------------------------------
    Imagens, cores e fontes
   ----------------------------------------------------------------------------- */

/* fonte do site inteiro */
body, table, tr{
  font-family: Arial, Tahoma, Helvetica, sans-serif;
  font-size: 9pt;
}

body {
  background: #FFFFFF;
}

#celulaconteudo {
  background: #F0F0F0;
}

#celulabarralateral {
  background: #ffffff;
}

#celulacabecalho {

}

#cabecalho {
  background: url(../imagensCabecalho/rotateImage.php) no-repeat;
}

/* ----------------------------------------------------------------------------
    Calendario
   ----------------------------------------------------------------------------- */

.bordatopo {
  border-radius-topright: 6px; -o-border-radius-topright: 6px; -icab-border-radius-topright: 6px; -khtml-border-radius-topright: 6px; -moz-border-radius-topright: 6px; -webkit-border-radius-topright: 6px; border-top-right-radius: 6px; -o-border-top-right-radius: 6px; -icab-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px;
  border-radius-topleft: 6px; -o-border-radius-topleft: 6px; -icab-border-radius-topleft: 6px; -khtml-border-radius-topleft: 6px; -moz-border-radius-topleft: 6px; -webkit-border-radius-topleft: 6px; border-top-left-radius: 6px; -o-border-top-left-radius: 6px; -icab-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px;
}

.bordaembaixo {
  border-radius-bottomright: 6px; -o-border-radius-bottomright: 6px; -icab-border-radius-bottomright: 6px; -khtml-border-radius-bottomright: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; -o-border-bottom-right-radius: 6px; -icab-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px;
  border-radius-bottomleft: 6px; -o-border-radius-bottomleft: 6px; -icab-border-radius-bottomleft: 6px; -khtml-border-radius-bottomleft: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; -o-border-bottom-left-radius: 6px; -icab-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px;
}

.borda#FF0000onda {
  border-radius: 4px; -o-border-radius: 4px; -icab-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}

#calendarioWrap {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.calendario {
  margin-bottom: 5px;
}

.calendario a {
  
}

#calendarioWrap #maisMeses {
  font-size: 90%;
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px;
}

#calendarioWrap #maisMeses #anterior{
  float: left;
}

#calendarioWrap #maisMeses #proximo{
  float: right;
}

.calendario {

}

.calendario #tbcalendario {

}

.calendario #tbcalendario tr {
  height: 20px;
}

.calendario #tbcalendario td {
  text-align: center;
  width: 20px;
}

.calendario #tbcalendario td .dia {
  background: #FFFFFF;
  margin: 1px;
  width: 16px;
  height: 16px;
}

.calendario #tbcalendario #linhatitulo {
  background: #F0F0F0;
  color: #6A6A6A;
}

.calendario #tbcalendario #linhatitulo td {
  margin: 0px;
}

.calendario #tbcalendario .eventos .dia {
  border: 1px solid #B8B8B8; /* #FFB584 */
}

.calendario #tbcalendario .eventosD .dia {
  border: 2px solid #FF0000;
}

.calendario #tbcalendario .hjeventos .dia {
  background: #F0F0F0;
  border: 1px solid #B8B8B8; /* #FFB584 */
}

.calendario #tbcalendario .hjeventosD .dia {
  background: #F0F0F0;
  border: 2px solid #FF0000;
}

.calendario #tbcalendario .livre .dia {

}

.calendario #tbcalendario .hjlivre .dia {
  background: #F0F0F0;
}

.calendario .nomemes {
  margin-bottom: 5px;
  font-size: 90%;
}

/* Calendário pop up */

#calendariopopupbody {
  overflow: hidden;
  background: #F0F0F0;
}

#calendariopopup {
  padding: 10px;
}

#calendariopopup .evento {
  margin-bottom: 16px;
  overflow: hidden
  }

#calendariopopup .cabecalho {
  font-size: 1.6em;
  margin-top: 4px;
  margin-bottom: 20px;
  text-align: left;
}

#calendariopopup .evento .linhatopo {
  font-size: 1.2em;
  line-height: 1em;
  padding: 0px;
  margin: 0px;
  display: block;
  padding: 5px 10px;
  font-style: normal;
  /*background: #E0E0E0;*/
  border-top: solid #B8B8B8 1px;
  border-bottom: solid #B8B8B8 1px;
  text-align: left;
}

#calendariopopup .evento .linhatopo .data {
  /*color: ##E0E0E0;*/
  width: 100%;
  clear: both;
  font-weight: bold;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 6px;
}

#calendariopopup .evento .linhatopo .descricao {
  clear: both;
  width: 100%;
  padding-bottom: 2px;
}

#calendariopopup .evento .linhatopo .descricaodestacada {
  clear: both;
  font-weight: bold;
  width: 100%;
}

#calendariopopup .evento .conteudo {
  clear: both;
  text-align: left;
  /*background: #F0F0F0;*/
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
}

#calendariopopup .rodape {
  clear: both;
  margin-top: 10px;
  text-align: right;
}

/* Calendário pop up */

/* ----------------------------------------------------------------------------
    Enquete
   ----------------------------------------------------------------------------- */

.enquete {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.enquete .pergunta {
  margin-top: 0px;
  margin-bottom: 2px;
}

.enquete .opcao {
  margin-top: 2px;
  margin-bottom: 2px;
}

.enquete .msgenquete {
  margin-top: 10px;
  margin-bottom: 10px;
}

.enquete .avisologon {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #000000;
  font-style: italic;
}

/* Enquete popup */

#enquetepopup {
  padding: 10px;
  background: #F0F0F0;
}

#enquetepopup .titulo {
  font-size: 1.6em;
  margin-top: 4px;
  text-align: left;
  display: block;
  padding: 0px;
  margin-bottom: 16px;
  font-style: normal;
}

#enquetepopup .pergunta {
  padding: 16px;
  text-align: left;
  font-size: 1.2em;
  font-weight: bold;
  border-top: solid #B8B8B8 1px;
  border-bottom: solid #B8B8B8 1px;
  background: #F0F0F0;
}

#enquetepopup .opcao {
  padding: 16px;
  padding-top: 10px;
  padding-bottom: 0px;
  font-weight: bold;
  text-align: left;
  background: #F0F0F0;
}

#enquetepopup .votos {
  padding: 16px;
  padding-top: 4px;
  padding-bottom: 14px;
  text-align: left;
  background: #F0F0F0;
}

#enquetepopup .votos .porcentagem {
  background: #F0F0F0;
}

#enquetepopup .totalvotos {
  border-top: solid #B8B8B8 1px;
  border-bottom: solid #B8B8B8 1px;
  padding: 16px;
  text-align: left;
  background: #FFEDE!;
}

#enquetepopup .rodape {
  clear: both;
  margin-top: 10px;
  text-align: right;
}

/* Enquete popup */

/* ----------------------------------------------------------------------------
    Fotos popup
   ----------------------------------------------------------------------------- */

#fotospopupbody {
  text-align: center; 
  padding: 0;
  margin: 0;
 /* background: #000000;*/
}

#fotospopup {
  text-align: center; 
   background: #FF0000;
  /*padding: 10px;*/

  /*
  width: 500px;
  height: 400px;
  */

  /*background: #000000;*/

}

/*
#fotospopup #fotoatual {
  text-align: center; 
  
  width: 480px;
  height: 480px;

  / *background: #FFFFFF;* /

}
*/

/* ----------------------------------------------------------------------------
    Avisos
   ----------------------------------------------------------------------------- */

.avisopagina {
  background: #B8B8B8;
  color: white;
  font-weight: bold;
  padding: 6px;
  border-radius: 4px; -o-border-radius: 4px; -icab-border-radius: 4px; -khtml-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; 
}