body{
    font-family: "ItauText_Rg", Arial, Helvetica, Sans-serif;
    color: #3D3D3D;
}

/* fontes*/
@font-face {
  font-family: 'ItauText_Rg';
  src: url('../fonts/ItauText_Rg.eot');
  src: url('../fonts/ItauText_Rg.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ItauText_Rg.woff2') format('woff2'),
  url('../fonts/ItauText_Rg.woff') format('woff'),
  url('../fonts/ItauText_Rg.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ItauDisplay_Bd';
  src: url('../fonts/ItauDisplay_Bd.eot');
  src: url('../fonts/ItauDisplay_Bd.eot?#iefix') format('embedded-opentype'),
  url('../fonts/ItauDisplay_Bd.woff2') format('woff2'),
  url('../fonts/ItauDisplay_Bd.woff') format('woff'),
  url('../fonts/ItauDisplay_Bd.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'ItauText_Rg';
    src: url('../fonts/ItauDisplay_Bdcondensed-regular-webfont.eot');
    src: local('☺'), url('../fonts/ItauDisplay_Bdcondensed-regular-webfont.woff') format('woff'), url('../fonts/ItauDisplay_Bdcondensed-regular-webfont.svg') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ItauText_Rg';
    src: url('../fonts/ItauDisplay_Bdcondensed-bold-webfont.eot');
    src: local('☺'), url('../fonts/ItauDisplay_Bdcondensed-bold-webfont.woff') format('woff'), url('../fonts/ItauDisplay_Bdcondensed-bold-webfont.svg') format('svg');
    font-weight: 700;
    font-style: normal;
}

b, strong, .bold{
    font-family: "ItauDisplay_Bd", Arial, Helvetica, Sans-serif !important;
}

/******************************************************************************************************************************/
/*****************************************************HISTORICO****************************************************************/
/******************************************************************************************************************************/
#u4508-4, #u4508-4 {
    font-family: ItauDisplay_Bd, sans-serif;
}

#u4570-4, #u4573-4, #u7577-4, #u4601-4, #u4365-4, #u4373-4, #u4369-4, #u4514-4 {
    font-family: 'ItauText_Rg';
}



/*----Cabeçalho (Cor de Fundo)----*/
#u4346 {
    background-color: #3B3B3B;
}

/*----Cabeçalho (Cor do Texto)----*/
#u4508-4 {
    color: #FFFFFF;
}

/*----Botão Filtro (Cor de borda e fundo)----*/
#u4582 {
    border-color: #101072;
    background-color: #101072;
}
    /*----Botão Filtro*mouse sobre botão (Cor de borda e fundo)----*/
    #u4582:hover {
        border-color: #FFFFFF;
        background-color: #3676B3;
    }

/*----Botão Limpar (Cor de borda e fundo)----*/
#u4595 {
    border-color: #ff0000;
    background-color: #ff0000;
}
    /*----Botão Limpar*mouse sobre botão (Cor de borda e fundo)----*/
    #u4595:hover {
        border-color: #FFFFFF;
        background-color: #3676B3;
    }

/*----Botão Excel (Cor de borda e fundo)----*/
#u4598 {
    border-color: #76818b;
    background-color: #76818b;
}
    /*----Linha Tabela*mouse sobre linha (Cor de fundo e texto)----*/
    #u4598:hover {
		opacity: .8;
    }
	
	#u4598:active {
		border-color: #ff5000;
        background-color: #ff5000;
    }

/*----Linha Tabela (Cor do texto)----*/
tr {
    color: #666666;
}
    /*----Linha Tabela*mouse sobre linha (Cor de fundo e texto)----*/
    tr:hover {
        color: #ff5000;
    }

/*----Cabeçalho da Tabela (Cor do texto)----*/
.xl65 {
    color: #ff5000;
    border-bottom-color: grey;
}

/******************************************************************************************************************************/
/******************************************************GRÁFICO*****************************************************************/
/******************************************************************************************************************************/

/*----Cabeçalho Valor: "Variação Percentual e Pontos"----*/
#u113-4 {
    font-family: ItauDisplay_Bd,sans-serif;
}


/*----Cabeçalho (Cor de fundo)----*/
#u110 {
    background-color: #3B3B3B
}

/*----Cabeçalho Campos: "Current Ticker" e "Descrição do Cliente"----*/
#u100-4, #u94-4 {
    color: #C0C0C5;
	font-family: ItauText_Rg,sans-serif;
}

/*----Cabeçalho Valor: "Ultimo Valor"----*/
#u106-4 {
    color: #FFF;
	font-family: ItauDisplay_Bd,sans-serif;
}

/*----Cabeçalho Campos: "Minima", "Maxima" e "Em 52 Semanas"----*/
#u120-4, #u124, #u127-4, #u124-5 {
    color: #00C463;
	font-family: 'ItauText_Rg';
}

/*----Cabeçalho Valor: "Minima" e "Maxima"----*/
#u130-4, #u133-4 {
    color: #FFF;
	font-family: ItauDisplay_Bd,sans-serif;
}

/*----Cabeçalho Valor: "Em 52 Semanas"----*/
#u143-4 {
    color: #FFF;
	font-family: ItauDisplay_Bd,sans-serif;
}

/*----Cabeçalho Campos: "Abertura", "Fechamento" e "Volume"----*/
#u147-4, #u148-4, #u146, #u146-3 {
    color: #BABABF;
	font-family: 'ItauText_Rg';
}

/*----Cabeçalho Valor: "Abertura", "Fechamento" e "Volume"----*/
#u149-4, #u150-4, #u151-4 {
    color: #FFF;
	font-family: ItauDisplay_Bd,sans-serif;
}

/*----Sub-Cabeçalho (Cor de fundo)----*/
#u7606-3 {
    background-color: #acaeaf;
}

/*----Sub-Cabeçalho Campos: "Escala Log" e "Comprar com:"----*/
#u188-4, #u191-4 {
    color: #FFF;
	font-family: 'ItauText_Rg';
	font-size: 13px;
}

/*---- Botões dos Tipos do Gráfico (Borda e Cor de Fundo)----*/
#btBarra, #btCandle, #btLinha {
    border-color: #76818B;
    background-color: #76818B;
}

#btBarra:active, #btCandle:active, #btLinha:active {
         background-color: #ce5119;
    }

    /*---- Botões dos Tipos do Gráfico*mousesobre botão (Cor de Fundo)----*/
    #btBarra:hover, #btCandle:hover, #btLinha:hover {
        background-color: #FF6600;
		opacity: .8;
    }

    /*---- Botões dos Tipos do Gráfico*quando selecionado (Cor de Fundo)----*/
    #btBarra.ButtonSelected, #btCandle.ButtonSelected, #btLinha.ButtonSelected {
        background-color: #FF6600;
    }

/*----Rodape (Cor de Fundo)----*/
#u6340 {
    background-color: #FF6600;
}

/*----Botões Rodapé (Borda e Cor de Fundo) (Anual, Mensal, Semanal, Diario, 1Hora, 30Minutos, 15Minutos, 10Minutos, 5Minutos, 1minuto)----*/
#btAnual, #btMensal, #btSemanal, #btDiario, #btHora, #bt30Min, #bt15Min, #bt10Min, #bt5Min, #bt1Min {
    border-color: #FF6600;
    background-color: #FF6600;
}
    /*----Botões Rodapé*mouse sobre botão (Cor de Fundo) (Anual, Mensal, Semanal, Diario, 1Hora, 30Minutos, 15Minutos, 10Minutos, 5Minutos, 1minuto)----*/
    #btAnual:hover, #btMensal:hover, #btSemanal:hover, #btDiario:hover, #btHora:hover, #bt30Min:hover, #bt15Min:hover, #bt10Min:hover, #bt5Min:hover, #bt1Min:hover {
        background-color: #3576B2;
    }

    /*----Botões Rodapé*quando selecionado (Cor de Fundo) (Anual, Mensal, Semanal, Diario, 1Hora, 30Minutos, 15Minutos, 10Minutos, 5Minutos, 1minuto)----*/
    #btAnual.ButtonSelected, #btMensal.ButtonSelected, #btSemanal.ButtonSelected, #btDiario.ButtonSelected, #btHora.ButtonSelected, #bt30Min.ButtonSelected, #bt15Min.ButtonSelected, #bt10Min.ButtonSelected, #bt5Min.ButtonSelected, #bt1Min.ButtonSelected {
        background-color: #009B45;
    }