﻿* { padding: 0; margin: 0; font-family: Tahoma; }
body { background: url(../_img/bg-topo.gif) repeat-x; /*overflow-x: hidden;*/ }
li { list-style: none; }
img, fieldset { border: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { display: block; position: absolute; top: 40px; left: 50%; margin-left: -169px; width: 338px; height: 118px; text-indent: -5000px; }
h1 span { background: url(../_img/logo-jbs.png) no-repeat; width: 338px; height: 118px; display: block; position: static; }
*html h1 span { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/logo-jbs.png', sizingMethod='crop'); }
h1 a { width: 100%; height: 100%; display: block; position: relative; }
h2 { margin-bottom: 8px; }
h3 { font-size: 14px; }

#bgflash { /*position: absolute; left: 50%; width: 1680px; margin-left: -840px;*/ margin: 0 auto; margin-top: 41px; }

#geral { width: 997px; margin: 0 auto; } 

#topo { width: 750px; height: 41px; position: absolute; top: 0; left: 50%; margin-left: -375px; }
#topo label { background: url(../_img/jbs-mundo.gif) no-repeat; width: 116px; height: 22px; text-indent: -5000px; display: block; margin-top: 10px; float: left; }
#topo .slc-paises { width: 100px; display: block; float: left; margin: 10px 0 0 15px; }
#topo .slc-sites { width: 100px; display: block; float: left; margin: 10px 0 0 15px; }

#topo .menu-topo { margin: 2px 10px 0 10px; float: left; } 
#topo .menu-topo li { border-right: 1px solid #bababa; border-left: 1px solid #dedede; height: 29px; text-indent: -5000px; padding: 8px 20px 0 0; float: left; }
#topo .menu-topo li.fale { background: url(../_img/btn-topo-fale.gif) no-repeat center 10px; width: 103px; }
#topo .menu-topo li.carreira { background: url(../_img/btn-topo-carreira.gif) no-repeat center 10px; width: 69px; }
#topo .menu-topo li.imprensa { background: url(../_img/btn-topo-imprensa.gif) no-repeat center 10px; width: 78px; }
#topo .menu-topo a { width: 100%; height: 100%; display: block; }

.busca-topo { width: 144px; height: 21px; background: url(../_img/bg-busca.gif) no-repeat; display: block; float: left; margin-top: 10px; padding-left: 5px; display: none; }
.busca-topo .txt-busca { background: none; border: 0; width: 110px; color: #808080; }

#corpo { position: absolute; top: 250px; width: 997px; }

#conteudo { background: url(../_img/bg-conteudo.png) no-repeat; width: 963px; margin: 0 auto; position: static; padding: 10px 15px; }
*html #conteudo { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_img/bg-conteudo.png', sizingMethod='crop'); }

#header { position: relative; z-index: 2; }

#menu { /* com cliente esse padding: 5px 0 0 20px; */ padding: 5px 0 0 65px; height: 29px; position: inherit; }
#menu li {  float: left; height: 29px; display: block; text-indent: -5000px; }
#menu li a {display: block; width: 100%; height: 29px; outline: none; }
	
	#menu li.jbs a { background: url(../_img/menu-jbs.gif) no-repeat; width: 68px; }
	#menu li.clientes a { background: url(../_img/menu-clientes.gif) no-repeat; width: 90px; }
	#menu li.sust a { background: url(../_img/menu-susten.gif) no-repeat; width: 149px; }
	#menu li.prod a { background: url(../_img/menu-rel-prod.gif) no-repeat; width: 201px; }
	#menu li.inv a { background: url(../_img/menu-rel-inv.gif) no-repeat; width: 211px; }
	#menu li.voce a { background: url(../_img/menu-jbs-voce.gif) no-repeat; width: 110px; }
	#menu li.imprensa a { background: url(../_img/menu-imprensa.gif) no-repeat; width: 95px; }
	
	#menu li.prod a:hover { background: url(../_img/menu-rel-prod.gif) no-repeat 0 -29px; }
	#menu li.inv a:hover { background: url(../_img/menu-rel-inv.gif) no-repeat 0 -29px; }
	#menu li.voce a:hover { background: url(../_img/menu-jbs-voce.gif) no-repeat 0 -29px; }
	#menu li.imprensa a:hover { background: url(../_img/menu-imprensa.gif) no-repeat 0 -29px; }
	
	#menu li.submenu { position: relative; }
	#menu li.submenu ul { display: none; position: absolute; top: 29px; left: 0; border: 1px solid #e0e0e0; background: #e4e4e4 url(../_img/bg-submenu.gif) repeat-x; font-size: 10px; padding: 8px 12px 4px 12px; }
	*html #menu li.submenu ul { padding-right: 0; }
	#menu li.submenu ul li { text-indent: 0; height: auto; padding: 0 0 5px 0; }
	#menu li.submenu ul li a { background: none; width: 100%; height: auto; color: #666; }
	#menu li.submenu ul li a:hover { background: none; color: #cc253d; font-weight: bold; }
	
		#menu li.submenu ul.sub-jbs { width: 110px; }
		#menu li.submenu ul.sub-jbs li { width: 110px; }
		
		#menu li.submenu ul.sub-sust { width: 140px; }
		#menu li.submenu ul.sub-sust li { width: 140px; }
		
		#menu li.submenu ul.sub-prod { width: 177px; }
		#menu li.submenu ul.sub-prod li { width: 177px; }

#left { position: relative; color: #808080; font-size: 12px; margin-top: 20px; float: left; text-align: justify; }
#left p { margin-bottom: 10px; }
#left a { color: #808080; font-weight: bold; }
#left a:hover { font-weight: bold; }

	.interna { width: 570px; padding: 0 20px; }
	.interna p { line-height: 18px; }
	.interna .dest-interna { float: right; padding-left: 15px; }
		
	.breadcumb { font-size: 10px; }
	
	.tit-padrao { font-size: 28px; color: #cc253d; font-weight: normal; margin-left: -1px; height: 100%; text-indent: 0; }
	.tit-sub16 { font-size: 16px; }
	
	.btn-padrao { line-height: normal !important; }
	.btn-padrao a { background: url(../_img/btn-padrao.gif) no-repeat; height: 19px; display: block; float: left; padding: 3px 3px 0 9px; color: #ffc000 !important; font-size: 11px; font-family: Arial; font-weight: normal !important; }
	.btn-padrao a:hover { font-weight: normal !important; }
	.btn-padrao span { background: url(../_img/btn-padrao-fim.gif) no-repeat; width: 5px; height: 19px; float: left; }
	.btn-padrao img { padding-left: 3px; }
	
	.btn-voltar { clear: both; display: block; }
	.btn-voltar a { padding-right: 4px; text-decoration: none; }
	.btn-voltar img { position: relative; top: 2px; }

	.btn-saiba-mais { background: url(../_img/ico-mais.gif) no-repeat; width: 14px; height: 13px; display: inline-block; text-indent: -5000px; outline: none; }
	.btn-saiba-mais:hover { background: url(../_img/ico-mais-over.gif) no-repeat }
	                  
	.lst-padrao	{ margin: 0 0 10px 15px; }
	.lst-padrao	li { line-height: 18px; margin: 3px 0; background: url(../_img/bullet.gif) no-repeat 0 8px; padding-left: 10px; }
		
	.lst-link li { margin: 4px 0; }
	.lst-link li a { background: url(../_img/ico-mais.gif) no-repeat; padding: 0 0 0 20px; color: #666666; }
	.lst-link li a:hover { background: url(../_img/ico-mais-over.gif) no-repeat; }
	
	.lst-subsecao { clear: both; }
	.lst-subsecao li { margin-bottom: 30px; clear: both; }
	.lst-subsecao li:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; }
	.lst-subsecao li.last { clear: both; }
	.lst-subsecao img { width: 120px; height: 125px; display: block; float: left; }
	.lst-subsecao h3 { font-size: 12px; margin-bottom: 10px; }
	.lst-subsecao .cont-subsecao { width: 425px; background: #fff url(../_img/bg-subsecao.gif) no-repeat; padding: 25px 0 0 20px; float: left; }
	.lst-subsecao .btn-saiba-mais { background: url(../_img/btn-saiba-mais.gif) no-repeat; width: 117px; height: 28px; display: block; position: relative; top: 5px; left: -25px; }

	.dl-padrao dt { margin: 10px 0 8px 0; color: #cc253d; font-weight: bold; }
	.dl-padrao dt.first { color: #808080; }
	.dl-padrao dd { margin: 2px 0; }

	.lnk-padrao { background: url(../_img/ico-mais.gif) no-repeat; display: block; padding-left: 18px; }
	.lnk-padrao:hover { background: url(../_img/ico-mais-over.gif) no-repeat;  }
	
	.hr { background: url(../_img/hr.gif) no-repeat center 0; width: 600px; min-height: 12px; margin: 25px 0 15px 0; display: block; }
	*html .hr { height: 12px; }
	.hr p { float: right; margin-top: 30px; }
	.hr-final { margin-top: 25px; *margin-top: 15px; }
	
#right { width: 305px; float: right; font-size: 11px; margin: 35px 0 0 15px; }
#right h2 { text-indent: -5000px; }
#right .conheca { font-size: 12px; }
	
	#right .conheca h2 { background: url(../_img/tit-conheca.gif) no-repeat; }	
	#right .conheca ul { margin: 0 0 0 15px; }
	#right .conheca li { margin: 5px 0; }
	#right .conheca a { background: url(../_img/ico-mais.gif) no-repeat 0 3px; color: #808080; position: relative; padding: 2px 0 0 20px; }
	#right .conheca a:hover { background: url(../_img/ico-mais-over.gif) no-repeat 0 3px; }
	
	#right .responsabilidade { background: url(../_img/bg-resp.gif) no-repeat; width: 305px; padding: 100px 0 40px 0;  }
	#right .responsabilidade h2 { background: url(../_img/tit-sustentabilidade.gif) no-repeat 0; width: 185px; height: 23px; margin-bottom: 6px; }
	#right .responsabilidade p { width: 280px; color: #808080; }
	#right .responsabilidade strong { font-size: 14px; display: block; margin-bottom: 8px; }
	#right .resp-first { margin-top: -20px; }
	#right .resp-relacao { margin-top: 25px; }
	
	#right #dest-swift { margin-top: 25px; }
	#right #dest-swift-banner-credito-carbono { margin: 40px 0 40px 30px; }
	
	#right .dicas-receitas { margin-top: 15px; }
	#right .dicas-receitas h2 { background: url(../_img/tit-dicas-receitas.gif) no-repeat; margin: 0; }
	
	#right .sac { background: url(../_img/bg-sac.jpg) no-repeat right center; width: 272px; margin: 15px 0 0 0; padding: 30px 0 10px 0; }
	#right .sac h2 { text-indent: 0; font-size: 20px; width: 205px; margin: 0; }
	#right .sac h2 span { font-size: 15px; display: block; }
	#right .sac p { color: #808080; }
	#right .sac p.tit-padrao { color: #cc253d; font-size: 22px; margin-top: 20px; }
 	
	#right .sac-relacao { background: url(../_img/bg-sac2.jpg) no-repeat right center; width: 292px; margin: 15px 0 0 0; padding: 30px 0 25px 0; }
	#right .sac-relacao h2 { text-indent: 0; font-size: 20px; width: 205px; margin: 0; }
	#right .sac-relacao h2 span { font-size: 15px; display: block; }
	#right .sac-relacao p { color: #808080; margin: 5px 0 5px 2px; }
	#right .sac-relacao p.tit-padrao { color: #cc253d; font-size: 14px; }
	#right .sac-relacao p.tit-padrao a { color: #cc253d; font-size: 18px; margin: 5px 0 0 0; }
 	
	#right .trabalhe { background: url(../_img/bg-trabalhe-separa.gif) no-repeat; width: 275px; margin: 15px 0 0 0; padding: 15px 0 0 0; }
	#right .trabalhe div { background: url(../_img/bg-trabalhe.jpg) no-repeat right center; padding: 35px 0 25px 0; }
	#right .trabalhe h2 { text-indent: 0; font-size: 20px; width: 205px; margin: 0; }
	#right .trabalhe p { color: #808080; width: 170px; margin-top: 3px; }
 	
.marcas { clear: both; display: block; }
.marcas h2 { background: url(../_img/tit-home-marcas.gif) no-repeat; height: 13px; position: static; left: 0px; text-indent: -5000px; }
.marcas #marcas { margin: 0 0 0 -12px; }

#rodape { clear: both; background: url(../_img/bg-rodape.jpg) no-repeat; width: 997px; height: 47px; text-align: center; font-family: Tahoma; color: #808080; font-size: 11px; padding: 15px 0; margin-top: 35px; }
#rodape strong { color: #cc253d }
#rodape ul { width: 220px; margin: 10px auto;}
#rodape li { float: left; margin-left: 70px; _margin-left: 35px; }
#rodape li.last { border: 0; }
#rodape a { color: #808080; text-decoration: underline; }
#rodape a:hover { text-decoration: none; }
#rodape a.tritone { background: url(../_img/logo-tritone.gif) no-repeat; width: 54px; height: 17px; display: block; text-indent: -5000px; float: right; margin: -25px 45px 0 0; }
#rodape .quote { clear: both; text-align: center; padding: 10px 0; }