/* CSS Document */
html {
     overflow: -moz-scrollbars-vertical;
  }
body{
margin:0;
padding:0;
background-color:#efefef;
}

#geral{
margin:0 auto;
width:980px;
background-color:#FFFFFF;
}
#topo{
height:100px;
width:980px;
background-color:#efefef;
}
#logo{
float:left;
width:350px;
height:80px;
margin-top:20px;
margin-left:20px;
}
#dt{
float:left;
width:270px;
margin-left:330px;
height:10px;
margin-top:20px;
font:13px Arial, Helvetica, sans-serif;
color:#666666;
}
#menu{
float:left;
width:600px;
height:34px;
margin-top:30px;
}
#menu ul{
margin:0;
padding:0;
list-style:none;
margin-left:40px;
}
#menu ul li{
float:left;
height:34px;
line-height:34px;
width:103px;
margin-left:2px;
}
#menu ul li a{
display:block;
text-align:center;
padding-top:5px;
font:20px Calibri;
color:#000;
text-decoration:none;
}
#borda_topo{
width:980px;
background-image:url(../imagens/topo.gif);
height:28px;
}
#centro{
float:left;
width:980px;
background-image:url(../imagens/loop_center.gif);
background-repeat:repeat-y;
}
#corte_rodape{
float:left;
width:980px;
background-image:url(../imagens/corte_rodape.gif);
height:19px;
}
#borda_rodape{
float:left;
width:980px;
background-image:url(../imagens/borda_rodape.gif);
height:50px;
background-repeat:no-repeat;
}
#dados_rodape{
height:60px;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
text-align:center;
width:980px;
background-image:url(../imagens/loop_center.gif);
background-repeat:repeat-y;
float:left;
padding-top:7px;
}
#descricao_empresa{
float:left;
width:555px;
height:125px;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
}
#descricao_empresa_titulo{
float:left;
width:525px;
margin-left:30px;
height:26px;
}
#acesso_webmail{
width:322px;
height:127px;
background-image:url(../imagens/acesso_webmail.gif);
float:left;
margin-left:40px;
}
#acesso_webmail h3{
font:13px Arial, Helvetica, sans-serif;
color:#333333;
font-weight:bold;
margin-left:30px;
}
#acesso_webmail label{
font:11px Arial, Helvetica, sans-serif;
color:#333333;
}
#acesso_webmail input{
height:13px;
}
#quadro_vantagens{
width:940px;
float:left;
margin-left:20px; 
clear:both;  
}
.loop_vantagens{
float:left;
width:300px;
border-right:1px solid #D8D7D7;
}
.loop_vantagens_img{
float:left;
width:75px;
height:86px;
overflow:hidden;
margin:7px;

}
.loop_vantagens_titulo{
float:left;
font:13px Arial, Helvetica, sans-serif;
color:#000000;
width:200px;
margin:5px;
margin-bottom:2px;
}
.loop_vantagens_txt{
float:left;
width:180px;
padding:3px;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
}
#quadro_projetos{
float:left;
width:940px;
margin-left:20px;
border:1px solid #e0e0e0;
margin-top:20px;
background-color:#f6f5f5;
}
#quadro_projetos_titulo{
float:left;
height:12px;
margin:7px 14px;
width:912px;
}
.loop_prj{
float:left;
width:230px;
height:160px;
border-right:1px solid #D3D2D2;
text-decoration:none;
}
.loop_prj:hover{
background-color:#f1f0f0;
cursor:pointer;
}
.loop_prj_img{
float:left;
width:145px;
height:130px;
overflow:hidden;
margin-left:42px;
margin-top:10px;
background-image:url(../imagens/loding_face.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;
}
.loop_prj_endereco{
float:left;
width:210px;
margin-left:10px;
text-align:center;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
text-decoration:none;
}
#depoimentos{
float:left;
margin:20px;
width:400px;
height:100px;
overflow:hidden;
}
.depoimento_txt{
float:left;
width:380px;
padding:10px;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
height:67px;
list-style:none;
overflow:hidden;
}
#depoimento_autor{
float:left;
font:11px Arial, Helvetica, sans-serif;
font-style:italic;
padding-left:10px;
font-weight:bold;
}
#news{
float:left;
width:450px;
margin:20px;
}
#box_projetos{
float:left;
width:665px;
margin-top:20px;
height:900px;
border-right:1px solid #d8d7d7;
margin-left:20px;
}
#entre_contato{
float:right;
width:250px;
margin-right:40px;

height:140px;
}
#entre_contato a{
font:12px Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
}
#entre_contato a:hover{
text-decoration:underline;
}
#depo_clientes{
float:right;
width:250px;
margin-right:40px;
font:12px Arial, Helvetica, sans-serif;
color:#000;
}
.loop_clientes{
float:left;
width:615px;
height:170px;
border-bottom:2px solid #D8D7D7;
overflow:hidden;
}
.loop_clientes_img{
float:left;
width:145px;
height:130px;
overflow:hidden;
margin:30px;
text-align:center;
}
.loop_clientes_nome{
float:left;
width:400px;
font:15px Arial, Helvetica, sans-serif;
color:#000000;
font-weight:bold;
margin-top:27px;
}
.loop_clientes_descricao{
float:left;
width:370px;
padding:7px;
font:12px Arial, Helvetica, sans-serif;
color:#333333;
height:90px;
overflow:hidden;
}
.loop_clientes_link{
float:left;
width:350px;

}
.loop_clientes_link a{
font:13px Arial, Helvetica, sans-serif;
color:#3499ff;
font-weight:bold;
text-decoration:none;
}
.loop_clientes_link a:hover{
text-decoration:underline;
}



#paginacao{
float:left;
margin:0 30px;
background-image:url(../imagens/paginacao.gif);
height:42px;
width:500px;
}
.box_pagination{
float:left;
width:30px;
margin-left:15px;
height:20px;
line-height:20px;
text-align:center;
margin-top:13px;
background-color:#3498fe;
border:1px solid #2787ea;
}
.box_pagination a.acct{
color:#54a7fb;
}
.box_pagination a{
color:#FFFFFF;
font:12px Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;
line-height:20px;
}