/*Definições gerais*/
*{margin:0; padding:0;}
html,body {	height: 100%; }
html, body, h2, h3, h4, div, p, ul, li, input {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
body { 
font-size: small/100%; /* Certeza que usuários do IE podem aumentar o tamanho da fonte.*/
background: #F6F7F9;}

/*Divs de estruturação*/

#corpo{
width: 100%;
/*height: 100%;*/
float: left;
clear: both;
top: 0px;
left: 0px;
padding-bottom: 0px;
background: #fff url(../imagens/bg_home.jpg) repeat-x 0 0;
}

#pagina {
position: relative;
background:  transparent;
margin: auto;
width: 717px;
top: 0px;
left: 0px;
/*height: 100%;*/
padding-bottom: 0px;
/*border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;*/
}	

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}
/*  Esconde IE-mac \*/* html .clearfix {height: 1%;} .clearfix {display: block;}/* IE-mac */


#topo {
position: relative;
top: 0px;
margin: auto;
width: 800px;
height: 142px;
background: transparent;
}	

#logo {
float: left;
margin: 0px 0px 0px 0px;
width: 180px;
height: 142px;
/*border-bottom: 2px solid #7DBFDC;
border-top: 2px solid #7DBFDC;*/
background: transparent /*url(../imagens/bg_logo.gif) no-repeat left bottom*/;
}	

#logo h1{  
width: 180px;
height: 33px;
margin: 60px 0px 10px 0px; 
float: left;
visibility: visible;
background-image: url(../imagens/logomarca.gif);
background-repeat: no-repeat;
}

#logo  h1 a {
float: left;
display: block;
top: 0;
left: 0;
width: 180px;
height: 33px;
cursor: pointer;
}

#logo h1 a span {display: none;}


/**************** Estilos do menu ****************/
#menu {
position: absolute;
left: 210px;
width: 522px;
height: 142px;
color:#fff;
background:url(../imagens/menu.jpg);
/*border-bottom: 2px solid #749FB2;*/
border-top: 2px solid #749FB2;
}	


#menu ul{list-style:none;}

#menu li{
position: absolute;
   top:0;
   height:142px;
} 

#menu li a{
position: absolute;
   display:block;
   width:100%;
   height:100%;
   top:0;
   margin: auto;
   cursor: pointer;
   text-decoration: none;
   font-size: 8px;
   color: #12882E;
   text-transform:uppercase;
   }

#menu li a span{
position: absolute;
   display:block;
   width: 100%;
   height:100%;
   top:0;
}

#home{width:106px; left: 0px;}
#quem{width:104px; left:106px;}
#curr{width:104px; left:210px;}
#emp{width:104px; left: 314px;}
#contato{width:104px; left:418px;}

#home a span{background:url(../imagens/menu.jpg) no-repeat 0 0;}
#quem a span{background:url(../imagens/menu.jpg) no-repeat -106px 0;}
#curr a span{background:url(../imagens/menu.jpg) no-repeat -210px 0;}
#emp a span{background:url(../imagens/menu.jpg) no-repeat -314px 0;}
#contato a span{background:url(../imagens/menu.jpg) no-repeat -418px 0;}

#menu ul li a:hover{z-index:10;}

#home a:hover span{background:url(../imagens/menu.jpg) no-repeat 0 -142px;}
#quem a:hover span{background:url(../imagens/menu.jpg) no-repeat -106px -142px;}
#curr a:hover span{background:url(../imagens/menu.jpg) no-repeat -210px -142px;}
#emp a:hover span{background:url(../imagens/menu.jpg) no-repeat -314px -142px;}
#contato a:hover span{background:url(../imagens/menu.jpg) no-repeat -418px -142px;}

#centroHome {
position: relative;
top: 3px;
margin: auto;
padding-bottom: 5px;
width: 800px;
/*border-top: 1px solid #fff;*/
background: transparent /*url(../imagens/bg_centro.gif) repeat-y top left*/;
}

#centro {
position: relative;
top: 3px;
margin: auto;
padding-bottom: 30px;
width: 800px;
/*border-top: 1px solid #fff;*/
background: transparent /*url(../imagens/bg_centro.gif) repeat-y top left*/;
}

#container_boxHome{position: relative; width: 732px; margin: 0px 0px 0px 0px;}

#container_boxHome .boxHome1{
float: left;
width: 190px;
height: 100px;
color: #fff;
padding: 14px 20px 0px 23px;
margin-right: 0px;
border-right: 1px dashed #fff;
background: #C0C895 url(../imagens/bg_home1.jpg) top left repeat-x;
}

#container_boxHome .boxHome1 .boxTit{
padding-left: 15px;
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
background:url(../imagens/bg_boxTit.gif) no-repeat;
color: #737B4E;}

#container_boxHome .boxHome1 p{
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
#container_boxHome .boxHome1 p.clientesLogos{margin-top: -4px;}
#container_boxHome .boxHome1 a{color: #fff; text-decoration: none;}
#container_boxHome .boxHome1 a:hover{color: #7DBFDC; text-decoration: underline;}

#container_boxHome .boxHome2{
float: left;
width: 190px;
height: 100px;
color: #fff;
padding: 14px 20px 0px 23px;
margin-right: 0px;
border-right: 1px dashed #fff;
background: #78BBD0 url(../imagens/bg_home2.gif) top left repeat-x;
}

#container_boxHome .boxHome2 .boxTit{
padding-left: 15px;
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
background:url(../imagens/bg_boxTit.gif) no-repeat;
color: #3C6F7E;}

#container_boxHome .boxHome2 p{
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
#container_boxHome .boxHome2 p.clientesLogos{margin-top: -4px;}
#container_boxHome .boxHome2 a{color: #fff; text-decoration: none;}
#container_boxHome .boxHome2 a:hover{color: #fff; text-decoration: underline;}

#container_boxHome .boxHome3{
float: left;
width: 190px;
height: 100px;
color: #fff;
padding: 14px 20px 0px 23px;
background: #CFB576 url(../imagens/bg_home3.gif) top left repeat-x;
}

#container_boxHome .boxHome3 .boxTit{
padding-left: 15px;
margin-bottom: 5px;
font-weight: bold;
font-size: 13px;
background:url(../imagens/bg_boxTit.gif) no-repeat;
color: #746238;}

#container_boxHome .boxHome3 p{
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
#container_boxHome .boxHome3 p.clientesLogos{margin-top: -4px;}
#container_boxHome .boxHome3 a{color: #fff; text-decoration: none;}
#container_boxHome .boxHome3 a:hover{color: #fff; text-decoration: underline;}


#colunaEsquerdaHome{
margin-left: 7px;
padding: 3px 20px 0 10px;
width: 335px;
height: auto;
float: left;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #888282;
}

#colunaEsquerdaHome h2{
font: 14px Verdana, Arial, Helvetica, sans-serif;
color: #1F7FAA;
letter-spacing: -1px;
font-weight: bold;
margin-bottom: 5px;
}

#colunaEsquerdaHome p{margin: 0 0 10px 0;}
#colunaEsquerdaHome a{
text-decoration: none;
color: #6FB5D7;
font-weight: bold;
}

#colunaEsquerdaHome a:hover{text-decoration: none; color: #D78311;}

/**************** Estilos da coluna central ****************/

#colunaCentral{
float: left;
font-size:0.9em;
width: 313px;
padding:0px;
margin: 0px;
border-left: 1px dashed #D2CFCF;
}

#colunaCentral #flash{
width: 305px;
height: 300px;
margin: 0 0 3px 10px;
}

#colunaEsquerda{
padding: 0px;
width: 202px;
float: left;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #888282;
margin-top: 3px;
background: #F7F7F9;
}

#colunaEsquerda #submenu {
margin: 0;
width: 210px;
height: auto;
background:#578bb8;
color:#fff;
}	


#colunaEsquerda #submenu  li{
background: url(../imagens/list_style.gif) no-repeat 3px 6px;
border-bottom: 1px solid #f5f5f5;
line-height: 18px;
list-style-type: none;
}

#colunaEsquerda #submenu  li a{
display:block;
padding:0 15px;
font-weight:normal;
text-decoration:none;
color: #fff;
}

#colunaEsquerda #submenu  .selected,#colunaEsquerda #submenu  a:hover{
background:#80b0da url(../imagens/list_style.gif) no-repeat 3px 6px;
color:#fff;
text-decoration:none;
}

#colunaDireita{ 
margin: 20px 0px 0px 30px;
width: 480px;
height: auto;
float: left;
padding: 10px 10px 0 0;
_padding: 10px 10px 0 0;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #888282;
background: inherit;
 }	
 
 #colunaDireita .breadcrumb{
margin: 5px 0 10px 0;
padding-bottom: 5px;
font-weight: bold;
color: #6B6751;
font-size: 11px;
text-align: left;
border-bottom: 1px dotted #ccc;
}

#colunaDireita .breadcrumb span{
	text-decoration: none;
	padding: 0; /*adjust bullet image padding*/
	color: #6B6751;
	font-size: 11px;
	text-align: left;
	clear: both;
	font-weight: normal;
}
#colunaDireita .breadcrumb span a{
color: #6B6751;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}
#colunaDireita .breadcrumb a:hover{text-decoration: underline; font-weight: normal;}

#colunaDireita #colunaDireita h2{
float: left;
top: 0;
left: 0;
padding: 0;
width: 100%;
color: #646D66;
}

#colunaDireita h2 span {
float: left;
margin: 5px 400px 10px 0;
text-indent: -999em;
}

#colunaDireita h2 span.tit_apresentacao{
background: transparent url(../imagens/tit_apresentacao.gif) no-repeat top;
width: 110px;
height: 20px;
}

#colunaDireita h2 span.tit_sac{
background: transparent url(../imagens/tit_sac.gif) no-repeat top;
width: 110px;
height: 20px;
}

#colunaDireita h2 span.tit_candidatos{
background: transparent url(../imagens/tit_candidatos.gif) no-repeat top;
width: 110px;
height: 20px;
}

#colunaDireita h2 span.tit_orientacao{
background: transparent url(../imagens/tit_orientacao.gif) no-repeat top;
width: 169px;
height: 20px;
}

#colunaDireita h2 span.tit_cursos{
background: transparent url(../imagens/tit_cursos.gif) no-repeat top;
width: 139px;
height: 20px;
}

#colunaDireita h2 span.tit_pagamento{
background: transparent url(../imagens/tit_pagamento.gif) no-repeat top;
width: 155px;
height: 20px;
}

#colunaDireita h2 span.tit_mapa_site{
background: transparent url(../imagens/tit_mapa_site.gif) no-repeat top;
width: 107px;
height: 20px;
}

#colunaDireita h2 span.tit_empresas{
background: transparent url(../imagens/tit_empresas.gif) no-repeat top;
width: 107px;
height: 20px;
}

#colunaDireita h2 span.tit_servicos{
background: transparent url(../imagens/tit_servicos.gif) no-repeat top;
width: 107px;
height: 20px;
}

#colunaDireita h2 span.tit_elab{
background: transparent url(../imagens/tit_elaboracao.gif) no-repeat top;
width: 175px;
height: 26px;
}

#colunaDireita h2 span.tit_dinamicas{
background: transparent url(../imagens/tit_dinamicas.gif) no-repeat top;
width: 275px;
height: 26px;
}

#colunaDireita h2 span.tit_entrevistas{
background: transparent url(../imagens/tit_entrevistas.gif) no-repeat top;
width: 236px;
height: 26px;
}

#colunaDireita h2 span.tit_preparacao{
background: transparent url(../imagens/tit_preparacao.gif) no-repeat top;
width: 197px;
height: 26px;
}

#colunaDireita h2 span.tit_vagas{
background: transparent url(../imagens/tit_vagas_disp.gif) no-repeat top;
width: 126px;
height: 26px;
}

#colunaDireita h3{
width: 100%;
background: #f5f5f5;
border-bottom: 1px dashed #067FB6;
margin: 0 0 5px 0;
padding: 0 0 2px 5px;
text-transform: uppercase;
font-size: 11px;
}

#colunaDireita h4{
width: 100%;
position: relative;
padding: 5px 0 5px 0;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}

#colunaDireita p{margin: 0 0 10px 0;}
#colunaDireita a {color: #888282; text-decoration: none;}
#colunaDireita a:hover {color: #749FB2; text-decoration: none;}

#colunaDireita ul {
float: left;
clear: both;
margin: 0 0 15px 20px;
list-style-image: url(../imagens/list_style1.gif);
}

#colunaDireita h4{
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
color: #5B6B7B;
font-weight:bold;
letter-spacing: 1px;
}
#colunaDireita h4 a{color: #5B6B7B; text-decoration: none;}
#colunaDireita h4 a:hover{
color: #749FB2;
text-decoration: none;
font-weight: bold;
letter-spacing: -1px;
}

#colunaDireita #contato {
float: left;
clear: both;
margin-bottom: 10px;
width: 450px;
}

#colunaDireita #contato form{
width: 450px;
margin: auto;
padding-bottom: 10px;
}

#colunaDireita #contato label{
float: left;
width: 100px;
font-weight: bold;
}

#colunaDireita #contato input, #colunaDireita #contato select{
float: left;
background: #F5F5F5;
color: #1E5E82;
border-left: 2px solid #80B0DA;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
width: 250px;
height: 14px;
margin-bottom: 5px;
padding: 2px;
}

#colunaDireita #contato textarea {
float: left;
background: #F5F5F5;
color: #1E5E82;
border-left: 2px solid #80B0DA;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
width: 250px;
padding: 2px;
}

#colunaDireita #contato .ddd{
width: 40px;
margin-right: 5px;
}

#colunaDireita #contato .fone{
width: 198px;
border: none;
background: #F5F5F5;
color: #1E5E82;
border-left: 2px solid #80B0DA;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}

#colunaDireita #contato .submit { 
background-color: #f5f5f5;
color: #1E5E82;
font-size: 11px;
width: 55px;
height: 22px;
margin: 5px 0 0 300px;
position: relative;
clear: both;
cursor: pointer;
text-align: center;
font-weight: bold;
border: 1px solid #82B7ED;
}


#colunaDireita #contato .submit:hover, .submit:active, .submit:focus {
background-color: #f5f5f5;
color: #80B0DA;
font-weight: bold;
border-left: 1px solid #82B7ED;
border-top: 1px solid #82B7ED;
border-bottom: 1px solid #BBDBFB;
border-right: 1px solid #BBDBFB;
cursor: pointer;
}

#colunaDireita #curriculo fieldset{width: 480px; margin: 0; border: 1px solid #ccc; padding:5px;}

#colunaDireita #curriculo input, #curriculo select, #curriculo textarea{
background: #F5F5F5;
color: #1E5E82;
border-left: 2px solid #80B0DA;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 1px;
margin: 0px 0px 0px 35px;
font-size: 11px;
width: 390px;
}

#colunaDireita #curriculo label{width: 200px; float:left; margin: 2px 0px 2px 35px;}
#colunaDireita #curriculo label.grande{width: 390px;}
#colunaDireita #curriculo label.mini{width: 25px;}

/*#colunaDireita #curriculo input.end{ width: 389px;}
#colunaDireita #curriculo input.email2{ width: 152px;}
#colunaDireita #curriculo select.sexo{ width: 60px; margin-right: 5px;}
#colunaDireita #curriculo input.nasc{ width: 80px; margin-right: 5px;}
#colunaDireita #curriculo input.bairro{ width: 80px; margin-right: 2px;}
#colunaDireita #curriculo input.cep{ width: 65px;}
#colunaDireita #curriculo input.uf{ width: 25px;}*/
#colunaDireita #curriculo input.fone{ width: 105px; margin-left: 6px;}
#colunaDireita #curriculo input.cel{ width: 105px; margin-left: 6px;}
#colunaDireita #curriculo textarea.objetivo{width: 390px;}
#colunaDireita #curriculo input.conta{ width: 25px; margin: 5px 50px 0px 0px; float: right;}

#colunaDireita #curriculo input.peq{ width: 150px;}
#colunaDireita #curriculo input.mini{ width: 20px; margin-right: 3px;}

#colunaDireita #curriculo select.peq{ width: 155px;}

#colunaDireita #curriculo input.cargo{ width: 180px;}
#colunaDireita #curriculo input.area{ width: 170px;}
#colunaDireita #curriculo input.email3{ width: 345px;}
#colunaDireita #curriculo input.codvaga{width: 80px;}

#colunaDireita #curriculo .enviar { 
background: url(../imagens/bt_enviar.gif) no-repeat;
color: #1E5E82;
font-size: 10px;
width: 55px;
height: 18px;
margin: 5px 25px 0px 0px;
cursor: pointer;
border: none;
float: right;
}

#colunaDireita #curriculo .enviar2 { 
background: url(../imagens/bt_enviar.gif) no-repeat;
color: #1E5E82;
font-size: 10px;
width: 55px;
height: 18px;
margin: -19px 0px 0px 195px;
cursor: pointer;
border: none;
float: left;
}

#colunaDireita #curriculo .enviar_margin { 
background: url(../imagens/bt_enviar.gif) no-repeat;
color: #1E5E82;
font-size: 10px;
width: 55px;
height: 18px;
margin: 5px 50px 0px 0px;
cursor: pointer;
border: none;
float: right;
}

#colunaDireita #login{float: left; width: 255px;}

#colunaDireita #login fieldset{
margin: 0px;
border: 1px solid #ccc;
padding:5px;
}

#colunaDireita #login label{width: 53px; float: left; margin: 2px 0px 0px 0px;}
#colunaDireita #login input, #curriculo select, #curriculo textarea{
background: #F5F5F5;
color: #1E5E82;
border-left: 2px solid #80B0DA;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 1px;
font-size: 11px;
}

#colunaDireita #login .enviar { 
background: url(../imagens/bt_enviar.gif) no-repeat;
color: #1E5E82;
font-size: 10px;
width: 55px;
height: 16px;
margin: 0;
cursor: pointer;
border: none;
}

#colunaDireita #login input.cpf {width: 150px;}
#colunaDireita #login input.senha {width: 150px;}

#colunaDireita .bannerCad {float: right;}
#colunaDireita .bannerCad a img{text-decoration: none; border: none;}
#colunaDireita .bannerCad a img:hover{text-decoration: none; border: none;}

#colunaDireita .tableVagas {width: 93%; position: relative; margin: auto; padding:2px; border: 1px solid #ccc;}
#colunaDireita .tableVagas th{color: #C78C30; background: #EEEEEE; padding:2px;}
#colunaDireita .tableVagas tr:hover{background: #EEEEEE;}

#colunaDireita .tableCursos {width: 100%; position: relative; padding:2px; border: 1px solid #ccc;}
#colunaDireita .tableCursos th{color: #C78C30; background: #EEEEEE; padding:2px;}
#colunaDireita .tableCursos tr:hover{background: #EEEEEE;}
#colunaDireita .tableCursos td{padding:2px; border-bottom: 1px dashed #ccc;}
#colunaDireita .tableCursos td.semBorda{padding:2px; border: none;}

/**************** Estilos do rodapé ****************/

#rodape{	
position: relative;
margin: 0px 0px 0px 0px;
width: 100%;
height: 50px;
padding:10px 0px 10px 0px;
clear: both;
font-size:11px;
color: #999;
border-top: 3px solid #6A6767;
background: #F6F7F9 url(../imagens/bg_rod.jpg) repeat-x top ;
}	

#rodape #container{ position: relative; margin: auto; width: 800px;}
#rodape ul {list-style: none; float: right; margin: 4px 40px 0 0;}	
#rodape ul li {display: inline; color: #376E83; font-size: 10px; font-weight: bold;}	
#rodape ul li a {width: auto; color: #376E83; text-decoration:none}
#rodape ul li a:hover {width: auto; color: #0989B8; text-decoration:none}

#rodape p{padding:0; margin: 4px 0 0 30px; text-align:left; float: left;}
#rodape a{color:#97938C; background-color:inherit; font-weight:bold;}
#rodape a:hover{color:#0989B8; background-color:inherit; text-decoration: underline;}

#rodape .assinatura{float: right; clear: both; margin: 10px 50px 0px 0px;}

 /*CLASSES E ESTILOS DIVERSOS*/
 
 .box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}

.ok { 
background-color: #578BB8;
color: #fff;
font-size: 11px;
width: 30px;
height: 16px;
margin: 0px;
cursor: pointer;
text-align: center;
font-weight: bold;
border:1px solid #6F6F6F;
}

.splitcontentleft{float:left; width:50%;}
.splitcontentright{float:right; width:50%;}
.clear{clear:both;}
.small{font-size:0.8em;}
.small_marginLeft{font-size:0.8em; color:#CC0000; margin-left: 35px;}
.hide{display:none;}
.textcenter{text-align:center; font-size: 10px;}
.textright{text-align:right;}
.erro{color:#f02025; background-color:inherit; font-weight:bold;}

img.left,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin: auto;}
img.right{float:right; margin:0 0 5px 12px;}

.tableVagas .bg_claro{ background-color: #EAF3F8;}