/*http://www.basf.com.br/web/css/verde_claro.css*/
/************************************************************

Nesta folha de estilos estão definidas
as variações de cores do site

*************************************************************/

.color_variation_dark
{
	background-color: #65ac1e;
}

.color_variation_light
{
	background-color: #d0e6bb;
}

.color_variation_lighter
{
	background-color: #deedcf;
}

/* Logo
---------------------------------------------*/
#logo
{
	width: 100px;
	height: 128px;
	background: #d0e6bb; 
	background-image: url('~/Imagens/logo_verde_claro.gif');
	border-right: 1px solid white;
}

.titulo-principal
{
	padding: 10px 0px 10px 0px;
	font-weight: bold;
	font-size: 18px ;
	color: #65ac1e;
}

/* Left Navigation Menu
---------------------------------------------*/
#left_navigation div
{
	width: 100%;
	float: none;
}

.menu_home
{
	font-size: 12px;
	background: transparent url('/Imagens/ico-menu-home.gif') 2px 8px no-repeat;
	padding: 4px 4px 4px 14px;
}

div.menu_home a:link, div.menu_home a:visited, div.menu_home a:active
{
	font-weight: normal;
	color: #65ac1e;
}

.menu_n1
{
	font-size: 12px;
	background: transparent url('/Imagens/verde_claro/ico-menu-n1.gif') 4px 6px no-repeat;
	padding: 4px 4px 4px 14px;
}

div.menu_n1 a:link, div.menu_n1 a:visited, div.menu_n1 a:active
{
	font-weight: bold;
	color: #65ac1e;
}

.menu_n2
{
	font-size: 12px;
	background: transparent url('/Imagens/ico-menu-n2.gif') 10px 6px no-repeat;
	padding: 4px 4px 4px 20px;
}

div.menu_n2 a.aberto:link, div.menu_n2 a.aberto:visited, div.menu_n2 a.aberto:active
{
	font-weight: bold;
	color: black;
}

div.menu_n2 a.fechado:link, div.menu_n2 a.fechado:visited, div.menu_n2 a.fechado:active
{
	font-weight: normal;
	color: black;
}

.menu_n3
{
	font-size: 12px;
	background: transparent url('/Imagens/verde_claro/ico-menu-n3.gif') 14px 8px no-repeat;
	padding: 4px 4px 4px 24px;
}

div.menu_n3 a.aberto:link, div.menu_n3 a.aberto:visited, div.menu_n3 a.aberto:active
{
	font-weight: bold;
	color: #65ac1e;
}

div.menu_n3 a.fechado:link, div.menu_n3 a.fechado:visited, div.menu_n3 a.fechado:active
{
	font-weight: normal;
	color: #65ac1e;
}

.menu_n4
{
	font-size: 11px;
	background: transparent url('/Imagens/ico-menu-n4.gif') 22px 10px no-repeat;
	padding: 4px 4px 4px 30px;
}

div.menu_n4 a.aberto:link, div.menu_n4 a.aberto:visited, div.menu_n4 a.aberto:active
{
	font-weight: bold;
	color: #4f4f4f;
}

div.menu_n4 a.fechado:link, div.menu_n4 a.fechado:visited, div.menu_n4 a.fechado:active
{
	font-weight: normal;
	color: #4f4f4f;
}

/* Título do menu da home
---------------------------------------------*/
.navigation_title
{
	font-weight: bold;
	font-size: 14px;
	color: #65ac1e;
}

/* Título Principal e Título em Destaque
---------------------------------------------*/
#titulo_principal
{
	font-weight: bold;
	font-size: 18px;
	background: transparent url('/Imagens/verde_claro/quadrinho-01.gif') 0px 45px no-repeat;
	padding: 40px 0px 4px 20px;
	float: none;
	color: #65ac1e;
}


#top_separator
{
	width: 100%;
	height: 5px;
	background: transparent url('/Imagens/verde_claro/top-separator.gif') repeat-x;
	float: none;
	padding-bottom: 20px;
}

#titulo_dest_container
{
	width: 100%;
	text-align: right;
	border-bottom: 1px solid #65ac1e;
	padding-bottom: 6px;
	margin-bottom: 18px;
}

#titulo_destaque
{
	background: transparent url('/Imagens/verde_claro/quadrinho-02.gif') left no-repeat;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	padding: 0px 0px 0px 16px;
	color: #65ac1e;
	float: right;
}

#titulo_destaque_peq
{
	background: transparent url('/Imagens/verde_claro/quadrinho-02.gif') left no-repeat;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 0px 16px;
	color: #65ac1e;
	float: left;
}

.imagem_quadrinho_peq
{
	background: transparent url('/Imagens/verde_claro/quadrinho-02.gif') left no-repeat;
}

div.titulo
{
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	background: transparent url('/Imagens/verde_claro/quadrinho-03.gif') 0px 4px no-repeat;
	padding: 0px 0px 0px 14px;
	color: #65ac1e;
}



/* Definições da folha de estilos antiga
---------------------------------------------*/
.titulo {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #65ac1e; text-decoration: none}
.titulo-principal { font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-weight: bold; color: #65ac1e; text-decoration: none }
.fonte-11 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-weight: bold; color: #65ac1e; text-decoration: none }
.titulo-destaque { font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-weight: bold; color: #65ac1e; text-decoration: none }
.fonte-10-preta { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000; text-decoration: none }
.borda { border: 1px solid #65ac1e }


/* Cabeçalho do search.asp
---------------------------------------------*/
.search-nav
{
	background-color: #d0e6bb;
}

.search-nav td
{
	background-color: #d0e6bb;
}

/* Separador (linha fina)
---------------------------------------------*/
td.separator-border
{
	height: 1px;
	border-top: 1px solid #65ac1e;
}

/* Fundo busca
---------------------------------------------*/
.fundo-busca
{
	background-color: #d0e6bb;
}