/* CSS ACACIO */

body { background:#E8E8E8 url(imagens/outras/bgsite.gif) repeat-x; text-align:center; margin:0; padding:0; font:0.7em Arial, Helvetica, sans-serif; color:#333; }

form, ul, ol, h1 { margin:0; padding:0; list-style:none; }

a { color:#006B30; text-decoration:none; }
a:hover { text-decoration: underline; }

#inicial { width:980px; margin:0 auto; text-align:left; display: table; }
#inicial .topo { height:239px; }

#metalurgica { width:308px; height:282px; float:left; background:url(imagens/inicial/bg_metalurgica.gif); background-position:0 58px; }
#metalurgica h2 { height:58px; margin:0 0 9px 0; display:block; background:url(imagens/inicial/tit_metalurgica.gif); text-indent:-9000px; overflow:hidden; }
#metalurgica div { padding: 0 32px 0 21px; float:left; height:189px;  }
#metalurgica a { font-size:12px; font-weight:bold; margin:0 0 0 35px; display:inline-block; }

#serigrafia { width:362px; height:282px; float:left; background:url(imagens/inicial/bg_serigrafia.gif); background-position:0 58px; }
#serigrafia h2 { height:58px; margin:0 0 9px 0; display:block; background:url(imagens/inicial/tit_serigrafia.gif); text-indent:-9000px; overflow:hidden; }
#serigrafia div { padding: 0 67px 0 40px; float:left; height:189px;  }
#serigrafia a { font-size:12px; font-weight:bold; margin:0 0 0 35px; display:inline-block; }

#gastronomica { width:310px; height:282px; float:left; background:url(imagens/inicial/bg_gastronomica.gif); background-position:0 58px; }
#gastronomica h2 { height:58px; margin:0 0 9px 0; display:block; background:url(imagens/inicial/tit_gastronomica.gif); text-indent:-9000px; overflow:hidden; }
#gastronomica div { padding: 0 20px 0 35px; float:left; height:189px;  }
#gastronomica a { font-size:12px; font-weight:bold; margin:0 0 0 35px; display:inline-block;}



.logo { float:left; margin:12px 6px 20px 0; }
.brd { border:4px solid #E8E8E8 }
.extra { height:53px; background:url(imagens/outras/sombra_rodape.jpg) no-repeat; clear:both; }

/* Admin */
#painel { width:980px; margin:0 auto; text-align:left; display: table; background:#f3f3f3 url(imagens/painel/bg_content.gif) repeat-x;   }
#painel .topo { height:109px; background:url(imagens/painel/bg_topo.jpg) no-repeat; text-indent:-9000px; overflow:hidden; }
.barra { background:url(imagens/painel/barra.gif) repeat-x; height:28px; font:12px, Arial, Helvetica, sans-serif; color:#fff; padding:10px 0 0 18px; }
a.logout { font-size:10px; text-decoration:underline; color:#fff; }
a.logout:hover { color:#f0f0f0; }
#conteudo { background:#f3f3f3 url(imagens/painel/bg_content.gif) repeat-x; height:322px; padding:0 26px; }
#conteudo .produtos { width:175px; float:left; border-right: 2px solid #fff; }
#conteudo h2 { font:16px, "Trebuchet MS",Arial, Helvetica, sans-serif; color:#666; font-weight:bold; margin:17px 0 0 0; padding:0; }
#conteudo ul { margin:10px 0 0 0; }
#conteudo ul li a { font:12px, Arial, Helvetica, sans-serif; color:#003E18; border-bottom:1px solid #ccc; display:block; height:23px; padding:8px 0 0 0;   }
#conteudo .descricao { width:auto; float:left; margin:0 0 0 30px;}
#conteudo .producao { width:48%; float:left; margin:0;}
#conteudo .finalizados { width:48%; float:left; margin:0 0 0 30px;}


#conteudo .descricao p { font-size:12px; line-height:18px; }
.fonte10 { font-size:10px; }
.etapa { float:left; margin:0 30px; }
.etapa p { margin:0; }
p.titulo { font:12px, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; text-transform:uppercase; font-weight:bold; }
p.legenda { font-size:10px; color:#666; }

/** rodape **/
#rodape { height:46px; background: url(metalurgica/imagens/bg_rodape.gif) no-repeat; padding: 0 22px; line-height:20px; clear:both; }
#rodape address { float:left; font-size:11px; color:#666; font-style:normal; padding:0 0 0 30px; background:url(metalurgica/imagens/bandeira.gif) no-repeat; height:18px; margin:13px 0 0 0; }
#rodape a { float:right; text-align:right; margin:13px 0 0 0; background:#000; }