/**** ESTRUTURA - GAFOR ****/
* {
	padding:0;
	margin:0;
}
img {
	border:none;
}

html {
/*	background: #a1a1a1 url(img/fundo_bg.jpg) top repeat-x;*/
}
body {
	margin: 0 auto;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}

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

#todo {
	position: relative;
	margin: 0 auto;
	width: 803px;
	height: auto;
	text-align: center;
}

/***** CORPO - Contem tudo menos o Cabealho ******/
#corpo {
	position: relative;
	float: left;
	margin-left: 12px;
	width: 779px;
	height: auto;
	background-color: #fff;
}

/***** IR PARA O TOPO *****/
.irTopo a {
	float: right;
}
.irTopo img {
	vertical-align: middle;
	margin-top: -1px;
}
.irTopo a:hover {
	font-weight: bold;
}
/**************************/

/**************** POPUP - Lista de Documentos **************************/
.popUp {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 450px;
	height: 400px;
	margin: -200px auto auto -225px;
	background-color: #fff;
	border: 3px #797979 solid ;
	display: none;
}

/* Formularios */
.popUp.forms {
	background-color: #f6f6f6;
}

/*** Cabealho ***/
.popUp div#cabecalho {
	position: relative;
	float: left;
	padding: 3px 0 4px 10px;
	width: 440px;
	height: auto;
	background: url(img/popUp_cabecalho_bg.gif) left top repeat-x;
}
.popUp div#cabecalho h3 {
	position: relative;
	float: left;
	width: auto;
	font-size: 14px;
	color: #000;
}
/* Fechar */
.popUp div#cabecalho a {
	position: absolute;
	height: 21px;
	top: 0;
	right: 0;
	background: url(img/fechar_bg.gif) right top no-repeat;
	padding: 4px 28px 0 0;
	color: #333;
}
.popUp div#cabecalho a:hover {
	background-position: right bottom;
}

/*** Lista ***/
.popUp ul {
	float: left;
	width: 430px;
	height: 371px;
	padding: 4px 10px 0 10px;
	list-style: none;
	overflow: auto;
}
.popUp ul li {
	padding: 4px 5px 4px 25px;
	font-size: 10px;
	color: #666;
}
.popUp ul li a {
	font-size: 11px;
	color: #000;
}
.popUp ul li a:hover {
	text-decoration: underline;
	color: #039;
}

.popUp ul li.divisor {
	background: url(img/divisor2_img.gif) center repeat-x;
	font-size: 2px;
	padding: 0;
	margin: 0;
	height: 2px;	
}

/* Tipos de arquivos */
.popUp ul li.pdf {
	background: url(img/icon_Pdf_img.gif) left 2px no-repeat;
}
.popUp ul li.doc {
	background: url(img/icon_Doc_img.gif) left 2px no-repeat;
}
.popUp ul li.xls {
	background: url(img/icon_Xls_img.gif) left 2px no-repeat;
}
.popUp ul li.ppt {
	background: url(img/icon_Ppt_img.gif) left 2px no-repeat;
}
.popUp ul li.zip {
	background: url(img/icon_Zip_img.gif) left 2px no-repeat;
}
.popUp ul li.link {
	background: url(img/icon_Link_img.gif) left 2px no-repeat;
}

/* FORM - INDIQUE UM AMIGO */
.popUp.forms#indiquePopUp {
	width: 300px;
	height: 295px;
	margin: -147.5px auto auto -150px;	
}
.popUp.forms#indiquePopUp div#cabecalho {
	width: 290px;
}
.popUp.forms#indiquePopUp iframe {
	border: none;
	width: 100%;
	height: 285px;
}

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

/**************** CABEALHO *******************************************************/
#cabecalho {
	position: relative;
	float: left;
	width: 803px;
	height: 84px;
}

/****** FUNDOS LATERAIS DO CABEALHO *******/
#cabecalho div.laterais {
	position: relative;
	float: left;
	width: 306px;
	height: 84px;
}
#cabecalho #L_bg {
	background: url(img/cabecalho_L_bg.jpg) left top no-repeat;
}
#cabecalho #R_bg {
	background: url(img/cabecalho_R_bg.jpg) left top no-repeat;
}

/******* LOGO ************/
#cabecalho h1 {
	position: relative;
	float: left;
	width: auto;
	height: auto;
}

/****** MENU SUPERIOR ********/
#cabecalho ul.menu {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 306px;
	height: 44px;
	background: url(img/menuSup_bg.jpg) left top repeat-x;
	list-style: none;
}
/** Botoes **/
#cabecalho ul.menu li {
	float: left;
	display: inline;
	height: 44px;
}
#cabecalho ul.menu li a {
	float: left;
	background: url(img/menuSup_Over_bg.jpg) 0px 44px repeat-x;
	padding: 15px 0 10px 0;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#cabecalho ul.menu li#btn_1 a {
	width: 143px;
}
#cabecalho ul.menu li#btn_2 a {
	width: 89px;
}
#cabecalho ul.menu li#btn_3 a {
	width: 68px;
}
#cabecalho ul.menu li#btn_4 a {
	width: 140px;
}
#cabecalho ul.menu li#btn_5 a {
	width: 163px;
}

/* Over */
#cabecalho ul.menu li a:hover {
	background-position: 0px 0px;
	color: #1d3e5c;
}

/* Divisor */
#cabecalho ul.menu li.divisor {
	width: 3px;
	background: url(img/menuSup_divisor_bg.jpg) left top no-repeat;
}

/* Bordas Redondas */
#cabecalho ul.menu li a div#borda {
	position: absolute;
	top: 0;
	width: 12px;
	height: 44px;
	background: url(img/menuSup_L_bg.jpg) left top no-repeat;
	overflow: hidden;
}
#cabecalho div#L_bg ul.menu li a div#borda {
	left:0;
	background: url(img/menuSup_L_bg.jpg) 0px 0px no-repeat;
}
#cabecalho div#R_bg ul.menu li a div#borda {
	right:0;
	background: url(img/menuSup_R_bg.jpg) 0px 0px no-repeat;
}
/* Over */
#cabecalho div#L_bg ul.menu li a:hover div#borda,
#cabecalho div#R_bg ul.menu li a:hover div#borda {
	background-position: 0px -44px;
}

/****** BUSCA ***********/
div.busca {
	position: relative;
	float: left;
	width: 200px;
	height: 20px;
	padding: 12px 0 0 15px;
}
/* Input */
div.busca input.buscaInput,
div.busca input.buscaInput_F,
div.busca input.buscaInput_B {
	position: relative;
	float: left;
	width: 169px;
	height: 16px;
	border: 1px solid #96969d;
	padding: 4px 0 0 5px;
	font-size: 11px;
	color: #888;
}
/* Focus */
div.busca input.buscaInput_F {
	color: #000;
}
/* Blur */
div.busca input.buscaInput_B {
	color: #888;
}
div.busca input#busca_btn {
	position: relative;
	float: left;
	margin-left: 5px;
}
/***************************/

/***** IDIOMAS ******/
#cabecalho div#R_bg ul#idiomas {
	position: absolute;
	right: 13px;
	top: 5px;
	width: 70px;
	list-style: none;
	text-align: right;
}
#cabecalho div#R_bg ul#idiomas img {
	vertical-align: middle;
}
#cabecalho div#R_bg ul#idiomas li {
	position: relative;
	float: right;
	height: 14px;
}
#cabecalho div#R_bg ul#idiomas li a {
	color: #888;
	font-size: 11px;
}
/* Over */
#cabecalho div#R_bg ul#idiomas li a:hover {
	color: #000;
	font-size: 11px;
}
/******************************************************************************/

/***************** LATERAL L *********************************************************************/
#colunaL {
	position: relative;
	float: left;
	width: 195px;
	background: #e4e4e4 url(img/menuPrincipal_fundoTop_bg.gif) left top repeat-x;
}

/***************** MENU PRINCIPAL LATERAL ***********************************************/
#colunaL ul#menuPrinc {
	margin-top: 6px;
	list-style: none;
}
#colunaL ul#menuPrinc li {
	position: relative;
	float: left;
	background: url(img/menuPrincipal_btn_bg.gif) left top no-repeat;
	margin-bottom: 2px;
}
#colunaL ul#menuPrinc li a {
	float: left;
	width: 155px;
	height: 28px;
	text-align: left;
	padding: 10px 10px 0 30px;
	font-size: 13px;
	font-weight: bold;
	color: #1d3e5c;
}

/* Botes de dois linhas */
#colunaL ul#menuPrinc li.btn2 {
	background: url(img/menuPrincipal_btn2_bg.gif) left top no-repeat;
}
#colunaL ul#menuPrinc li.btn2 a.btn2 {
	height: 42px;
}
/* Markas - Itens do Menu */
#colunaL ul#menuPrinc li#gafor_logistica a {
	background: url(img/menuPrincipal_Logistica_mark_bg.gif) 12px 0px no-repeat;
}
#colunaL ul#menuPrinc li#gafor_distribuidora a {
	background: url(img/menuPrincipal_Distrib_mark_bg.gif) 12px 0px no-repeat;
}
#colunaL ul#menuPrinc li#maggi_agropecuaria a {
	background: url(img/menuPrincipal_Maggi_mark_bg.gif) 12px 0px no-repeat;
}
#colunaL ul#menuPrinc li#gafor_empreendimentos_imobiliarios a {
	background: url(img/menuPrincipal_Empreend_mark_bg.gif) 12px 0px no-repeat;
}
#colunaL ul#menuPrinc li#gafor_logistica a:hover,
#colunaL ul#menuPrinc li#gafor_distribuidora a:hover,
#colunaL ul#menuPrinc li#maggi_agropecuaria a:hover {
	background-position: 12px -38px;
}
#colunaL ul#menuPrinc li#gafor_empreendimentos_imobiliarios a:hover {
	background-position: 12px -52px;
}

/* Sub Menus */
#colunaL ul#menuPrinc li ul li {
	list-style: none;
	background: url(img/menuPrincipal_subBtn_bg.gif) left top no-repeat;
	margin: 1px 0 0 0;
}
/* Oculta */
#colunaL ul#menuPrinc li ul {
	display: none;
}
#colunaL ul#menuPrinc li ul li a {
	float: left;
	position: relative;
	clear: both;
	height: 20px;
	width: 171px;
	padding: 4px 5px 0 19px;
	font-size: 11px;
	font-weight: 700;
	color: #2c5478;
}
/* Sub boto maior */
#colunaL ul#menuPrinc li ul li.btn2 {
	background-image: url(img/menuPrincipal_subBtn2_bg.gif);
}
#colunaL ul#menuPrinc li ul li.btn2 a.btn2 {
	height: 36px;
}
/* Logistica */
#colunaL ul#menuPrinc li#gafor_logistica ul li a {
	background: url(img/menuPrincipal_Logistica_subMark_bg.gif) 8px 10px no-repeat;
}
#colunaL ul#menuPrinc li#gafor_logistica ul li a:hover {
	background-position: 8px 10px;
	color: #f7931e;
}
/* Distribuidora */
#colunaL ul#menuPrinc li#gafor_distribuidora ul li a {
	background: url(img/menuPrincipal_Distrib_subMark_bg.gif) 8px 10px no-repeat;
}
#colunaL ul#menuPrinc li#gafor_distribuidora ul li a:hover {
	background-position: 8px 10px;
	color: #426ab2;
}
/* Maggi */
#colunaL ul#menuPrinc li#maggi_agropecuaria ul li a {
	background: url(img/menuPrincipal_Maggi_subMark_bg.gif) 8px 10px no-repeat;
}
#colunaL ul#menuPrinc li#maggi_agropecuaria ul li a:hover {
	background-position: 8px 10px;
	color: #8b8f3a;
}
/* Empreendimento */
#colunaL ul#menuPrinc li#gafor_empreendimentos_imobiliarios ul li a {
	background: url(img/menuPrincipal_Empreend_subMark_bg.gif) 8px 10px no-repeat;
}
#colunaL ul#menuPrinc li#gafor_empreendimentos_imobiliarios ul li a:hover {
	background-position: 8px 10px;
	color: #b39e70;
}
/**************************************************************************/

/***************** LATERAIS ************************************************/
/** Boxes **/
#colunaL ul.boxes {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	list-style: none;
}
#colunaL ul.boxes li {
	position: relative;
	margin: 7px 0 0 0;
}
#colunaL ul.boxes li img {
	margin-bottom: -5px;
}
/****** BOX 1 *********/
#colunaL ul#box_1 {
	background: #f7f7f7 url(img/lateral1_canto_L_bg.gif) left top no-repeat;
}

/** INPUTS - Login e Newsletter **/
#colunaL ul#box_1 li.login,
div.newsletter {
	background: url(img/areasInputs_bg.gif) center top no-repeat;
	height: 70px;
	position:relative;
}
#colunaL ul#box_1 li.login label,
div.newsletter label {
	position: relative;
	float: left;
	margin: 8px 16px 0 16px;
	line-height: 13px;
	font-weight: bold;
	text-align: left;
}

#colunaL ul#box_1 li.login input.loginInput,
#colunaL ul#box_1 li.login input.loginInput_F,
#colunaL ul#box_1 li.login input.loginInput_B,
#colunaL ul#box_1 li.login input.senhaInput,
#colunaL ul#box_1 li.login input.senhaInput_F,
#colunaL ul#box_1 li.login input.senhaInput_B,
div.newsletter input.emailInput,
div.newsletter input.emailInput_F,
div.newsletter input.emailInput_B {
	position: absolute;
	bottom: 9px;
	left: 15px;
	padding-left: 2px;
	width: 136px;
	height: 13px;
	font-size: 11px;
	color: #888;
}
#colunaL ul#box_1 li.login input.loginInput,
#colunaL ul#box_1 li.login input.loginInput_F,
#colunaL ul#box_1 li.login input.loginInput_B {
	bottom: 29px;
}

/* Focus */
#colunaL ul#box_1 li.login input.loginInput_F,
#colunaL ul#box_1 li.login input.senhaInput_F,
div.newsletter input.emailInput_F {
	color: #000;
}
/* Blur */
#colunaL ul#box_1 li.login input.loginInput_B,
#colunaL ul#box_1 li.login input.senhaInput_B,
div.newsletter input.emailInput_B {
	color: #888;
}
#colunaL ul#box_1 li.login input.ok_btn,
div.newsletter input.ok_btn {
	position: absolute;
	width: 22px;
	height: 22px;
	right: 11px;
	bottom: 8px;
}
/** <P> - Confira **/
#colunaL ul#box_1 li p.confira {
	margin: 0 20px 0 0;
	font-size: 10px;
	color: #446584;
	text-align: right;
}
#colunaL ul#box_1 li p.confira img {
	margin: 0 2px 0 0;
}
/** Rodap **/
#colunaL ul#box_1 li.rodape {
	background: url(img/lateral1_rodape_bg.gif) left bottom no-repeat;
	height: 12px;
	margin: 0;
}

/****** BOX 2 *********/
#colunaL ul#box_2 {
	background: #ebebeb;
}
#colunaL ul#box_2 li {
	margin-bottom: 15px;
}
/** Titulo **/
#colunaL ul#box_2 p.titulo {
	margin: 0 0 7px 10px;
	padding-left: 20px;
	width: 80%;
	background: url(../img/bolinhaSeta_img.gif) left 2px no-repeat;
	text-align: left;
	font-weight: bold;
	color: #446584;
}
/** Divisor **/
#colunaL ul#box_2 li img.divisor {
	width: 165px;
	height: 2px;
}
/** Rodap **/
#colunaL ul#box_2 li.rodape {
	margin:0;
	width: 195px;
	height: 10px;
	background: url(img/lateral2_rodape_bg.gif) left bottom no-repeat;
}

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

/******************* CONTEUDO *********************************************************************/
#conteudo {
	position: relative;
	float: left;
	width: 584px;
}

/** BOXES **/
#conteudo div.boxCont {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: #fff url(img/conteudo_Box_bg.gif) left bottom repeat-x;
	text-align: left;
}
/* Canto da direita */
#conteudo div.boxCont img.cantoR {
	position: absolute;
	bottom: 1px;
	right: 0;
}
/* P - Texto */
#conteudo div.boxCont p,
#conteudo div.boxCont ul {
	margin: 5px 15px 15px 15px;
	clear: both;
}

/* TITULO */
#conteudo div.boxCont div.titulo {
	position: relative;
	float: left;
	width: auto;
	height: auto;
	background: url(img/conteudo_Box_tituloL_bg.gif) left 26px no-repeat;
}
#conteudo div.boxCont div.titulo h2 {
	position: relative;
	float: left;
	padding: 5px 0 0 10px;
	width: auto;
	height: 35px;
	font-size: 12px;
	color: #446584;
	background: url(img/conteudo_Box_titulo_bg.gif) left top repeat-x;
}
/* Titulo com Bolinha */
#conteudo div.boxCont h2.titulo {
	margin: 11px 0 7px 10px;
	padding-left: 20px;
	width: 98%;
	background: url(img/bolinhaSeta_img.gif) left 2px no-repeat;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	color: #446584;
	text-transform: uppercase;
}

/* O GRUPO GRAFOR */
#conteudo div#oGrupo p {
	float: left;
	width: 260px;
	line-height: 15px;
	clear: none;
}
#conteudo div#oGrupo p.img {
	padding: 0;
	margin: 20px 0 0 20px;
	height: 100%;
}

/* NOTICIAS */
#conteudo div#noticiasBox ul {
	margin: 5px 20px 15px 20px;
}
#conteudo div#noticiasBox ul li {
	list-style: none;
	padding: 0;
	line-height: 16px;
}
#conteudo div#noticiasBox ul li a {
	background: url(img/bolinha_bg.gif) left 7px no-repeat;
	padding-left: 8px;
}
/* Data */
#conteudo div#noticiasBox ul li h3 {
	font-size: 11px;
	color: #7291a9;
	font-weight: normal;
}
#conteudo div#noticiasBox ul li h4 {
	font-size: 13px;
	color: #000;
	margin-bottom: 3px;
	padding:0;
	background:none;
}
#conteudo div#noticiasBox ul li a {
	padding:0;
	background:none;
}
/* Texto */
#conteudo div#noticiasBox ul li p {
	background: url(img/bolinha_bg.gif) left 6px no-repeat;
	margin: 0;
	padding-left: 10px;
}
/* Divisor */
#conteudo div#noticiasBox ul li.divisor {
	margin: 0 0 0 0;
	padding: 0;
	background: url(img/divisor2_img.gif) center repeat-x;
	font-size: 2px;
	height: 2px;
}
/* P - Mais noticias */
#conteudo div#noticiasBox ul li a#maisNoticias {
	float: right;
	color: #f7931e;
	font-weight: bold;
	padding: 5px 10px 10px 0;
	background: none;
}
#conteudo div#noticiasBox ul li a#maisNoticias img {
	margin-right: 5px;
	vertical-align: baseline;
}

/* AREAS DE ATUAO */
#conteudo div#areasAtua {
	background: url(img/conteudo_Box2_bg.gif) left bottom repeat-x;
}
#conteudo div#areasAtua p {
	margin: 5px 0 20px 0;
	width: 100%;
	text-align: center;
}
#conteudo div#areasAtua p img {
	margin: 0 10px 0 10px;
}

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

/******************* RODAP *****************************************************/
#rodape {
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	background: url(img/rodape_bg.gif) left top repeat-x;
}
/* Conteudo com os Menus */
#rodape div#menus {
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 625px;
	height: auto;
	margin-left: 110px;
}
#rodape div#menus ul {
	float: left;
	width: 155px;
	margin: 12px 20px 0px 20px;
	text-align: left;
	font-size: 11px;
	color: #446584;
	display: inline-table;
	list-style: none;
}
/* Item do Menu */
#rodape div#menus ul li a {
	color: #446584;
}
#rodape div#menus ul li a:hover {
	color: #f7931e;
}
#rodape div#menus ul li {
	padding-left: 12px;
	float: left;
	clear: left;
	width: auto;
}
#rodape div#menus ul li:hover {
	background: url(img/seta_bg.gif) left 4px no-repeat;
}
/* Titulo do Menu */
#rodape div#menus ul li.titulo {
	padding: 0;
	font-weight: bold;
	color: #f7931e;
}
#rodape div#menus ul li.titulo:hover {
	background: none;
}

/* Cantinhos */
#rodape div.cantos {
	position: relative;
	float: left;
	width: 100%;
}
#rodape div.cantos img.cantoL {
	float: left;
}
#rodape div.cantos img.cantoR {
	float: right;
}
/*** CopyRight ***/
/* Faixa */
#rodape h2 {
	float: left;
	width: 100%;
	background: #474848;
}
#rodape h2 p {
	float: left;
	margin-bottom: 7px;
	width: 100%;
	height: 25px;
	padding-top: 10px;
	background: #a6b6c5;
	font-size: 11px;
	color: #fff;
}