/*
 * Fonte padrao do sistema
 * */
.Verdada11pxPreto {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
/*
 * Utilizado para os titulos dos modulos. Ex: Manutencao de Cidades
 * */
.Secao {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #0000FF; /* Vermelho */
  text-transform: uppercase;
  text-decoration: none;
}
/*
 * Utilizado para as sub secoes de um modulo.  Ex: Filtro
 * */
.SubSecao {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  background-color:#0000FF;
}
/*
 * Utilizado pelas mensagens de retorno da aplicacao
 * */
.MessageTitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #0000FF;
  text-decoration: none;
}
/*
 * Utilizado pelas mensagens de retorno da aplicacao
 * */
.MessageBox {
  background-color: #F0F0F0;
  border: 1px solid #CCCCCC;
}
/*
 * Formatacao dos campos dos formularios quando estao ativos
 * */
.TextField {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: rgb(102,102,102);
  border-right-color: rgb(102,102,102);
  border-left-color: rgb(102,102,102);
  border-bottom-color: rgb(102,102,102);
}
/*
 * Formatacao dos campos dos formularios quando estao disabled ou read-only
 * */
.TextFieldDisable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: rgb(51,51,51);
  background-color: rgb(204,204,204);
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: rgb(102,102,102);
  border-right-color: rgb(102,102,102);
  border-left-color: rgb(102,102,102);
  border-bottom-color: rgb(102,102,102);
}
/*
 * Utilizado para formatar os botoes de formularios
 * */
.Button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color: #000000;
}
/*
 * Formata o link de retorno das buscas
 * */
a.LinkBusca:link {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
a.LinkBusca:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}
a.LinkBusca:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: underline;
}
a.LinkBusca:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
}

a.OrderBy{
  color : #000099;
  text-decoration : none;
}

a{
  color : #000000;
  text-decoration : none;
}

a:hover{
  text-decoration : none;
}

/*
 * Deve ser utilizado na table que gera a borda das tabelas
 * */
.TableBorder {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  background-color: #0000FF;
}

.TableBorderBlack {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  background-color: #000000;
}

.InnerTableBorder {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  background-color: #B9B9B9;
}

/*
 * Usado nas tabelas do modulo
 * */
.TableBody {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  background-color: #EEEEEE;
}

/*
 * Usado nas tabelas internas
 * */
.TableBody2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  background-color: #DDD;
}

/*
 * Distingue uma linha de outra.  Usado geralmente em buscas
 * */
.LinhaForte {
  background-color: #D6D6D6;
}

/*
 * Distingue uma linha de outra.  Usado geralmente em buscas
 * */
.Header {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  background-color: #B9B9B9;
}

/*
 * Formatacao dos menus
 * */
.menu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
}
/*
 * Formatacao dos menus
 * */
.submenu {
  PADDING-RIGHT: 4px; 
  PADDING-LEFT: 4px; 
  PADDING-TOP: 4px;
  border-right: #cccccc 1px solid; 
  border-top: #cccccc 1px solid; 
  border-left: #cccccc 1px solid; 
  border-bottom: #cccccc 1px solid; 
  background: #f9f9f9;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=90);
}

/*
 * Utilizado no folder que esta sendo mostrado. Para das destaque
 * */
.FolderTitleBold {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  text-decoration: underline;
  background-color:#0000FF;
}

/*
 * Utilizado no folder que nao esta sendo mostrado
 * */
.FolderTitleNormal {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
  text-decoration: underline;
  background-color:#0000FF;
}

/*
 * Distingue coluna ordenada
 * */
.OrderBy {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #0000FF;
}

/* ********************* BODY - estilo.css ********************** */

TABLE
{
  font : 9px Verdana, Arial, Helvetica, sans-serif;
  color : #333333;
}

TD.TitleMainT
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;  
}

TD.TitleMainTBlack
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;  
}

TD.ForaPadrao
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #FF2F2F;
  text-decoration: none;  
}

TD.vermelho
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #FF2F2F;
  text-decoration: none;  
}

TD.laranja
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #FF8000;
  text-decoration: none;  
}

TD.verde
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #339900;
  text-decoration: none;  
}

TD.azul
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #0000FF;
  text-decoration: none;  
}

TR.ListClass1
{
  background-color: #FFFFFF;
}

TR.ListClass2
{
  background-color: #EFEFEF;
}

TR.ListClass3
{
  background-color: #FFFFF2;
}

/* ********************* LINK ********************** */



A.menuSuperior
{
  font : bold 9px Verdana Arial Helvetica sans-serif;
  color: #333333;
  text-decoration : none;
}

A.menuSuperior:hover
{
  color: #FFFFFF;
  text-decoration: none;
}

A.menuPeq
{
  font : bold 9px Verdana Arial Helvetica sans-serif;
  color: #ffffff;
  text-decoration: none;
}

A.menuPeq:hover
{
  color: #FFB200;
  text-decoration: none;
}

A.listagem
{
  font : 9px Verdana Arial Helvetica sans-serif;
  color: #000000;
  text-decoration: none;
}

A.listagem:hover
{
  color: #000000;
  text-decoration: none;
}

A.novaTela
{
  font : 9px Verdana Arial Helvetica sans-serif;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

A.novaTela:hover
{
  color: #000000;
  font-weight: bold;
  text-decoration: underline;
}



/* ********************* INPUT ********************** */

.select
{
  font : 9px Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid #666666;
  padding : 0px 0px 0px 0px;
}

.inputText
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  border: 1px solid #666666;
  vertical-align: baseline;
  padding: 1px 0px 0px 1px;
}

.inputText:focus
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  border: 1px solid #666666;
  vertical-align: baseline;
  padding: 1px 0px 0px 1px;
  background:#F7F8E0;
}

.errorText
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  border: 1px solid #BF0909;
  vertical-align: baseline;
  padding: 1px 0px 0px 1px;
}

.errorText:focus
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  border: 1px solid #BF0909;
  vertical-align: baseline;
  padding: 1px 0px 0px 1px;
  background:#FBFBEF;
}

.radio
{
  border-width : 0px;
  vertical-align: middle;
}

.checkbox
{
  border-width : 0px;
  vertical-align: middle;
}

.submit
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #000000;    
}

.button {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #000000;
}

/* ********************* TEXTO ********************** */

.MessageBox {
  background-color: #F0F0F0;
  border: 1px solid #CCCCCC;
}

.TextMessageTitle {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.TextMessageTitleCad {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.TextMessageTitleMed {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

.TextBody {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #000000;
  text-decoration: none;
}

.TexTitleMenu
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
}

.TextFieldDisable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: rgb(51,51,51);
  background-color: rgb(204,204,204);
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: rgb(102,102,102);
  border-right-color: rgb(102,102,102);
  border-left-color: rgb(102,102,102);
  border-bottom-color: rgb(102,102,102);
}

.TextFieldOutOfPattern {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: rgb(51,51,51);
  background-color: #F90000;
  text-decoration: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: rgb(102,102,102);
  border-right-color: rgb(102,102,102);
  border-left-color: rgb(102,102,102);
  border-bottom-color: rgb(102,102,102);
}

.rodape {
  FONT: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
  FONT-WEIGHT: normal;
  COLOR: #FFFFFF;
}

/*menu*/
.mh {background-color : #f8f8f8;
  color : #556677;
  display : block;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 11px;
  font-weight : bold;
  padding : 1px 5px 2px 4px;
  vertical-align : center;
  width : expression("100%");
}

.mn {
  background : #eeeff0;
  padding : 1px;
  position : absolute;
  z-index : 100;
  border: 1px solid #556677;
            }
.mn a{
  border : 1px #eeeff0 solid;
  color : #2F4F4F;
  display : block;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size : 10px;
  padding : 1px 5px 2px 4px;
  text-decoration : none;
  vertical-align : center;
  width : expression("100%");
  font-weight : normal;
}
.mn a:hover {
  background : #778899;
  border : 1px #223344 inset;
  text-decoration : none;
  color : #E0F0F0;
}
.sp {
  border-bottom : #334455 1px solid;
  border-top : #ffffff 0px solid;
  margin : 2px 2px;
}
.label {
  FONT: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
  FONT-WEIGHT: normal;
  COLOR: #000000;
}
.labelError {
  FONT: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
  FONT-WEIGHT: normal;
  COLOR: #BF0909;
}
.labelMessage {
  FONT: 11px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; 
  FONT-WEIGHT: normal;
  COLOR: #0B6121;
}
.labelSmall {
  FONT: 8px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
  FONT-WEIGHT: normal;
  FONT-STYLE:italic;
  COLOR: #000000;
}

/* Style the tab */
div.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  text-align: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align : center;
  -moz-box-align    : center;
  -ms-flex-align    : center;
  -webkit-align-items : center;
  align-items : center ;
  justify-content : center;
  -webkit-justify-content : center;
  -webkit-box-pack : center;
  -moz-box-pack : center;
  -ms-flex-pack : center;    
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    margin: 0 auto;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
    text-align: center;
    -webkit-animation: fadeEffect 0s;
    animation: fadeEffect 0s; /* Fading effect takes 0 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}