body { background:#4FC202 url('../img/bg.jpg') repeat-x; margin:0; padding:0; font:normal 12px Verdana, Arial, "Trebuchet MS"; }

/* GERAIS */
img {border: 0px;}
a {text-decoration:none; color:#000; font:normal 12px Verdana, Arial, "Trebuchet MS";}
a:hover {text-decoration:underline; }
q, p {text-align: justify; margin:10px 0;}
h1, h2, h3, h4 { margin:0px; padding:0px; }
.citacao { overflow:hidden; margin-left:10px; text-indent:0; border:1px solid #CCC; background:#FFC url("../img/marks2.gif") no-repeat 0px 2px; padding:10px 20px; font-style:italic; color:#18409C; text-align:justify; line-height:18px; }
/* ++++++++ */
#geral { width:997px; margin:0px auto; }

/* -- TOPO --*/
#geral #topo { height:120px; background:#FFF url(../img/rasgo.jpg) no-repeat top center; }
#geral #topo h1 { width:269px; height:90px; background:transparent url(../img/logo.jpg) no-repeat; float:left; margin-top:10px; margin-left:20px; }
#geral #topo h1 a { width:269px; height:90px; display:block; text-indent:-10000px; }
#geral #topo h2 { position:absolute; width:1px; height:1px; text-indent:-10000px; }
#geral #topo .sobre { width:420px; float:right; overflow:hidden; font-size:11px; font-weight:bold; text-align:left; color:#969696; margin:20px 50px 10px 0; }
#geral #topo .sobre span{ float:right; margin-top:10px; margin-right:10px; }

/* -- MENU --*/
#geral #menu { width:997px; height:55px; background:url('../img/bg_menu.gif') repeat-x; }
#menu ul { margin:0px; }
#menu ul li { display:inline; color:#FFF; }
#menu ul li a { text-decoration:none; font-size:14px; font-weight:bold;	color:#FFF;	padding:0 15px; display:block; float:left; height:55px; line-height:55px; }
#menu ul li a:hover { background:#4FC202 url(../img/hover.gif) no-repeat top right; }

/* -- CORPO --*/
#geral #corpo { overflow:hidden; width:997px; background:#FFF url('../img/bg_corpo.gif') repeat-x; }
#geral #corpo #principal { clear:both; width:835px; padding:10px 16px; float:left; }

#geral #corpo #principal .barra_titulo { color:#000; text-indent:0; padding:9px; background:transparent url("../img/title.png") no-repeat 4px 2px; margin-bottom:10px; }
#geral #corpo #principal .barra_titulo h3 { margin-left:30px; font-size:19px; font-weight:bold; color:#3876C7; font-family:Arial; text-align:left; }
#geral #corpo #principal .barra_titulo h3 a{ font-size:19px; font-weight:bold; color:#3876C7; font-family:Arial; text-align:left; }
#geral #corpo #principal .barra_titulo h3 a:hover{ text-decoration:underline; }

#geral #corpo #principal .img_esq { float:left; clear:both; margin-right:10px; }
#geral #corpo #menu_dir { width:130px; padding-top:5px; text-align:center; float:left; }

#geral #corpo #principal p { text-indent:20px; line-height:18px; }
#corpo #principal .linha { height:3px; margin:8px 0px 12px 0px; background:url('../img/linha.png') repeat-x;}

#geral #corpo #principal ul { text-indent:0; margin-left:40px; list-style-type:circle; }
#geral #corpo #principal ul li { list-style-image:url('../img/ico_list.png'); text-align: justify; margin-bottom:12px; line-height:18px; }
#geral #corpo #principal span { font-size:14px; font-weight:bold; color:#0438A7; }

#geral #corpo #principal #novidades { width:300px; height:335px; float:left; clear:both; margin:0 30px 10px 20px; }
#geral #corpo #principal #ultimos_sites { border:3px solid #4FC202; }
#geral #corpo #principal .ico_ultimos { width:306px;  height:42px; background:url('../img/ico_ultimos.jpg') no-repeat; }

/* --- PORTFÓLIO --- */
#geral #corpo #principal fieldset { border:0px; margin-top:20px; padding:0px; line-height:20px; }
#geral #corpo #principal fieldset legend { text-indent:0; padding:0px; margin:0px; font-weight:bold; color:#0438A7; }
#geral #corpo #principal fieldset .borda_projetos { border:1px solid #CCC; }
#geral #corpo #principal fieldset p { text-indent:0px; }
#geral #corpo #principal fieldset .img_site{ width:146px; float:left; }
#geral #corpo #principal fieldset .texto_site{ width:650px; float:left; }
#geral #corpo #principal fieldset .texto_site a:hover{ text-decoration:underline; }

/* --- FORMULÁRIOS --- */
#corpo #principal .contato { width:600px; margin:10px auto; }
#corpo #principal .form { width:360px; background:url('../img/bg_obrigatorio.jpg') no-repeat top right; padding:2px; border:1px solid #999; margin:0 0 2px 3px; font-size:12px; }
#corpo #principal .form2 { width:430px; background:url('../img/bg_obrigatorio.jpg') no-repeat top right; padding:2px; border:1px solid #999; margin:0 0 2px 3px; font-size:12px; }		
#corpo #principal .form3 { width:320px; padding:2px; border:1px solid #999; margin:0 0 2px 3px; font-size:12px; }		
#corpo #principal .form4 { width:340px; background:url('../img/bg_obrigatorio.jpg') no-repeat top right; padding:2px; border:1px solid #999; margin:6px auto; font-size:12px; }		
#corpo #principal .form5 { width:430px; padding:2px; border:1px solid #999; margin:0 0 2px 3px; font-size:12px; }
#corpo #principal .text_area	{ width:440px; background:url('../img/bg_obrigatorio.jpg') no-repeat top right; padding:2px; border:1px solid #999; margin:5px 0px 0px 3px; font-size:12px; }		
#corpo #principal .enviar { background:url('../img/bt_enviar.jpg') no-repeat; width:75px; height:33px; border:0px; }
#corpo #principal .limpar{ background:url('../img/bt_limpar.jpg') no-repeat; width:74px; height:33px; border:0px; }
#corpo #principal .aviso{ text-indent:0; font-size:9px; }

#corpo #principal .table{ margin-left:74px; }
#corpo #principal .table2{ margin-left:10px; }

/* --- DEPOIMENTOS --- */
#geral #corpo #principal .depoimento{ overflow:hidden; }
#geral #corpo #principal .depoimento .foto_depoimento{ width:162px; height:122px; float:left; border:1px solid #ccc; padding:4px; margin-bottom:6px; margin-right:6px; text-indent:0px;  }
#geral #corpo #principal .depoimento span { float:right; color:#000; font-family: Verdana, arial,"Trebuchet MS"; font-size: 11px; font-style:italic; }
#geral #corpo #principal .depoimento span a { color:#000; font-family: Verdana, arial,"Trebuchet MS"; font-size: 11px; font-style:italic; }
#geral #corpo #principal .depoimento span a:hover { text-decoration:underline; }

.top { width:43px; height:43px; margin:0; padding:0; right:0px; bottom:0px; position:fixed; }
.top a { width:43px; height:43px; display:block; overflow:hidden; font-size:1px; line-height:230px; background:url("../img/topo.png") no-repeat; }
* HTML .top { display:none; }

/* -- RODAPÉ --*/
#geral #rodape { width:997px; height:150px; padding-top:20px; background:#124A6D url('../img/bg_rodape.gif') repeat-x; }
#geral #rodape .links { text-align:center; margin:0px auto; font-size:13px; color:#FFF; }
#geral #rodape .links a { font-size:13px; color:#fff; }
#geral #rodape .links a:hover { text-decoration:underline; }
#geral #rodape .direitos { font-size:10px; text-align:center; margin-top:20px; margin-bottom:0px; color:#CCC; }
#geral #rodape .endereco { font-size:10px; text-align:center; margin-top:6px; margin-bottom:20px; color:#CCC; }
#geral #rodape .direitos span { font-weight:bold; color:#000; }
#geral #rodape .linha { width:820px; height:2px; margin:12px auto; background:transparent url('../img/linha.png') repeat-x; }
#geral #rodape .parceiros { width:90%; margin:0px auto; text-align:center; color:#CCC; font-size:11px; }
#geral #rodape .parceiros span { font-weight:bold; color:#000; }
#geral #rodape .parceiros a { font-size:11px; color:#CCC; }
#geral #rodape .parceiros a:hover { text-decoration:underline; }

/* -- BOTOES --*/
#geral #botoes { overflow: hidden; width:997px; height:130px; padding-top:10px; background:#FFF; }
#geral #botoes .botao1 h3 { width:295px; height:128px; background:transparent url(../img/botao1.jpg) no-repeat; float:left; margin-left:36px; }
#geral #botoes .botao1 a { width:295px; height:128px; display:block; text-indent:-10000px; }
#geral #botoes .botao2 h3 { width:295px; height:125px; background:transparent url(../img/botao2.jpg) no-repeat; float:left; margin-left:20px; }
#geral #botoes .botao2 a { width:295px; height:125px; display:block; text-indent:-10000px; }
#geral #botoes .botao3 h3 { width:297px; height:125px; background:transparent url(../img/botao3.jpg) no-repeat; float:left; margin-left:20px; }
#geral #botoes .botao3 a { width:297px; height:125px; display:block; text-indent:-10000px; }