/*---------------FONTES--------------*/
@font-face {     font-family: 'HelveticaNormalRegular';     src: url('helvetic-webfont.eot');     src: url('helvetic-webfont.eot?#iefix') format('embedded-opentype'),          url('helvetic-webfont.woff') format('woff'),          url('helvetic-webfont.ttf') format('truetype'),          url('helvetic-webfont.svg#HelveticaNormalRegular') format('svg');     font-weight: normal;     font-style: normal;  }

/*---------------ESTRUTURAL--------------*/
body {padding:0px; text-align:center; margin:0px; padding:0px; font-family:"Helvetica", Arial; font-weight:100; background-color:#e7edee;}

/*---------------HelperClasses-----------*/
.no-text {text-indent: -9999px; overflow: hidden;}
.sprite-image {background: url("../imagens/sprite.png") no-repeat;}

/*---------------MENU E MINI LOGO------------------*/
	/*--base--*/
#tpl-header .tpl-base-menu {width:100%; display:table; margin:0 auto; /*height:40px;*/ text-align:center;}
#tpl-header .tpl-base-menu .tpl-menu {width:960px; margin:0 auto; }
	/*--logo--*/
#tpl-header .tpl-base-menu .tpl-menu img {float:left; margin:5px 0;}
	/*--menu--*/
#tpl-header .tpl-base-menu .tpl-menu ul {list-style:none; margin: 0; padding:0;}
#tpl-header .tpl-base-menu .tpl-menu ul li {float:right; margin-left: 2em; font-size:16px; padding: 10px 0 5px 0; height: 24px}
#tpl-header .tpl-base-menu .tpl-menu ul li.first {float: left; margin-left: 0}
#tpl-header .tpl-base-menu .tpl-menu ul li.current {background: transparent url("../imagens/menu-marker.png") center 33px no-repeat }
#tpl-header .tpl-base-menu .tpl-menu ul li a {color:#ffffff; text-decoration:none;}
#tpl-header .tpl-base-menu .tpl-menu ul li a:hover {text-decoration: underline;}
#tpl-header .tpl-base-menu .tpl-menu ul li a img {margin: -5px 5px 0 0;}

/*---------------LOGO PRINCIPAL------------------*/
#tpl-header .tpl-base-logo {width:100%; display:table; margin:0 auto; background-color:#ffffff; text-align:left;}
#tpl-header .tpl-base-logo .tpl-logo {width:960px; margin:20px auto; }

/*---------------BUSCA------------------*/
#tpl-header .tpl-base-busca {width:100%; float:left; /*height:75px; padding-top: 2em;*/ display:table; margin:0 auto; background-color:#d0dfe0; text-align:left; -webkit-box-shadow: 0px 1px 1px #CCCCCC; -moz-box-shadow: 0px 1px 1px #CCCCCC; box-shadow:0px 1px 1px #CCCCCC; behavior:url('./css/PIE.htc');}
#tpl-header .tpl-base-busca .tpl-busca {width:960px; margin:0 auto; background: url("../imagens/encontre-sua-oportunidade-trabalho-sprite.png") no-repeat left 3px; padding: 33px 0 5px 0;}
#tpl-header .tpl-base-busca .tpl-busca .busca {border:solid 1px #d0ccc7; float:left; font-size:16px; color:#b1b1b1; padding:7px; margin:-2px 0 0 30px; width:455px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; behavior:url('./css/PIE.htc');}
/*#tpl-header .tpl-base-busca .tpl-busca:before {content:"Busca"; color:#606060; font-size:18px; font-family:"Helvetica",Arial; float:left; margin:6px 0px;}*/
	/*--botoes--*/
#tpl-header .tpl-base-busca .tpl-busca .cadastrar {float:right;}
#tpl-header .tpl-base-busca .tpl-busca .entrar {float:right;}


/**
Ajustes para colocar a pesquisa junto com a caixa de informações do usuario logado
**/
#tpl-header .cabecalho-logado .tpl-busca {
	width: 620px;
	float: left;/*
	padding-top: 22px;
	margin: 0;
	margin-bottom: -22px;
	text-align: left;*/}
#tpl-header .cabecalho-logado .tpl-busca .busca {width: 450px;}
#tpl-header .cabecalho-logado .tpl-busca .botao {margin-top: 0; float: left; top: 0}
/**
Fim
**/

/*---------------FOOTER------------------*/
#tpl-footer .tpl-base-footer {width:100%; display:table; margin:0 auto; text-align:center;}
#tpl-footer .tpl-base-footer .tpl-footer-container {
    width:960px;
    margin: 25px auto 0;
    border-top: 1px solid #ccc;
    padding-top: 1em;
}
    /*menu*/
#tpl-footer .tpl-base-footer .tpl-footer-container ul {float:left; list-style:none; margin:8px 0px 0px 0px; padding:0;}
#tpl-footer .tpl-base-footer .tpl-footer-container ul li {float:left; margin:0 auto; padding:0; display:inline; font-size:12px;}
#tpl-footer .tpl-base-footer .tpl-footer-container ul li a {color:#3FA9F5; text-decoration:none;}
	/*redes sociais*/
#tpl-footer .tpl-base-footer .tpl-footer-container .redes-sociais {float:right;}
#tpl-footer .tpl-base-footer .tpl-footer-container .redes-sociais img {float:left; margin-left:5px;}
#tpl-footer .tpl-base-footer .tpl-footer-container .redes-sociais .texto {float:left; margin:8px 15px 0 0; font-size:12px; color:#4D4D4D;}
#tpl-footer .tpl-base-footer .tpl-footer-container .redes-sociais li {margin-left: 10px;}
.sprite-image.iconFacebook, .iconLinkedin, .iconYoutube, .iconTwitter, .iconGplus {width: 24px; height: 24px; display: block;}
.iconFacebook {background-position: 0 -2px }
.iconTwitter {background-position: -26px -2px;}
.iconLinkedin {background-position: -52px -2px;}
.iconYoutube {background-position: -78px -2px;}
.iconGplus {background-position: -104px -2px;}

	/*institucional*/
#tpl-footer .tpl-base-footer .tpl-footer-container .institucional {float:left;}
#tpl-footer .tpl-base-footer .tpl-footer-container .institucional img {float:left; margin-left:5px;}
#tpl-footer .tpl-base-footer .tpl-footer-container .institucional .texto {float:left; margin:8px 15px 0 0; font-size:12px; color:#4D4D4D;}

/*---------------CONTEUDO------------------*/
#tpl-content  {width:100%; display:table; margin:0 auto; text-align:center;}
#tpl-content .tpl-base-content {width:960px; margin:0px auto;}
	/*--box maior--*/
#tpl-content .tpl-base-content .box-maior{float:left; width:900px; margin:20px auto 0px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow: 0px 2px 1px #CCCCCC; -moz-box-shadow: 0px 2px 1px #CCCCCC; box-shadow:0px 2px 1px #CCCCCC; text-shadow:0px 1px 2px #666666; text-align:left; padding:40px 30px; behavior:url('./css/PIE.htc');}
#tpl-content .tpl-base-content .box-maior h1{margin:0px; color:#ffffff;}
#tpl-content .tpl-base-content .box-maior p{margin:5px; color:#ffffff;}

/*---------------LISTA SIMPLES------------------*/
.lista {list-style:none; margin:0px 20px 0px 0px; padding:0px; float:left;}
.lista li {margin:4px 0px;}
.lista .lista-titulo {margin-bottom:10px;}
.lista li a{padding:2px; white-space: nowrap;}
.lista .lista-mais {margin-top:10px;}
.lista .lista-mais a {color:#4D4D4D;}
.lista li.ativo a{position:relative; padding:2px 8px 2px 2px; background-color:#E6E6E6;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; behavior:url('./css/PIE.htc');}
.lista li.ativo a:after {content:url("../imagens/sprite-filtro-fecha.png"); position:relative; top:3px; left:7px;}

/*---------------BLOCO DE VAGA------------------*/
.box .box.vaga {padding: 1em;}
.box .vaga.destaque {
    padding-top: 12px;
    background: #fafafa url("../imagens/tag_pesquisa.png") no-repeat 450px 0px;
}
.box.vaga h2 {padding-right: 35px;line-height: 32px;}
h2.pcd{
    background: url("../imagens/pcd32.png") no-repeat right top;
}
div.pcd2{
    background: url("../imagens/pcd24.png") no-repeat 490px 0px;
}

.vaga p {color: #333;}
.box.vaga p b {margin-right: .5em;}
/*
.vaga {width:100%; float:left;}
.vaga h3 {margin:3px auto; float:left; clear:both; width:100%;}
.vaga h2 {float:left; clear:both; width:100%;}
.vaga p {margin:4px auto;  float:left; clear:both; color:#333333;}
.vaga small {float:left; clear:both;}
.vaga b {font-weight:bold;}
.vaga p.margin-vaga {margin:10px 0px;}
.vaga p.margin-vaga b {margin-right: .5em;}
*/

/*---------------Breadcrumb------------------*/
.box.bread-crumb {
    padding-top: 0;
    padding-bottom: 0;
}
.box.bread-crumb ul {
    margin: 0;
    padding: 0;
}
.box.bread-crumb li {
    display: inline-block;
    padding: 5px 5px 5px 25px;
    background-position: -129px -7px;
}
.box.bread-crumb li.first{
    background: url("../imagens/home.png") no-repeat;
    padding-left: 30px;
}
.box.bread-crumb li, .bread-crumb li a {
    color: #666666;
}

/* Login */
#signForm.foreign-up .find-mail,
#signForm.foreign-up .is-foreign,
#signForm.signup .find-mail,
#signForm.signup .is-foreign,
#signForm.foreign-in .find-mail,
#signForm.signin .is-foreign {
	display: none;
}

#signForm .is-foreign a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	color: #4D4D4D;!important;
	text-decoration: underline;
	margin-left: 10px;
}

#signForm .find-mail .botao {
	padding: 4px;
}

#signForm .find-mail .botao .interno img {
	top: 7px;
}
/* Fim do login */


/*---------------BLOCO CURRÍCULO ------------------*/
.bloco {position:relative;padding-left:60px;float:left;display:inline;padding-top:20px;}
.bloco a {margin-left: 1em;}
.bloco img {position:absolute;left:0px;}

/*---------------COMPARTILHAR VAGA E IMPRESSAO------------------*/
.vaga-compartilhar {width:100%; margin:15px auto 0px;}
	/*redes sociais*/
.vaga-compartilhar .redes-sociais {float:right;}
.vaga-compartilhar .redes-sociais img {float:left; margin-left:5px;}
.vaga-compartilhar .redes-sociais .texto {float:left; margin:5px 5px 0 0; font-size:12px; color:#999999;}
	/*imprimir*/
.vaga-compartilhar .imprimir {float:left;}
.vaga-compartilhar .imprimir img {float:left; margin-left:5px;}
.vaga-compartilhar .imprimir .texto  {float:left; margin:5px 0 0 5px; font-size:12px; color:#999999;}

/*---------------PAGINACAO------------------*/
.base-paginacao {float:left; width:100%; margin:0 auto; text-align:center; display:table;}
.paginacao {list-style:none; margin:5px auto; padding:0; display:table;}
.paginacao li {float:left; margin:0 3px; padding:10px; display:inline; font-size:12px; border:solid 1px #CCCCCC;}

/*---------------CURRICULO------------------*/
	/*cabecalho logado*/
.cabecalho-logado {margin:0 auto; display:table; width:960px;}
.cabecalho-logado .avatar {float:left; margin-top:8px;}
.cabecalho-logado .texto {float:left; margin:29px 0px 0px 10px; font-size:14px; color:#4D4D4D;}
.cabecalho-logado .texto a {font-size:0.7em;}
.cabecalho-logado .botao {float:right; margin-top:22px;}
.cabecalho-logado .size-300 {padding-left:15px; border-left:solid 1px #d8d8d8; height:75px;}
	/*listagem dos itens*/
.lista-curriculo {list-style:none; margin:0px; padding:0px; float:left; width:100%;}
.lista-curriculo li {position:relative; margin:0px; padding:10px 0px 10px 10px; border-top:solid 1px #CCCCCC;}
.lista-curriculo li.first {border-top:none}
.lista-curriculo li span {display: block; padding-left: 35px; padding-top: 3px;}
.lista-curriculo li a {display: block}
.lista-curriculo li img {float: left}
.lista-curriculo li .alerta {position:absolute; right:5px; top:5px; width:24px; height:21px; background:url("../imagens/alerta.png") no-repeat; text-align:center; padding-top:4px; color:#ffffff; font-size:10px;}
	/*preenchimento dos campos*/
.erro input {-moz-box-shadow:2px 2px 0px red, -2px -2px 0px red, 2px -2px 0px red, -2px 2px 0px red; -webkit-box-shadow:2px 2px 0px red, -2px -2px 0px red, 2px -2px 0px red, -2px 2px 0px red; box-shadow:2px 2px 0px red, -2px -2px 0px red, 2px -2px 0px red, -2px 2px 0px red; behavior:url('./css/PIE.htc');}
.erro .tool-tip {background-color:#f01f27;}
.erro .tool-tip:after {background-color:#f01f27;}
.tool-tip {float:left; margin:-5px 0 0 16px; background-color:#00aaf4; padding:5px 8px; color:#fff; background-position:center bottom; background-repeat:repeat-x; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:1px 1px 1px #CCCCCC; -moz-box-shadow:1px 1px 1px #CCCCCC; box-shadow:1px 1px 1px #CCCCCC; behavior:url('./css/PIE.htc');}
.tool-tip:after {content:url("../imagens/tooltip-erro.png"); background-color:#00aaf4; position:absolute; left:-7px; top:3px; height:18px;}

.label-error-phone { margin: 1em 2.5em; font-weight: normal; font-style: italic; color: red; }

form h2,h3 {clear: both;}
form h2.subtitle {padding-top: 2em;}
form p {float: left; margin-top: 1em; margin-bottom: .4em; width: 100%;}
form input.salary-without-cents{
    text-align: right;
}

/*---------------ELEMENTOS DE REPETIÇÃO COM FUNÇÕES DE SOBRECARGA, MANTER NO FINAL DO CSS------------------*/
.clear {width:100%; clear:both; /*float:left;*/}
.text-left {text-align: left}
.text-bold {font-weight: bold}
.box {text-align:left; color:#4D4D4D; font-size:12px; font-weight:100; padding:25px 20px; margin:20px auto 0px auto; background-color:#ffffff; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:1px 1px 1px #CCCCCC; -moz-box-shadow:1px 1px 1px #CCCCCC; box-shadow:1px 1px 1px #CCCCCC; behavior:url('./css/PIE.htc'); border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0;}
.esquerda {float:left;}
.direita {float:right;}
.last {margin-right:0px!important;}
hr {width:100%; float:left; margin:20px 0px; height:1px; border:none; background-color:#CCCCCC;}
.box hr {margin:10px 0px;}
h1 {font-weight:bold;}
h2 {margin:0px; text-align:left; font-size:18px; font-weight:bold;}
h3{font-weight:bold; margin:0px;}
img {border:none;}
a {text-decoration:none; color:#3FA9F5;}
a:hover {text-decoration: underline;}

/*p {width:100%; float:none;}*/
label span {color:#4D4D4D; text-align:right; margin-right:10px; top:3px; position:relative;}
label span.full-width {width: 100%}
small {font-size:12px; color:#999999;}
input, textarea, select {font-size:12px;}
select.multiple {height: 12em;}
	/*padrao de tabela*/
.tab-tipo1 {width:100%; border-collapse:collapse; padding:0;}
.tab-tipo1 th {border:solid 1px #cfdedf; background-color:#cfdedf; padding:10px 8px; font-weight:100; text-align:left;}
.tab-tipo1 tr {margin:-1px 0 0 0; width:100%;}
.tab-tipo1 td {border:solid 1px #cfdedf; padding:10px 8px; margin:-1px 0 0 0;}
.tab-tipo1 tr:nth-child(2n+1) {background-color:#EFEFEF;}
.tab-tipo1 tr.tr1 {background-color:#FFFFFF;}
.tab-tipo1 tr.tr2 {background-color:#EFEFEF;}

	/*botoes*/
.botao {font-size:14px; float:left; padding:8px 9px 9px 8px; top:-2px; text-align:center; font-weight:bold; color:#ffffff; border:none; margin-left:10px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:1px 1px 1px #CCCCCC; -moz-box-shadow:1px 1px 1px #CCCCCC; box-shadow:1px 1px 1px #CCCCCC; text-shadow:0px 1px 2px #666666; position:relative; cursor:pointer; background-image: url("../imagens/sprite-fundo-alpha.png"); background-position:center bottom; background-repeat:repeat-x; behavior:url('./css/PIE.htc');}
.botao .interno {position:relative; padding:8px 9px 9px 32px;}
.botao .interno img {position:absolute; top:5px; left:5px;}
/*.botao:active {padding:9px 8px 8px 9px; color:#eeeeee; -webkit-box-shadow:-1px -1px 1px #999999; -moz-box-shadow:-1px -1px 1px #999999; box-shadow:-1px -1px 1px #999999; text-shadow:0px -1px 2px #666666; background-image: url("../imagens/sprite-fundo-alpha.png"); background-position:center bottom; background-repeat:repeat-x; behavior:url('./css/PIE.htc');}*/
.botao:active {color:#eeeeee; -webkit-box-shadow:-1px -1px 1px #999999; -moz-box-shadow:-1px -1px 1px #999999; box-shadow:-1px -1px 1px #999999; text-shadow:0px -1px 2px #666666; background-image: url("../imagens/sprite-fundo-alpha.png"); background-position:center bottom; background-repeat:repeat-x; behavior:url('./css/PIE.htc');}

.botao-big {font-size:14px; float:left; margin: .5em auto; /*display: block;*/ width:100%; top:-2px; padding:12px 0; text-align:center; font-weight:bold; color:#ffffff; border:none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -webkit-box-shadow:1px 1px 1px #CCCCCC; -moz-box-shadow:1px 1px 1px #CCCCCC; box-shadow:1px 1px 1px #CCCCCC; text-shadow:0px 1px 2px #666666; position:relative; cursor:pointer; background-image: url("../imagens/sprite-fundo-alpha.png"); background-position:center bottom; background-repeat:repeat-x; behavior:url('./css/PIE.htc');}
.botao-big .interno {position:relative; padding:8px 9px 9px 32px;}
.botao-big .interno img {position:absolute; top:5px; left:5px;}
.botao-big:active {color:#eeeeee; -webkit-box-shadow:-1px -1px 1px #999999; -moz-box-shadow:-1px -1px 1px #999999; box-shadow:-1px -1px 1px #999999; text-shadow:0px -1px 2px #666666; background-image: url("../imagens/sprite-fundo-alpha.png"); background-position:center bottom; background-repeat:repeat-x; behavior:url('./css/PIE.htc');}
.botao-big:active .interno {position:relative; padding:10px 9px 7px 34px;}
.botao-big:active .interno img {position:absolute; top:7px; left:7px;}

.botao-big.linkedIn {background-color: #007bb6;}

/*variações exatas de caixas*/
.box-960 {width:920px!important;}
.box-640 {width:600px!important;}
.box-500 {width:460px!important;}
.box-450 {width:410px!important;}
.box-300 {width:260px!important;}
.box-140 {width:100px!important;}

/*variações de estruturas sem variações de borda*/
.size-960 {width:960px!important;}
.size-640 {width:640px!important;}
.size-450 {width:450px!important;}
.size-400 {width:400px!important;}
.size-300 {width:300px!important;}
.size-248 {width:248px!important;}
.size-185 {width:185px!important;}
.size-140 {width:140px!important;}
.size-one-quarter {width:75px!important;}
.size-one-third {width:100px!important;}
.size-one-half {width:150px!important;}
.size-two-third {width:200px!important;}
.size-three-quarter {width:225px!important;}
.size-one-whole {width:300px!important;}
/*
.loading {
	clear: both;
	background: #ffdddd;
	font-weight: bold;
	padding: 6px;
	font-size: 8pt;
}

.error {
	clear: both;
	padding: 8px;
	border: 1px solid #ff0000;
	background: #ffdddd;
}

.success {
	clear: both;
	border: 1px solid #009900;
	background: #cfffcf;
	color: #003300;
}
*/

label.error, span.error {
	float: left;
	color: red;
	font-weight: normal;
	font-style: italic;
	margin-left: 150px;
	margin-top: 8px;
	width: 100%;
}

input.error, select.error {
	border: 1px solid red;
}

.required-char {
	color: red;
	padding: 0;
	font-weight: bold;
	padding-left: .3em;
	margin-right: -8px;
}

p.form-sub-heading {
	padding: 0;
	padding-bottom: 1em;
	padding-left: 1em;
	margin: 0;
}

div ul.dynatree-container {
  overflow: auto;
  position: relative;
  height: 200px;
}

.over {
	background-color: #efefef;
}

div .dform {
	float: left;
}

form .dform {
    margin-bottom: 2em;
}
form .dform:hover {
    background-color: #F2F9FA;
}
form .dform h3 {
    background: transparent url("../imagens/sprite-seta-direita.png") left center no-repeat;
    padding-left: 16px;
    margin: 1.5em 1em .5em 1em;
}
form .dform h3 span{
    float: right;
    padding-right: 20px;
    font-weight: normal;
    background: transparent url("../imagens/sprite-filtro-fecha.png") right center no-repeat;
    color: #666;
    font-size: small;
}
form .dform h3 span:hover{
    cursor: pointer;
    text-decoration: underline;
}
form .dform hr {
    margin-top: 0;
}

hr {clear: both; float:none}

form .innerHLabel {
    width: auto!important;
    margin-left: 1em;
}

/*
Css do iframe customizado
*/
#customBaseTopFrame,
#customBaseFooterFrame,
#customSmallBoxFrame {
    width: 100%;
    height: 100%;
    border: none;
}

/**
 * Css específico do currículo
 */
div.curriculum-component {margin-bottom: 4em;}
div.curriculum-component .curriculum-component-header h2,
div.curriculum-component .curriculum-component-header p {float: none;}

div.curriculum-component .curriculum-component-header img {
	margin: 0 20px 0 0;
	float: left;
	display: block;
}
div.curriculum-component .curriculum-component-section-header {margin-top: 2.2em;}
div.curriculum-component h4.curriculum-component-section-header {margin: 1em; margin-left: 2.2em;}

div.curriculum-component .curriculum-component-item,
div.curriculum-component .curriculum-component-item * {float:left;}

div.curriculum-component .curriculum-component-item {
	width: 100%;
	margin: .3em 0;
}

div.curriculum-component .curriculum-component-item span {
	margin-right: 1em;
	display: block;
	max-width: 70%;
}

div.curriculum-component .curriculum-component-item label {
	font-weight: bold;
	padding-left: 2em;
	padding-right: 1em;
	display: block;
}

div.curriculum-component .curriculum-component-item label.first {
	width: 26%;
	text-align: right;
	padding-left: 0;
}

div.curriculum-component hr {
	float: none;
}

div.curriculum-component .clear {
	float: none;
}

/** Fim Css do Currículo */

.input-help,
.input-description {
	padding-left: 150px;
	float: left;
	/*font-style: italic;*/
	font-size: .9em;
	padding-top: .4em;
	min-width: 200px;
}

.input-description {
	margin-top: -.5em;
	margin-bottom: .5em;
}

/**
 * CSS dos menus estilo popups
 */
.popup_menu {
	clear: both;
    list-style: none;
	display: none;
/*	position: absolute;*/
    margin-left: 0px;
    margin-top: 66px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0 0 5px #ddd;
    box-shadow: 0 0 5px #ddd;
    /*--make it top of all the elements on page, so that it can be visible--*/
    z-index:5000;
	text-align: left;
	margin: 0;
	padding: 0;
}

.popup_menu li {
/*	float: left;*/
/*	position: relative;*/
}

.popup_menu li a {
	display:block;
    padding:7px 7px 7px 7px;
    text-decoration: none;
	color: #3366CC !important;
    border-right: 0;
	margin-top: 0;
	float: left;
}

.popup_menu li a:hover {
    padding:7px 7px 7px 7px;
    /*text-decoration: none;*/
	color:#3366CC !important;
    background-color: #eef3fb !important;
    border-right: 0;
}

/**
 * Fim do CSS dos menus estilo popups
 */


/**
 * Css específico do tooltip
 */
 .tipsy { font-size: 12px; }
 .tipsy-inner { background-color: #0f87f6; color: #FFF; }

  .tipsy-arrow-n { border-bottom-color: #0f87f6; }
  .tipsy-arrow-s { border-top-color: #0f87f6; }
  .tipsy-arrow-e { border-left-color: #0f87f6; }
  .tipsy-arrow-w { border-right-color: #0f87f6; }

/** Fim do Css específico do tooltip */

/**
 * Css específico do Autocomplete
 */
.ui-autocomplete {
	max-height: 220px;
	overflow-y: auto;
/*	prevent horizontal scrollbar */
	overflow-x: hidden;
/*	 add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
/*html .ui-autocomplete {
	height: 300px;
}*/
.ui-corner-all {border-radius: 0;}
.ui-autocomplete .ui-menu-item
{
	text-align: left;
	font-size: 12px;
}

/** Fim do Css específico do Autocomplete */


/**
 * Css específico do flash message
 */
#tpl-content .tpl-base-content .flash {
    text-align: left;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: 8px center;
}
div.flash.sucess {
	background-image: url('../imagens/dialogSucess24.png');
	background-color: #DFFFDF;
	border-color: #DFFFDF;
	color: #005F00;
}
div.flash.warning {
	background-image: url('../imagens/dialogWarning24.png');
	background-color: #FFFEE0;
	border-color: #FFFEE0;
	color: #575F00;
}
div.flash.error {
	background-image: url('../imagens/dialogError24.png');
	background-color: #FFDFDF;
	border-color: #FFDFDF;
	color: #5F0000;
}
div.flash.information {
	background-image: url('../imagens/dialogInfo24.png');
	background-color: #DFDFFF;
	border-color: #DFDFFF;
	color: #00005F;
}
/** Fim do Css específico do flash message */

/** Sobrescrevendo as regras do botao **/
input.botao {
	padding-left: 38px;
	padding-right: 15px;
	float: right;
}

input.botao.botao-link,
input.botao.botao-ativo {
	background-repeat: no-repeat;
	background-position: 8px center;
}
input.botao.botao-link {
	background-image: url("../imagens/sprite-proximo.png");
}
input.botao.botao-link.anterior {
	background-image: url("../imagens/sprite-anterior.png");
}
input.botao.botao-ativo {
	background-image: url("../imagens/sprite-salvar.png");
}
/** Fim das regras do botao **/


.ui-state-highlight .destaque {
	color: blue;
	text-decoration: underline;
}

/** Especifico para arvore de vagas **/

#vacancyTreeHelper {
	padding-left: 1em;
}
#vacancyTreeHelper ul li {
	margin-top: 0.5em;
}
#vacancyTreeHelper ul.dynatree-container
{
	height: auto;
	border: none;
	overflow: visible;
}

#vacancyTreeHelper span.dynatree-active a,
#vacancyTreeHelper span.dynatree-focused a{
	border: none;
	background-color: transparent;
}

#vacancyTreeHelper span.dynatree-title,
#vacancyTreeHelper div.vaga h3 {
	color: #3fa9f5;
	font-size: 14px;
	font-weight: normal;
	white-space: normal;
	cursor: pointer;
}

#vacancyTreeHelper span.vacancy span.dynatree-title {
	font-weight: bold;
	display: block;
	margin-left: 16px;
	cursor: text !important;
	width: 100%;
}

#vacancyTreeHelper span.vacancy span.dynatree-connector {
	display: none;
}

#vacancyTreeHelper div.vaga {
	float: none;
	width: auto;
	margin-bottom: 1.5em;
	margin-left: .8em;
}

#vacancyTreeHelper div.vaga b {
	font-weight: normal;
}

#vacancyTreeHelper div.vaga p {
	margin: 0.5em 0;
	font-weight: normal;
	font-size: 13px;
}

#vacancyTreeHelper div.vaga p,
#vacancyTreeHelper div.vaga small {
	float: none;
	clear: none;
	white-space: normal;
	width: 100%;
}

#vacancyTreeHelper div.vaga h3 {
	margin: .4em 0;
	float: none;
	clear: none;
	display: inline-block;
	width: 80%;
	font-weight: bold;
}

#vacancyTreeHelper div.vaga small {
	font-weight: normal;
	color: #cacaca;
	display: block;
	text-align: right;
}

#vacancyTreeHelper div.vaga a {
	display: block;
	/*background-color:  #FCFCFC;
	border: solid 1px  #F0F0F0;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	padding: 1em;*/
}

#vacancyTreeHelper div.vaga a.botao-ver-vaga {
	display: inline-block;
	/*color: #034D77;*/
	margin: 1.2em 0;
	font-size: .9em;
	font-weight: bold;
}

#vacancyTreeHelper div.vaga a.botao-ver-vaga:hover {
	text-decoration: underline;
	background: none;
	border-color: transparent;
}

#vacancyTreeHelper span.dynatree-title
{
	font-weight: bold;
}

/** FIM Especifico para arvore de vagas **/

#mainVacancyFilter {
    min-height: 235px;
}

/** Balãozinho de aletas **/
.noti_bubble {
	position: absolute;
	top: 3px;
	right: 230px;
	padding: 1px 2px 1px 2px;
	background-color: red;
	color: white;
	font-weight: bold;
	font-size: 0.65em;
	border-radius: 30px;
	box-shadow: 1px 1px 1px gray;
	/*left: 22px;*/
	z-index: 999;
	display: none;
}

/** Alertas **/
table#inbox tr.unread {
	font-weight: bold;
}

table#inbox tr.highlight
{
	background-color: #dcfac9;
	cursor: pointer;
}

#reply-container {
	margin-top: 0.3em;
}

.related-container small{
	margin-bottom: .7em;
	display: block;
}
.related-container {
	margin: 2em 0 0 1em;
	background: #ebfcf3;
	padding: 1em;
}

#reply-container textarea {
	width: 90%;
}

.subtitulo {
	font-style: italic;
	font-size: 1.2em;
}

/*
 Fixa a posição vertical do menu account quando necessário
*/
.account-menu-fixed-vpos {
	position: absolute;
	top: 690px;
}


/*
 * Estilo da pagina de erro
 */
 #boxError div.box-500 {
	background: url("../imagens/messagebox-warning.png") no-repeat 2% center white;
	padding-left: 150px;
	padding-top: 4em;
}

#boxError div.box-500 h2 {
	font-size: 2em;
	color: #A40F2E;
}

div.box-640 div.text-core {
	float: left;
}

div.box-640 div.text-core span {
	top: 0;
}

/*
 * Deixa o layout do plugin TextExt igual ao do chosen.
 * O motivo de todos estarem com !important é porque a inclusão desse
 * CSS vem antes do CSS do TextExt
 */

.text-core .text-wrap .text-dropdown {
	max-height: 200px !important;
	font-size: 13px !important;
}

.text-core .text-wrap textarea, .text-core .text-wrap input {
	font-size: 13px !important;
}

.text-core .text-wrap .text-tags .text-tag .text-button {
	padding: 3px 20px 3px 5px !important;
	min-height: 21px !important;
	border: 1px solid #aaa !important;
	line-height: 13px !important;
	background: #f4f4f4 linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%) !important;
	font-size: 13px !important;
}

.text-core .text-wrap .text-dropdown .text-list .text-suggestion {
	padding: 5px 6px !important;
	line-height: 15px !important;
	font-size: 13px !important;
	font-family: Helvetica, Arial, sans-serif !important;
}

.text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected {
	background: #3875d7 linear-gradient(#3875d7 20%, #2a62bc 90%) !important;
	color: #fff !important;
}

.text-core .text-wrap .text-dropdown .text-list .text-suggestion.text-selected span {
	color: #fff !important;
}

.text-core .text-wrap .text-tags .text-tag .text-button span {
	color: #333 !important;
	font-family: Helvetica, Arial, sans-serif !important;
}

.text-core .text-wrap .text-tags .text-tag .text-button a.text-remove {
	top: 4px !important;
}

.text-core .text-wrap textarea, .text-core .text-wrap input {
	font-family: Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
}

/* Fim da customização do TextExt */


/**
 * Estilo sawpf
 */
#sawpf p {
    width: auto;
}

ul.checkList {
    list-style: none;
    padding-left: 0;
    border: 1px solid #9daccc;
    margin: 0;
    overflow-y: auto;
    overflow-x: auto;
    height: 10em;
}
    ul.checkList label {
        display: block;
    }

.helpBox {
    border: solid 1px #FCF8DC;
    background-color: #FFFDED;
    padding: 1.5em;
    clear: both;
    width: auto;
    float: none;
    margin: 2em 0;
}

/* Helper styles */
.hidden {
    display: none;
}

.center {
    text-align: center;
}

/* Custom Pages */
.custom-page-title {
    font-size: 1.6em;
}

.ui-dialog {
    border: none;
    border-radius: 4px;
}
.ui-dialog .ui-widget-header {
    background: none;
    border: none;
}
.ui-dialog.ui-widget input {
    font-size: medium;
    font-family: inherit;
    outline: none;
}

.no-title .ui-dialog-titlebar {
    display: none;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

#originOfInscriptionSurveyForm ul {
    font-size: 12px;
    margin-bottom: 1em;
}
#originOfInscriptionSurveyForm ul li {
    margin-top: 1em;
}

p.cv-attached {
    background: #FAFAFA url("http://icons.iconarchive.com/icons/dryicons/aesthetica-2/24/attachment-icon.png") no-repeat 4px 12px;
    border: 1px dashed #dadada;
    padding: 1em 0;
    border-radius: 5px;
}

.chosen-container span {
    color: inherit;
    text-align: inherit;
    margin-right: 0;
    top: auto;
    position: inherit;
}

#containerEducations,
#containerEducations+#buttonAddEducation {
    margin-left: 40px;
}
#containerEducations #buttonRemove {
    margin-left: 1em;
}
#containerEducations .inlineEducationLevel {
    margin: .4em 0;
    display: inline-block;
}
#containerEducations .inlineEducationLevel select{
    margin-right: 4px;
}
#buttonAddEducation {
    margin-top: .4em;
}

/*
    Schooling Form
 */
.box.schoolingItem,
.box.trainingItem {
    position: relative;
    background: #fcfcfc;
    margin-top: 1px;
	padding: 20px 15px 15px;
	border-top: 1px solid #e8ebec;
    margin-bottom: 25px;
    display: none;
}

.box.schoolingItem.show,
.box.trainingItem.show {
    display: block;
}

.box.schoolingItem strong,
.box.trainingItem strong {
    font-weight: bold;
}

.box.schoolingItem .action,
.box.trainingItem .action {
    cursor: pointer;
}

/*
View
*/
.box.schoolingItem.view .action,
.box.trainingItem.view .action {
    position: absolute;
    color: #ccc;
    top: 5px;
    right: 5px;
}
.box.schoolingItem.view .action.buttonRemove,
.box.trainingItem.view .action.buttonRemove {
    display: none;
    right: 60px;
}
.box.schoolingItem.view:hover .action.buttonRemove,
.box.trainingItem.view:hover .action.buttonRemove {
    display: inline;
}
.box.schoolingItem.view ul,
.box.trainingItem.view ul {
    list-style: none;
}
.box.schoolingItem.view p,
.box.trainingItem.view p {
    border-bottom: 1px dotted #ddd;
}

/*
Edit
*/
.box.schoolingItem.edit,
.box.trainingItem.edit {
    background-color: #f5fafa;
}
.box.schoolingItem.edit .field,
.box.trainingItem.edit .field {
    margin-bottom: 1em;
}
.box.schoolingItem.edit .field.actions,
.box.trainingItem.edit .field.actions {
    padding: 1em 1em 0 2em;
}
.box.schoolingItem.edit .field>label,
.box.trainingItem.edit .field>label {
    display: inline-block;
    width: 25%;
    text-align: right;
}
.box.schoolingItem.edit .field label,
.box.trainingItem.edit .field label {
    padding: 0 .5em;
    margin-right: 3px;
}
.box.schoolingItem.edit .field input[type='radio'],
.box.trainingItem.edit .field input[type='radio'],
.box.schoolingItem.edit .field  label,
.box.trainingItem.edit .field  label{
    vertical-align: middle;
}
.box.schoolingItem.edit .field.actions>*,
.box.trainingItem.edit .field.actions>* {
    margin: 0 .5em;
}

/* Erro de validação */
.box.schoolingItem.edit .field label.error,
.box.trainingItem.edit .field label.error{
    float: none;
    text-align: left;
}
.box.schoolingItem.edit .field.inline label.error,
.box.trainingItem.edit .field.inline label.error{
    margin-left: 0;
    width: inherit;
    margin-top: 0;
}

.box.schoolingItem.edit .field.disabled,
.box.trainingItem.edit .field.disabled {
    color: #aaa;
}


/* Marcação de requerido */
.box.schoolingItem.edit .field .required-char,
.box.trainingItem.edit .field .required-char {
    font-family: monospace;
    font-size: 10px;
}
.box.schoolingItem.edit .field label .required-char:before,
.box.trainingItem.edit .field label .required-char:before {
    content: "\00a0"; /*espaço em branco para evitar deslocamento quando aparecer o "*" */
}

.box.schoolingItem.edit .field.required label .required-char:before,
.box.trainingItem.edit .field.required label .required-char:before {
    content: '*';
}

/* Schooling Form end */

/* Resume */
#FormResume div.error  {
	color: red;
	font-style: italic;
}


.ui-autocomplete { z-index:3 !important;}

.zipCodeForm {
    padding: 2em;
}

.zipCodeForm input {
    width: 100%;
}

.zipCodeForm.no-close .ui-dialog-titlebar {
    display: none;
}

/*
 * Participation Dashboard
 */
#participationDashboard ol {
    padding-left: 0;
    list-style: none;
}
#participationDashboard ol li {
    position: relative;
    padding: 1.5em 1em;
    background-color: #fafafa;
    border-bottom: 1px #dadada solid;
    border-left: 4px #dadada solid;
}

#participationDashboard ol li:not(.current) {
    /*background-color: #f4f4f4;*/
}

#participationDashboard ol li.current {
    border-left-color: #00A3F7;
}

#participationDashboard ol li:not(.current) h3 {
    color: #666;
}
#participationDashboard ol li.current {
    /*font-size: 1.15em;*/
}

#participationDashboard ol.circles-list > li.prior:before {
    /*background-color: #508C26;*/
}

body:not(.mobile) .vacancy-simple-list li .box a span {
	max-width: 510px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* width: 200px; */
	display: inline-block;
}

form input.botao {
	margin-top: 10px;
}