/* --------------Estilos Gerais */

body{ margin:0; padding:0; border:0; background:url(/imagens/bg.jpg) #FFF no-repeat center top;}
p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b4b4b; text-align:justify;}

h1{ font-family:Arial, Helvetica, sans-serif; font-size:20px; margin-top:25px; color:#000; background:url(/imagens/seta.jpg) no-repeat left; padding-left:20px; }
.h1{ font-family:Arial, Helvetica, sans-serif; font-size:20px; margin-top:25px; color:#000; background:url(/imagens/seta.jpg) no-repeat left; padding-left:20px; }

h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-top:15px; color:#000; padding-left:20px; font-weight:normal; margin-bottom:0px; padding-bottom:0px;}
.h2{ font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-top:15px; color:#000; padding-left:20px; font-weight:normal; margin-bottom:0px; padding-bottom:0px; background:none;}

h3{ font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-top:5px; color:#000; padding-left:20px; font-weight:normal; margin-bottom:0px; padding-bottom:0px; background:none;}


dt{ font-family:Arial, Helvetica, sans-serif; font-size:20px; margin-top:25px; color:#000; background:url(/imagens/seta.jpg) no-repeat left; padding-left:20px; cursor:pointer; font-weight:bold;}
a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:left; color:#4b4b4b; text-decoration:none;}
dd{ margin:0; padding:0; padding-bottom:20px;}

img{ border:0; margin:0; padding:0;}
ul{ margin:0; list-style:none; padding:0;}
li{ background:url(/imagens/topico.gif) no-repeat left; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2a2a2a;  margin-top:15px; text-transform:uppercase;}
html*li{ margin-top:10px;}
input{ height:20px; border:1px #ccc solid; margin-top:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; padding-top:5px; padding-left:5px; width:230px; position:relative;}
textarea{width:231px; height:108px; position:relative;}
label{ width:221px; font-weight:bold; color:#4b4b4b; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; margin-top:3px;}
html*label{ margin-top:0px;}

/* --------------Estilos de Topo */

#sombra{ width:100%; background:url(/imagens/sombra_fundo.png) repeat-x;}
#geral{ width:1002px; margin: 0 auto;}
#topo_sombra{ background:#fff; height:107px; width:1002px; margin:0 auto; background:url(/imagens/sombra_geral.png) repeat-y; }
#topo{height:107px; width:984px; border-top: 3px #cb1616 solid; margin:0 auto;}
#logo{ margin-left:26px; margin-top:27px;}
*html #logo{ position:relative;}
#menu{ float:right; width:565px; height:48px; margin-right:20px; position:relative; top:36px;}
html*#menu{ margin-top:-97px;}
#banner{ background:#fff; height:100%; width:1002px; margin:0 auto; text-align:center; background:url(/imagens/sombra_geral.png) repeat-y;}

/* --------------Estilos de Conteudo */

#conteudo{ background:#fff; height:auto; display:table; width:1002px; margin:0 auto; background:url(/imagens/sombra_geral.png) repeat-y; padding-bottom:10px;}

/* Home */
.box{ width:232px; float:left; text-align:center; height:259px; position:relative;}
.p_home{ padding-left:23px; padding-right:22px; height:120px;}
.p_not{ padding-left:42px; padding-right:33px; margin:0;}
.data_not{ font-weight:bold; font-size:10px; padding-left:42px; padding-right:33px; margin-bottom:0;}
.separa_not{ text-align:center; margin:0;}
.separa_box{ width:1px; float:left;}
.saiba_mais{ position:absolute; right:20px; bottom:30px;}
*html .saiba_mais{ position:relative;}

/* Internas [esquerda] */
.saiba_mais_int{ margin-right:15px; float:right; position:relative;} 
#esquerda{ width:880px; float:left; margin-left:40px; margin-right:13px; position: relative;}
*html #esquerda{ margin-left:10px; margin-right:0px;}
.p_int{ padding-left:20px;}
.fechar{ cursor:pointer; margin-left:20px;}
#imagem_com_legenda{text-align:center; display:table; width:323px; float:right;}
.p_legenda{ padding:6px; margin:0; text-transform:uppercase; text-align:center;}
#img_direita{ float:right; margin-left:15px; margin-top:15px;}
#legenda{ width:313px; height:26; float:right; margin-left:15px; margin-top:3px; background:#f1f1f1;}
#img_esquerda{ float:left; margin-right:15px; margin-top:5px;}
.separa_servicos{ text-align:center; margin:0;}
/* contato */
#direita_contato{ width:450px; float:left; } 
#formulario{ width:450px; float:left;}
#formulario label{margin-top:23px; width:82px; float:left; font-weight:normal;}
#formulario form{ width:450px;}
#formulario input{ float:left; margin-top:15px; width:325px;}
#formulario textarea{ float:left; margin-top:15px; border:1px #ccc solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; width:325px;padding-top:5px; padding-left:5px; overflow:auto;}
#formulario input.enviar{border:0; width:65px; height:24px; position:relative; top:5px; left:160px; float:left; }
#oportunidade input.enviar{border:0; width:65px; height:24px; position:relative; top:5px; left:160px; float:left; }
#dados{ width:314px; float:left; }
.p_dados{margin-left:45px; margin-top:0px;}
.h1_mapa{margin-top:15px; margin-bottom:5px;}
html* .h1_mapa{margin-top:22px;}
#mapa{ width:314px; float:left; }
/* oportunidades */
#oportunidade{ width:600px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4b4b4b; align:center; margin:0 auto;}
#oportunidade p{ margin-top:10px;}
#oportunidade label{width:552px; float:left; font-weight:normal;}
*html #oportunidade label{  width:580px; position:relative;}
#oportunidade input{ margin-top:5px; }
#oportunidade p{ width:164px; float:left; margin-left:22px;}
.peq{ width:64px;margin-right:100px;}
.med{ width:143px; margin-right:100px;}
.grd{ width:358px;}
.radio{ width:10px; border:0; margin:5px;}
.radio_buttons{ width:80px; float:left;}
#oportunidade h1{ float:left; margin-bottom:10px;}
#oportunidade textarea{ float:left; margin-top:5px; border:1px #ccc solid; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; width:356px;padding-top:5px; padding-left:5px; margin-bottom:5px;}

.ul_int{ list-style: square;}
.ul_int li{padding-left:0px; color:#6b0a08; margin-top:10px; background:none; text-transform:none; margin-left:15px;}

/* Internas [direita] */
#direita{ width:260px; float:left; background:url(/imagens/bg_direita.jpg) no-repeat right; height:435px; margin-top:25px;}
.h1_direita{ color:#626564; background:url(/imagens/bg_titulo.jpg) left no-repeat; padding-left:20px; margin-top:15px; width:200px;}
.saiba_mais_dir{ margin-top:20px; float:right;} 
.nome{width:212px; position:relative;}
.email{width:170px; position:relative;}
.ok{border:0; float:right; margin-top:4px; width:33px;}
html*.ok{ margin-top:-30px;  position:relative;}
#topo_direita{ height:214px; width:221px; margin-left:24px; margin-top:0px; float:left;}
*html #topo_direita{ margin-left:17px;}
*html #rodape_direita{ position:relative; left:-15px;}
#rodape_direita{ height:214px; width:221px; margin-left:24px; float:left;}
#cotacao{height:72px; overflow:hidden; margin-top:-30px;}
#cotacao td{ padding-right:5px; color:#4b4b4b;}
#cotacao td b{color:#4b4b4b;}

/* --------------Estilos de Rodape */

#sombra_lateral_rodape{width:1002px; background:url(/imagens/sombra_geral.png) repeat-y;}
#sombra_rodape{height:10px; width:984px; margin:0 auto; background:url(/imagens/sombra_rodape.png) bottom repeat-x;}
#rodape{ background:url(/imagens/bg_rodape.jpg) repeat-x; height:134px; width:984px; margin:0 auto; border-top: 1px #dcdcdc solid; text-align:center;}
.logo_hkl{ margin-top:45px;}
*html .logo_hkl{ position:relative;}


ul.menu_oportunidades { margin:0 10px; padding:0; text-align:left; margin-top:10px; }
ul.menu_oportunidades li { list-style:none; display:inline; margin:0; padding:0; }
ul.menu_oportunidades li a { border:1px solid #E0E0E0; padding:3px 6px; background:#F0F0F0; font-size:14px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#4b4b4b; text-transform:none; position:relative;}
ul.menu_oportunidades li a:hover { text-decoration:none; background-color:#F6F6F6; }
ul.menu_oportunidades li a.current { background:#fff; border-bottom:1px solid #fff; }
div.tab_oportunidades { border:1px solid #E0E0E0; padding:5px 15px 15px 15px; margin-top:3px; display:none;}
div.tab_oportunidades.currentTab { display:inline-block;}