html { overflow: -moz-scrollbars-vertical; }

* { border: none; color: #666; font: 12px Verdana; line-height: 18px; margin: 0; padding: 0; }

body { background: #eee; }
body .anchor { display: block; height: 0; text-indent: -9999px; }
body strong { font-weight: bold; }

/* PAGE */
#page { margin: auto; width: 990px; }

  /* HEADER */
  #header { background: url(../images/bg_header.jpg); height: 160px; }
  #header h1 a { background: url(../images/bg_logo.gif) no-repeat 0 0; display: block; float: left; height: 160px; margin-left: 45px; text-indent: -9999px; width: 180px; }
  #header h1 a:hover { background: url(../images/bg_logo.gif) no-repeat 0 -160px; }
  
  #header dl { float: right; margin: 30px 45px 30px 0; }
  #header dl dt, #header dl dd { display: inline; }
  #header dl dt a, #header dl dd a { display: block; float: left; height: 110px; text-indent: -9999px; width: 120px; }
  #header dl dt a.sistema_sgi { background: url(../images/bg_cert.gif) no-repeat 0 0; }
  #header dl dd a.iso_9001 { background: url(../images/bg_cert.gif) no-repeat -120px 0; }
  #header dl dd a.ohsas_18001 { background: url(../images/bg_cert.gif) no-repeat -240px 0; }
  #header dl dd a.iso_14001 { background: url(../images/bg_cert.gif) no-repeat -360px 0; }
  
  /* MIDDLE */
  #middle { background: url(../images/bg_middle.jpg); display: table; height: auto; margin-top: -10px; #margin-top: 0; padding-top: 10px; width: 100%; }
  
  #middle div.menu { float: left; height: 340px; width: 255px; }
  
  #middle div.content { background: url(../images/bg_content.jpg); float: right; margin-top: 10px; width: 735px; }
  #middle div.content div.contentBody { padding: 20px 45px 0 30px; }
  #middle div.content div.contentFoot { background: url(../images/bg_contentFoot.jpg) no-repeat left bottom; clear: both; height: 30px; }
  #middle div.content h2, #middle div.contentHome h2 { color: #d71920; font: bold 23px "Trebuchet MS"; margin-bottom: 10px; }
  #middle div.content p { margin-bottom: 20px; }
  #middle div.content p strong { color: #004a8f; display: block; margin-bottom: 5px; }
  
   /* login */
  #middle div.contentHome input { background: #fff; border: 1px solid; border-color: #ccc #fff #fff #ccc; display: block; margin: 5px 0 15px 0; padding: 7px; width: 240px;  }
  #middle div.contentHome input.btn { border-color: #fff #ccc #ccc #fff; cursor: pointer; width: 70px;  }
  
  /* home */
  #middle div.contentHome { float: right; padding-top: 10px; width: 715px; }
  #middle div.contentHome div.bem_vindo { background: url(../images/bg_bemVindo.jpg) no-repeat left bottom; float: left; height: 340px; width: 450px; }
  #middle div.contentHome div.bem_vindo p { line-height: 18px; width: 270px; }
  #middle div.contentHome div.bem_vindo p a { color: #36a; display: block; font-variant: small-caps; margin-top: 10px; text-decoration: none; }
  #middle div.contentHome div.curriculo { float: left; margin: 0 0 20px 30px; }
  #middle div.contentHome div.oportunidades { float: left; margin-left: 30px; }
  
  /* certificações */
  #middle div.content div.contentBody p.cert { border-top: 1px dashed #d5e1ec; padding-top: 20px; margin-top: 20px; }
  #middle div.content div.contentBody p.cert:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
  #middle div.content div.contentBody p.cert strong { color: #004a8f; display: block; margin-bottom: 5px; }
  #middle div.content div.contentBody p.cert img { float: left; margin: 0 20px 30px 0; }
  
  /* contato */
  #middle div.content div.contentBody form { float: left; width: 350px;}
  #middle div.content div.contentBody form p { color: #c00; display: block; }
  #middle div.content div.contentBody form p span { color: #666; }
  #middle div.content div.contentBody form label { display: block; margin-bottom: 5px; }
  #middle div.content div.contentBody form label span { color: #c00; }
  #middle div.content div.contentBody form input,
  #middle div.content div.contentBody form textarea { border: 1px solid; border-color: #bbb #eee #eee #bbb; display: block; margin-bottom: 20px; padding: 5px; }
  #middle div.content div.contentBody form input:focus,
  #middle div.content div.contentBody form textarea:focus { background: #e9f3fb; color: #333; }
  #middle div.content div.contentBody form input.txtNome { width: 250px; }
  #middle div.content div.contentBody form input.txtEmpresa { width: 250px; }
  #middle div.content div.contentBody form input.txtEmail { width: 200px; }
  #middle div.content div.contentBody form input.txtTelefone { width: 100px; }
  #middle div.content div.contentBody form input.btnEnviar { background: #fbfbfb; border: 1px solid; border-color: #eee #bbb #bbb #eee; cursor: pointer; }
  
  #middle div.content div.contentBody dl.contato { border-left: 1px dashed #ddd; float: right; margin-left: 20px; padding-left: 20px; width: 260px; font-size:11px; }
  #middle div.content div.contentBody dl.contato dt { font-weight: bold; line-height: 20px; font-size:11px; }
  #middle div.content div.contentBody dl.contato dd { line-height: 20px; margin-bottom: 10px; font-size:11px; }
  
  /* onde estamos */
  #middle div.content div.contentBody img.map { float: left; height: 290px; width: 355px; }
  
  /* FOOTER */
 #footer { background: url(../images/bg_footer.jpg); clear: both; float: none; height: 70px; }
  .footerHome { background: url(../images/bg_footerHome.jpg) !important; }
  #footer p { line-height: 70px; padding-left: 45px; }