/*-----------------------------------------------------------------------------
WWW.AGROFORN.COM.BR
data:      27/04/2007
autor:     Marcelo Cintra de Melo
email:     marcelo@webtask.com.br
website:   www.webtask.com.br
-----------------------------------------------------------------------------*/

/*************************
CONFIGURAÇÕES GERAIS
**************************/
* {margin:0px; padding:0px; text-indent:0px; text-decoration:none; border:none; list-style:none}
html,body {margin:0;padding:0; height:100%;  background:url(../imagens/bgGeral.jpg) no-repeat top left;}

/* fonte e cores */
html,body {
	background:#86816E url(../imagens/bgGeral.jpg) repeat-x top left;
	font: normal 12px Arial, Helvetica, sans-serif;
	color:#242424;}

/* div somente para posifionar a imagem de fundo com fenos */
#fundoFeno {height:auto !important; height:100%; min-height:100%; 
	background:url(../imagens/bgTopFundo.jpg) repeat-x top left; border-bottom:solid 1px #D4D0C8;}

/* centraliza pagina */
div#container {position:relative; margin:0 auto; width:765px; height:auto !important; 
	height:100%; min-height:100%; margin-bottom:30px;}

/* elementos gerais */
br,.clear {clear:both;} .hide {display:none;} .right {float:right;} .left {float:left;} .fix {border:solid 1px red;}
.imagem {float:left; overflow:hidden; text-indent:-7777px; font-size:1px;}


/*************************
CABEÇALHO
**************************/
#cabecalho { height:221px; float:left; width:765px; margin-top:40px; border:solid 1px #23371D; border-bottom:solid 4px #373A12;
	background:url(../imagens/bgCabecalho.jpg) no-repeat top left; position:relative; z-index:1000;}
#cabecalhoInt { height:90px; float:left; width:765px; margin-top:20px; border:solid 1px #23371D; border-bottom:solid 4px #373A12;
	background:url(../imagens/bgCabecalho.jpg) no-repeat top left; position:relative;}

.logo {background:url(../imagens/logo.gif) no-repeat top left; width:410px; height:43px; margin:16px 0px 0px 16px;}
.logoInt {background:url(../imagens/logoInt.gif) no-repeat top left; width:330px; height:43px; margin:16px 0px 0px 16px;}
.descricaoMarca {background:url(../imagens/descricaoMarca.jpg) no-repeat top left; width:350px; height:60px; 
	margin:16px 0px 0px 10px;}
.caminhao {float:left; width:426px; height:322px; position:absolute; top:-29px; right:-181px; 
	background:url(../imagens/caminhao.jpg) no-repeat top left; z-index:6000;}

/* setagem de linguas */
.boxLinguas {position:absolute; top:-32px; left:15px; float:left;}
.boxLinguas .ingles, .boxLinguas .portugues, 
	.boxLinguas .espanhol {float:left; margin-right:7px; width:38px; height:24px; cursor:pointer;}
.boxLinguas a.ingles {background: url(../imagens/bandeiras/ingles.png) no-repeat;}
.boxLinguas a.portugues {background: url(../imagens/bandeiras/portugues.png) no-repeat;}
.boxLinguas a.espanhol {background: url(../imagens/bandeiras/espanhol.png) no-repeat;}

/* pesquisar e mapa do site */
.menuExtras {float:left; height:20px; width:400px; padding:20px 0px 0px 16px; position:relative; z-index:100;}
.menuExtrasInt {float:right; height:20px; width:355px; padding:20px 0px 0px 16px; position:relative; z-index:100;}
	input.pesquisa {float:left; border:solid 1px black;opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80);
		text-indent:20px; font: normal 12px Arial, Helvetica, sans-serif; width:140px;}
	.lupa {background:url(../imagens/lupa.png) no-repeat top left; position:absolute; left:8px; top:15px;
		height:25px; width:25px;}
	.botao { font-size:12px; text-transform:uppercase; background:#4A2C04; text-align:center; color:#D2C7B2;
		border:solid 1px #212121; float:left; height:18px; width:74px; margin-left:10px; cursor:pointer;}
	.mapaSite {float:left; background:black; height:18px; width:100px; opacity: 0.46; -moz-opacity: 0.46; 
		filter: alpha(opacity=46); margin-left:15px; color:#E1D8C7; text-indent:20px;}
	.mapaSiteLink { float:left; height:18px; width:100px; color:#E1D8C7; text-indent:15px;
		background:url(../imagens/mapaSite.png) no-repeat 2px 2px; position:absolute; top:21px; left:263px;}
	
.menu {float:left; position:absolute; height:33px; width:50%; bottom:0px; left:0px;  width:100%;  z-index:1;}
	.menuFundo {position:absolute; float:left; height:33px; width:100%;  background:black;
		opacity: 0.46; -moz-opacity: 0.46; filter: alpha(opacity=46); z-index:-10;}

	/* menu */
	.menuPrincipal {position:absolute; float:left; width:600px; margin:8px 0px 0px 13px; z-index:1000;}
	.menuPrincipal li {float:left; border-right:solid 1px #190A00; border-left:solid 1px #968064; 
		font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;}
	.menuPrincipal li a {text-transform:uppercase; color:#F0F0F0; padding:2px 6px 2px 6px; font-size:14px;}
	.menuPrincipal li:hover {background:#250C00;}
	.menuPrincipal li.ativo { float:left; z-index:-1; position:relative;}
	.menuPrincipal li.ativo a, .menuPrincipal li.ativo a:hover { float:left; background:#F4F3F1; color:#1F2601; 
		position:relative; height:25px; cursor:default; font-weight:bold;}
		.menuPrincipal li.ativo ul a, .menuPrincipal li.ativo ul a:hover{ height: auto; background:none; cursor:pointer; font-weight:normal;}
	.menuPrincipal li {float:left;}

	/* submenu */
	.menuPrincipal ul {border-bottom:solid 1px #000; z-index:10; }
	.menuPrincipal ul li a {text-transform:capitalize; color:#000; padding:0px 6px; text-align:left; 
		font-size:12px; font-weight:normal;}
	.menuPrincipal li:hover ul {float:left; margin:7px 0px;}
	.menuPrincipal ul li {clear:both; white-space:nowrap; border:solid 1px #424242; border-bottom:0px; float:left; 
		width:130px; cursor:pointer; padding:3px 5px; opacity: 0.95; background:#E0E1E6 url(../imagens/arrow_right.gif) center right no-repeat;
		-moz-opacity: 0.95; filter: alpha(opacity=95);}
	.menuPrincipal ul li.virgem {clear:both; white-space:nowrap; border:solid 1px #424242; border-bottom:0px; float:left; 
		width:130px; cursor:pointer; padding:3px 5px; opacity: 0.95; background:#E0E1E6;
		-moz-opacity: 0.95; filter: alpha(opacity=95);}
	.menuPrincipal ul li:hover, .menuPrincipal ul ul li {background:#CFD1D8;}
	.menuPrincipal ul ul li:hover {background:#B9BCC6;}
	
	.liMenuAtributo:hover .submenuShow,
	.liMenuAtributo li:hover .submenuShow2 {display:block;}
	.posicinaMenu { position:relative;}

	.ativo .submenuShow, .ativo:hover .submenuShow {position:absolute; top:17px; left:10px; display:none;}
	.submenuShow {position:absolute; top:-5px; left:10px;  display:none;}
	.submenuShow2 {position:absolute;top:-29px;left:135px; display:none;}



/*************************
CONTEÚDO
**************************/
div#conteudo {float:left; width:765px; background: #F4F3F1 url(../imagens/bgCentro.jpg) repeat-y top right; 
	padding-bottom:90px; border:solid 1px #23371D; border-top:0px; height:80%;  z-index:1;}
div#conteudo2 {float:left; width:765px; background: #F4F3F1 url(../imagens/fundoDualCol.jpg) repeat-y top right; 
	padding-bottom:90px; border:solid 1px #23371D; border-top:0px; height:80%;}

.conteudoEsq {float:left; width:545px; padding:20px;}
.conteudoDir {float:right; width:176px;}

.tituloPagina {font:bold 25px "Trebuchet MS"; text-transform:uppercase; width:745px; border-bottom:solid 2px #64744E; color:#64744E;
	margin:30px 0px 0px 10px; text-indent:1px; z-index:1px; text-indent:10px;}

.tituloPaginaEsq {font:normal 27px "Trebuchet MS"; width:545px; border-bottom:solid 2px #64744E; color:#64744E;
	margin-bottom:30px;}
.tituloPaginaDir {font:normal 20px/20px "Trebuchet MS"; width:100px; color:#5b614a; margin:35px 0px 0px 10px; float:left;
	text-transform:uppercase;}


/* Mostra produtos da pagina principal */
.vitrine {float:left; width:723px; height:90px; border:solid 1px #ccc; margin:23px 0px 0px 10px;
	padding:10px 10px 5px 10px; border-top:solid 3px #615F3B; background:#F1F2F4; z-index:-10;}
	.vitrine img {float:left; border:solid 1px #A1BBB3; z-index:-10;}

	.maquinasInformacoes{ float:left; width:416px; margin-left:3px;}
	.maquinasTop, .maquinasModelos {float:left; background:#EBECEF; border:solid 1px #E5E7E6; padding:2px 4px;}
	.maquinasTop { width:402px; height:40px; margin-left:2px;}
		.maquinasTop h2 {font:normal 23px "Trebuchet MS"; text-transform:uppercase; color:#606060;}
		.maquinasTop .grupoDescricao {font:normal 14px "Trebuchet MS"; color:#606060; position:relative; top:-5px;}
	.maquinasModelos {height:32px; margin:3px 0px 0px 2px; color:#606060;}
	.maquinasModelos a {color:#606060;}
	.maquinasModelos a:hover {text-decoration:underline;}
		.mod1 {width:402px; }
		.mod2 {width:196px;}
		.mod3 {width:126px;}
		.mod4 {width:92px;}



/* Infomações adicionais / barra lateral direita */
.tempo  {float:right; width:134px; height:423px; border:solid 1px #ccc; margin:47px 10px 0px 0px; background:#EBEBEB;
	padding-top:10px;}
	.linhaDivisoria {float:left; height:1px; width:92%; background:#D3D4D2; border-bottom:solid 1px #F0F2ED;
		margin:13px 0px 13px 5px;}
	.tempo iframe { margin-left:7px;}
	.tempo img { margin-left:7px;}
	
/* GERAL DE NOTICIA E DICAS */
#noticias  {float:left; width:597px; margin:23px 0px 0px 10px;}
	.abaPasta { float:left; width:276px; height:23px; background:url(../imagens/fundoAbaPasta.jpg) repeat-x top left;
		border:solid 1px #D9D9D7; border-right:0px; border-bottom:0px;}
	.detAba {float:left; width:42px; height:23px; background:url(../imagens/detAba.png) no-repeat top left;}
	.rss {background:url(../imagens/rss.gif) no-repeat top left; height:20px; width:20px; margin:5px 0px 0px 10px;}
	.mostraChamada {float:left; width:577px; border:solid 1px #D9D9D7; padding:10px; background:#F1F2F4;}

/*noticias*/
.noticiaBox {float:left; height:64px; width:575px; border-bottom:solid 1px #E4E2DB; border-top:solid 1px #fff;}
.noticiaBox:hover {background: url(../imagens/noticiasFundo.jpg) repeat-x top left;}
.noticiaLista {border-bottom:solid 1px #fff; border-top:solid 1px #E4E2DB; float:left; }
.chamadaTitulo {font:bold 17px "Times New Roman", Times, serif; line-height:23px; color:#394A51; 
	text-transform:uppercase;}

	/*data*/
	.noticiaData {float:left; height:64px; width:80px; background: url(../imagens/calendario.jpg) center center no-repeat;
		position:relative;}
	.noticiaMes, .noticiaDia {position:absolute; font-family:"Trebuchet MS"; font-weight:bold;}
	.noticiaMes {top:17px; left:28px; font-size:13px; text-transform:uppercase;}
	.noticiaDia {top:29px; left:28px; font-size:20px;}

	/*chamada*/
	.noticiaChamada { float:left; padding-top:7px; width:490px; }
	.noticiaTitulo {font-size:16px; color:#637D65;}
	.noticiaDesc {color:#5A6970;}
	.noticiaDesc:hover h3{ text-decoration:underline;}

/* dicas */
#dicas  {float:left; width:597px; height:257px; margin:23px 0px 0px 10px;}
.dicaIcon {position:absolute; top:15px; left:-18px; float:left; height:80px; width:90px; 
	background: url(../imagens/dicaIco.jpg) no-repeat;}

.dicaLista { margin-left:80px; border-bottom:solid 1px #fff; border-top:solid 1px #E4E2DB; float:left; }
.dicaBox {float:left; width:480px; border-bottom:solid 1px #E4E2DB; border-top:solid 1px #fff; padding:5px;}
.dicaBox:hover {background: url(../imagens/noticiasFundo.jpg) repeat-x top left;}

.dicaTitulo {font-size:16px; color:#637D65;}
.dicaDesc {color:#5A6970;}
.dicaDesc:hover h3 {text-decoration:underline;}


/*************************
RODAPÉ
**************************/
div#rodape {position:absolute; width:765px; bottom:0px; background:#ddd; border:solid 1px #23371D; border-top:0px; z-index:1px;}

/*links areas*/
.rodapeListaMenu {float:left; margin-left:125px; margin-top:2px;}
.rodapeListaMenu li {float:left; display:inline; padding:3px 10px; margin-top:3px; color:#595959; 
	text-transform:uppercase;}
.rodapeListaMenu li a {color:#595959;}
.rodapeListaMenu li a:hover { text-decoration:underline;}
.rodapeListaMenu .ativo {background:#A9ADAA; color:#fff;}

/*informações gerais*/
.rodapeLinks {float:left; width:765px; height:25px; background:#D9D9D8; border-bottom:solid 5px #A9ADAA;}
.rodapeInfos {float:left; width:765px; height:25px; background:#677469; color:white; font-style:italic; 
	text-align:center; line-height:25px;}
.rodapeInfos a {color:white}
.rodapeInfos a:hover {color:#F4F5A7;}

/*webtask link*/
.webtaskLink:hover span{ display:block;}
.webtaskLogo {position:absolute; bottom:50px; right:90px; background: url(../imagens/webtaskLogo.png) no-repeat top left;
	width:200px; height:45px; display:none;}