* { margin:0px; padding:0px; }

a { color:#237895;border:none; }
img { border:none; }
a:active { color:#237895; }
a:hover { color:#993300; }

h3 { font-size:16px;  color:#FFF; padding:6px; background:#237895; width:230px; padding-left:15px; }

p { line-height:20px; margin-bottom:10px; }

body { font:12px Georgia,Tahoma,Arial; color:#2A2A2A; background:url("../img/bg_body.jpg") repeat-x; }

#container { width:990px; margin:auto; }

#header #topo{ position:relative; height:97px; }
#header h1   { position:absolute; top:20px; left:15px; background:url("../img/logo.jpg") no-repeat; text-indent:-9000px; overflow:hidden; }
#header h1 a { display:block; width:153px; height:58px; text-decoration:none; }
#header cite { position:absolute; top:25px; right:15px; font-size:15px; font-style:italic; color:#2A2A2A; }
#header cite span { display:block; text-align:right; font-size:13px; margin-top:5px; }


#header ul#menu-principal    { list-style:none; }
#header ul#menu-principal li { display:inline; line-height:50px; margin-left:20px; }
#header ul#menu-principal li,
#header ul#menu-principal li a  { text-transform:uppercase; color:#2A2A2A; text-decoration:none; font-size:14px;  }
#header ul#menu-principal li a:hover  { color:#237895; }

#header { position:relative; }
#header .search { border:none; position:absolute; bottom:12px; right:18px; }
#header .search .campo { width:150px; border:1px solid #D8D6CD; background:#EFEEEB; margin-right:12px; padding:4px; font:12px Georgia,Tahoma,Arial; color:#2A2A2A;  }
#header .search .botao { background:#E7E7E4; padding:3px 6px; color:#2A2A2A; font-size:14px; border:1px solid #C4C0B3; font-family:Georgia,Tahoma,Arial; cursor:pointer; }

#rodape     { background:#EFEEEB; height:120px; }
#rodape ul  { list-style:none; position:absolute; top:20px; left:20px; width:700px; }
#rodape ul li { display:inline; margin-right:15px; }
#rodape ul li a { text-transform:uppercase; text-decoration:none;  font-size:11px; color:#7E7976; }
#rodape div { width:990px; height:100px; margin:auto; position:relative; padding:20px; }


#rodape .top { width:45px; height:44px; margin:0; padding:0; right:0px; bottom:0px; position:fixed; }
#rodape .top a { width:45px; height:44px; display:block; overflow:hidden; font-size:1px; line-height:230px; background:url("../img/topo.gif") no-repeat; }
#rodape .w3counter {  position:absolute; bottom:20px; right:20px;  width:80px; height:15px; }

.coluna    { float:right; width:281px; }
.coluna .box { width:281px; margin:0px; padding:0px; margin-bottom:15px; }
.coluna h2 { width:210px; float:right; text-align:right; padding-right:10px; margin:0px 0px 5px 0px; }



#tabs ul.tab-menu { list-style:none;width:180px;  }
#tabs ul.tab-menu li { float:left; margin-right:3px;  }
#tabs ul.tab-menu li a { display:block; padding:5px; background:#AB7070; color:#FFF; text-decoration:none; } 
#tabs ul.tab-menu li a:hover { background:#237895; }
#tabs ul.tab-menu li a.selected { background:#237895; }

/*
* MENU
******************************/
body.mnuprincipal .mnu-principal a { color:#237895 !important; }
body.mnusobre .mnu-sobre a { color:#237895 !important; }
body.mnuartigos .mnu-artigos a { color:#237895 !important; }
body.mnuportfolio .mnu-portfolio a { color:#237895 !important; }
body.mnuferramentas .mnu-ferramentas a { color:#237895 !important; }
body.mnucontato .mnu-contato a { color:#237895 !important; }
.mnu-rss a { padding-left:15px; background:url("../img/rss.png") 0px 3px no-repeat; }


#conteudo { padding:20px;  } 
#conteudo h1,
#conteudo h1 a { font:bold 30px Georgia,Tahoma,Arial; color:#6C2D2C; }
#conteudo #faixa { height:287px; margin-bottom:30px; }
#conteudo #faixa .destaque { width:630px; float:left;   }


.meio { width:630px; float:left; }
.meio h3, .meio h1 { margin-bottom:15px; }
.meio ul   { list-style:none; margin-bottom:15px;  }
.meio ul li { margin-bottom:10px; background:url(../img/arrow_right.gif) 0px 0px no-repeat; padding-left:18px;  }


.post       { position:relative; padding:20px 20px 40px 0px; }
.post .data { color:#237895; font-size:15px; margin-top:5px; }
.post .continue-lendo { position:absolute; bottom:10px; right:10px; }
.post .texto { margin-top:15px; }


.box    { width:240px; }
.box h2 { background:#AB7070; padding:6px; font-size:16px; font-weight:bold; color:#FFF; margin-bottom:15px; padding-left:15px; }

.bloco-home { width:630px; float:left; }

.about-box img { border:3px solid #AB7070; float:left; margin:0px 10px 10px 0px; }
.about-box h3  { font-size:17px; font-weight:bold; margin-bottom:4px; }
.about-box p   { line-height:18px; }

.barra-clientes       { margin-bottom:20px;  }
.barra-clientes h2 { margin:0px; }
.barra-clientes ul    { list-style:none; width:630px;  background:#F0EEEC; }
.barra-clientes ul li { float:left; display:block; border-left:1px solid #fff; padding:10px; height:70px; text-align:center; vertical-align:sub; }
.barra-clientes .veja-portfolio { display:block; padding:5px; text-align:right;  width:620px; }

.contato-box .resposta { padding:15px; border:1px solid #D8D6CD; background:#EFEEEB; margin:0px 20px 20px 20px; clear:both; display:block; }

.contato-box { clear:both; }
.contato-box h3 { font-size:16px;  color:#FFF; padding:6px; background:#237895; width:230px; padding-left:15px; }
.contato-box fieldset { background:#F9F9F7; padding:15px; border:none; }
.contato-box .campo   { width:420px; }
.contato-box .botao   { float:right; margin-right:60px; }

.recomendacao-box       { float:right; width:281px; }
.recomendacao-box h2    { width:210px; float:right; text-align:right; padding-right:10px; }
.recomendacao-box ul    { list-style:none; clear:both; }
.recomendacao-box ul li { background:url(../img/balao.gif) no-repeat; width:251px; height:179px; padding:15px; }
.recomendacao-box ul li h3 a { color:#2A2A2A; text-decoration:none; font-size:15px; font-weight:bold; } 
.recomendacao-box ul li h3 span { display:block; font-size:12px; color:#237895; font-weight:normal; margin-bottom:15px; } 

.tagCloud          { clear:both; width:281px; } 
.tagCloud h2       { width:210px; float:right; text-align:right; padding-right:10px; margin:0px 0px 5px 0px; }
.tagCloud .corpo   { clear:both; background:url(../img/balao.gif) no-repeat; width:251px; height:179px; padding:15px; }
.tagCloud .corpo a { margin-right:10px; }

.amigos          { clear:both; width:281px; } 
.amigos h2,
.chat h2          { width:210px; background:#237895; float:right; text-align:right; padding-right:10px; margin:0px 0px 5px 0px; }
.amigos ul       { list-style:none; clear:both; background:url(../img/balao2.gif) no-repeat; width:251px; height:220px; padding:15px; }
.amigos ul li    { border-bottom:1px solid #DDDBD5; padding:5px; }

.portfolio { position:relative; border-bottom:1px solid #D8D3CD; padding-bottom:60px; margin-bottom:20px; }
.portfolio h1 { margin-bottom:15px;} 
.portfolio .corpo {  width:630px; float:left; margin-right:15px; }
.portfolio .tecnologias { background:#F9F9F7; padding:15px; border:1px solid #D8D6CD; }
.portfolio h4 { color:#237895; margin-bottom:5px; font-size:15px; font-weight:bold;} 
.portfolio .ver-producao { position:absolute; bottom:20px; right:0px; }


.destaque-portfolio img { border:5px solid #5A5649; }
.destaque-portfolio img:hover { border:5px solid #237895; }
.destaque-portfolio     { border:none; padding:0px 0px; }
.destaque-portfolio .ver-producao { position:absolute; bottom:-30px; right:35px; }

.portfolio ul { list-style:none; margin:15px 0px; }
.portfolio ul li { display:inline; margin-right:10px; }
.portfolio ul li img { border:4px solid #D8D6CF;  }
.portfolio ul li img:hover { border:4px solid #237895;  }

.portfolio .retweet { position:absolute; bottom:20px; left:0px; }

.retweet { background:url(../img/rt.jpg) no-repeat; width:100px; height:26px; text-indent:-9000px; overflow:hidden; display:block;}

.portfolio-box     { width:630px; float:left; }


.sobre-box     { width:630px; float:left; }
.sobre-box img { float:left; border:3px solid #FFF; margin:0px 10px 10px 0px; }
.sobre-box h1  { font-size:22px !important; margin-bottom:15px; }

.artigos-box { width:630px; float:left;  }
.artigos-box h1 { margin-bottom:15px; }
.artigos-box ul{ list-style:none; margin-bottom:15px;  }
.artigos-box ul li { margin-bottom:10px; background:url(../img/arrow_right.gif) 0px 0px no-repeat; padding-left:18px;  }
.artigos-box .btnPager { margin-right:15px; }

.artigo {  width:630px; float:left; position:relative; padding-bottom:40px;  }
.artigo h1 { margin-bottom:15px; margin-top:30px; }
.artigo h1 span{ display:block; font-size:11px; font-weight:normal; color:#237895; }
.artigo .retweet { margin-top:15px; }
.artigo dl { margin:10px;}
.artigo dl dt { font-weight:bold; }
.artigo dl dd { padding:10px; }
.artigo ul    { list-style:none; margin-bottom:15px; }
.artigo ul li { background:url(../img/arrow_right.gif) 0px 0px no-repeat; padding-left:18px; margin-bottom:5px; }

.update { padding:10px; border:1px solid #237895; background:#F0EEEC; margin-bottom:15px; }

.artigo .postAnterior { position:absolute; top:10; left:0; background:url(../img/action_back.gif) left center no-repeat; padding-left:20px; }
.artigo .postproximo { position:absolute; top:10; right:0; background:url(../img/action_forward.gif) right center no-repeat; padding-right:20px; }


.submarino { margin:10px 0px; text-align:center; }

.artigo ul.categoria li { background:none; padding:0px; display:inline; margin-right:15px; }

.artigo .comentario { margin:20px 0px;}
.artigo .comentario fieldset { padding:20px;  border:none; background:#F9F9F7; }
.artigo .comentario fieldset .campo { width:400px; }
.artigo .comentario fieldset .botao   { float:right; margin-right:90px; }

.artigo .comentario ul { list-style:none; margin:20px 0px; }
.artigo .comentario ul li { background:#ECECE6; padding:10px; margin-bottom:10px; }
.artigo .comentario ul li .data { color:#237895; }

.resumo-box {}
.resumo-box h2    { text-align:right; padding-right:10px; }
.resumo-box dl dt { font-weight:bold; color:#6C2D2C; margin:10px 0px; }
.resumo-box a.curriculo { margin:20px 0px 0px 15px; width:190px; color:#FFF; font-size:16px; font-weight:bold; text-decoration:none; text-align:center; display:block; padding:10px; background:#237895 url(../img/download-ico.jpg) 15px 10px no-repeat; border:2px solid #FFF; }

.formulario label { color:#5A5649; font-size:13px; font-weight:bold; float:left; width:100px; }
.formulario  p    { margin-bottom:15px; }
.formulario .campo { border:1px solid #D8D6CD; background:#EFEEEB; }
.formulario .botao { background:#AB7070; padding:5px; color:#FFF; font-size:16px; font-weight:bold; border:none; font-family:Georgia,Tahoma,Arial; cursor:pointer; }
.formulario textarea { height:120px; }

.leitura-box    { width:630px; float:left; }
.leitura-box h1 {  }
.leitura-box ul { list-style:none;  }
.leitura-box ul li { padding:15px; background:#ECECE6; margin:10px 0px;  }
.leitura-box ul li h4 { font-size:15px; font-weight:bold; margin-bottom:15px; } 
.leitura-box ul li img { float:left;  border:3px solid #FFF; margin:0px  10px 10px 0px;}

.busca-box    { width:630px; float:left; }

ul.me-adiciona { list-style:none; margin-top:5px; }
ul.me-adiciona li { border-bottom:1px solid #DDDBD5; line-height:35px; }
ul.me-adiciona li.twitter { background:url(../img/twitter.gif) left center no-repeat; padding-left:25px;  }
ul.me-adiciona li.orkut { background:url(../img/orkut.gif) left center no-repeat; padding-left:25px;  }


.fRight { float:right; }
.fLeft { float:left; }
.clear  { clear:both; }
.block  { display:block; }
.sucesso { color:#009900; }
.erro    { color:#FF0000; }
.error { margin-left:5px; font-size:10px; }
.cite { margin:15px 0px; padding:10px; background:#f5f5f5; border:1px solid #ccc; }
.updated { text-decoration:line-through; }
.ingles { color:#993300;  margin:20px 0px;}
.center { text-align:center; }
.right { text-align:right; }
.acessKey { text-decoration:underline; }