body { /* Controle da base da pagina */
   margin               : 0px;
   padding              : 0px;
   background-color     : #1a1a1a; /* Cor do Fundo */
   color                : #c3dcba; /* Verdinho, texto claro */
   font-family          : calibri, verdana, arial, comic sans;
   min-width            : 760px;
}
h1 {
   font-size            : 25pt;
   color                : #c3dcba; /* Verdinho, texto claro */
}
a img {
   border               : 0;
}
a.tip {
   text-decoration      : none;
   color                : #1e90ff; /* Azul link */
}
a.tip:hover {
   position             : relative;
   color                : #ff6f61; /* Vermelho coral ao passar o mouse */
}
a.tip span {
   display              : none;
}
a.tip:hover span { /* quadro com o nome do pais quando passa o mouse nas bandeiras */
   background           : #2c2c2c; /* Fundo escuro */
   opacity              : 0.8;
   border               : none;
   border-radius        : 5px 5px 5px 5px;
   font-family          : calibri, verdana, arial, comic sans;
   font-size            : 12pt;
   text-decoration      : none;
   white-space          : nowrap;
   color                : #c3dcba; /* Verdinho */
   padding              : 6px 6px 6px 6px;
   margin               : 10px;
   display              : block;
   z-index              : 50;
   position             : absolute;
   top                  : 10px;
}
#top {
   height               : 115px;
   background-color     : #1e1e1e; /* Fundo escuro, claro=#7ab88f */
   width                : 100%;
/*   background-image     : url('../img/dvc.jpg'); */
   background-repeat    : no-repeat;
   background-position  : 100%;
   position             : absolute;
   left                 : 0px;
   top                  : 0px;
   min-width            : 760px;
}
#menu {
   margin-top           : 5px;
   height               : 34px;
   float                : left;
}
#menubar { /* Barra do fundo dos botoes do menu */
   height               : 40px;
   width                : 100%;
   display              : flex;
   justify-content      : center;
   text-align           : center;
   position             : absolute;
   left                 : 0px;
   top                  : 115px;
   min-width            : 760px;
   background-image     : linear-gradient(to bottom, #333333 10%, #111111 90%); /* Degrade da barra de menus */
}
#content {
   width                : 100%;
   position             : absolute;
   left                 : 0px;
   top                  : 175px;
   color                : #c3dcba; /* Verdinho */
}
.menulink {
   font-size            : 14pt;
   text-decoration      : none;
   white-space          : nowrap;
   border               : 1px #666666 solid; /* Borda dos botoes */
   padding-left         : 10px;
   padding-top          : 3px;
   padding-bottom       : 3px;
   padding-right        : 10px;
   margin-left          : 10px;
   background-color     : #3a3a3a; /* Fundo dos botões, white_theme=#FFFFC6 */
   color                : #c3dcba; /* Verdinho */
   transition           : background-color 0.7s, color 0.7s;
}
.menulink:hover { /* Botoes de menu quando passa o mouse */
   background-color     : #ffff00; /* Amarelo vivo ao passar o mouse nos botoes do menu */
   color                : #000000; /* Cor da fonte quando passa o mouse nos botoes */
   font-weight          : bold; /* Negrito */
}
.menulinkactive { /* Botoes do menu principal */
   font-size            : 14pt;
   text-decoration      : none;
   white-space          : nowrap;
   border               : 1px #666666 solid; /* Borda escura */
   padding-left         : 10px;
   padding-top          : 3px;
   padding-bottom       : 3px;
   padding-right        : 10px;
   margin-left          : 10px;
   background-color     : #b81414; /* Vermelho escuro para botão ativo, white_theme=#87dcfc */
   color                : #c3dcba; /* Verdinho */
}
.pl { /* cor da fonte dos links */
   font-size            : 12pt;
   text-decoration      : none;
   color                : #1e90ff; /* Azul link */
}
.pl:hover { /* Acao a ser tomada quando passar o mouse sobre os links */
   color                : #ffff00; /* Texto amarelo ao passar o mouse por cima dos links */
}
.listingtable { /* Texto das tabelas */
   margin-top           : 10px;
   border               : 1px #444444 solid; /* Borda escura, white_theme=#C1DAD7 */
   font-size            : 12pt;
   font-weight          : normal; /* Negrito = bold */
   background-color     : #2c2c2c; /* Fundo escuro */
   color                : #c3dcba; /* Verdinho, texto claro */
}
.listingtable th { /* Texto do cabecalho */
   height               : 35px;
   text-align           : center;
   background-color     : #3a3a3a; /* Fundo do cabeçalho, white_theme=#D5EBF0 */
   color                : #c3dcba; /* Verdinho, texto claro, esse valor nao tinha no white_theme */
   background-image     : linear-gradient(to bottom, #444444 0%, #222222 90%); /* Degrade dos menus da pagina toda */
}
.listingtable td {
   padding-left         : 5px;
   border               : 1px #444444 solid; /* Borda escura */
}
.listinglink { /* Fonte do link do nome do refletor na lista XLX */
   font-size            : 12pt;
   text-decoration      : none; /* underline */
   color                : #1e90ff; /* Azul links, white_theme=#60A1DE */
}
.listinglink:hover { /* Fonte do link do nome do refletor na lista XLX quando passa o mouse */
   color                : #ffff00; /* Amarelo ao passar o mouse */
}
.error {
   font-size         : 12pt;
   text-decoration   : none;
   font-weight       : bold;
   color             : #ff6f61; /* Vermelho coral, white_theme=#FF0000 */
   background-color  : #3a3a3a; /* Fundo escuro, white_theme=#FFFFFF */
   width             : 90%;
   padding           : 15px;
   margin            : 5px;
}
.FilterField { /* Campo de entrada do filtro de pesquisa */
   font-size         : 12pt; /* white_theme=10 */
   font-weight       : bold; /* Negrito */
   text-decoration   : none;
   color             : #000000; /* preto */
   background-color  : #969696; /* Fundo claro, white_theme=#FFFFFF */
   width             : 150px;
   height            : 20px;
   padding-left      : 5px;
   padding-top       : 3px;
   border            : 1px #000000 solid; /* Borda preta, white_theme=#60A1DE */
}
.FilterSubmit { /* Botao para aplicar o filtro */
   font-size         : 10pt;
   font-weight       : normal; /* Normal */
   text-decoration   : none;
   color             : #c3dcba; /* Verdinho, texto claro, white_theme=#000000 */
   background-color  : #2c2c2c; /* Fundo escuro, cor do botao de filtro, white_theme=#FFFFFF */
   height            : 26px;
   width             : 60px;
   padding-left      : 5px;
   padding-top       : 3px;
   border            : 1px #000000 solid; /* Borda preta, white_theme=#60A1DE solid */
}
.FilterSubmit:hover { /* Acao quando passa o mouse por cima do botao de filtro */
   background-color  : #ffff00; /* Amarelo ao passar o mouse */
   color             : #000000;
   font-weight       : bold;
}
.smalllink { /* Botao para excluir o filtro aplicado */
   font-size         : 10pt;
   text-decoration   : none;
   color             : #ff0000; /* Vermelho, white_theme=#0E0789 */
}
.smalllink:hover {
   color             : #ffff00; /* Amarelo ao passar o mouse */
}
/* Ajustes para dispositivos móveis */
@media (max-width: 760px) {
    body {
        min-width        : 100%;
        font-size        : 12px;
    }
    #top {
        height           : 80px;
        min-width        : 100%;
    }
    #menubar {
        height           : 60px;
        top              : 80px;
        min-width        : 100%;
    }
    #menu {
        float            : none;
        height           : auto;
    }
    #menu td {
        display          : block;
        margin           : 5px 0;
    }
    .menulink, .menulinkactive {
        font-size        : 12pt;
        margin-left      : 0;
        display          : block;
        text-align       : center;
    }
    #content {
        top              : 150px;
    }
    .listingtable {
        font-size        : 10pt;
    }
    .listingtable th, .listingtable td {
        padding          : 4px;
    }
  }