/* ================================================================================================ */
/* tags gerais */

* { margin: 0; padding: 0; }

Html { background: #FFFFFF url(../imagens/topo_bg.jpg) center top repeat-x; }

Body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background: url(../imagens/rodape_bg.jpg) center bottom repeat-x;
}

Img { border: none; }

A { text-decoration: none; color: #C00;  }

Input, Select, Textarea { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; }

/* ================================================================================================ */
/* Topo */

#topo { position: relative; display: block; width: 900px; margin: 0 auto; height: 154px; }

/* logo */

#topo A#logo {
	display: block;
	width: 248px;
	height: 111px;
	text-indent: -100px;
	overflow: hidden;
	background: url(../imagens/topo_logo.gif) center top no-repeat;
}

/* links */

#topo Ul {
	list-style: none;
	position: absolute;
	left: 373px;
	display: block;
	width: 401px;
	background-position: center;
	background-repeat: no-repeat;
}
#topo Ul Li { float: left; width: 33.29%; text-align: center; }
#topo Ul Li A { display: block; color: #a20000; text-transform: uppercase; font-weight: bold; }

Body.uk #topo Ul Li, Body.es #topo Ul Li { width: 49.9%; }

/* links principais */

#topo Ul.principal { bottom: 43px; height: 34px; background-image: url(../imagens/topo_principal_bg.jpg); }
#topo Ul.principal Li A { font-size: 14px; line-height: 32px; margin: 2px 2px 0px 2px; }
#topo Ul.principal Li A:hover { background: url(../imagens/topo_principal_link.jpg) center bottom no-repeat; }

Body.uk #topo Ul.principal, Body.es #topo Ul.principal { background-image: url(../imagens/int_topo_principal_bg.jpg); }

/* links secundarios */

#topo Ul.secundario { top: 0px; height: 43px; background-image: url(../imagens/topo_secundario_bg.jpg); }
#topo Ul.secundario Li A { font-size: 10px; line-height: 43px; }
#topo Ul.secundario Li A:hover { background: url(../imagens/topo_secundario_link.jpg) center top no-repeat; }

Body.uk #topo Ul.secundario, Body.es #topo Ul.secundario { background-image: url(../imagens/int_topo_secundario_bg.jpg); }

/* idiomas */

#topo #idioma { position: absolute; top: 0px; right: 0px; padding-top: 4px; }
#topo #idioma A {
	display: block;
	height: 11px;
	width: 60px;
	padding: 2px 22px 2px 0px;
	text-align: right;
	background-position: center right;
	background-repeat: no-repeat;
}
#topo #idioma A#br { background-image: url(../imagens/icone_br.gif); }
#topo #idioma A#es { background-image: url(../imagens/icone_es.gif); }
#topo #idioma A#uk { background-image: url(../imagens/icone_uk.gif); }

Body.br #idioma A#br, Body.uk #idioma A#uk, Body.es #idioma A#es { display: none; }

#topo #idioma A B {
	visibility: hidden;
	line-height: 11px;
	height: 11px;
	font-size: xx-small;
	text-transform: uppercase;
	color: #333333;
	font-weight: normal;
}
#topo #idioma A:hover B { visibility: visible; }


/* busca */

#topo fieldset {
	display: block;
	float: left;
	width: 248px;
	height: 33px;
	padding-top: 10px;
	border: none;
	background: url(../imagens/topo_busca_bg.jpg) center no-repeat;
}

#topo fieldset Input {
	float: left;
	height: 20px;
	width: 192px;
	line-height: 20px;
	font-size: 10px;
	border: 1px solid #CC0000;
	border-right: none;
	margin-left: 14px;
	text-indent: 5px;
}

#topo fieldset A {
	float: left;
	display: block;
	width: 27px;
	height: 22px;
	text-indent: -100px;
	overflow: hidden;
	background: url(../imagens/topo_busca_botao.jpg) center no-repeat;
}

/* ================================================================================================ */
/* centro  */

#centro { display: block; width: 900px; min-height: 360px; margin: 0 auto; }

/* ================================================================================================ */
/* home  */

#centro.home { width: 940px; }

/* painel */

.home #painel {
	position: relative;
	display: block;
	width: 940px;
	min-height: 248px;
	background-image: url(../imagens/home_painel_bg.jpg);
	background-position: center top;
	background-repeat: repeat-x;
}

.home #painel Img { float: none; margin: 0; }
.home #painel Div {
	position: absolute;
	top: 0px;
	left: 20px;
	display: block;
	width: 220px;
	padding: 5px 14px 45px 14px;
	background: url(../imagens/painel_box_bg.png) center bottom no-repeat;
}
.home #painel Div H1 {
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	font-weight: normal;
	color: #CC0000;
	border-bottom: 1px solid #CC0000;
}
.home #painel Div P { color: #000000; text-align: justify; line-height: 18px; margin-top: 10px; }


/* boxes */

.home #boxes {
	float: left;
	width: 900px;
	padding: 5px 20px 0px 20px;
	background: url(../imagens/home_painel_barra.gif) center top no-repeat;
}

.home #boxes Dl {
	float: left;
	display: inline;
	width: 248px;
	height: 148px;
	border-bottom: 4px solid #CC0000;
	background: #f5f5f5;
}

.home #boxes Dl Dt {
	display: block;
	height: 38px;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	background: url(../imagens/home_box_titulo.jpg) center repeat-x;
}
.home #boxes Dl Dt A { display: block; }

.home #boxes Dl Dd { padding: 10px 5px 0px 5px; }
.home #boxes Dl Dd Img { float: left; }
.home #boxes Dl Dd P { color: #CC0000; padding-top: 20px; text-align: center; }

.home #boxes Dl.news { width: 368px; margin: 0 18px; }
.home #boxes Dl.news Ul { list-style: none; margin: 10px 5px; }
.home #boxes Dl.news Ul Li { margin-bottom: 5px; background: url(../imagens/icone_seta.gif) 0px 5px no-repeat; padding-left: 15px;  }
.home #boxes Dl.news Ul Li:hover { background-image: url(../imagens/icone_setaOn.gif); }
.home #boxes Dl.news Ul Li A { color: #333333; }
.home #boxes Dl.news Ul Li A:hover { color: #CC0000; }

/* ================================================================================================ */
/* conteudo  */

#conteudo { float: right; width: 632px; min-height: 340px; margin-top: 20px; text-align: justify; }

#conteudo H1 {
	color: #CC0000;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}
#conteudo H3 { font-size: 10px; margin: -10px 0px 10px 0px; }
#conteudo H3:first-letter { text-transform: uppercase; }
#conteudo Img {
	float: right;
	padding: 1px;
	background: #FFFFFF;
	border: 1px solid #CC0000;
	margin: 0px 0px 10px 20px;	
}
#conteudo P { line-height: 18px; margin-bottom: 10px; }

/* ================================================================================================ */
/* Listagem  */

#conteudo Ul.listar { list-style: none; }
#conteudo Ul.listar Li { float: left; width: 100%; margin-bottom: 20px; }
#conteudo Ul.listar Li Img { float: left; margin: 0px 10px 0px 0px; }
#conteudo Ul.listar Li A { display: block; color: #333333; }
#conteudo Ul.listar Li H2 { font-size: 12px; color: #CC0000; margin-bottom: 5px; }

/* ================================================================================================ */
/* paginar */

#conteudo #paginar {
	float: left;
	position: relative;
	display: block;
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding-top: 6px;
	background: url(../imagens/conteudo_paginar_bg.jpg) center top repeat-x;
}
#conteudo #paginar:hover { background-image: url(../imagens/conteudo_paginar_bgOn.jpg); }

#conteudo #paginar A { display: block; color: #333333; font-size: 10px; text-transform: uppercase; }
#conteudo #paginar A:hover { color: #CC0000; }
#conteudo #paginar A#anterior { float: left; }
#conteudo #paginar A#proximo { float: right; }
#conteudo #paginar Small {
	position: absolute;
	display: block;
	left: 50%;
	width: 100px;
	height: 20px;
	line-height: 20px;
	margin-left: -50px;
	text-align: center;
}

/* ================================================================================================ */
/* produto  */

/* imagem grande */
/*.produto #conteudo .in_natura, .produto #conteudo .industrializados.id_16 { margin: 0 auto; text-align: center; }*/
.produto #conteudo .in_natura Img, .produto #conteudo .industrializados.id_16 Img { float: none; margin: 0; }

/* listagem diferenciada */
.produto #conteudo Ul.listar Li { text-align: center; width: 50%; min-height: 140px; }
.produto #conteudo Ul.listar Li Img { float: none; margin: 0px 0px 10px 0px; }
.produto #conteudo Ul.listar Li H2 { padding: 0px 10px; }

/* ================================================================================================ */
/* estrutura  */

.institucional #conteudo Ul.mundi {
	list-style: none;
	position: relative;
	display: block;
	width: 600px;
	height: 312px;
	background: url(../imagens/conteudo_mundi.jpg) center no-repeat;
}
.institucional #conteudo Ul.mundi Li { position: absolute; }
.institucional #conteudo Ul.mundi Li.sede1 { bottom: 48px; left: 431px; } /* Santa Rosa */
.institucional #conteudo Ul.mundi Li.sede2 { bottom: 38px; left: 431px; } /* Santo Ângelo */
.institucional #conteudo Ul.mundi Li.sede3 { bottom: 28px; left: 452px; } /* Porto Alegre */
.institucional #conteudo Ul.mundi Li.sede4 { bottom: 34px; left: 441px; } /* Ibirubá */
.institucional #conteudo Ul.mundi Li.sede5 { bottom: 135px; left: 434px; } /* Rondonópolis */
.institucional #conteudo Ul.mundi Li.sede6 { bottom: 80px; left: 463px; } /* Jacarézinho */

.institucional #conteudo Ul.mundi Li A {
	position: relative;
	display: block;
	width: 22px;
	height: 7px;
	background: url(../imagens/conteudo_mundi_seta.png) center bottom no-repeat;
}
.institucional #conteudo Ul.mundi Li A:hover { height: 14px; background: url(../imagens/conteudo_mundi_setaOn.png); }

.institucional #conteudo Ul.mundi Li A Strong {
	position: absolute;
	right: 40px;
	top: -10px;
	display: none;
	width: 80px;
	background: #FFF;
	padding: 2px 4px;
	text-align: center;
	border: 1px solid #C00;
	opacity: .7;
	filter: Alpha(Opacity:70);
}
.institucional #conteudo Ul.mundi Li A:hover Strong { display: block; }

/* Fotos da sede */

.institucional #conteudo #sede Ul { float: left; list-style: none; margin-left: 10px; }
.institucional #conteudo #sede Ul Li A { color: #333; } 
.institucional #conteudo #sede Ul Li A:hover { color: #C00; }

/* ================================================================================================ */
/* contato  */

.contato Form { display: block;	width: 360px; margin: 0 auto; }

.contato Form Label {
	display: block;
	width: 100%;
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	margin-top: 5px;
}

.contato Form Input, .contato Form Select, .contato Form Textarea {
	width: 100%;
	height: 22px;
	border: 1px solid #CC0000;
	background: url(../imagens/conteudo_input_bg.jpg) center top repeat-x;
}
.contato Form Textarea { height: 100px; }

.contato Form A {
	float: right;
	margin: 10px auto;
	display: block;
	width: 105px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 10px;
	cursor: pointer;
	background: url(../imagens/conteudo_form_botao.gif) center no-repeat;
}
.contato Form A:hover { background-image: url(../imagens/conteudo_form_botaoOn.gif); }

.contato Form Small {
	float: left;
	height: 24px;
	line-height: 24px;
	text-indent: 20px;
	margin-top: 10px;
	background: url(../imagens/formOk.gif) left center no-repeat;
}

/* ================================================================================================ */
/* Trabalhe conosco */

.contato Form Fieldset { margin-top: 20px; border: none; background: url(../imagens/menu_link_bg.jpg) 0px 15px repeat-x; }
.contato Form Fieldset:hover { background-image: url(../imagens/menu_link_bgOn.jpg); }
.contato Form Fieldset H2 {
	font-size: 12px;
	line-height: 20px;
	color: #C00;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}
.contato Form Fieldset:hover H2 { border-color: #C00; }

/* mais e menos */

.contato Form Fieldset.menos H2, .contato Form Fieldset.mais H2{
	cursor: pointer;
	background-position: right center;
	background-repeat: no-repeat;
}

.contato Form Fieldset.menos { height: 20px; overflow: hidden; }
.contato Form Fieldset.menos H2 { background-image: url(../imagens/icone_mais.gif); }
.contato Form Fieldset.mais H2 { background-image: url(../imagens/icone_menos.gif); }


/* Radio button */

.contato Form .radio B { height: 22px; line-height: 22px; margin: 0px 25px 0px 5px; }
.contato Form .radio Input { width: 12px; height: 12px; border: none; background: none; }

/* idioma */

.contato Form #idioma Input, .contato Form #idioma Select { width: 49%; }

/* ================================================================================================ */
/* vendas e graos */

.contato #conteudo Dl Dt { color: #C00; font-size: 12px; font-weight: bold; }
.contato #conteudo Dl Dd { padding: 10px; }

/* ================================================================================================ */
/* fornecedores */

.contato #conteudo Ul.arquivos { list-style: none; margin-top: 20px; }
.contato #conteudo Ul.arquivos Li A {
	display: block;
	padding-left: 20px;
	color: #C00;
	line-height: 20px;
	background: url(../imagens/icone_arquivo.gif) left center no-repeat;
}
.contato #conteudo Ul.arquivos Li A:hover { background-image: url(../imagens/icone_arquivoOn.gif); }

/* ================================================================================================ */
/* check form */

.contato Label.erro { background: url(../imagens/formErro.gif) right center no-repeat; }
.contato Label.ok { background: url(../imagens/formOk.gif) right center no-repeat; }

.contato Input.erro, .contato Textarea.erro { border: 1px solid #CC0000; }
.contato Input.ok, .contato Textarea.ok { border: 1px solid #61C250; }

/* ================================================================================================ */
/* localizacao  */

#conteudo.contato Dl Dt { clear: both; font-size: 12px; font-weight: bold; color: #CC0000; margin-bottom: 10px; }
#conteudo.contato Dl Dd { float: left; width: 100%; margin-bottom: 10px; }
#conteudo.contato Dl Dd P { margin-left: 20px; }
#conteudo.contato Dl Dd Img { float: left; margin: 0px 20px 0px -20px; }

/* ================================================================================================ */
/* video  */

.video #conteudo Div { width:100%; text-align: center; margin-bottom: 20px; } 

/* ================================================================================================ */
/* abertura  */

#conteudo #abertura { margin-bottom: 10px; }
#conteudo #abertura Img { float: none; margin: 0; }

/* ================================================================================================ */
/* receita  */

#conteudo #receita {
	position: relative;
	width: 90%;
	margin: 20px 0px;
	padding: 20px;
	background: #F4EEEE;
	border: 1px solid #E4C4C4;
}
#conteudo #receita A.print {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 60px;
	height: 24px;
	line-height: 24px;
	text-align: right;
	text-transform: uppercase;
	padding-right: 30px;
	background: url(../imagens/incone_print.gif) 70px center no-repeat;
	border-bottom: 1px solid #E4C4C4;
	border-left: 1px solid #E4C4C4;
}
#conteudo #receita A.print:hover { background-color: #F5F3F3; border-color: #E4C4C4; }

/* ================================================================================================ */
/* vendas mercado externo  */

#centro #conteudo.externo Ul { float: left; width: 100%; list-style: none; margin-bottom: 20px; }
#centro #conteudo.externo Ul Li { float: left; width: 33%; margin: 5px 0px; }
#centro #conteudo.externo Ul Li A {
	display: block;
	width: 90%;
	height: 25px;
	line-height: 25px;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #E4C4C4;
	background: url(../imagens/conteudo_externo_botao.gif) center top repeat-x;
}
#centro #conteudo.externo Ul Li A:hover { background-image: url(../imagens/conteudo_externo_botaoOn.gif); font-weight: bold; }

#centro #conteudo.externo Div {
	clear: both;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E4C4C4;
	background: url(../imagens/menu_link_bgOn.jpg) center bottom repeat-x;
}

/* ================================================================================================ */
/* busca  */

#centro.busca #conteudo Dl { margin-bottom: 20px; }
#centro.busca #conteudo Dl Dt {
	display: block;
	height: 38px;
	line-height: 36px;
	text-indent: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	background: url(../imagens/home_box_titulo.jpg) center repeat-x;
}
#centro.busca #conteudo Dl Dd { background: #F5F5F5; }

#centro.busca #conteudo Dl Dd Ul { list-style: none; padding: 10px; }
#centro.busca #conteudo Dl Dd Ul Li { background: url(../imagens/icone_seta.gif) left center no-repeat; text-indent: 20px; line-height: 20px; } 
#centro.busca #conteudo Dl Dd Ul Li:hover { background-image: url(../imagens/icone_setaOn.gif); }

/* ================================================================================================ */
/* menu  */

#menu {
	float: left;
	width: 248px;
	padding: 20px 0px;
	background: url(../imagens/menu_bg.jpg) center repeat-y;
}

#menu Dl { width: 218px; margin: 0 auto; }
#menu Dl Dt {
	height: 30px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #CC0000;
	background: url(../imagens/menu_titulo_bg.jpg) bottom repeat-x;
	border-bottom: 1px solid #CC0000;
}
#menu Dl Dt A { display: block; color: #CC0000; }

#menu Dl Dd { padding: 10px; }

#menu Dl Dd Ul { list-style: none; }
#menu Dl Dd Ul Li A {
	display: block;
	padding: 10px;
	color: #333333;
	border-bottom: 1px solid #cccccc;
	background: url(../imagens/menu_link_bg.jpg) bottom repeat-x;
	/* height: 30px; line-height: 30px; */
}
#menu Dl Dd Ul Li A:hover {
	color: #CC0000;
	border-bottom: 1px solid #E57F7F;
	background-image: url(../imagens/menu_link_bgOn.jpg);
}

/* Link quem destaque */

#menu Dl Dd Ul Li A.destaque { font-weight: bold; color: #C00; }

/* ================================================================================================ */
/* Banner */

#banner { float: left; width: 248px; clear: left; }
#banner A { color: #333; cursor: pointer; }
#banner A:hover { color: #C00; }

#banner Dl { width: 240px; margin: 20px auto; text-align: center; }
#banner Dl Dt {
	height: 42px;
	line-height: 42px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	color: #C00;
	background: url(../imagens/menu_banner_titulo.gif) center no-repeat;
}
#banner Dl Dd { background: #f5f5f5; border-bottom: 4px solid #C00; }
#banner Dl Dd P { line-height: 30px; }
#banner Dl Dd Img { border-bottom: 1px solid #E4C4C4; } 

/* ================================================================================================ */
/* rodape */

#rodape {
	position: relative;
	clear: both;
	height: 30px;
	width: 900px;
	margin: 0 auto;
	padding-top: 40px;
}

/* copyright */

#rodape Small {
	float: left;
	height: 14px;
	line-height: 30px;
	color: #E47A7A;
	padding-left: 10px;
}

/* logo CDI */

#rodape A#cdi {
	float: right;
	display: block;
	width: 23px;
	height: 30px;
	background: url(../imagens/rodape_cdi.gif) center no-repeat;
	text-indent: -100px;
	overflow: hidden;
	cursor: pointer;
	padding-right: 60px;
}

/* Intranet */

#rodape #intranet {
	position: absolute;
	left: 5px;
	bottom: 26px;
	width: 240px;
	background: url(../imagens/rodape_bg.jpg) 0px 16px repeat-x;
	z-index: 1000;
}

#rodape #intranet A {
	display: block;
	width: 80px;
	height: 20px;
	line-height: 18px;
	text-indent: 25px;
	font-size: 10px;
	padding: 0px 4px;
	color: #E47A7A;
	cursor: pointer;
	background: url(../imagens/rodape_intranet.gif) center no-repeat;
}
#rodape #intranet A:hover, #rodape #intranet:hover > A { color: #CC0000; background-image: url(../imagens/rodape_intranetOn.gif); }

#rodape #intranet Form { float: left; display: none; padding: 8px; background: url(../imagens/rodape_intranet_bg.gif) center top no-repeat; }

#rodape #intranet Form Label, #rodape #intranet Form Input {
	float: left;
	width: 95px;
	height: 18px;
	line-height: 18px;
	margin-right: 3px;
	font-size: 10px;
	text-indent: 2px;
} 
#rodape #intranet Form Label { color: #C00; }
#rodape #intranet Form Input { border: 1px solid #E5D1D2; } 
#rodape #intranet Form Input:focus { border-color: #E27E96; }

#rodape #intranet Form A {
	float: left;
	width: 18px;
	height: 18px;
	text-indent: 0;
	padding: 0;
	text-align: center;
	border: 1px solid #E5D1D2;
}

#rodape #intranet Div {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #C00;
	padding-right: 15px;
	background: url(../imagens/icone_erro.gif) right center no-repeat;
}

/* ================================================================================================ */
/* Hack IE6 */

* Html #centro { height: 360px; }
* Html .home #painel { height: 248px; }
* Html #conteudo { height: 340px; }
* Html .produto #conteudo Ul.listar Li { height: 140px; }
* Html #centro.contato #menu Dl Dd Ul Li A { height: 30px; line-height: 30px; padding: 0 10px; }

* Html .home #painel Div {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop, src='interface/imagens/painel_box_bg.png');
}
* Html .home #painel Div {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='interface/imagens/painel_box_bg.png');
}
* Html .institucional #conteudo Ul.mundi Li A {
	cursor: pointer;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='interface/imagens/conteudo_mundi_seta.png');
}
* Html .institucional #conteudo Ul.mundi Li A:hover {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='interface/imagens/conteudo_mundi_setaOn.png');
}