@import url(clientes.css);
/* CSS Reset -----------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
a {text-decoration:none;}
hr{border:solid 1px #0069A8; margin: 0 0 14px 0; }
em{color:#2D2D2D; font-weight:700; font-size:12px;}
/* Classes -----------*/
.txtDir{text-align: right}
.textCenter{text-align:center; color:#999;}
.esconde {display:none;}
.invisivel {visibility:hidden;}
.clear {clear:both;}
.semAltura {height:0; visibility:hidden;}
.semBorda {border:none;}
.width300{width:350px;}
.font14{font-size:14px;}
/* Mensagem de erro */
#mensagemErro, #mensagemConfirmacao{font-size:12px; border:solid 1px #EDDBB1; padding:5px 33px; font-weight:700; width:314px; margin:0 0 15px 75px;}
#mensagemErro{color:red; background:#FFFFF0 url(../imagens/erro-ico.jpg) no-repeat left center;}
#mensagemConfirmacao{color:green; background:#FFFFF0 url(../imagens/confirme-ico.jpg) no-repeat left center;}

/* Titulos -----------*/
.spry{text-indent:-9000px;}
.logo-plano4{background:url(../imagens/logo.gif) no-repeat;}
.tit-qualidade{background:url(../imagens/titulos/qualidade.gif) no-repeat; height:20px; margin-bottom:21px;}
.tit-projetosRecentes{background:url(../imagens/titulos/projetos_recentes.gif) no-repeat; height:20px; margin-bottom:21px;}
.tit-tecnologia{background:url(../imagens/titulos/tecnologia.gif) no-repeat; height:20px; margin:15px 0 21px 0;}
.tit-clientes{background:url(../imagens/titulos/clientes.gif) no-repeat; height:30px;}
.tit-clientes-pqn{background:url(../imagens/titulos/clientes_pqn.gif) no-repeat; height:30px; margin-top:15px;}
.tit-contato{background:url(../imagens/titulos/contato.gif) no-repeat; height:30px;}
.tit-localizacao{background:url(../imagens/titulos/localizacao.gif) no-repeat; height:25px; margin-top:15px;}
.tit-quemsomos{background:url(../imagens/titulos/quemsomos.gif) no-repeat; height:30px;}
.tit-produtos{background:url(../imagens/titulos/produtos.gif) no-repeat; height:30px;}
.tit-servicos{background:url(../imagens/titulos/servicos.gif) no-repeat; height:30px;}
.tit-portfolio{background:url(../imagens/titulos/portfolio.gif) no-repeat; height:30px;}
.tit-parceiros{background:url(../imagens/titulos/parceiros.gif) no-repeat; height:25px;margin-top:15px;}
.tit-atuacao{background:url(../imagens/titulos/atuacao.gif) no-repeat; height:25px;margin-top:15px;}
/* Menu */
#menu {width:585px; float:left;}
#menu li{float:left;}
#menu li a{display:block; padding:28px 14px; font-size:14px; color:#004975;}
#menu li a:hover{background:url(../imagens/menu/bg-hover.jpg) repeat-x; color:#fff;}
/* Formatacoes de lista  ------------- */
.listaTipo1{margin:16px 0; border-top: solid 1px #e0e0e0;}
.listaTipo1 li{list-style:url(../imagens/marcador-verde.gif) inside; border-bottom: solid 1px #e0e0e0; padding:7px 0;}
.tamanhoLista1{width:200px;}
ul.clientes{margin:20px 0 0 0;}
ul.clientes li{float:left; margin:6px 6px 0 0;}
/* Estrutura  ------------- */
body {background:#002840 url(../imagens/bg-body.jpg) repeat-x; font:14px Arial, Helvetica, sans-serif; color:#666;}
#site {margin:0px auto 15px auto; width:780px; }
/* Topo ------------- */
#top {width:780px; height:84px; background:url(../imagens/bg-top.jpg) no-repeat;}
#top img {float:left; margin:0px 0px 0px 3px;}
#top h1{width:185px; height:72px; float:left;}
/* Banner ------------- */
#banner{width:774px; height:266px; float:left; clear:both; margin:0 0 7px 0;}
/* Conteudo ------------- */
#conteudo{float:left; border-left:solid 1px #000; border-right:solid 1px #000; clear:both; width:772px; background:#fff url(../imagens/bg-conteudo.jpg) no-repeat; padding-bottom:30px;}
#esquerda, #centro, #direita{float:left; margin:18px 0px;}
/* Esquerda ------------- */
#esquerda{width: 228px; margin-left:20px; font-size:12px;}
/* Centro ------------- */
#centro{width:300px; margin-left:13px;}
#projetos{width: 286px; background: #eef2f3; border:solid 1px #d6e0e2; padding-bottom:10px; margin-bottom:15px; float:left;}
#projetos img{ border:solid 1px #d6e0e2; margin:4px 4px 10px 4px;}
#projetos span.descricao{float:left; margin:0 0 0 4px;}
#projetos span.data{float:right; margin:0 4px 0 0;}
#descricaoProjeto{float:left; font-size:14px; text-align:center; clear: both; width:236px; line-height:22px; background:url(../imagens/aspas.gif) no-repeat; padding:15px 25px;}
/* Conteudo Interno ------------- */
#conteudoInterno{float:left; width:530px; margin:20px 15px 20px 20px; }
/* Direita ------------- */
#direita{width:175px; margin-left:25px; font-size:12px;}
/* Rodape ------------- */
#footer {width:774px; float:left; clear:both; height:41px; color:#afbcbe; background: url(../imagens/bg-rodape.png) no-repeat; text-align:center; padding:25px 0 0 0;}
/* Formulário ------------- */
input, textarea{border:solid 1px #026192;}
#clientes_categoria{width: 250px;}
.botao{background: #F9FCFE; border:solid 2px #D1DDE7; color:#5C7C98; font:700 13px arial;}
/* Formulário Contato ------------- */
#contato{margin:30px 0 0 75px;}
#contato li{margin:5px 0 0 0;}
#contato li.input{padding:6px 5px 6px 15px; background: url(../imagens/bg-li-contato.gif) no-repeat;}
#contato li.textarea{padding:6px 5px 6px 15px; height:131px; background: url(../imagens/bg-li-contato2.gif) no-repeat;}
#contato label{float:left; width:90px; font-weight:700; color:#5C7C98; font:700 15px arial;}
#contato #fone,#contato #email,#contato #nome, #contato #mensagem{ width:250px; padding:2px; border:none; background:none; color:#7BA3B6; font:14px arial;}
#contato #limpar, #enviar{width:88px; height:30px;}
#contato .espacoBotao{width: 200px;}
/* Portfolio ------------- */
#portfolio{margin:20px 0 0 45px;}
#portfolio blockquote{float:left; width:425px; font-size:12px; padding:4px; margin: 0 12px 0 0; background:#F6F7F9 url(../imagens/bg-portfolio.jpg) repeat-x; border:solid 1px #DBE6E6;}
#portfolio blockquote img{border: solid 1px #DBE6E6;}
#portfolio blockquote p{margin:4px; }
#imageFloat{display:none;}
#portfolio blockquote:hover #imageFloat{display:block; position:absolute; float: left; margin:130px 0 0 180px;}
#portfolio blockquote:hover #imageFloat img{border:0;}
#portfolio blockquote p a{padding:7px 0; font:700 13px arial; color:#5C7C98; float:left;}
/* Parceiros ------------- */
.parceiros{margin: 20px 0 0 15px;}
.parceiros li{margin: 0 0 10px 0;}
#form1{background: url(../imagens/bg-bottom.jpg) repeat-x bottom; float:left; width:100%;}
/* Lista */
.listaPortf{text-align:center;}
.listaPortf li{background:#F8FAFA;width:141px; padding-top:4px; margin:10px auto; border:solid 1px #E2EAEB;}
.listaPortf li:hover, .listaPortf li:hover img{background:#E6ECEC; border:solid 1px #B1CACD;}
.listaPortf img{ border:solid 1px #E2EAEB;}