/* CSS Document */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, img, ol, ul, li, form, label, table, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;font-family:inherit;}
body{font: x-small arial,helvetica,freesans,sans-serif; font-size:12px; color:#fff; }

ol, ul {list-style:none;}

a { color:#fff; text-decoration:none;}
a:hover { color:#FF0; text-decoration:inherit;}

a img{border:0}

h1{font-size: 22px; font-weight:bold;}
h2{font-size: 16px; font-weight:bold;}
h3{font-size: 16px; font-weight:bold;}
h4{font-size: 16px; font-weight:bold;}

/* geral */

.bg{background:#212121;}

#geral{width:1003px; margin:auto; overflow:auto; background:#212121;}
#geral2{width:1003px; overflow:auto;; }

#content{overflow:auto; background:url(imagem/bg-top.jpg) no-repeat center top; padding:17px 28px 20px 17px; width:958px;}

#le{ width:252px; float:left;}
#main{ width:706px; float:left;}

#logo { width:252px; height:289px; clear:both;}
#menu{ width:706px; height:85px; float:left;}
#ani{ width:705px; height:468px; float:left;}


#rodape{clear:both; text-align:center; overflow:auto; background:url(imagem/rodape_ibg.gif) repeat-x center 33px ; color:#666; font-size:14px; font-weight:bold; }
#rodape .box{ background:#eaeaea url(imagem/rodape_bg.jpg) repeat-x center top ; overflow:auto; }
#rodape .lh{ background:url(imagem/rodape_lh.jpg) no-repeat center top; overflow:auto; }

#rodape ul {overflow:auto; margin:0; padding:0;}
#rodape ul li {overflow:auto; padding:10px 0; margin:0; }
#rodape ul li ul{padding:5px 0 !important;  margin:0 !important; text-align:center; width:  }
#rodape ul li ul div.menu{ width:800px; margin:auto; overflow:auto;}
#rodape ul li ul li {font-size:12px; text-align:left; float:left; width:113px; overflow:hidden; padding:0 0 0 20px; !important;  margin:0 !important; background:url(imagem/arrows_r.gif) no-repeat  left; overflow:auto; }

#rodape a{ color:#000;}
#rodape a:hover{ color:#666;}

/* cores */
.amarelo {color:#FCBF00 !important;}
.amarelo a {color:#fff !important;}


.branco {color:#fff !important;}
.branco a {color:#fff !important;}

/*main*/

#servicos{ width:178px; margin:0 21px 0 23px; background:url(imagem/le_box_bg.jpg) repeat-y left top; padding:0 15px;}
#servicos_f{ width:252px; padding:0 0 15px 0; clear:both;}
#servicos ul {margin:0; padding:0; overflow:auto; font-size:14px; }
#servicos ul li {color:#666;font-weight:bold; padding:5px 0; letter-spacing:-0.05em; background:url(imagem/lh.gif) repeat-x center bottom; }
#servicos ul .primeiro {border:none !important;}


#home{ width:208px; margin:0 21px 0 23px; background:url(imagem/le_box_bg.jpg) repeat-y left top; padding:0;}
#home .box{ padding:0 15px;}
#home a {display:block;}
#home ul {overflow:auto; padding:0; overflow:hidden;}
#home ul li {font-size:14px; font-weight:bold; margin:0; padding-top:10px;}

#titulo{ height:30px; padding:30px; overflow:auto; clear:both;}

#conteudo{ width:652px; background:url(imagem/conteudo_bg.jpg) repeat-y left top; clear:both; margin-left:30px; }
#conteudo .box{ padding:0 10px;}


#especiais {width:706px; clear:both; overflow:auto; }
#especiais a {display:block;}
#especiais ul {padding:30px 20px 20px 20px; float:left; overflow:hidden; }
#especiais ul li {margin:0; }
#especiais .box ul{margin:0; padding:0 !important; overflow:hidden; }
#especiais .box ul li {padding:20px 0 0 0; font-size:14px; font-weight:bold;}
#especiais .box ul li .img {height:90px; width:120px; margin:auto; overflow:hidden; margin-right:15px; float:left; }
#especiais .projetos{ background:url(imagem/projetos_g.jpg) no-repeat right; width:303px !important;}
#especiais .servicos{ background:url(imagem/servicos_bg-2.jpg) no-repeat left; width:323px !important;}