html, body{ height:100%}
body > #all{ height:auto; min-height:100%;}
#all{ max-width:960px; margin:0 auto;}
body{ margin:0; padding:0; background:#FFF url(../interface/background_header.jpg) center top no-repeat; font-family:Arial; font-size:12px;}
.black{color:#000 !important; display:block;}
/* classe do DIV que retorna "nenhum resultado encontrado..."*/
.nada-encontrado{margin:20px;font-weight:bold;}

.lista-de-paginas{margin-bottom:15px;}
.lista-de-paginas a{text-decoration:none;}
.lista-de-paginas a:hover{text-decoration:underline;}
.lista-de-paginas h{text-decoration:none;}

/* ============== GLOBAL ============== */
figure{ margin:0; padding:0}
img{ border:none}

#about, #about span, #about h2, #main_menu a, #services section, #services .read-more{ transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}
#links a, #redes a, #logo img{ transition:all .25s ease-in-out; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out;}

.left{ float:left; }
.right{ float:right }
.width_100{ width:100%}
.list_none{ list-style:none; margin:0; padding:0}
.block{ display:block}

.font_blue, .read-more{ color: #8D9A3D;}
.font_gray, #services p{ color: #525252}

/* =============== HEADER =============== */
.align_top{ margin:30px 0 0 0}
#redes a{ width:35px; height:32px; right:left; background:url(../interface/redes_sociais.png) -4px -7px no-repeat; margin:0 0 0 10px;}
#redes .twit a{ background-position:-48px -7px}
#redes li, #redes a{ float:left}
#redes a:hover{ box-shadow:0 0 25px #FFF inset;}
#logo img:hover{ transform:scale(0.95); -webkit-transform:scale(0.95); -moz-transform:scale(0.95)}
#logo img{ max-height:93px;}
#redes span{ text-indent:-9999px; display:block}
#phone{ font-style:normal; text-transform:uppercase}
.space_block{ margin:5px 0 0 0}
#phone strong{ text-align:right; font-size:24px; color:#070707; font-weight:normal}


#main_menu{ background:#8D9A3D; margin:10px 0 0 0}
#main_menu ul{ margin:0 auto; max-width:860px;}
#main_menu li, #main_menu a{ float:left; position:relative}

#main_menu a{ float:left; width:100%; color:#fff; text-decoration:none; padding:15px 23px; font-size:16px;}
#main_menu a:hover{ background:#6A752F; color:#fff}

#main_menu .dropdown-menu a{font-size: 14px; color: #262626;}




#main_menu .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color:#6A752F;}

#main_menu .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}


#main_menu .dropdown-menu li {float:left; width:100%;}



#main_menu .dropdown-menu > li > a {
  display: block;
  width:100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}

#main_menu .dropdown-menu > li > a:hover,
#main_menu .dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #8D9A3D;
}

#main_menu .dropdown-menu > .active > a,
#main_menu .dropdown-menu > .active > a:hover,
#main_menu .dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #8D9A3D;
  outline: 0;
}

#main_menu .dropdown-menu > .disabled > a,
#main_menu .dropdown-menu > .disabled > a:hover,
#main_menu .dropdown-menu > .disabled > a:focus {
  color: #8D9A3D;
}

#main_menu .dropdown-menu > .disabled > a:hover,
#main_menu .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

#main_menu .open > .dropdown-menu {
  display: block;
}























/*==================== CONTAINER =============== */
#container, #container section{ float:left; width:100%}
#about{ margin:30px 0 0 0;}
#about a{ text-decoration:none}
#about img{ width:312px;}
#services img, #about img{ box-shadow: 5px 5px 5px transparent;}
#about:hover img, #services section:hover img{ box-shadow: 5px 5px 5px #CCC;}
#about figure{ padding:0 10px 0 0;}
#about h2{ margin:0; font-size:16px}
#about p{ font-size:14px;}
#services p, #about p{ line-height:20px; height:160px; overflow:hidden; margin-bottom:22px;}
#about .read-more{ float:right; margin:0px 20px 0 0; background:#7a943f; border-color:#656b29 !important;}
.about_right{ float:left; width:64%; margin:0 0 0 1%}

#services section:hover{ border-color:#8D9A3D;}
#about:hover .read-more{ margin:0 10px 0 0}
#about h2:hover{ color:#0062BB}

.read-more{ font-weight:bold;}
.border_bottom{ padding:0 0 20px 0; border-bottom:1px Solid #DDDDDD}

#services{ margin:10px 0 80px 0; padding:0}
#services section{ float:left; margin:0 100px 0 0; padding:0 0 60px 0; border-bottom:5px Solid transparent}
#services section:last-child{ margin:0; float:right} 
#services img{ height:148px; max-width:251px;}
#services a{ text-decoration:none}
#services h2{ font-size:16px;}
#services h3{color:#8D9A3D; /*text-overflow:ellipsis; white-space:nowrap;*/ overflow:hidden; width:95%; height:30px; font-size:14px;}
.miolo_services section{ margin-top:20px !important;}
.miolo_services section:last-child{ float:left !important}
.miolo_services section:nth-child(3n+1){ margin-right:0 !important}

#services section:hover p{ text-decoration:underline}
#services section:hover .read-more{ padding:0 0 0 10px}

#services section, #center .container{ max-width:251px;}

.ohs-artigo-titulo{ font-size:18px; padding:0 0 10px 0; margin:20px 0 0 0; border-bottom:1px Solid #d6ddaa}
.ohs-artigo-texto{ float:left; width:100%; margin:10px 0 40px 0; line-height:20px;}
.ohs-artigo-texto iframe{ border:none; padding:0 10px;}
#ohs-imagem-automatica img{ max-width:500px;}

.ohs-forms{ max-width:700px; margin:20px 0 20px 150px;}
.ohs-forms h3, .ohs-forms, .ohs-forms input:not(#phone):not(.bt-submit), .ohs-forms textarea, .ohs-forms fieldset, .ohs-forms div{ float:left; width:98%; }
.ohs-forms textarea, .ohs-forms input:not(.bt-submit){border:1px Solid #E9E9E9; outline:none; padding:5px 0 }
.ohs-forms textarea:focus, .ohs-forms input:not(.bt-submit):focus{ box-shadow:0 0 15px #0158AF;}
.ohs-forms h3{ background:#014689; color:#FFF; padding:10px 8% 10px 2%; width:84%;}
.ohs-forms h3, .bt-submit{  border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
.ohs-forms fieldset{ border:none}
.ohs-forms div{ margin:10px 0 0 0}
.ohs-forms #assunto, #contato #mensagem{ height:150px; max-width:646px}
.ohs-forms label{ display:block; color:#636363;}
.bt-submit{ background:url(../interface/fillet_bnt.jpg) repeat-x; border:none; cursor:pointer; padding:5px 15px; color:#505050; font-weight:bold; float:right !important; margin:0 20px 0 0}

#contato #assunto{ height:auto; max-width:none}

/* ==================== FOOTER ================= */
#footer{ background:#8D9A3D; height:300px;}
#center{ margin:0 auto; max-width:960px; overflow:hidden}
#center .container{ width:100%}
#center a, #center{ color:#e2e7c2; text-decoration:none}
#center a:hover{ color:#FFF}
#center h2{ color:#fff; font-size:18px; font-weight:normal}
#center li{ margin:0 0 10px 0}
#links{ margin:0 0 0 50px}
#location{ margin:0 0 0 70px}
#info_location{ margin:15px 0 0 85px}
#info_location address{ font-style:normal}
#info_location h2{ margin:0 0 5px 0}
#info_location p{ margin:5px 0}
#copyright{ padding:20px 0 0 0; margin:20px 0 0 0; border-top:1px Solid #d6ddaa; color:#FFFEFE}
#copyright a{ color:#FFFEFE}
#copyright p{ float:left}
#copyright p:last-child{ float:right}

#links a:hover{ padding:0 0 0 8px}
#copyright a:hover{ color:#d6ddaa}