.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

*{margin:0; padding:0; outline:0; list-style:none; border:none; font-family:tahoma, arial, sans-serif, verdana}
html{background:#ecf7fd}


#geral{background:red; width:800px; margin:0 auto}

#topo{background:#E8F5FD}
#topo h1{height:115px; background: url(img/logo.png) no-repeat center; text-indent:-5000px; overflow:hidden}
#topo #menu{background:#EBF4FB url(img/fundo-menu.jpg) repeat-x}
#topo #menu ul{height:26px}
#topo #menu ul li{float:left; width:113px; font-size:12px; line-height:26px; text-align:center; height:26px; border-right:1px groove #aedffa}
#topo #menu ul li.ultimo{border:none}
#topo #menu ul li a{color:#3881b6; font-weight:bold; text-decoration:none}
#topo #menu ul li a:hover{text-decoration:underline}

#conteudo{padding:20px; background:#e8f5fd; height:588px; padding:20px;}
#conteudo #principal{background:url("img/fundo.jpg") no-repeat; border:1px solid #4BB6F4; height:588px; width:756px;}
#conteudo #principal #img{float:left}
#conteudo #principal #img #download {background-color:#FFF; height:529px; margin:30px 0 0 30px; width:696px; border-color:#3881b6; border: 2px;}
#conteudo #principal #img #download p {color:#3881b6; font-size: 12px; font-weight: bold;}
#conteudo #principal #empresa h1 {background: url(img/logo_process.png) no-repeat center; overflow: hidden; text-indent: -5000px; height:178px;}
#conteudo #principal #links a.process{display:block; text-align:center; cursor:default}
#conteudo #principal #links p{color:#3881b6; font-size:11px; text-align:center; margin:10px 5px}
#conteudo #principal #links ul li{text-align:center; padding:4px 0;}
#conteudo #principal #img #empresa #descricao p {color: #518698; text-align: center; font-size: 12px; }
#conteudo #principal #img #contato p {color: #518698; text-align: center; font-size: 12px; }


#solucoes{padding:5px; padding-top:10px}
#solucoes #versao{width:175px; float:left}
#solucoes #banner{width:440px; float:left}
#solucoes #versao table.versao tr{margin:0; padding:0}
#solucoes #versao table.versao tr td{margin:0; padding:0; border-top:1px solid; border-left:1px solid; border-right:1px solid; height:25px}
#solucoes #versao table.versao tr td.min{vertical-align:middle; border:none; padding-right:5px; padding-top:5px}
#solucoes #versao table.versao tr td.max{background:#f7fcff; border-color:#4bb6f4; width:125px; vertical-align:middle; padding-top:5px}
#solucoes #versao table.versao tr td.ultimo{border-bottom:1px solid #4bb6f4}
#solucoes #versao div.cartorio{margin:0 auto}

#solucoes #descricao{width:697px; clear:both; padding-top:10px; padding-left:25px}
#solucoes #descricao p.navegacao{font-size:12px; color:#518698; font-weight:bold; margin-bottom:5px}
#solucoes #descricao #produto{border:1px solid #4bb6f4; background:white; height:400px;}
#solucoes #descricao #produto .descricao{width:70%; float:left; text-align:center; padding-top:30px; background:url(img/bg-descricao.jpg) no-repeat left bottom; height:300px}
#solucoes #descricao #produto .descricao p{margin-top:10px; font-size:10px; color:#518698; font-weight:bold}
#solucoes #descricao #produto .imagen{width:30%; float:left; text-align:center; padding-top:25px;}
#solucoes #descricao #produto .imagen a.btn{display:block; width:103px; height:26px; margin:0 auto; text-indent:-5000px; overflow:hidden}
#solucoes #descricao #produto .imagen a.download{background: url(img/bt-download.jpg) no-repeat center}
#solucoes #descricao #produto .imagen a.comprar{background: url(img/bt-comprar.jpg) no-repeat center}

#contato{width:580px; padding: 30px 10px 10px 78px;}
#contato form{width:70%; margin:0 auto; border:1px solid #4bb6f4; background:white; padding:20px;}
#contato form label{display:block; color:#518698; font-size:12px}
#contato form input{width:70%; border:1px inset; padding:2px; margin-bottom:5px}
#contato form input.btn{width:120px; border:1px outset; padding:5px 15px; margin-top:25px}
#contato form textarea{border:1px inset; width:100%; padding:2px}


#rodape{background: url(img/img_rodape.jpg) no-repeat}
#rodape #titulo{float:left; width:450px; height:18px; text-align:right; padding-right:100px; font-size:11px; font-weight:bold; color:white; padding-top:37px}
#rodape #telefone{ height:45px; padding-left:26px; padding-top:10px; float:left}
#rodape #telefone ul li.fone{color:white; margin-bottom:9px}
#rodape #telefone ul li.fone span.regiao{font-size:11px}
#rodape #telefone ul li.fone span.ddd{font-size:13px}
#rodape #telefone ul li.fone span.telefone{font-size:14px}
#rodape #telefone ul li.links {font-size:11px; color:white;}
#rodape #telefone ul li.links a{color:white; text-decoration:none}