/*-------------------------------------------------------
--------- bloco de definições genéricas
-------------------------------------------------------*/
*{
margin:0px;
padding:0px;
}


body{
margin:0px;
padding:0px;
background-color: #F0F0F0;
font:13px/1.5 "myriad pro",helvetica,arial,sans-serif;
font-weight:normal;
}

html, body {
height: 100%;
}


/*-------------------------------------------------------
--------- definições da estrutura do site
-------------------------------------------------------*/
/* define o corpo do site, sempre centralizado no meio*/

#logo{
background-image:url(../img/logo.png);
position:relative;
left:33px;
top:13px;
width:154px;
height:49px;
float:left;
}

#faixa{
background-image:url(../img/faixa_cabecalho.png);
padding:5px;
padding-left:10px;
}

#faixa_top_esq{
background-image:url(../img/faixa_cabecalho_top_esq.png);
height:15px;
width:17px;
float:left;
}

#faixa_top_dir{
background-image:url(../img/faixa_cabecalho_top_dir.png);
height:15px;
width:15px;
float:right;
}

#faixa_down_esq{
background-image:url(../img/faixa_cabecalho_down_esq.png);
height:15px;
width:14px;
position:relative;
left:959px;
top:17px;
}

#faixa_down_dir{
background-image:url(../img/faixa_cabecalho_down_dir.png);
height:15px;
width:15px;
position:relative;
left:3px;
top:32px;
}

#painel_login{
position:relative;
top:30px;
left:20px;
}

#painel_login input[type="text"]{
height:14px;
}

#painel_login label{
font-size:12px;
margin-right:10px;
color:#06F;
font-weight:bolder;
}

#painel_login input[type="submit"]{
width:25px;
}


#banner1{
margin-top:20px;
margin-left:17px;
width:942px;
height:58px;
}

#banner2{
margin-top:70px;
margin-left:40px;
width:894px;
height:172px;
}




.faixa_texto{
font-size:15px;
position:relative;
}

.faixa_texto a:link, .faixa_texto a:active, .faixa_texto a:visited{
color:#FFF;
}



.faixa_texto a:hover{
color:#CCC;
}

#cabecalho{
height:120px;
}

#conteudo {
overflow:auto;
width:100%;
margin-left:40px;
}





#corpo{
background-image:url(../img/background.png);
background-repeat:repeat-y;
margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
width:974px;
position:relative;

}






#faixa_footer{
background-image:url(../img/faixa_cabecalho.png);
height:30px;
}

#faixa_final{
background-image:url(../img/faixa_final.png);
background-repeat:no-repeat;
background-color:#065493;
height:120px;
}


.footer{

width:974px;
position: relative;
height: 150px; /* .push must be the same height as .footer */
margin: 0 auto;
}
.push{
margin: 0 auto; /* the bottom margin is the negative value of the footer's height */

width:974px;
height:60px;
background-image:url(../img/background.png);
}




































form{display:inline;}

input[type="text"], select{
padding:3px;
font:13px/1.5 "myriad pro",helvetica,arial,sans-serif; font-weight:normal;
width:200px;
}

select{width:210px;}

input[type="password"]{
padding:3px;
font-size:13px;
}

input[type="submit"], textarea{
padding:3px;
font:14px/1.5 "myriad pro",helvetica,arial,sans-serif; font-weight:normal;
}

#menu_top a:link { text-decoration : none; color: #4878a8; font-weight:bold;}
#menu_top a:active { text-decoration : underline; color: #4878a8; font-weight:bold;}
#menu_top a:visited { text-decoration : none; color: #06C; font-weight:bold; }
#menu_top a:hover { text-decoration : underline; color: #09F; font-weight:bold;}

label{
font-weight:bold;
}



.etapa_normal, .etapa_completo, .etapa_incompleto{
padding:5px 10px;
margin:2px 0 2px 6px;;
border:1px #999 solid;
width:10px;
float:left;

}

#normal_step a{
color:#000;
}

.etapa_normal{
border:1px #999 solid;
background-color:#F6F6F6;
}

.etapa_completo{
border:1px #999 solid;
background-color:#8FFB79;
}

.etapa_incompleto{
border:1px #999 solid;
background-color:#FFBABC;
}


td.form{
text-align:right;
padding-right:4px;
}
/*------------------------------------------------------
--------------------------------------------------------
-------------------------------------------------------*/


/*-------------------------------------------------------
--------- configuracoes dos paineis do sistema (bordas arrendodadas)
-------------------------------------------------------*/
.painel_box {
text-align: left;
width:290px;
background-color: #fff;
border: 1px solid #c4c4c4;
background-image:url(../img/cabecalho_box.png);
background-repeat:repeat-x;
margin-top:20px;

/* Do rounding (native in Firefox and Safari)
-webkit-border-top-right-radius: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;*/
}



.painel_box .cabecalho{
padding:7px;
padding-bottom:28px;
border-bottom:1px #c4c4c4 solid ;
}

.painel_box .links{
border:1px #CCC solid;
width:100%-10px;
background-color:#F6F6F6; padding:2px;margin:5px;

}

.painel_box .titulo{
float:left;
font-size:14px;
}

.painel_box .deslogar{
background-image:url(../img/icones_menu/deslogar.png);
width:75px;
height:30px;
float:right;
margin:-4px;
}
/*------------------------------------------------------
--------------------------------------------------------
-------------------------------------------------------*/



/*-------------------------------------------------------
--------- configuracoes dos itens do menu lateral
-------------------------------------------------------*/
.box_menu{
background-color:#F1F1F1;
border:1px #CCC solid;
width:200px;
padding-bottom:2px;
margin:1px 2px 2px 2px;
background-color:#F6F6F6;
border:1px #CCC solid;
float:left;
font-weight:bolder;
}

p.titulo_menu:hover{ text-decoration:underline; color: #09F;}

.links a:hover{ text-decoration:underline; color: #09F;}
.links a:link{text-decoration:underline; color:#06F;}
.links a:visited{text-decoration:underline; color:#06F;}
.links a:active{text-decoration:underline; color:#06F;}

p.sub:hover,:link,:active,:visited{text-decoration:none;}

.link_janela{
color:#0066FF;
text-decoration:underline;
background-repeat:no-repeat;
background-position:140px;
}






#menu_profissionais a:link{color:#000;}
#menu_profissionaisa :active{color:#000;}
#menu_profissionais a:visited{color:#000;}


.box_login{
margin:10px;
float:left;
}

#menu_profissionais{
padding:0px;
}

#menu_profissionais .togle_menu{
cursor:pointer;
height:12px;
width:12px;
background-image:url(../img/togle_minus.png);
background-repeat:no-repeat;
background-position: 5px 5px;
padding:5px;
float:left;
}

#conteudo_profissionais{
float:left;
width:670px;
}

#menu_profissionais{
margin-right:10px;
float:left;
width:207px;
}

.ico{
width:32px;
height:32px;
background-repeat:no-repeat;
float:left;
margin:4px;
}

/*Espacamento minimo do 1 item do menu*/
#home_page {
margin-top:2px;
}

/*Espacamento minimo do ultimo item do menu*/
#configuracoes_email {
margin-bottom:2px;
}


#home_page .ico{
background-image:url(../img/icones_menu/home_page.png);
}

#config_user .ico{
background-image:url(../img/icones_menu/user.png);
}

#dados_curriculo .ico{
background-image:url(../img/icones_menu/editar_curriculo.png);
}

#exibir_curriculo .ico{
background-image:url(../img/icones_menu/exibir_curriculo.png);
}

#pesquisa_curriculo .ico{
background-image:url(../img/icones_menu/pesquisa.png);
}

#configuracoes_email .ico{
background-image:url(../img/icones_menu/configuracoes_email.png);
}

#configuracoes_question .ico{
background-image:url(../img/icones_menu/cadastro_perguntas.png);
}

#criterios_vaga .ico{
background-image:url(../img/icones_menu/criterios.png);
}

#cadastro_vaga .ico{
background-image:url(../img/icones_menu/cadastro_vaga.png);
}

#dados_empresa .ico{
background-image:url(../img/icones_menu/editar_empresa.png);
}



.titulo_menu{
margin-top:3px;
margin-left:6px;
}

.sub{
font-size:10px;
font-weight:lighter;
color:#666;
margin-top:-3px;
margin-left:6px;
}
/*------------------------------------------------------
--------------------------------------------------------
-------------------------------------------------------*/



/*-------------------------------------------------------
--------- configuracoes do tooltip dos links e afins
-------------------------------------------------------*/

#tooltip{
position:absolute;
border:1px solid #333;
background:#f7f5d1;
padding:2px 5px;
color:#333;
display:none;
z-index:2000;
}

/*------------------------------------------------------
--------------------------------------------------------
-------------------------------------------------------*/





/*-------------------------------------------------------
--------- configuracoes do menu step by step
-------------------------------------------------------*/

#steps{
margin:2px;
margin-left:7px;
}

#normal_step, #current_step{
float:left;
background-repeat:no-repeat;
}

#normal_step{
width:63px;
height:20px;
background-image:url(../img/step-arrow.png);
margin-top:5px;
margin-left:-2px;
}

#current_step{
width:97px;
height:30px;
background-image:url(../img/step-arrow-active.png);
margin-right: 4px;
}

#normal_step p.titulo, #current_step p.titulo{
display:inline;
position:relative;
width:60px;
}

#normal_step p.titulo{
left:12px;
font-size:12px;
}

#current_step p.titulo{
top:2px;
left:20px;
font-weight:bold;
font-size:15px;
}







fieldset{

border-style:solid;
border-color:#E6EEEE;

margin:20px 0px 10px 0px;
width:96%;
position:relative;
display:block;
padding: 0px 10px 10px 10px;
}

fieldset legend{
background-color:none;
border-width:0px 1px;
border-style:solid;
border-color:#E6EEEE;

color:#0066FF;
font-weight:bold;
text-transform:uppercase;
font-size:90%;
letter-spacing:2px;

padding:2px 5px;
margin:0px 0px 10px 0px;
position:relative;
top: -12px;

}

fieldset legend img{
padding:0px 5px 0px 5px;
}


















#chamada_pro{
width:182px;
float: right;
margin-top:20px;
margin-right:20px;
}

#chamada_pro #cabecalho{
background-image:url(../img/cabecalho_profiler.png);
height:25px;
}

#chamada_pro #cabecalho .text{
position:relative;
top:0px;
left:7px;
font-weight: bolder;
}

#chamada_pro #cabecalho img{
position:relative;
top:5px;
}

#chamada_pro #corpo{
background-image:url(../img/corpo_profiler.png);
width:182px;
padding:0 0 0 5px;
text-align:justify;
}

#chamada_pro #corpo a #img_pro{
background-image:url(../img/chamado_pro.png);
width:165px;
height:143px;
padding:0 0 0 5px;
text-align:justify;
}

#chamada_pro #corpo a:hover #img_pro{
background-image:url(../img/chamado_pro_over.png);
}

#chamada_pro #rodape{
background-image:url(../img/rodape_profiler.png);
height:6px;
}

hr {
border : none;
border-top : dashed 1px #CCCCCC;
color : #FFFFFF;
background-color : #FFFFFF;
height : 1px;
}

.box{
  border: 1px solid #CCC;
  background-color: #FFF;
  margin: 20px 40px 0 40px;
  padding:10px;
}