body {
text-align:center; /* Isso fará a centralização no Internet Explorer */
margin:0px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
}

h1 {margin:28px 0px 10px 0px;font-size:16px;color:#81BE3A;letter-spacing: 1px;}
h2 {margin:0px 0px 20px 0px;font-size:13px;color: #999;font-weight:normal;letter-spacing: 1px;}
h6 {font-size:8px;color:#CCC;letter-spacing: 1px;}

p{ text-align:justify;  padding:0px;}
ul { list-style:none; margin:0px; padding:0px;}
li { margin:8px}

a.linkb:link{ text-decoration:none; color:#666;}
a.linkb:visited{ text-decoration:none; color:#666;}
a.linkb:active{ text-decoration:none; color:#666;}
a.linkb:hover{ text-decoration:none; color:#690;}

.fonteform { font-size:14px;}

#geral {width:778px;background:#FFFFFF;margin:0px auto; /* Aqui está a mágica */text-align:left; /* Isso resolve o problema do texto centralizado */ }

#topo {padding:10px 10px 0px 10px; height:85px;} 

#topoesq { float:left; }

#topodir { float:right; text-align:right; }

#topoh1 { font-size:11px; color:#CCC; text-align:right; margin-top:10px;}
#topomenu { margin-top:20px;}
#topomenu ul { list-style-type: none; margin:0px; padding:0px; color: #888;}
#topomenu ul li { display:inline; padding-left:6px; margin:0px }
#topomenu ul li a:link, a:visited, a:active{ color: #888; text-decoration:none;}
#topomenu ul li a:visited{ color: #888; text-decoration:none;}
#topomenu ul li a:hover{color:#690;text-decoration:none;}

.topoatendimento{ font-size:11px; color:#B5B5B5; text-align:right;}

.imgportifolio {  padding:5px; border:solid #E8E8E8 1px; background-color:#FFF}



#bannertopo {margin:0px; padding:0px;}

#meio{margin:0px; padding:0px;}
.conteudo a:link, a:visited, a:active{ color:#999; text-decoration:none;}

#meioesq { float:left; width:517px; background-color:#FFF;}
.servicoesq { float:left; width:50%; }
.servicoesq ul { list-style-type: none; margin:0px; padding:0px; }

.servicodir { float:right; width:49%; }
.servicodir ul { list-style-type: none; margin:0px; padding:0px; }

#depoimentos { padding-top:5px; clear:both;}

#meiodir {float: right; width:261px; background-color:#E9EAEC;}
#meiodirfim { height:26px; background:url(images/criarsites2_29.jpg)}
#portifolio { margin-top:10px; font-size: 11px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:200;}
#portifolio a:link, a:visited, a:active{ color: #888; text-decoration:none;}
#portifolio a:visited{ color: #888; text-decoration:none;}
#portifolio a:hover{color:#690 ;text-decoration:none;}

.portifoliolinha {margin-top:10px; margin-bottom:5px; text-align:left;}

#fundorodape {	background:url(images/criarsites2_32.jpg); height:190px; width:100%; clear:both;}
#rodape {width:778px;margin:0px auto; /* Aqui está a mágica */text-align:left; /* Isso resolve o problema do texto centralizado */ padding-top:10px; }

a.rodapea:link, a.rodapea:visited, a.rodapea:active{ color:#FFF; text-decoration:none;}
a.rodapea:hover { color:#690; }

.rodapeesq { float:left; width:45%; font-size:10px; }
.servicorodapeesq { float:left; width:40%; color:#FFF; margin-left:28px;}
.servicorodapeesq ul { list-style-type: none; margin:0px; padding:0px; }
.servicorodapeesq li { margin:0px; padding:0px; }

.servicorodapedir { float:right; width:49%; color:#FFF; }
.servicorodapedir ul { list-style-type: none; margin:0px; padding:0px; }
.servicorodapedir li { margin:0px; padding:0px; }

.rodapedir { float:right; width:55%; text-align:right; color:#FFF; }

.conteudo { padding: 0px 28px 0px 28px;}

.fontepequena {font-size:8px;color: #0581BD;}
.fontemedia { font-size:11px; }

#pqsite { clear:both;
padding-top:5px;}