@import url('stylesheet/stylesheet.css');

/* =================== RESET ======================= */

* { margin:0; padding:0; }
body { font-family: Helvetica, Geneva, Arial, Verdana, sans-serif; height:100%; color:#5d686d; font-size:13px; background:#f2f2f3; }
img { border:0; }
a { text-decoration:none; color:#5d686d; }
.clear { clear:both; }
.zeraMarginRight { margin-right:0 !important; }
.zeraPaddingRight { padding-right:0 !important; }

#container { width:960px; margin:0 auto; padding:0 0 72px 0; }

/* =================== HEADER ======================= */

#header { width:100%; float:left; }
#header #logoeinf { width:100%; float:left; padding:20px 0; color:#5d686d; font-size:18px; border-bottom:1px solid #485155; }
#header #logoeinf #logo { float:left; }
#header #logoeinf p { float:left; margin:18px 0 0 30px; }

#header #nav { margin:20px 0 0 0; padding:0; float:left; width:960px; }
#header #nav ul { width:960px; float:left; list-style:none; padding:0; }
#header #nav ul li { float:left; margin:0 108px 0 0; padding:0; font-size:14px; font-weight:bold; }
#header #nav ul li a { display:block; color:#5d686d; }
#header #nav ul li a:hover { color:#7da1b0; }
#header #nav ul li a.activeNav { color:#7da1b0 !important; }

/* =================== CONTAINER ======================= */

#banner { width:960px; height:480px; float:left; margin:30px 0 20px 0; }

#info { width:100%; float:left; }
#info #infoHeader { width:100%; float:left; border-bottom:1px solid #485155; padding:10px 0; margin:0 0 10px 0; }
#info .infoTitle { width:280px; float:left; margin-right:60px; font-size:18px; }
#info .infoText { width:280px; float:left; margin-right:60px; }
#info .infoText a:hover { text-decoration:underline; }
.fazemosTitle { font-size:18px; }

/* =================== QUEM SOMOS ======================= */

#infoQuemSomos { width:100%; float:left; }

/* =================== O QUE FAZEMOS ======================= */

#infoOQueFazemos { width:100%; float:left; font-size:41px; color:#5d686d; margin:30px 0 70px 0; font-weight:bold; }
.rowsOQueFazemos { width:100%; float:left; margin:40px 0 0 0; }

/* =================== TRABALHOS ======================= */

#trabalhosPg { width:100%; float:left; margin:35px 0 0 0; }
.thumbs { width:220px; height:124px; float:left; margin:0 26px 26px 0; cursor:pointer; }
.popupText { position:absolute; z-index:12; color:#fff; margin:95px 0 0 10px; }
.popupBlack { width:220px; height:124px; background:black; position:absolute; z-index:10; opacity:0.75; filter: alpha(opacity=75); }

#trabalhosDetalhe { width:100%; float:left; margin:0; }
#trabalhosDetalhe h1 { width:100%; float:left; border-bottom:1px solid #485155; padding:10px 0; margin:0 0 15px 0; font-size:14px; }
#trabalhosDetalhe p { width:100%; margin:0 0 30px 0; }
#trabalhosDetalhe p a { font-size:16px; }
#trabalhosDetalhe #trabalhosDetalheImg { margin:0 auto; background:#fff; padding:50px; width:800px; }

#paginador { width:100%; text-align:center; float:left; padding:0; margin:25px 0 0 0; font-size:15px; }
#paginador a { margin:0 5px 0 0; padding:0 1px; color:#333333; }
.ativo { color:#e75012 !important; font-size:15px; margin:0 5px 0 0; padding:0 1px; font-weight:bold; }

/* =================== CLIENTES ======================= */

#clientesPg { width:100%; float:left; margin:35px 0 70px 0; }
#clientesPg .logosClientes { float:left; margin: 0; padding: 0; width: 240px; height:150px; background-position:center center;  } 

/* =================== CONTATO ======================= */

input#nome { border:0; background:url(../images/bg_input_nome.png) no-repeat; width:235px; height:41px; line-height:41px; padding:0 6px; font-family: Helvetica, Geneva, Arial, Verdana, sans-serif; font-size:13px; color:#5d686d; }
textarea#mensagem { border:0; background:url(../images/bg_mensagem.png) no-repeat; width:267px; height:186px; padding:6px; resize:none; font-family: Helvetica, Geneva, Arial, Verdana, sans-serif; font-size:13px; color:#5d686d; }
input#enviar { border:0; background:url(../images/bg_enviar.jpg) no-repeat; width:106px; height:30px; cursor:pointer; }

/* =================== LOGIN ======================= */

#divLogin { width:273px; height:147px; background: url(../images/bg_login.png) no-repeat top; padding:0; margin:70px 350px; float:left; }
#divLogin .formLogin { margin:0; padding:0; float:left; width:273px; height:117px; }
#divLogin .formLogin input { color:#fff; background:none !important; width:216px; height:20px; margin:0; padding:0; cursor:n-resize; border:0; font-family: Helvetica, Geneva, Arial, Verdana, sans-serif; font-weight:bold; font-size:13px; float:left; }
#divLogin .formLogin .enviarContato { width:25px; height:16px; border:0; padding:0; margin:0; color:#306c80; cursor:pointer; background: url(../images/btn_ok_login.png) no-repeat !important; }

/* =================== FOOTER ======================= */

#footer { width:100%; height:42px; position:fixed; bottom:0; left:0; background:#f2f2f3; font-size:10px; z-index:12; }

#footer #footerCont { width:960px; height:42px; line-height:42px; margin:0 auto; }
#footer #footerCont img { float:left; margin:10px 10px 0 0; }
#footer #footerCont a { text-decoration:none; }
#footer #footerCont a:hover { text-decoration:underline; }
#footer #footerCont #divLeft { float:left; }
#footer #footerCont #divRight { float:right; line-height:45px; }