/*//////////////////////////////////////////////
// CSS Document                               //
// Estilos Gerais para o Site                 //
// Mateus Araujo <mateus@alias.com.br>        //
//////////////////////////////////////////////*/

html,body{
	margin:0;
	font: 11px Arial;
	color: #484848;
	background: #f3f3f3;
}
a{text-decoration: none}
img{ border: 0; margin: 0 }
a.canal_rss{ background: url(../img/botoes/rss.gif) no-repeat; width:44px; height:15px }
a.canal_rss:hover { background-position: 0 -15px; }
#site{
	width: 990px;
	height: auto;
	margin: 0 auto;
	
}
#topo{
	width: 100%;
	height: 587px;
	padding-top: 14px;
}
#topo_interna{
	width: 100%;
	padding: 14px 0;
}
h1#logo{
	width: 194px;
	height: 54px;
	margin: 0;
	padding: 0;
	float:left;
}
h1#logo a{
 	background:url(../img/marcas/logo.gif) no-repeat;
	display:block;
	width:100%;
	height:100%;
	text-indent: -9999px;
}

/* MENU SUPERIOR - STYLES */
#menu_superior{
	float: right;
	margin-top: 30px;
}
#menu_superior img{
	float: left;
	margin: 0 9px;
}
#menu_superior a{ float:left; display:block; font-size:1px; line-height: 1px;}
#menu_superior a.inicial{
	margin-top: 5px;
	text-indent: -9999px;
	background: url(../img/menu/icones/inicial.gif) no-repeat;
	width:11px;
	height:10px;
}
#menu_superior a.inicial:hover{	background-position: 0 -10px; }
#menu_superior a.mapa{
	margin-top: 5px;
	text-indent: -9999px;
	background: url(../img/menu/icones/mapa.gif) no-repeat;
	width:11px;
	height:9px;
}
#menu_superior a.mapa:hover{ background-position: 0 -9px; }
#menu_superior a.contato{
	margin-top: 5px;
	text-indent: -9999px;
	background: url(../img/menu/icones/contato.gif) no-repeat;
	width:11px;
	height:8px;
}
#menu_superior a.contato:hover{ background-position: 0 -8px; }

#menu_superior a.duvida{
	margin-top: 5px;
	text-indent: -9999px;
	background: url(../img/menu/icones/ajuda.gif) no-repeat;
	width:6px;
	height:8px;
}
#menu_superior a.duvida:hover{ background-position: 0 -8px; }

/* DESTAQUE */
#destaque{	margin-top: 13px; }
#destaque #menu {position:absolute; margin-top: 306px; width:990px}
#destaque #menu img{ float:left; }
#destaque #menu .bg{ float:left; background-image:url(../img/menu/background/bg.jpg); height: 40px; width:986px; }
#destaque #menu .bg .tit_buscar{ float:left; width:auto; height:auto; margin: 14px 0 0 15px}

#destaque #vagas{
	margin-top: 346px;
	position: absolute;
	background: url(../img/backgrounds/bg_destaque.png) repeat;
	height: 188px;
	width: 990px;
}
#destaque #vagas h2.titulo{
	font-size: 16px;
	color: #FFF;
	border-bottom: 2px solid #3ea5bd;
	width: 669px;
	padding: 0;
	margin: 18px 0 0 10px;
	font-weight: bold;
}
#destaque #vagas #slider{
	margin: 24px 0 0 16px;
}
#destaque #vagas #slider #last{
	background: url(../img/botoes/botao_anterior.gif) no-repeat;
	width: 23px;
	height: 23px;	
	cursor: pointer;
	margin-top:20px;
	float: left;
}
#destaque #vagas #slider #last:hover{ background-position: 0 -23px }

#destaque #vagas #slider #next{
	background: url(../img/botoes/botao_proximo.gif) no-repeat;
	width: 23px;
	height: 23px;	
	cursor: pointer;
	margin-top:20px;
	float: left;
}
#destaque #vagas #slider #next:hover{ background-position: 0 -23px }

#paginacao_vagas{ float: left; width: 604px; height:auto; margin-left:14px}
#conteudo_pg { width: 590px; min-height:80px;}
#conteudo_pg div {
	width: 605px;
	height:109px;
	float:left;
	position:absolute
}


#conteudo_pg div a:first-child{padding-left: 0; background: none;}
#conteudo_pg div a{
	text-decoration: none;
	color: #fff;
	float: left;
	width: 123px;
	display:block;
	padding: 0 13px 0 15px;
	font-size:11px;
	line-height:11.5px;
	background: url(../img/conteudo/destaque/linha.gif) no-repeat 0 0;
}


#login_box{
	margin-left: 19px;
}
#destaque #box h2.titulo{
	font-size: 16px;
	color: #FFF;
	width: auto;
	padding: 0;
	margin: 18px 0 10px 18px;
	font-weight: bold;
}
#ok{
	width:35px;
	height: 23px;
	background: url(../img/botoes/botao_ok.gif) no-repeat;
}
#ok:hover{
	background-position: 0 -23px;
	cursor: pointer
}



#destaque #box{
	position: absolute;
	background: url(../img/backgrounds/bg_destaque2.gif) repeat;
	height: 187px;
	width: 299px;
	margin-top: 346px;
	margin-left: 690px;
	z-index: 3;
}

/* CONTEUDO */

#conteudo{
	width: 990px;
	height:auto;
	background:url(../img/conteudo/backgrounds/bg.jpg) repeat-y;
	margin: 0;
}

#conteudo_mapa{
	width: 990px;
	height:auto;
	margin: 0;
}

#conteudo #direita{
	float: right;
	width: 298px;
	margin-top: 20px;
}
#conteudo #direita .formata{
	margin: 0 19px;
}
#conteudo #direita .formata .linha{ padding: 10px 0; }

#candidato_esquerda{
	float: left;
	width: 150px;
	margin-top: 0px;
}
#esquerda #cabecalho_blog {
	margin: 0px 0 0px 16px;
	width: 250px;
	float:left;
}


#candidato_meio{
	float: left;
	width: 538px;
	margin-top: 0px;
}

#candidato_direita{
	float: right;
	width: 300px;
	margin-top: 0px;
}

/* BOTOES */
#bt_sair{
	float:right;
	margin: 7px 0;
	background: url(../img/botoes/sair.jpg) no-repeat;
	width:46px;
	height: 23px;
}
#bt_sair:hover { cursor: pointer; background-position: 0 -23px }

#bt_voltar{
	float:right;
	margin: 7px 0;
	background: url(../img/botoes/botao_voltar.png) no-repeat;
	width:65px;
	height: 23px;
}
#bt_voltar:hover { cursor: pointer; background-position: 0 -23px }


#bt_sim{  margin: 7px 0; background: url(../img/botoes/sim.jpg) no-repeat; width:35px; height: 23px }
#bt_sim_center{ float:center; margin: 7px 0; background: url(../img/botoes/sim.jpg) no-repeat; width:35px; height: 23px }

#bt_sim:hover { cursor: pointer; background-position: 0 -23px }

/* Formatação */
.azul_bold{
	color: #018aa9;
	font-weight: bold;
}
.azul{
	color: #018aa9;
	font-weight: normal;
}
.azul13{
	color: #018aa9;
	font-size: 13px;
	font-weight: normal;
}

#form{
	float: left;
}
#form div{
	float:left;
	margin: 8px 0 0 8px;
}
#ok2{
	background:url(../img/botoes/bt_confirma.gif) no-repeat;
	width:24px;
	height:21.5px;
}
#ok2:hover{ background-position: 0 -22px; cursor:pointer}
#esquerda{	
	position:relative;
}
#conteudo #esquerda{
	float: left;
	width: 299px;
	margin: 10px 0 0 33px;

}
#conteudo #esquerda_interno{
	float: left;
	width: 620px;
	margin: 20px 0 0 33px;
}
#conteudo #meio{
	float: left;
	width: 299px;
	margin: 20px 0 0 33px;
}
#conteudo #meio h2.titulo{
	color: #f18432;
	font-size: 18px;
	line-height: 18px;
	margin: 0;
}
#conteudo #meio h3.sub_titulo{
	color: #f18432;
	font-size: 15px;
	line-height: 15px;
	margin: 0;
	margin-bottom: 18px;
}

h2.titulo_2{
	color: #4da201;
	font-size: 18px;
	line-height: 18px;
	margin: 0;
	margin-bottom: 18px;
}
#conteudo #direita .conteudo2{ color:#484848; font-size:11px; padding: 0 19px}
#conteudo #direita h2.titulo{
	color: #f18432;
	font-size: 18px;
	line-height: 18px;
	margin: 0;
}
#conteudo #direita h3.sub_titulo{
	color: #f18432;
	font-size: 13px;
	line-height: 14px;
	margin: 0;
	margin-bottom: 18px;
}
.canal_quatre{
	padding: 5px 0;	
}

#slider_blog {
	width: 280px;
	height: 324px;
	position: absolute;
	overflow: visible;
	left: 3px;
	top: 49px;
}
#npatexto{
	left: 20px;
	width: 250px;
	position: relative;
	font-style:arial;
	font-size:10px;
}
#slider_blog .blogs { width: 280px; float:left }
.item_blogA{
	padding-left:18px;
	top:100px;
	width: 250px;
	float:left;
}


#slider_marcas { width: 280px; height: 400px;}
#slider_marcas .caixas { width: 280px; float:left }
.logo_marca{
	margin: 16px 0 0px 16px;
	width: 77px;
	height: 76px;
	float:left;
	background-color: #FFF;
}

#lastM{
	background: url(../img/botoes/botao_anterior2.gif) no-repeat;
	width: 23px;
	height: 23px;	
	cursor: pointer;
	position:absolute;
	margin: -10px 0 0 106px;
}
#lastM:hover{ background-position: 0 -23px }

#nextM{
	background: url(../img/botoes/botao_proximo2.gif) no-repeat;
	width: 23px;
	height: 23px;	
	cursor: pointer;
	position:absolute;
	margin: -10px 0 0 129px;
}
#nextM:hover{ background-position: 0 -23px }


#esquerda  #acimaBtn{
	background: url(../img/botoes/botao_cima.gif) no-repeat;
	width: 23px;
	height: 23px;
	cursor: pointer;
	position:absolute;
	margin: 0px 0 0 0px;
	left: 290px;
	top: 141px;
}
#esquerda  #acimaBtn:hover{ background-position: 0 -23px }

#esquerda  #abaixo{
	background: url(../img/botoes/botao_baixo.gif) no-repeat;
	width: 23px;
	height: 23px;
	cursor: pointer;
	position:absolute;
	margin: 0px 0 0 0px;
	left: 290px;
	top: 166px;
}

#esquerda  #abaixo_fundo{
	background: url(../img/marcas/design/linha_paginacao_vertical.gif) no-repeat;
	width: 23px;
	height: 345px;
	cursor: pointer;
	position:absolute;
	margin: 0px 0 0 0px;
	left: 300px;
	top: 40px;
}


#esquerda  #abaixo:hover{ background-position: 0 -23px }



.form_login{
	padding:2px;
}
#espaco_cultural{
	background: url(../img/conteudo/backgrounds/foto.jpg) no-repeat;
	width: 100%;
	height: 123px;
}
.saiba_mais{
	float: right;
	margin: 10px 0 0 0;
	clear:both;
}

#busca_curriculos { width:990px}
#busca_curriculos img{ float:left; }
#busca_curriculos .bg{ float:left; background-image:url(../img/menu/background/bg.jpg); height: 40px; width:986px; }
#busca_curriculos .bg .tit_buscar{ float:left; width:auto; height:auto; margin: 14px 0 0 15px}


/* RODAPE */
#rodape{ width: 990px; margin-bottom:50px }
#rodape .bg{ background: url(../img/rodape/background/bg.jpg) repeat-y; padding: 31px 33px 0 33px }
#rodape .bg h2.titulo{ 
	color: #018aa9;
	font-size: 18px;
	line-height: 18px;
	margin: 0;
}
ul#servicos{margin:0; padding:0; float:left }
ul#servicos li:first-child{ border-left: 0px; padding-left: 0 }
ul#servicos li{ font-size:12px; line-height: 12px; float:left; padding: 20px 15px; min-height: 43px; list-style: none; border-left: solid 1px #d8d8d8 }
.logo_quetre_rh{
	position: absolute;
	margin: 60px 0 0 500px;
	left: -383px;
	top: 1961px;
}
.logo_canal_quatre{ float:right}

/* FOOTER */
#footer{
	width:100%;
	height: 264px;
	background: url(../img/rodape/background/bg_azul.jpg) repeat-x;
}
#footer #alinhamento{ width: 990px; margin: 0 auto }
#footer #alinhamento #go_topo{ 
	display:block;
	background:url(../img/botoes/bt_up.gif) no-repeat; 
	width: 39px; 
	height: 39px; 
	position:absolute; 
	left: 50%; 
	margin: -19.5px 0 0 -19.5px ;
	text-indent: -9999px;
}
#footer #alinhamento #go_topo:hover{ background-position: 0 -39px; }
#footer #alinhamento #you_tube{ 
	display:block;
	background:url(../img/botoes/bt_youtube.gif) no-repeat; 
	width: 39px; 
	height: 39px; 
	position:absolute; 
	margin: -19.5px 0 0 865px ;
	text-indent: -9999px;
}
#footer #alinhamento #you_tube:hover{ background-position: 0 -39px; }
#footer #alinhamento #orkut{ 
	display:block;
	background:url(../img/botoes/bt_orkut.gif) no-repeat; 
	width: 39px; 
	height: 39px; 
	position:absolute; 
	margin: -19.5px 0 0 908px ;
	text-indent: -9999px;
}
#footer #alinhamento #orkut:hover{ background-position: 0 -39px; }
#footer #alinhamento #twitter{ 
	display:block;
	background:url(../img/botoes/bt_twitter.gif) no-repeat; 
	width: 39px; 
	height: 39px; 
	position:absolute; 
	margin: -19.5px 0 0 951px ;
	text-indent: -9999px;
}
#footer #alinhamento #twitter:hover{ background-position: 0 -39px; }



/* LISTAS */
ul#noticias_capa{ margin: 10px 0 0 0; padding: 0;}
ul#noticias_capa li{ list-style: none; margin-bottom:16px }
ul#noticias_capa li span.data, ul#noticias_capa li span.data a{ color:#018aa9; display:block;}
ul#noticias_capa li span.data2, ul#noticias_capa li span.data2 a{ color:#f18432; display:block;}
ul#noticias_capa li span.titulo, ul#noticias_capa li span.titulo a{ color:#484848; display:block; font-weight:bold; line-height: 15px}
ul#noticias_capa li span.sinopse, ul#noticias_capa li span.sinopse a{ color:#484848; display:block; line-height: 13px; margin-top:10px}
ul#noticias_capa li span.desc, ul#noticias_capa li span.desc a{ color:#484848; display:block; line-height: 13px;}


ul#marcas{ width: auto;  padding: 75px 0 55px 0; margin: 0 }
ul#marcas li:first-child { list-style: none; float:left; margin-left: 48px; }
ul#marcas li { list-style: none; float:left; margin-left: 18px; }

ul#menu_rodape { 
	width: 733px;
	margin:0 0 0 130px; 
	padding:0 0 30px 0; 
	background:url(../img/rodape/linha/linha.gif) repeat-x  0 30px; 
	text-align:center;
}
ul#menu_rodape li:first-child{ margin-left: 88px;} 
ul#menu_rodape li { list-style: none; float:left; margin-left: 15px; color: #FFF }
ul#menu_rodape li a{
	color: #FFF;
	font-size: 14px;
	display:block
}
ul#menu_rodape li a:hover{ text-decoration: underline }

.assinatura{
	color:#FFF;
	font-size: 12px;
	text-align: center;
}

h2.titulo_verde{
	color: #4da201;
	font-size: 18px;
	line-height: 18px;
	margin: 0;
}

h2.titulo_verde{
	color: #4da201;
	font-size: 18px;
	line-height: 18px;
	margin: 0;
}

h2.titulo_azul_empresa{
	color: #018aa9;
	font-size: 18px;
	line-height: 18px;
	margin: 0;
}
.textos_interna{ margin-top:20px; padding-bottom: 20px; border-bottom: 1px solid #dadada }
span.area_subtitulo{ float:right }


.box_interna{
	float:left;
	margin-top: 40px;
	width: 284px;
}
.box_interna_2{
	float:right;
	margin-top: 40px;
	width: 284px;
}


td.azul_escuro{
	background-color: #018aa9;
	width: 215px;
	height: 25px;
	color: #FFF;
	font-size: 13px;
	padding-left: 5px;
	border-bottom: 1px solid #ebebeb;
}
td.azul_claro{
	width: 215px;
	height: 25px;
	color: #FFF;
	font-size: 13px;
	padding-left: 5px;
	border-bottom: 1px solid #ebebeb;
	background-color: #007B9F;
}

td.azul_2{
	background-color: #52d8d7;
	width: 290px;
	height: 25px;
	color: #018aa9;
	font-size: 13px;
	padding-left: 2px;
	border-bottom: 1px solid #ebebeb;
}
td.azul_2b{
	background-color: #4bccd0;
	width: 401px;
	height: 25px;
	color: #018aa9;
	font-size: 13px;
	padding-left: 2px;
	border-bottom: 1px solid #ebebeb;
}


/*botoes*/
.etapa_dois{
	background: url(../img/botoes/2_etapa.png) no-repeat;
	width:71px;
	height:31px;
	display: block;
	cursor: pointer;
}
.etapa_dois:hover{ background-position: 0 -31px }
.saiba_mais{
	background: url(../img/botoes/saiba_mais.gif) no-repeat;
	width: 91px;
	height: 22px;
}
.saiba_mais:hover{ background-position: 0 -22px; cursor:pointer }

.atualizar_dados{
	background: url(../img/botoes/atualizar_dados.png) no-repeat;
	width: 187px;
	height: 31px;
	display: block;
}
.atualizar_dados:hover{ background-position: 0 -31px; cursor:pointer }

.atualizar_senha{
	background: url(../img/botoes/atualizar_senha.png) no-repeat;
	width: 105px;
	height: 31px;
	display: block;
}
.atualizar_senha:hover{ background-position: 0 -31px; cursor:pointer }