/******************************************************/
/*					INICIAIS						  */
/******************************************************/
* {font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #333}

body {background:#FCFCFC url(../img/bg.jpg) repeat-x top}

body, h1, h2, h3, h4, h5, h6, p, form, img, ul, ol, li, dl, dt, dd { /* essencial para o IE não adicionar um espaçamento*/
	margin:0; padding:0; border:0
}

a {color:#B8241C}

strong, em, b, i, span {font-size:inherit; color:inherit}
	

/******************************************************/
/*				DECLARACOES PRINCIPAIS / GERAIS	  	  */
/******************************************************/
#container {width:100%; height:100%; position:relative}

#top{
	z-index:1; /* usar sem position */
	width:970px;
	height:187px;
	margin:0 auto
}

#top #topUnidade {width: 150px; height: 110px; cursor: pointer}

#center {
	z-index:10; /* IE6 tem que ser valor maior que os filhos, sem position tb */
	width:970px;
	margin:0 auto;
	background: url(../img/bg_center.png) repeat-y
}

#leftContent {
	margin-top:-55px; /* Para compensar a quebra necessaria devido ao topo*/	
	width:193px;
	background:url(../img/bg_left.gif) no-repeat 0px 208px;
	float:left;
	position:relative; /* position e com valor menor que o #center */
	z-index:7
}

#conceitual {
	width:760px;
	height:238px;
	margin-top:-110px; /* Para compensar a quebra necessaria devido ao topo*/		
	float:left;
	position:relative; /* position e com valor menor que o #center e menor que leftContent para exibir o bg das <li> */
	z-index:5
}

#content {
	width:771px;
	float:left;
	background:url(../img/bg_content.jpg) no-repeat 0 0;
	margin-top:9px;
}

#clearFix, .clearBoth {clear:both}
.displayNone {display:none}
.displayBlock {display:block}

#bottom {
	clear:both;
	width: 970px;
	margin:0 auto;		
	background-image: url(../img/bg_bottom.png);
	height:18px;
	z-index: 3;
	position: relative;
}

#breadcrumb  {
	float:left;
	margin:4px 0 0 10px;
	overflow:hidden;
	width:740px;
}
#breadcrumb li, #breadcrumb a {
	color:#AF221B;
	float:left;
	font-size:10px;
	font-weight:bold;
	list-style:none;
	margin-right:-2px;
	padding-right:8px;
}
#breadcrumb a {background:url(../img/seta_mini_dir.gif) no-repeat scroll 100% 50% transparent;
}

#mensagem {
	padding:8px 12px;
	border:1px solid #CE4646;
	background:#FFE8E8;
	color:#C11E1E;
	font-size:11px;
	margin:10px 20px
}

#mensagemSucesso {
	padding:8px 12px;
	border:1px solid #9adf8f;
	background:#d5ffce;
	color:#556652;
	font-size:11px;
	margin:10px 20px
}

#mensagemAtencao {
	padding:8px 12px;
	border:1px solid #e6db55;
	background:#fffbcc;
	color:#666452;
	font-size:11px;
	margin:10px 20px
}

/*** para o sIFR ***/
.tituloSIFR {color:#B8241C}

#content h2 {font-size:25px; margin:15px 0 10px 20px}


/******************************************************/
/*					MENU							  */
/******************************************************/
#leftContent .voltarQI {
	width:155px;
	margin:2px 0 7px 15px;
	background:url(../img/line_bottom_menu.gif) no-repeat 0 100%;
	padding-bottom:3px;
}
#leftContent .voltarQI a {
	padding-left:12px;
	background:url(../img/bullet_grande.gif) no-repeat 0 50%;
	color:#666;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
#leftContent .voltarQI a:hover {color: #B8241C; background: url(../img/bullet_grande_hover.gif) no-repeat 0 50%}

#leftContent .empresa {
	width:166px;
	border:1px solid #E8E8E8;
	background:#F5F5F5;
	margin:0 0 10px 15px;
	padding-bottom:15px
}
#leftContent .empresa .nome {
	margin:10px 10px 5px;
	font-size:20px
}
#leftContent .empresa .titulo {font-weight:700; color:#000; margin:7px 10px}
#leftContent .empresa .titulo span {color:#B8241C}
#leftContent .empresa .expiradas {
	color:#fff;
	background:url(../img/bg_vagas_expiradas.gif) no-repeat;
	width:142px;
	height:16px;
	padding:3px 0 2px 6px;
	margin:-2px 10px 0 4px
}
#leftContent .empresa .expiradas span {color:#ccc}
#leftContent .empresa .expiradasLink a {
	font-size:10px;
	color:#B8241C;
	margin:0 10px;
	text-decoration:underline
}
#leftContent .empresa .expiradasLink a:hover {color:#000}

#menu {background:url(../img/menu_glow.jpg) no-repeat 5px 264px; padding-bottom:161px; margin-top:20px}
#leftContent .cadastro {padding-bottom:341px}
#menu li {
	margin-left:15px;
	list-style:none;
	border-bottom:1px solid #ccc;
	width:168px;
	padding:3px 0
}
#menu .ultimo {border-bottom:0}
#menu a {
	color: #666;
	font-weight:700;
	text-decoration:none;
	display: block;
	width:134px;
	height:22px;
	padding:7px 0 0 34px
}
#menu .area_empresa  {background:url(../img/menu_inicial.gif) no-repeat}
#menu .editar_dados {background:url(../img/menu_editar_dados.gif) no-repeat}
#menu .adicionar_vaga {background:url(../img/menu_adicionar_vaga.gif) no-repeat}
#menu .buscar_curriculos {background:url(../img/menu_buscar_curriculos.gif) no-repeat}
#menu .sair {background:url(../img/menu_sair.gif) no-repeat}
#menu a:hover {color:#fff; background-position:bottom}

#banners{padding-left:15px}
#banners div{margin-bottom: 15px}


/******************************************************/
/*					FOOTER							  */
/******************************************************/
#footer {
	height: 99px; /* 136 - 37 */
	background: url(../img/bg_footer.jpg) repeat-x;
	margin-top: -37px;
	padding-top: 37px;
	z-index: 0;
}

#footer-wrap {
	width: 790px; /*970-180*/
	margin: 0 auto;
	padding: 10px 0 0 180px;
}
#footer-wrap p, #footer-wrap img {float:left}
#footer-wrap p {
	color:#fff;
	font-size: 10px;
	padding: 7px 13px 0;
	line-height: 160%;
}

#footer-wrap a {color:#fff;font-size:10px}
#footer-wrap a:hover {color:#FFB9BB}

#footerTexto1 {text-align:right; width:234px}
#footerTexto2 {width:376px; line-height:1.4!important}

#fd {float:right !important;margin: 7px 20px 0 0}


/*####################################################################################*/

/******************************************************/
/*					EMPRESA							  */
/******************************************************/
.header {
	overflow:hidden;
	border-bottom:2px solid #B8241C;
	margin:15px 20px 0;
	width:730px;
	background:url(../img/ico_vaga_item_sombra.gif) no-repeat 0 3px
}
.header h2 {
	float:left;
	width:600px;
	margin:0 0 -4px 25px !important;
	font-size:20px !important
}
.header .quant {
	float:right;
	width:40px;
	margin-right:10px;
	font-size:20px;
	font-weight:700;
	line-height:1.2;
	color:#B8241C;
	text-align:right
}
.col {width:375px; float:left}
.listagem {margin:0 20px 10px}
.listagem h3 {
	background:url(../img/bg_aberto_fechado.gif) no-repeat 0 14px;
	font-weight:700;
	color:#666;
	padding:10px 0 0 11px;
	margin:0 5px 5px 5px;
	border-top:1px solid #E8E8E8;
}
.primeiro h3 {border-top:0}
.listagem h3 a {color:#000; text-decoration:none}
.listagem h3 a:hover {color:#B8241C; text-decoration:underline}
.listagem .aberto {background-position:0 -36px; border-bottom-color:#fff}
.vagaInfo {padding-bottom:10px; overflow:hidden}
.vagaInfo p, .vagaInfo a {
	font-size:10px!important;
	color:#B8241B
}
.vagaInfo p {margin:0 10px 0 18px!important; float:left}
.vagaInfo span {color:#999}
.vagaInfo .item {
	background:url(../img/bg_empresa_candidato.gif) no-repeat 4px 5px;
	font-size:10px;
	overflow:hidden;
	padding:2px 2px 2px 22px;
	margin:0 20px;
	color:#999;
	clear:both
}
.vagaInfo .item p {
	float:left;
	width:220px;
	margin:0!important;
}
.vagaInfo .item .excluir {width:50px}
.vagaInfo .alt {background-color:#f5f5f5}
.vagaInfo .item a {color:#000; text-decoration:none}
.vagaInfo .item a:hover {text-decoration:underline}
.vagaInfo .item .excluir a {
	color:#B8241B;
	background:url(../img/bg_excluir.gif) no-repeat 0 2px;
	padding-left:13px
}


.formulario .campoPadrao, #data_Day_ID, #data_Month_ID, #data_Year_ID {
	width:220px;
	background:url(../img/bg_input.jpg) repeat-x;
	border:1px solid #ccc;
	padding:2px;
	color:#333;
	font-size:12px
}
#data_Day_ID, #data_Month_ID, #data_Year_ID {
	width:auto;
	font:12px Arial, Helvetica, sans-serif!important;
}
#content .botao {
	height:22px;
	border:0;
	padding-bottom:3px;
}

.box {border:1px solid #E8E8E8; width:730px; margin:15px auto 30px}
.box h3 {
	text-transform:uppercase;
	font-size:9px;
	color:#ccc;
	margin:2px 0 0 2px
}
.box table {width:730px; padding-bottom:20px}
.box label {
	color:#000;
	font-size:12px;
	font-weight:700;
	display:block
}
.box td {padding:10px 0 5px 30px; vertical-align:top}
.box .estreita {padding:10px 0 5px}
.box .obrigatorio, .obrigatorio {border-right:3px solid #F00!important}

#paginacao {overflow:hidden; background:#E8E8E8; margin:10px 25px 20px}
#paginacao ul {
   float:left;
   position:relative;
   left:50%;
   text-align:center;
}
#paginacao ul li {
   float:left;
   position:relative;
   right:50%;
   margin:10px 7px;
   list-style:none
}
#paginacao a:link {color:#B21F19; font-weight:700}
#paginacao a:visited {color:#B21F19; font-weight:400; text-decoration:none}
#paginacao a:hover {color:#333; text-decoration:underline}


/*	INDEX
****************/
.vagasAberto {overflow:hidden}
.vagasFechadas {margin-top:30px}

.vagasAberto .nada, .vagasFechadas .nada {
	font-size:11px!important;
	margin-left:30px!important;
}

.listagem .editarVaga, .listagem .finalizarVaga, .listagem .visualizarVaga {
	background:url(../img/bg_editar_esta_vaga.gif) no-repeat;
	padding:2px 11px 3px 21px;
	margin-top:5px!important;
	float:left
}
.listagem .finalizarVaga {background:url(../img/bg_finalizar_esta_vaga.gif) no-repeat; margin-left:0!important}
.listagem .visualizarVaga {padding-right:13px; padding-left:23px}
.listagem .editarVaga a, .listagem .visualizarVaga a, .listagem .finalizarVaga a, .listagem .alunoContratado a, .listagem .nenhumAluno a {color:#fff; text-decoration:none; line-height:1}

.expirada h3 a {color:#B8241B}
.expirada .status span {color:#B8241B; margin-right:50px!important}

.listagem .alunoContratado, .listagem .nenhumAluno {
	background:url(../img/bg_aluno_contratado.gif) no-repeat;
	padding:2px 11px 3px 19px;
	margin:5px 0 0 14px!important;
	float:left
}
.listagem .alunoContratado {padding-right:4px}
.listagem .nenhumAluno {background:url(../img/bg_nenhum_aluno.gif) no-repeat;}


/*	EDITAR DADOS / CADASTRO
****************/
#editarDados .botao, #cadastro .botao {
	background:url(../img/btn_empresa.gif) no-repeat;
	width:121px;
	padding-left:24px;
	margin:0 0 24px 290px
}



/*	VIDEO CURRICULO
****************/
#content p{
	font-size: 	12px;
	margin: 7px 20px 20px;
	line-height:1.6;
}

#videoUrl{width: 480px;	}
#videoCurriculo .formulario input {font-size:12px}
#btnInserirVideo{margin-bottom: -6px;margin-left: -5px;}

.youtubeVideo {background:#F5F5F5}
.youtubeVideo * {
	text-align: center;
	color:#B82419;
	font-weight: bold;
}



/*	VAGA
****************/
.vagaDados {
	overflow:hidden;
	margin:10px 20px
}
.vagaDados dt {
	float:left;
	text-align:right;
	width:170px;
	clear:left;
	color:#000;
	font-weight:700;
	margin:5px 5px 15px 0
}
.vagaDados dd {
	float:left;
	width:500px;
	color:#666;
	margin:2px 5px 15px
}
.vagaDados dd p {
	font-size:10px!important;
	color:#999!important;
	display:inline;
	margin:0 8px 0!important
}
.vagaDados dd li {
	list-style:none;
	display:inline-block;
	margin:2px 15px 5px 2px
}
.vagaDados dd li a {
	text-decoration:none;
	color:#666
}
/*** visualiza_vaga ***/
#vagaVisualiza h2 {background:url(../img/vaga_titulo_bg.gif) no-repeat 0 6px; padding-left:56px}
#vagaDados dl {
	overflow:hidden;
	margin:10px 20px
}
#vagaDados {float:left; margin-right:-270px /*faz a magica do posicionamento do queroCandidatar */}
#vagaDados dt {
	float:left;
	text-align:right;
	width:170px;
	clear:left;
	color:#000;
	font-weight:700;
	margin:0 5px 15px 0
}
#vagaDados dd {
	float:left;
	width:500px;
	color:#666;
	margin:0 5px 15px 0
}
#vagaDados dd li {
	background:url(../img/vaga_beneficio_ok.gif) no-repeat 0 4px;
	list-style:none;
	display:inline;
	color:#666;
	padding:0 10px
}
/***/
#vaga .formulario .botao {
	background:url(../img/btn_adicionar_vaga.gif) no-repeat;
	width:151px;
	height:22px;
	padding-left:15px;
	margin-left:300px
}

#vaga .voltar {
	width:105px;
	padding:10px;
	float:right;
	margin-right:20px;
}
#vagaVisualiza .voltar {
	clear:both;
	float:none
}
#vaga .voltar a:hover, #vagaVisualiza .voltar a:hover {color:#333}


/*	VAGA FINALIZAR
****************/
#vagaFinalizar h2 {background:url(../img/vaga_finalizar_titulo_bg.gif) no-repeat 0 7px; padding-left:142px}
#vagaFinalizar h3 {font-size:18px; margin-left:20px}	

#vagaFinalizar .nenhumAluno a {
	background: url(../img/btn_vaga_finalizar_nenhum.gif) no-repeat;
	width:300px;
	height:22px;
	color:#333;
	text-decoration:none;
	padding:3px 0 0 32px;
	display:block
}
#vagaFinalizar .listagem {
	border:1px solid #ddd
}
#vagaFinalizar th {
	text-align:left;
	color:#B21F19;
	padding:6px 4px;
	background:#f9f9f9;
	border-bottom:1px solid #ddd
}
#vagaFinalizar td {
	text-align:left;
	padding:3px 4px;
}
#vagaFinalizar .alt td {
	background:#efefef
}
#vagaFinalizar .selecionar {text-align:center}
#vagaFinalizar .finalizar {
	background:url(../img/btn_vaga_finalizar.gif) no-repeat;
	width:121px;
	height:22px;
	border:0;
	margin-left:398px
}

/*  DOCUMENTOS
/***************/
#documentos #content li {
	margin:10px 0 10px 30px;
	list-style:none;
	clear:both;
	overflow:hidden
}
#documentos #content a {float: left; font-size:12px}
#documentos #content .link {padding:17px 0 0 15px}
#documentos #content a.link:hover {color:#333}



/*	BUSCAR CURRÍCULOS
****************/
#curriculos .box {padding-top:15px}
#curriculos .box strong {font-size:12px}
#curriculos td li {float:left; list-style:none; margin:3px 30px 0 0}
#curriculos .formulario td li a {
	color:#666;
	text-decoration:none
}
#curriculos .botao {
	background:url(../img/btn_buscar_3.gif) no-repeat;
	margin-top:12px;
	padding-left:23px;
	width:141px;
	padding-bottom:2px;
	margin-left:250px
}
#curriculos h3 {font-size:18px; margin:0 0 0 20px}
#curriculos .curriculosLista li {
	list-style:none;
	border-bottom:1px solid #D0D0D0;
	margin:0 25px 0;
	padding:20px 0
}
#curriculos .curriculosLista .ultimo {border-bottom:0}

#curriculos .curriculosLista h4 {
	font-size:12px;
	color:#000;
	background:url(../img/ico_aluno_item.gif) no-repeat;
	padding:3px 0 2px 25px;
	width:500px
}
#curriculos .curriculosLista h4 span {color:#666; font-size:11px; padding-left:4px}
#curriculos .curriculosLista h4 span a {
	font-size:10px;
	background:url(../img/ico_video_curriculo_peq.gif) no-repeat 1px 2px;
	padding:0 1px 0 13px;
	text-decoration:none;
	color:#666;
}
#curriculos .curriculosLista h4 span a:hover {text-decoration:underline}
#curriculos .curriculosLista .palestras {
	overflow:hidden;
	margin:-18px 10px 0;
	float:right;
}
#curriculos .curriculosLista .palestras li {
	list-style:none;
	float:left;
	background:url(../img/menu_aluno_palestras_bg.gif) no-repeat;
	width:16px;
	height:15px;
	margin:0 0 0 1px;
	padding:0;
	border:0;
	text-indent:-9999em
}
#curriculos .curriculosLista .palestras .assistiu {background-position:bottom}
#curriculos .curriculosLista .info {color:#666; font-size:10px; margin:2px 0}
#curriculos .curriculosLista .info span {color:#B21F19}
#curriculos .curriculosLista .descricao {font-size:12px; margin:2px 0; line-height:1.4}
#curriculos .curriculosLista .detalhes {text-align:right; margin:0}
#curriculos .curriculosLista .detalhes a {color:#B21F19; font-size:10px}
#curriculos .curriculosLista .detalhes a:hover {color:#333}


/*	CURRÍCULO DE UM ALUNO
****************/
#curriculo h2 {background:url(../img/curriculo_titulo_bg.gif) no-repeat 0 5px; padding-left:99px}
#curriculo h3 {font-size:15px; margin-left:20px; clear:both}
#curriculo #content .foto {
	float:right;
	border:4px solid #c4c4c4;
	width:120px; /* 128 -4 -4 das bordas*/
	margin:10px 20px 0 0
}
#curriculo #content .versao-impressao {
    height: 75px;
    position: absolute;
    right: -140px;
    top: 290px;
    width: 190px;
}
.curriculoDados {
	position:relative;
	margin:10px 0 10px 20px;
	float:left;
	width:590px
}
.curriculoDados dt {
	float:left;
	text-align:right;
	width:150px;
	clear:left;
	color:#000;
	font-weight:700;
	margin:0 5px 8px 0
}
.curriculoDados dd {
	float:left;
	width:435px;
	color:#666;
	margin-bottom:8px
}
.curriculoDados dd li {
	background:url(../img/vaga_beneficio_ok.gif) no-repeat 0 4px;
	list-style:none;
	display:inline;
	color:#666;
	padding:0 10px
}
.curriculoDados dd span {color:#aaa}
.curriculoDados .separador {
	background:url(../img/bg_pontilhado_horiz.gif) repeat-x 0 100%;
	padding-bottom:10px
}
.curriculoDados .formulario select {font-size:11px; float:left}
.curriculoDados .formulario .botao {
	background:url(../img/btn_confirmar.gif) no-repeat;
	width:71px;
	height:16px;
	text-indent:-9999em;
	font-size:0;
	float:left;
	margin:3px 0 0 10px
}