@charset "utf-8";
/*
================================================================================
Cascading Style Sheet - Folha de Estilos

Site: Racional

Criado por: Francisco Monteiro Kamisaka

Criado em: 23/10/2006

================================================================================
*/ 

body {
	background							: #00843B url(/imagens/bg.jpg) repeat-x fixed left;
	font-family							: Verdana, Tahoma, Arial;
	font-size							: 11px;
	letter-spacing					    : 0.02cm;
	color								: #FFF;
	text-align							: center;
	margin								: 0 auto;
}

img {border:0; margin:0;}

a {text-decoration:none;}
a:link, a:visited, a:active {color:#FFF;}
a:hover {color:#F6FF00;}

/* Alguns IDs são exclusivos da "Home"
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
O Motivo que levou a criação de estilos à parte para a Home foi sua estrutura
diferenciada das seções internas.

Uma vantagem disso é poder mexer nestes IDs sem alterar o restane do site embora
isso não impeça que a Home compartilhe dos mesmos IDs de outras seções.

Os IDs "topo" e "flash" são os mesmos para o site inteiro e posteriormente novos 
IDs e classes também podem ser criados dependendo de como seja a atualização.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
*/

#conteiner_home {
	border								: solid 1px #FFF; /* A borda acrescenta mais 2px na largura e na altura */
	background							: #00843B;
	width								: 770px; /* 772px no total contando com a borda */
	min-height							: 436px; /* 438px no total contando com a borda */
	/*height							: 436px;*/
	position							: absolute;
	top									: 50%;
	left								: 50%;
	margin-top							: -219px; /* Deve ser metade da altura */
	margin-left							: -386px; /* Deve ser metade da largura */
}

#conteiner {
	border								: solid 1px #FFF;
	background-color			: #00843B;
	width									: 770px;
	min-height						: 634px;
	/*height							: 613px;*/
	position							: relative;
	margin								: auto;
}

#topo {
	position							: relative; 
	width									: 770px; 
	height								: 54px;
}

#flash {
	position							: absolute;
	width									: 770px;
	height								: 280px;
	z-index								: 500;
	top										: 0px;
	left									: 0px;
	clip									: rect(0px, 770px, 54px, 0px);
	/*
		Esta propriedade 'clip' corta o espaço ocupado pelo flash;
		Sem ela o flash do topo fica sobreposicionado no conteúdo prejudicando a nevegação.
	*/
}

#subconteiner_home {
	text-align						: left;
	min-height						: 352px;
	/*height							: 352px;*/
	padding								: 3px 0 0 3px;
	clear									: both; 
}

#subconteiner {
	text-align						: left;
	min-height						: 539px;
	/*height							: 523px;*/
	padding								: 3px 0 0 0;
	/*padding							: 3px 0 5px 0;*/
	clear									: both;
}

.logoRacional {position:absolute; top:57px; right:0;}

#conteudo_home {
	border-top							: solid 11px #FFF;
	width										: 687px;
	min-height							: 295px;
	/*height								: 295px;*/
	padding									: 17px 0 0 0;
	text-align							: right;
}

#conteudo_home h1.bemVindo {
	background							: url('/imagens/todas/seta_home.gif') no-repeat 0 50%;
	font-size								: 12px;
	text-align							: left;
	float										: right;
	width										: 665px;
	margin  								: 8px 0px 0px 0px;
	padding									: 5px 0 5px 10px;
	clear										: both;
}

#conteudo_home h1.bemVindo span {font-weight:normal;}

#conteudo {
	border-top							: solid 11px #FFF;
	text-align							: left;
	width										: 687px;
	min-height							: 490px;
	/*height								: 475px;*/
	padding									: 37px 0 0 0;
}

#conteudoSegmento
{
	border-top							: solid 11px #FFF;
	text-align							: left;
	width								: 592px;
	min-height							: 490px;
	/*height							: 475px;*/
	padding								: 37px 0 0 95px;
}


#menu {float:left; width:170px;}

#texto {
	background							: url('/imagens/todas/borda_pontilhada.gif') repeat-y 0 0;
	float										: left;
	width										: 505px;
	min-height							: 490px;
	/*height								: 475px;*/
	padding									: 0 0 0 10px;
}

#textoFaleConosco {
	background							: url('/imagens/todas/borda_pontilhada.gif') repeat-y 0 0;
	float										: left;
	width										: 495px;
	margin-left							: -74px;
	min-height							: 490px;
	/*height								: 475px;*/
	padding									: 0 0 0 10px;
}

h1.tituloSecao {
	background							: url('/imagens/todas/bg_vinheta.gif') repeat-y 0 0;
	font-size							: 11px;
	text-align							: left;
	min-height							: 15px;
	*height							    : 15px;
	margin								: 0 0 10px 0;
	padding								: 3px 0 3px 6px;
}

h2.subtituloSecao {
	background							: url('/imagens/todas/seta.gif') no-repeat 0 65%;
	border-bottom						: solid 1px #FFF;
	font-weight							: normal;
	font-size								: 15px;
	text-align							: left;
	height									: 18px;
	margin-top							: 0;
	padding									: 3px 0 0 15px;
}

h3.subtituloSecao {
	border-bottom						: solid 1px #FFF;
	font-size								: 11px;
	text-align							: left;
	height									: 15px;
	margin									: 0 0 11px 0;
	padding									: 0;
}

#texto p {margin:10px 0;}

.tabComum {
	border									: 0;
	text-align							: center;
	width										: 100%;
	margin-bottom						: 10px;
}

.listaComum {padding:0 15px; margin:0;}

/*
Para diagramar conteúdos com imagens e que não apresentam espaçamento padrão de 
parágrafos. Ex.: páginas como 'politica.asp', 'vizinhança.asp'.
*/
.blocoTexto {min-height:60px; margin:15px 0; clear:both;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/* Esta classe é aplicada num <div> vazio para simular um linha */
.linhaBranca {border-top:solid 1px #FFF;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#rodape {background-color:#006C31; clear:both; height:26px;}

#conteiner>#rodape {margin-top:11px;} /* FF & Opera  */

.premios {margin-bottom:35px; clear:both; min-height:100px; /*height:100px;*/}
.premios div.premioEsq, .premios div.premioDir {float:left;}

.premios div.premioEsq {
	background-color					: #0FAE56;
	text-align							: center;
	width								: 60px;
	min-height							: 100px;
}

.premios div.premioEsq a {display:block; padding-bottom:3px;}
.premios div.premioDir {width:435px; padding-left:5px;}

/* Propriedades para os pop-ups da seção 'Prêmios' */
#conteiner_premio {
	background-color					: #00843B;
	border								: solid 1px #FFF;
	text-align							: left;
	height								: 480px;
	position							: relative;
	padding								: 10px 84px 20px 0;
}

#subconteiner_premio {border-top:solid 11px #FFF; padding:20px 0 0 0;}

#menu_premio {
	list-style							: none;
	float								: left;
	text-align							: center;
	width								: 100px;
	margin								: 0;
	padding								: 0;
}

#menu_premio li {padding-bottom:10px;}

#conteudo_premio {float:left; text-align:center; width:404px; padding:0 0 0 10px;}
#conteudo_premio div {text-align:left; padding:0 0 20px 0;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* Propriedades para o quadro de seleção de vídeos página */
#video {
	background-color					: #0FAE56;
	width								: 342px;
	min-height							: 281px;
	/*height								: 281px;*/
	clear								: both;
}

#video .fotoVideo {height:243px !important;}
#video .vinAssista {margin:0; padding:1px 5px 4px 5px;}
#video .videoQualidade {background-color:#00843B; height:20px;}

#video .videoQualidade div {
	background-color					: #007434;
	width								: 170px;
	padding								: 3px 0 3px 0;
}

#video .videoQualidade div.modem {float:left;}
#video .videoQualidade div.bandaLarga {float:right;}
#video .videoQualidade div a {display:block;}
#video .videoQualidade div a img {margin:0 0 -2px 5px;}

.tabVideo {
	width								: 480px;
	height								: 65px !important;
	margin								: 15px 0;
}

.tabVideo th {
	background-color					: #0FAE56;
	font-weight							: normal;
	height								: 17px;
	padding								: 0 5px;
}

.tabVideo td {vertical-align:top;}

.tabVideo th.linkModem {background-color:#007434;}
.tabVideo th.linkBanda {background-color:#007434; border-left:solid 1px #00843B;}

.tabVideo th a {
	background-color					: #007434;
	display								: block;
	text-align							: center;
	margin								: 0;
}

.tabVideo a img {margin-bottom:-2px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* Propriedades para quadros de vídeos que abrem em 'pop-up' */
#pop_video {
	background-color					: #00843B;
	border								: solid 1px #FFF;
	width								: 365px;
	height								: 410px;
	position							: relative;
	padding								: 10px 84px 0 0;
}

#pop_video .logoRacional {top:10px;}

#sub_pop {border-top:solid 11px #FFF; text-align:center; padding-top:20px;}

#sub_pop h4.subtituloSecao {
	border-bottom						: solid 1px #FFF;
	font-size							: 11px;
	text-align							: left;
	height								: 15px;
	margin								: 0 0 10px 0;
	padding								: 0 0 0 20px;
}

#menu_video {
	background-color					: #FFF;
	width								: 345px;
	min-height							: 22px;
	margin								: auto;
	clear								: both;
}

#menu_video div {background-color:#007434; width:172px; padding:5px 0;}
#menu_video div.modemPop {float:left;}
#menu_video div.bandaPop {float:right;}
#menu_video div a {display:block;}

#flash_video {margin-top:7px;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* Propriedades para submenus com ícones de foto, vídeo e seta */
ul.submenuFoto, ul.submenuVideo, ul.submenuPdf {
	list-style							: none;
	margin								: 0 0 10px 15px;
	padding								: 7px 0 0 0;
	clear								: both;
}

ul.submenuFoto li {	
	background							: url('/imagens/todas/empresa/icone_seta-foto.gif') no-repeat 0 50%;
	padding-left						: 31px;
}

ul.submenuVideo li {
	background							: url('/imagens/todas/empresa/icone_seta-video.gif') no-repeat 0 50%;
	padding-left						: 31px;
}

ul.submenuPdf  li {
	background							: url('/imagens/todas/atualidades/ico_pdf2.gif') no-repeat 0 50%;
	padding-left						: 31px;
}



ul.submenuSeta {
	list-style							: none;
	font-weight							: bold;
	margin								: 10px;
	padding								: 0;
}


ul.submenuSeta li {
	background							: url('/imagens/todas/seta.gif') no-repeat 0 50%;
	padding								: 10px 0 10px 15px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.voltar, .verOutros {	
	font-weight							: bold;
	clear								: both !important;
}

.voltar {text-align:left; margin-top:30px !important;}
.verOutros {text-align:center; margin-top:55px !important;}

/* Seção "Fale Conosco" */
#contatos {min-height:150px; clear:both;}

#contatos ul {
	list-style							: none;
	float								: left;
	width								: 252px;
	margin								: 0;
	padding								: 0;
}

#contatos ul li {
	background							: url('/imagens/todas/fale_conosco/icone_carta.gif') no-repeat 0 20px;
	padding								: 10px 0 10px 20px;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#scrollfoto {
	height								: 320px;
	width								: 70px;
	text-align							: center;
	padding								: 0;
	margin								: 0;
	position							: relative;
	overflow							: hidden;
}

#listafoto {position:relative; top:0;}
#listafoto img {margin:4px 2px;}

#pacotescroll	{position:absolute; height:100px; left:0;}

.iniciaprop {top:0px;}

.intemMenu{padding:4px; margin-bottom:2px;}

.quadroFotos {
	float								: left;
	text-align							: center;
	width								: 430px;
	padding								: 0 0 0 5px;
}

.quadroFotos div {text-align:left;}
.quadroFotos .descricaoObra {min-height:318px; /*height:318px;*/}

.menuFoto {float:left; text-align:center;}

/* Notícias e Releases */
.listaNoticia {
	list-style							: none;
	margin								: 0;
	padding								: 0 0 0 17px;
	clear								: both;
}

.listaNoticia li {
	background							: url('/imagens/todas/atualidades/seta_noticia.gif') no-repeat 0 55%;
	padding-left						: 25px;
}

#mostra_noticia {margin:0;}
#mostra_noticia .img_0, .boxNoticia .img_3 {float:none; clear:both;}
#mostra_noticia .img_1 {float:left; margin-right:5px;}
#mostra_noticia .img_2 {float:right; margin-left:5px;}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* Seção Confidere */
#data_foto {text-align:right; height:20px; clear:both;}

#data_foto .fotoObra {
	float								: left;
	font-weight							: bold;
	text-align							: left;
	width								: 50%;
	height								: 0;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* Menu de fotos da seção "Obras em Andamento" */
#arquivoFotos {
	font-weight							: bold;
	text-align							: right;
	width								: 100%;
	height								: 20px;
	margin								: 0;
	clear								: both;
	float								: right;
	position							:relative;
	
}

#arquivoFotos .menuEscondido {
	font-weight							: bold;
	float								: right;
	margin-top							: 0;
	width								: 100%;
	height								: 20px;
	visibility							: hidden;
	
}

#menuArquivo {
	list-style							: none;
	background							: #08AE52;
	text-align							: left;
	width										: 139px;
	padding								: 0 5px 0 0;
	position							: absolute;
	top										: 2px;
	/*top									: 13px;*/
	right								: 0;
}

#menuArquivo li {
	background							: url('/imagens/todas/atualidades/seta.gif') no-repeat 5% 60%;
	font-weight							: normal;
	text-align							: left;
	margin								: 8px 0;
	padding								: 0 0 0 17px;
}

.campo {
	margin								: 0;
	padding								: 0;
	background							: #068e44;
	height								: 25px;
	width								: 200px;
	font-family							: Verdana, Geneva, sans-serif;
	font-size							: 11px;
	font-weight							: bold;
}

.campoFaleconsco
{
	width:255px; 
	border:solid 2px #068e44;
}

.some {display:none;}
.aparece {display:block;}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/



/* ::::::::::::::::::INICIO FORMULARIO CURRICULO TESTE:::::::::::::::::::::*/

.vinheta{
    float:left;
	background:url(/imagens/pt/faleconosco/titulo.jpg) repeat-y;
	font-weight:bold;
	margin:10px 0 5px 0;
	padding:0 0 0 4px;
	width:450px;
}

.logoff{
    float:right;
    margin:2px 10px 0 0;
}

.loginLabel{
    float:left;
    font-weight:bold;    
}

.botaoPassos1{margin:0 -5px 0 0;}
.botaoPassos2{margin:0 -5px 0 0;}
.botaoPassos3{margin:0 -5px 0 0;}
.botaoPassos4{margin:0 -5px 0 0; *margin:0 -5px 0 0;}
.botaoPassos5{margin:0 -5px 0 0;}

.lbDivBloco{cursor:pointer;}
.lbDivBloco:hover{color:#FFF}

.divBloco{
    float:left;
    margin:5px 0 0 0;
    width:100%;
}

.circulo{
    background:url(/imagens/curriculo/circulo.jpg) center no-repeat;
    width:50px;
    height:32px;
    font-weight:bold;
    padding:18px 0 0 0;
    text-align:center;
    float:left;
}

.divTexto{
    float:left;
    width:450px;
}

.pontilhado{
    float:left;
    width:100%;
    height:2px;
    margin:1px 0 3px 0;
    background :url(/imagens/curriculo/pontilhado.jpg) repeat-x;  
}

.texto{
   width:100%;
   float:left;
}

.labelStatus{
   width:128px;
   float:right; 
   text-align:left;
}

.labelStatus b{
    color:#FF0;
    float:left;
}

.labelStatus span{
    width:70px;
    float:right;
    text-align:left;
}

.segmentosListBox{
    float:left;  
    height:100px;  
    width:150px;
}

.optSimNao
{
    float:left;
    width:80px;
    text-align:center;
}

.txtCompl{
    margin:0 15px 0 0;
}

.tabela{
	width:100%; 
	float:left;
	margin:5px 0 5px 0;
}

.campoId{visibility:hidden;}

.tabela tr{	background:#068E44;}

tr .nomes{width:33%;}

tr .dadosAdicionais{width:45%;}

tr .trajetoria{width:40%;}

tr .empresaAtual{width:35%;}

tr .remuneracao{width:50%; text-align:center;}

tr .dataIniFim{width:50%; text-align:left;}

.btn{
	background:#00843B;
	border:solid 1px #4CA976;
	text-align:center;
	width:auto;
	color:#fff;
	height:20px;
	cursor:pointer;
}

.tabela .btnPesquisar{
    background:#00843B;
	border:solid 1px #4CA976;
	text-align:center;
	width:auto;
	color:#fff;
	height:20px;
	cursor:pointer;
	margin:0 100px 0 0;    
}

.tbCurriculo{     
    font-size:11px;
}

.thCurriculo{
    font-weight:bold;
    background:#009543;
}

.trCurriculo{
    background:#068E44;
    font-size:10px;
}

.imgCorreios{
    margin:2px 0 0 0;
    float:left;
}
    
.chkSegmentos{
    float:left;
    clear:both;
    margin:0;
    padding:0;    
}    

.trSegmentosBlock{
	display:table-row;
	*display:block; 
}

.trSegmentosNone{
    display:none; 
}

 
/* ::::::::::::::::::::::FIM FORMULARIO CURRICULO::::::::::::::::::::::*/