/********************
TOPO SISTEMAS
********************/
#tf_toposistema{
	background-image: url(../images/fundo_topo_sistema.jpg);
	background-repeat: repeat-x;
	width:auto;
	display: block;
	height: 90px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	vertical-align: middle;
}
div#tf_toposistema{
	background-image: url(../images/fundo_topo_sistema.jpg);
	background-repeat: repeat-x;
	display: block;
	width:auto;
	height: 90px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	vertical-align: middle;}

#tf_textosistema{

	display: block;
	width: 100%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	vertical-align: top;
}
#tf_textosistema h1{
	font-size:18px;
	font-weight:bold;
	color:#CC3333;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EBEBEB;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}
#tf_toposistema h1{
	font-size: 35px;
	color: #333333;
	float: right;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#tf_rodape{
	background-image: url(../images/fundo-rodape.jpg);
	background-repeat: repeat-x;
	height: 33px;
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	color: #FFFFFF;
	padding-top:8px;}
#tf_navegacao{
	display: block;
	width:98%;
	padding:0;
	text-align: right;
	font-size: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#tf_navegacao img{
	border:none;
	display: inline;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding: 0px;
}
body #tf_navegacao a{
	color: #666666;
	text-decoration:none;}
body #tf_navegacao a:active, body #tf_navegacao:visited{
	color: #666666;
}
body #tf_navegacao a:hover{
	color: #AD2225;}

BODY
{
 font-size: 10px;
 margin: 0px;
 color: black;
 font-family: Arial;
 background-color: white;
 margin: 0px 0px;
}

/****************************************************************************/ 
/*  LINKS  */ 
/****************************************************************************/ 

A {
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: none; 
FONT-SIZE: 10px; 
COLOR: #AD2225; 
font-weight: bold;
}

A:Hover{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: none; 
FONT-SIZE: 10px; 
COLOR: #000000; 
font-weight: bold;
}

.link2 {
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px; 
COLOR: #CC0000; 
font-weight: bold;
}

.link2:Hover{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px; 
COLOR: #AD2225; 
font-weight: bold;
}

.link3 {
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #000000; 
}

.link3:Hover{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #AD2225; 
}

.link4{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #AD2225;
}

.link4:Hover{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #000000;
}

.link5{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: none; 
FONT-SIZE: 10px; 
COLOR: #AD2225; 
text-decoration: none;
}

.link5:Hover{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: none; 
FONT-SIZE: 10px; 
COLOR: #000000; 
text-decoration: none;
}

.link6{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: none; 
FONT-SIZE: 10px; 
COLOR: #000000; 
text-decoration: none;
}

.link6:Hover{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: none; 
FONT-SIZE: 10px; 
COLOR: #AD2225; 
text-decoration: none;
}

.link7{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #AD2225; 
text-decoration: none;
}

.link7:Hover{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #000000; 
text-decoration: none;
}

.link8{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #000000; 
text-decoration: none;
}

.link8:Hover{
FONT-FAMILY: Arial, Helvetica;
FONT-WEIGHT: normal; 
FONT-SIZE: 10px; 
COLOR: #AD2225; 
text-decoration: none;
}

/****************************************************************************/ 
/*  TABELA  */ 
/****************************************************************************/ 

.TABLE1
{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
COLOR: #000000;
}

.TABELA
{
 padding: 0px;
 margin: 0px;
 background-color: white;
 border: black 1px solid;
}

.TABLE2
{
 border-right: black 1px solid;
 padding-right: 0px;
 border-top: black 1px solid;
 padding-left: 0px;
 font-size: 7px;
 padding-bottom: 1px;
 margin: 0px;
 border-left: black 1px solid;
 padding-top: 1px;
 border-bottom: black 1px solid;
 font-family: Arial;
 background-color: white;
}

/****************************************************************************/ 
/*  CORES  BACKGROUND */ 
/****************************************************************************/ 

.cinza1
{
 background-color: #aaaaaa;
}

.cinza2
{
 background-color: #bbbbbb;
}

.cinza3
{
 background-color: #cccccc;
}

.cinza4
{
 background-color: #dddddd;
}

.cinza5
{
 background-color: #eeeeee;
}

.branco
{
 background-color: #ffffff;
}
/****************************************************************************/ 
/*  TDs */ 
/****************************************************************************/ 

td{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
COLOR:  #000000;
}


.direita{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
COLOR:  #000000;
TEXT-ALIGN: right;
}

.centro{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
COLOR:  #000000;
TEXT-ALIGN: center;
}

.esquerda{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
COLOR:  #000000;
TEXT-ALIGN: left;
}

.tabulacao2{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
TEXT-ALIGN: Right;
COLOR:  #000000;
}

.tabulacao3{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
COLOR:  #000000;
TEXT-ALIGN: center;
}

.tabulacao4{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
COLOR:  #000000;
TEXT-ALIGN: left;
}

.tabulacao5{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
TEXT-ALIGN: center;
COLOR:  #CC0000;
}

.tabulacao6 {
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
TEXT-ALIGN: left;
background-color: #eeeeee;
vertical-align: middle;
}

.tabulacao7 {
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
TEXT-ALIGN: center;
background-color: #eeeeee;
vertical-align: middle;
}


.tabulacao8{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
TEXT-ALIGN: Right;
COLOR:  #000000;
background-color: #eeeeee;
vertical-align: middle;
}

.tabulacao9{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
TEXT-ALIGN: Left;
COLOR:  #000000;
background-color: #eeeeee;
vertical-align: middle;
font-weight: bold;
}

.tabulacao10{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
TEXT-ALIGN: center;
COLOR:  #000000;
background-color: #eeeeee;
vertical-align: middle;
font-weight: bold;
}

.tabulacao11{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
TEXT-ALIGN: Right;
COLOR:  #000000;
background-color: #eeeeee;
vertical-align: middle;
font-weight: bold;
}

.tabulacao12{
FONT-FAMILY: Arial, Helvetica;
FONT-SIZE: 10px;
TEXT-ALIGN: center;
COLOR:  #000000;
background-color: #cccccc;
vertical-align: middle;
font-weight: bold;
}

/****************************************************************************/ 
/*  FONTES */ 
/****************************************************************************/ 

.cabecalho
{
 FONT-FAMILY: Arial, Helvetica;
 font-weight: bold;
 font-size: 10px;
 color: #000000;
 background-color: #C6CFD7;
 TEXT-ALIGN: center;
}

.vermelho {
font-size: 10; 
color: #CC3333; 
font-family: Arial, Helvetica; 
font-weight: bold;
}

.azul {
font-size: 10; 
color: #3399cc; 
font-family: Arial, Helvetica; 
font-weight: bold;
}

.titulo_sistema {
font-family: arial;
text-align: left;
font-weight: bold;
FONT-SIZE: 40px;
COLOR: #FFFFFF; 
}

.titulo {
FONT-FAMILY: Arial, Helvetica;
text-align:justify;
font-weight: bold;
FONT-SIZE: 18px;
COLOR: #000000; 
}

p {
FONT-FAMILY: Arial, Helvetica;
/* text-align: justify; */
FONT-SIZE: 10px;
COLOR: #000000; 
}

STRONG {
font-size: 12; 
color: #CC3333; 
font-family: Arial, Helvetica; 
}

li {
FONT-FAMILY: Arial, Helvetica;
text-align:justify;
FONT-SIZE: 10px;
COLOR: #000000; 
}

.erro {
font-size: 10; 
color: red; 
font-family: Arial, Helvetica; 
font-weight: bold;
}


/****************************************************************************/ 
/* CAMPOS DE FORMULÁRIO    */ 
/****************************************************************************/ 

TEXTAREA {
font-size: 10; 
color: #AD2225; 
font-family: Arial, Helvetica; 
border: 1px #ADADAD solid;
}

.botao {
font-size: 10px;
color: #000000; 
font-family: Arial, Helvetica; 
border: 1px #ADADAD solid;
background-color: #CCCCCC;
}

.input_esquerda {
font-size: 10px; 
color: #AD2225; 
font-family: Arial, Helvetica; 
border: 1px #ADADAD solid;
}

.input_direita {
font-size: 10px; 
color: #AD2225; 
font-family: Arial, Helvetica; 
text-align: right;
border: 1px #ADADAD solid;
}

.show_esquerda {
font-size: 10px;
color: #000000; 
font-family: Arial, Helvetica; 
border: 1px #FFFFFF;
background-color: #ffffff;
font-weight: bold;
}

.show_direita {
font-size: 10px;
color: #000000; 
font-family: Arial, Helvetica; 
border: 1px #FFFFFF;
background-color: #ffffff;
text-align: right;
font-weight: bold;
}


SELECT {
font-size: 10px; 
color: #AD2225; 
font-family: Arial, Helvetica; 
border: 1px #ADADAD solid;
}

/****************************************************************************/ 
/* GRID    */ 
/****************************************************************************/ 

.linha_grid
{
 font-size: 10px;
 color: black;
 font-family: Arial, Helvetica;
 background-color: white;
}
 
.linha_grid_alt
{
 font-size: 10px;
 color: black;
 font-family: Arial, Helvetica;
 background-color: #F0F0F0;
}
 
/****************************************************************************/ 
/* ??????????????????????????????????  */ 
/****************************************************************************/ 

/*  = a classe input_esquerda */
.cadastro
{
 font-weight: normal;
 font-size: 10px;
 color: #AD2225;
 font-family: Arial, Helvetica;
 }
 
.bloqueado
{
 font-weight: bold;
 font-size: 10px;
 color: #AD2225;
 font-family: Arial, Helvetica;
 background-color: white;
 border: 1px #ADADAD solid;
}
 
.herdado
{
 font-weight: bold;
 font-size: 10px;
 color: #AD2225;
 border-top-style: none;
 font-family: Arial, Helvetica;
 border-right-style: none;
 border-left-style: none;
 background-color: transparent;
 border-bottom-style: none;
}

.label
{
 font-weight: bold;
 font-size: 10px;
 color: black;
 border-top-style: none;
 font-family: Arial, Helvetica;
 border-right-style: none;
 border-left-style: none;
 border-bottom-style: none;
}
 

.validacao
{
 font-weight: bold;
 font-size: 10px;
 color: red;
 font-family: Arial, Helvetica;
 background-color: white;
}

.INPUT1 {
font-size: 10; 
color: #AD2225; 
font-family: Arial, Helvetica; 
border: 1px #ADADAD solid;
}

.INPUT2 {
font-size: 10;
color: #000000; 
font-family: Arial, Helvetica; 
border: 1px #ADADAD solid;
background-color: #CCCCCC;
}

INPUT.3 {
font-size: 12; 
color: #CC3333; 
font-family: Arial; 
text-align: right;
border: 1px #ADADAD solid;
}

INPUT.4 {
font-size: 10; 
color: #CC3333; 
font-family: Arial; 
border: 1px #ADADAD solid;
}

INPUT.5 {
font-size: 12; 
color: #000000; 
font-family: Arial; 
text-align: right;
border: 1px #ADADAD solid;
}

.titulo2 {
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #00A6DD;
	background-position: center center;
	text-align: center;
	font-weight: bold;
}
.colunaazulclaro {
	font-size: 9px;
	font-style: normal;
	color: #000000;
	background-color: #D9ECFF;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
}