@import url(/cms/modulos/personalizado/vagas/componentes/vagas.css); /* CSS vagas */

body {
	font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	background: url(/imgs/fundo.jpg) repeat-x;
	color:#484848; line-height:18px;
}
a:link, a:visited {
	text-decoration: none; color: #5E7B3C;
}
a:hover{
	text-decoration:underline;
}
h2, h3{
	font-family: Arial Narrow;
}
h2 {
	font-size: 17px; padding-top: 8px; padding-bottom: 10px;
}
h3 {
	font-size: 1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
}
p {
	padding-top: 4px; padding-bottom: 4px;
}
input, textarea, select {
	border:solid 1px #dbe0e6; font-size:12px;
	background:url(/imgs/fundo-input.png) repeat-x; 
}
textarea { width:320px; }

p.information, p.informacao { padding-left:22px; }

/* estilo para listas */
ul, ol {
	margin-left: 15px; margin-bottom:10px;
}
ol li {
	margin-bottom: 5px;
}

ul li{
	list-style:none; background:url(/imgs/marcador.png) no-repeat 0 1px; padding-left:18px;
}
button{
	background:url(/imgs/fundo-botao.gif) no-repeat; color:#5b5b5b; cursor:pointer;
	width:96px; height:30px; float:right; margin:5px; font-size:11px;
}

label.information { background-position:right; }
p.information { padding-left:20px; }

#geral{
	width:970px; margin:auto;
}
#topo{
	height:93px; padding: 10px 0; border-bottom: 2px solid #c9e27d; margin-bottom:10px;
}
#logo { float:left; }
#logo a { 
	width:196px; height:93px; display:block;
	background:url(/imgs/logo.gif) no-repeat; text-indent:-5000px;
}
#banner { float:right; margin-right:20px; }

#sombra-coluna-esquerda{
	background:url(/imgs/sombra-coluna-esquerda.gif) no-repeat 196px 0;
}
#conteudo{
	overflow:auto; background:url(/imgs/borda-coluna-esquerda.jpg) repeat-y;
}
#coluna-esquerda{
	width:194px; float:left; margin-right:10px;
}

/* formulario para informativos */
#informativos h2, .contatos h2{
	padding-left:33px; background:url(/imgs/icone-informativos.png) no-repeat 0 7px;
}
#informativos form {}
#informativos .required { display:none; }
#informativos .form-error { padding-top:1px; }
#informativos form label { width:32px; margin-top:1px; }
#informativos form input{ width:132px; }

/* Login area restrita candidatos e empresas */
#login-area-restrita {  }
#login-area-restrita h3 {  }
#login-area-restrita form { width:300px; margin:auto; }
#login-area-restrita form label { width:90px; }

/* MENU */
#menu, #menu ul {
	width:194px; margin-top:5px; margin-bottom:10px;
}
#menu h2 {
	display:none;
}
#menu ul, #menu ul.menuv li, #menu ul.menuv li a{
	border:none;
}
#menu ul.menuv li{
	background:none; padding:0;
}
#menu ul.menuv li a{
	background:url(/imgs/fundo-menu.gif) no-repeat;
	height:26px;
	padding:10px 0 0 20px;
	color:#646464;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
}
#menu ul.menuv li a:hover, #menu ul.menuv li a.selecionado{
	background:url(/imgs/fundo-menu-selecionado.gif) no-repeat;
}
#menu ul li ul { left:194px; margin-top:0; }

#coluna-direita{
	width:744px; float:left; padding:6px;
}
#candidatos.home p, #empresas.home p {
	margin:0; line-height:13px;
}

#empresas.home, #candidatos.home, #oportunidades-emprego.home, #artigos.home, #eventos.home{
	width:336px; height:auto; float:left;
	margin: 0 10px 10px 10px; overflow:auto;
}

#oportunidades-emprego.home ul li, #artigos.home ul li{
	margin:3px 0;
}

#candidatos.home { border-right: solid 1px #eaeaea; }
#candidatos.home .form-container, #empresas.home .form-container { padding-left:15px; }
#candidatos.home form, #empresas.home form { width:275px; }
#candidatos.home form label, #empresas.home form label { width:90px; float:left; }
#candidatos.home form .form-label, #empresas.home form .form-label { display:none; }
#candidatos h2 { background:url(/imgs/icone-candidatos.png) no-repeat 0 5px; padding-left: 36px; }

#artigos.home, #eventos.home{
	margin:0 0 10px 25px; padding:0 0 5px 0;
}
#oportunidades-emprego.home ul, #artigos.home ul{
	padding:0;margin-left:0;
}

#empresas.home { padding-left:15px; }
#empresas h2 { background:url(/imgs/icone-empresas.png) no-repeat 0 5px; padding-left: 28px; }

#principal-inferior{
	background:url(/imgs/fundo-principal-inferior.jpg) no-repeat;
	overflow:auto; clear:both; padding-top:12px;
}

#oportunidades-emprego h2{
	background:url(/imgs/icone-oportunidades.png) no-repeat 0 5px; padding-left: 35px; margin-bottom:5px;
}
#oportunidades-emprego.home dl { 
	margin:0 5px 0 15px; clear:both; border-bottom:solid 1px #efefef; padding:2px 0; overflow:auto;
}
#oportunidades-emprego.home dl dt { float:left; padding-left:17px; background:url(/imgs/marcador.png) no-repeat 0 1px; }
#oportunidades-emprego.home dl dd { float:right; }

#artigos.home h2{
	background:url(/imgs/icone-artigos.png) no-repeat 0 5px; padding-left: 28px; margin-bottom:5px;
}
#artigos.home ul{
	margin-left:10px;
}

#eventos.home h2{
	background:url(/imgs/icones-agenda-eventos.png) no-repeat 0 5px; padding-left: 28px; margin-bottom:5px;
}
#eventos.home dt {
	margin-left:10px; padding-left:17px;
	background:url(/imgs/marcador.png) no-repeat 0 1px;
}

#rodape{
	background:url(/imgs/fundo-rodape.gif) repeat-x;
	height:25px; color:#fff; padding:6px 10px 0 0;
	text-align:center; clear:both; margin-top:10px;
}
#rodape a{
	color:#fff;
}

.ler_mais a {
	color:#697930; float:right; font-size:11px;
}
/* Formulario */
form label { width:150px; float:left; clear:left; }

/* contatos */
.contatos { width:550px; margin:auto; }
.contatos h2 { margin-bottom:20px; }
.contatos #contatos-container { margin-left:30px; }
.contatos #contatos-container select {  }


/* Alguns estilos importantes que estavam no site da Agencia People */
/* Estilos diversos */
.box-autorelevo {
	width:95.8%;
}
.caixa-alerta {
	padding:2px 5px; border:solid 1px #666;
}

/* saudação quando logado */
#saudacao { text-align:right; margin:-8px 5px 0 0; color:#5F7C36; font-weight:bold; }
#saudacao p {  }
#saudacao p a { text-decoration:none; }
#saudacao span { background:url(../imgs/marcador.png) no-repeat 0px 1px; padding:2px 0; padding-left:16px; }

/* Area do curriculo do candidato */
#dados-curriculo {}
#dados-curriculo .menu-curriculo, #dados-curriculo .menu-curriculo a {
	text-align:right; font-weight:bold; color:#006;
}
#dados-curriculo .menu-curriculo a:hover, #saudacao a:hover {
	color: #85C227;
}
#dados-curriculo .nenhum-registro { text-align:center; font-weight:bold; }

/* Pagina com relacao de vagas e com filtro */
.fitlrar-vagas { margin: 0px 0 10px 0; }
.fitlrar-vagas fieldset { padding: 0 10px 10px 10px; border: 1px solid #EBEBEB; }
.fitlrar-vagas fieldset legend { 
	font-weight:bold; margin-bottom:10px; border: 1px solid #EBEBEB;
	padding:2px 6px; background-color: #AED439; color:#fff; font-size:12px;
}
.fitlrar-vagas label { width:90px; padding-top:5px; }
.fitlrar-vagas select { margin:5px; }
.chamada-vagas-candidato p { text-align:center; }
.chamada-vagas-candidato p a { font-weight:bold; font-size:14px; color:#607D2B; text-decoration:underline; }

/* Area restrita empresas */
#menu-vagas-empresa {
	margin:0 0 5px 0; text-align:left; border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc; padding: 0px 0 6px 0; 
	background:url(../imgs/people-divisao-menu.jpg); height:20px;
}
#menu-vagas-empresa li {
	padding:4px 10px !important; padding: 2px 10px; border-right: solid 1px #ccc; float:left;
}
#menu-vagas-empresa li.ultimo {
	border:none;
}
#menu-vagas-empresa li a, #menu-vagas-empresa li a:visited {
	color:#fff; font-weight:bold; text-decoration:none;
}

#termos-vagas { }
#termos-vagas h2 { text-align:left; }
#termos-vagas .fechar {
	width:20px; height:20px; float:right;
	background:url(/imgs/fechar.gif) no-repeat right top; cursor:pointer;
}
.com-marcador li {
	background:url(/imgs/marcador-maior.gif) no-repeat left center; padding-left:25px;
	
}
#termos-vagas .botao-topo { float:right; }
#termos-vagas { position:relative }
#termos-vagas ul li { background:none; }
#termos-vagas ul li a:link, #termos-vagas ul li a:visited { color:#5E7B3C; }

/* Tabela de taxas */
#taxas-agenciamento { width:700px; border:solid 1px #e1e1e1; }
#taxas-agenciamento caption {
	background-color:#94C85C; font-weight:bold; color:#fff; height:15px; padding:5px 0;
}
#taxas-agenciamento td { padding:2px; border:solid 1px #e1e1e1; }

/* Estilos para todos os boxes com termo */
.box-termos a:link, .box-termos a:visited {
	text-decoration:underline;
}
.box-termos {
	width:718px; display:none; border: solid 2px #94C85C; height:auto;
	left:0px; top:0px !important; top:30px; overflow:auto; margin-bottom:30px;
	background-color:#fff; text-align:justify; z-index:1000;
}
.box-termos p, .box-termos h2, .box-termos h3 {
	padding:5px;
}
/* Aceite do cliente */
#aceite-cliente .conteudo {
	text-align:justify; padding:5px;
}
#aceite-cliente button {
	float:right;
}
#aceite-cliente .conteudo ul {
	list-style: circle;
}
#aceite-cliente .conteudo ul li {
	margin-bottom:2px;
}

/* Versao 2009 do site da agencia apos inclusao da nova versao do sistema */
input, select, textarea {}

.box { }
.box dl dd { clear:both; }
.box dl dd strong { width:150px; float:left; }
.box dl {
	text-align:left; clear:both; border:solid 1px #ccc; margin-bottom:2px;
	padding:1%; background: #F7F7F7; overflow: hidden; width:95%;
}
.box dt { font-weight:bold; padding-top:3px; }
.box dd { padding: 1px 0 1px 0; clear:both; }
.box .botoes { float:right; cursor:pointer; }
.box .coluna-conteudo { float:left; width:500px; }
.box form { }
.box form button.botao-verde { float:left; margin:0 0 2px 149px; }
.box form button.botao-verde.sem-margem { margin-left:0; }

.form-rh {}
.form-rh fieldset legend {
	margin:5px 0 15px -5px; font-weight:bold; font-size:14px; 
	background-position:left center; background-repeat:no-repeat;
	padding:3px 0 9px 32px; color:#333;
}
.form-rh fieldset.um legend {
	background-image:url(/imgs/blue_1.png);
}
.form-rh fieldset.dois legend {
	background-image:url(/imgs/blue_2.png);
}
.form-rh fieldset.tres legend {
	background-image:url(/imgs/blue_3.png);
}
.form-rh fieldset.quatro legend {
	background-image:url(/imgs/blue_4.png);
}
.form-rh fieldset.cinco legend {
	background-image:url(/imgs/blue_5.png);
}
.form-rh fieldset.seis legend {
	background-image:url(/imgs/blue_6.png);
}
.form-rh textarea { width:450px; }
.form-rh button {
	margin:10px 0 10px 149px; cursor:pointer; float:none;
}

/* Lista de Vagas */
#vagas-listando dl, .vagas-listando dl { overflow:hidden; }
#vagas-listando dl.candidatos-vaga, .vagas-listando dl.candidatos-vaga { overflow:hidden; }
#vagas-listando .candidato-icone, .vagas-listando .candidato-icone { 
	padding-left:20px; cursor:pointer;
	background:url(/cms/modulos/personalizado/empresas/imgs/candidato.gif) no-repeat left center;
}
#vagas-listando dl dt, .vagas-listando dl dt { padding:2px 1%; color:#fff; background-color:#333; clear:both; width:98%; }
#vagas-listando dl .candidatar a, .vagas-listando dl .candidatar a { text-decoration:none; }

#vagas-listando dl.candidatos-vaga dt, .vagas-listando dl.candidatos-vaga dt { background-color:#85C227; font-weight:bold; cursor:pointer; }
#vagas-listando dl.candidatos-vaga.em-processo dt, .vagas-listando dl.candidatos-vaga.em-processo dt { background: #999; }
#vagas-listando dl.candidatos-vaga dt span, .vagas-listando dl.candidatos-vaga dt span { float:left; }
#vagas-listando dl.candidatos-vaga dt img, .vagas-listando dl.candidatos-vaga dt img { float:right; cursor:pointer; padding:5px; }
#vagas-listando .links, .vagas-listando .links { float:right; color:#E4410D; }
#vagas-listando .links a, .vagas-listando .links a { color:#E4410D; }
#vagas-listando form, .vagas-listando form { clear:both; margin:2px; }
#vagas-listando dl.candidatos-vaga p, .vagas-listando dl.candidatos-vaga p { padding:0 2px; margin:0; }
#vagas-listando dd.qtd-candidatos-vaga, .vagas-listando dd.qtd-candidatos-vaga { clear:both; padding-left:18px; }
#vagas-listando dl.candidatos-vaga hr, .vagas-listando dl.candidatos-vaga hr { border: solid 1px #e1e1e1; }
#vagas-listando dl.candidatos-vaga .selecionar, .vagas-listando dl.candidatos-vaga .selecionar { float:right; margin: 0 2px 5px 0; }
#vagas-listando dl dd, .vagas-listando dl dd { padding:0 4px; }
#vagas-listando dl .cidade, .vagas-listando dl .cidade { color:#5F7C36; }

/* Banner Flutuante */
.banner-flutuante {
    position: absolute; left: 22%; top: 5%; overflow: hidden; display: none; z-index: 1000;
}

.banner-flutuante .fechar {
    position: absolute; padding: 3px; font-weight: bold; margin:2px 0 0 2px;
    color: #333; cursor: pointer; color: #fff; background:#046B02; right:2px;
}