/* - - - - - - - - - - - - - - - - - - - - -

Titulo :  Cadastro de Curriculum
Autor :   Procwork Tecnologia
URL :     www.procwork.com.br

Descricao : Area do site reservada ao cadastro de curriculum

Criado :    			10/08/2005
Modificado :		13/10/2005

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

/*---------------------- Body -------------------------------------------*/

*{
margin:														0px;
padding:													0px;
}


*body{	/* corpo do HTML inclusive a definição de Fonte e cor de Fonte para o Body se faz necessária pois, se não tiver a fonte do HTML na pagina ele utiliza o do Body*/
top:														0%;
left:														0%;
right:														0%;
margin-top:													0px;
margin-left:												0px;
margin-bottom:												0px;
margin-right:												0px;
background:													#FFFFFF;
font-family:												"trebuchet MS", arial, helvetica, sans-serif;
font-size:													13px;
color:														#000000;
}

<!--
.linkDetalhes a {
text-decoration:											none;
}
.linkDetalhes a:hover, a:visited, a:active{
text-decoration:											undeline;
color:														#333333;
}
-->

/*------------------------  ID´s  -------------------------------------------*/

#layout{    /* ID responsável pelo encapsulamento de todo o conteúdo da pagina, incluindo o principal função de posicionamento e tamanho */
position:													absolute;
top:														0px;
margin-top:													0px;
width:														825px;
height:														540px;
left:                          								50%;
margin-left:                								-380px;
}

#layoutItens{   /* Assim como a Layout mensionada acima, esta ID é responsável por posicionar o conteudo de dois HTML´s que por ser diferente da configuração normal exigiu a criação do mesmo. */
position:													absolute;
width:														785px;
height:														790px;
margin-left:												0px;
margin-top:													10px;
}


#bkg1{ /* bkg da home da internet em imagem HTML */
position:													absolute;
top:														0px;
left:														0px;
width:														225px;
height:                      								540px;
background-image:      										URL("/../images/bkgLogin.jpg");
}

#container{	/*contém a estrutura da pasta para cadastro */
position:													absolute;
height:														100%;
}

#pasta-topo{		/*div que contem a figura referente ao topo da pasta de cadastro */
position: 													relative;
width:														582px;
height:														91px;
background-image:											URL("../images/pasta-topo.jpg");

}

.bkgPasta{
width:														582px;
height:														100%;
background-image:											URL("../images/pasta-fundo2.jpg");
}

.posConteudo{
position:													relative;
margin-top:													0px;
margin-left:												55px;
width:														450px;
}


#pasta-bottom{		/*div que contem a figura referente ao final da pasta de cadastro, que acompanha a extensão da página */
position:													relative;
width:														582px;
height:														56px;
background-image:											URL("../images/pasta-bottom.jpg");
}
/************************************** Atura do Cabecalho e Rodape *****************************/

.h89px{
width:														582px;
height:														89px;
}

.h40px{
width:														582px;
height:														40px;
}

#bkgPriAcesso{ /* Controla a PopUp tela de primeiro acesso */
position:                      								absolute;
top:                           								0px;
left:                          								0px;
width:                         								577px;
height:                        								850px;
background-image:              								URL("../images/dados-pessoaisAlterada-sPalm.jpg");
}

#esqueciSenha{ /* Controla a PopUp Exqueci a Senha  */
position:													absolute;
background-image:											URL("../images/bkg-EsqueciSenha.gif");
width:														300px;
height:														300px;
}

#alterarSenha{ /* Controla a PopUp alterar a Senha */
position:													absolute;
background-image:											URL("../images/bkg-alterarsenha.gif");
width:														300px;
height:														400px;
}

#alterarSenhaOK{ /* Controla a resposta do sistema ao Confirmar a Alteração de Senha */
position:													absolute;
background-image:											URL("../images/bkg-alterarsenha-OK.gif");
width:														300px;
height:														361px;
}

#posCad { /* Controla o posicionamento da tela interna de Cadastro */
position:													absolute;
width:														174px;
height:														135px;
left:														43px;
top:														125px;
}				

#filmeIndex{ /* Controla o SWF da Index do Site - a Pasta com o Boneco */
position:		      		   								absolute;
top:														0px;
left:														225px;
width:                         								600px;
height:                        								540px;
}

#posBill{		/*pocisionamento do BILL na tela de Cadastro */
position:													absolute;
width:														230px;
margin-left:												505px;
margin-top:													322px;
z-index:													1;	
}


#filme{ /* Controla o  SWF da tela de Cadastro - o Palm */
position:                      								absolute;
margin-top:	                    							0px;
margin-left:                   								535px;
width:                         								227px;
height:                        								347px;
z-index:													0;
}


.titulo{ /* Controla o formato dos Titulos das paginas */
font-family:                   								"trebuchet MS", arial, helvetica, sans-serif;
font-size:                     								13px;
font-weight:                 								bold;
color:                         								#666666;
}

.inputLogin{ /* Classe que determina posicionamento dos inputs na tela de login */
width:														110px;
height:														15px;
padding-left:												2px;
border:														1px solid #666666;
font-family:												"trebuchet MS", arial, helvetica, sans-serif;
font-size:													12px;
color:														#666666;
}

.inputEsqueci{ /* Classe que determina posicionamento dos inputs na tela de login */
height:                        								15px;
padding-left:                  								2px;
border:                        								1px solid #666666;
font-family:				                   				"trebuchet MS", arial, helvetica, sans-serif;
font-size:                     								12px;
color:                         								#333333;
}

.detalhes h6{ /* Controla a Mensagem de resolução na index do Site */
position:                      								absolute;
margin-top:                    								540px;
font-family:                   								arial, Trebuchet MS, Tahoma;
font-size:                     								10px;
left:						   								150px;
color:                         								#666666;
}


/*-------------- configurao Iframes -------------------------*/

.posIframe{ /* posiciona o Iframe das telas de Cadastro */
position:                      								absolute;
top:                           								75px;
left:                          								50px;
width:                         								457px;
height:                        								720px;
background:                    								#FFFFFF;

}

.iframeCentro{ /* Determina a utilização da largura 100% do Iframe */ 
width:                         								100%;
height:                        								100%;
}

.iframeDados{ /* Chama o iframe nas telas dos Dados para Cadastro */ 
width:                         								100%;
height:                        								100%;
}

.posEsqueciSenha{ /* Posiciona o Form de Esqueci a Senha do Site */ 
position:													relative;
width:														100%;
height:														100%;
top:														11px;
left:														11px;
}


/* -------------------- BTN ---------------------------------- */
.posBotao{ /* Posicionamento dos Botões */
position:   												relative;
width:														435px;
height:														30px;			
padding-top:  												20px;
padding-bottom:    											35px;
}

.botaoCentro{ /* Posicionamento dos Botões */
float:														left;
width:														75px;
margin-left:	 											160px;
cursor:														pointer;
}

.botaoDireita{  /* Posicionamento dos Botões a direita */
width:														150px;	
margin-left:	   											20px;
cursor:														pointer;
}

.botao{ /* Determina a aparencia de mão aos botões no RollOver */
cursor:                         							pointer;
}

.space{ /* Espaçamento a esquerda entre tags*/ 
padding-left:                   							5px;
}

.legenda{ /* Aparencia da legenda das paginas */ 
font-family:                    							"Bitstream Vera Sans Mono", arial, sans-serif;
font-size:                      							12px;
height:														15px;
}

.btnEnviarSenha{ /* posicionamento do link enviar senha no HTML enviarSenha.html */
padding-left:												75px;
padding-top:												50px;
}

.btnLogin{ /* Botão OK da index */
position:													relative;
margin-top:													0px;
margin-left:												0px;
}

.dadosCad{ /* Aparencia de Formulario */
font-family:                    							"trebuchet MS", arial, helvetica, sans-serif;
font-size:                      							12px;
}

.dadosCad2{ /* Aparencia de Formulario */
font-family:                   								"trebuchet MS", arial, helvetica, sans-serif;
font-size:              									12px;
text-align:													center;
height:														15px;
background-color:											#f5f5f5;
}

.dadosCad3{ /* Aparencia de Formulario */
font-family:                    							"trebuchet MS", arial, helvetica, sans-serif;
font-size:                      							11px;
padding-bottom:	 											6px;
padding-right:    											10px;
}


.campos{  /* Aparencia de Formulario */
border:                         							1px solid #F5F5F5;
height:                         							18px;
background:                     							#F5F5F5;
}

.campoText{ /* Aparencia dos inputs, cor de linha e BKG */
border:                         							1px solid #F5F5F5;
background:                     							#F5F5F5;
}

.campo01 td{ /* Aparencia de Formulario epaçamento entre linhas */
padding-bottom:                 							15px;
}

.campo02 td{ /* Aparencia de Formulario epaçamento entre linhas */
padding-bottom:                 							5px;
}

.campo03 td{ /* Aparencia de Formulario epaçamento entre linhas */
padding-bottom:                 							18px;
}

.campo04 td{ /* Aparencia de Formulario epaçamento entre linhas */
padding-bottom:                 							12px; 
}

.campo05 td{
margin-top:													10px;
padding-left:	 											15px;
padding-top:												7px; 
}

.obrigatorio{ /* Aparencia do Símbolo * Obrigatório das paginas */
font-family:	                  							arial, "trebuchet MS", helvetica, sans-serif;
font-size:                      							13px;
color:                          							#FF0000;
padding-left:                   							3px;
}

.obs{ /* Aparencia da OBS */
font-family:												arial, "trebuchet MS", helvetica, sans-serif;
font-size:                      							10px;
color:                          							#000000;
padding-left:                   							3px;
}

.divisao{ /* Linha Pontilhada que divide a pagina */
border-bottom:                  							1px dotted #CCCCCC;
padding-bottom:                 							5px;
}

.dadosCad input{ /* Aparencia do Input dentro da classe dadosCad*/
/*font-family:	                  							"trebuchet MS", arial, helvetica, sans-serif;*/
font-size:                      							12px;
color:                          							#000000;
}

.tituloForm { /* Aparencia dos titulos no formulário de Enviar Senha */
font-family:              		   							"Bitstream Vera Sans Mono", arial, sans-serif;
height:														25px;
font-size:													13px;
font-weight:												bold;
background-color:											#666666;
color:														#FFFFFF;
padding-left:												12px;
}

.inputForm { /* Campo input CPF dentro do HTML esquecisenha.html */
padding-top:												5px;
padding-bottom:												5px;
background-color:               							#f6f6f6;
padding-left:												10px;
}

.enviarsenhaForm{ /* Enviar senha HTML*/
margin-top:													-20px;
padding-top:												10px;			
padding-left:												10px;
}	

.mensagemErro{
margin:														0px;
font-family:												"trebuchet MS", arial, tahoma;
font-size:													11px;
color:														red;
font-weight:												normal;
}

/* ---------Tabelas dos Formulario --------------------- */

.bTop{ /* Aparencia borda da tabela - Topo */
border-top:                     							1px solid #CCCCCC;
}

.bBottom{ /* Aparencia borda da tabela - Bottom */
border-bottom:                  							1px solid #CCCCCC;
}

.bDir{ /* Aparencia borda da tabela - Direita */
border-Right:                   							1px solid #CCCCCC;
}

.bEsq{ /* Aparencia borda da tabela - Esquerda */
border-Left:                    							1px solid #CCCCCC;
}

.tituloTab td{ /* Aparencia Titulo das tabelas */
font-family::                    							"Bitstream Vera Sans Mono", arial, sans-serif;
font-size:                      							13px;
font-weight:                    							bold;
background-color:               							#F5F5F5;
}

.tituloTabela {
font-family:												"trebuchet MS", arial, sans-serif;
font-size:													13px;
color:														red;
}

.tituloPopup{
font-family:												"trebuchet MS", arial, sans-serif;
font-size:													15px;
color:														red;
margin-left:												5px;
margin-top:													5px;
margin-bottom:												-15px;
}

.spaceTab{ /* Espaçamento dentro da tabela */
padding-left:                   							5px;
}

.inf {  /* Aparencia da esqueci meu e-mail na Index */
font-family:												"trebuchet MS", arial, sans-serif;
color:														#0033FF;
font-size:													10px;
text-decoration:											underline;
}

.dicaSenha{  /* enviarSenha.html */
font-family:												"trebuchet MS", arial, sans-serif;
height:														50px;
color:														#333333;
font-weight:												100;
padding-right:												0px;
padding-left:												5px;
padding-top:												2px;
background-color:											#f6f6f6;

}

.helpIndex{ /* posicionamento do Help na index */
margin-left:												10px;
margin-top:													10px;
}

.bakgroundTabela{	 /* borda e background de tabela (usado na tela de habilidades) */
background-color:											#F9F9F9;
border:														1px solid #CCCCCC;
}

/************************************* Área de Noticias  ***********************************************/


.areaAnuncio{	/* posicionamento e background da Área de Anuncios na Tela de Cadastro*/
position:													absolute;
width:														225px;
height:														670px;
left:														778px;
background-image:											URL("../images/back-anuncios.gif");
background-repeat:											repeat-y;
}

.bottomAreaAnuncio{
position: 													absolute;
bottom:														0px;
}
	
.posIcones{		/*pocisionamento dos "icones" anunciantes na área de anuncios */
margin-left:												75px;
margin-bottom:												15px;
}

.posNoticia{		/*pocisionamento da área de noticias na área de anuncios */
margin-left:												30px;
margin-top:													50px;
}

.divisaoTab{
border-bottom:                  							1px dotted #CCCCCC;
margin-bottom:                 								15px;
margin-right:												20px;
margin-top:													-5px;
}


/************************************* Visualizar Curriculo  ***********************************************/
#contentVisualizar{
position:													relative;
background-color:											#f4f4f4;
width:														595px;
height:														100%;
margin-left:												-297px;
left:														50%;
border-left:												1px solid #CCCCCC;
border-right:												1px solid #CCCCCC;
}

ul{
font-family:												"trebuchet ms", arial, sans-serif;
text-align:													left;
font-size:													18px;
color:														#D41F26;
padding-left:												10px;
padding-right:												5px;	
}

li{
font-family:												"trebuchet ms", arial, sans-serif;
text-align:													left;
font-size:													12px;
list-style:													none;
color:														#444444;
padding-left:												40px;
padding-right:												5px;	
}

.tituloVisualizar{
color:														#555555;
font-weight:												bold;
}

#foto3x4{
float:														right;
margin-top:													10px;
margin-right:												10px;
border: 													1px dotted #CCCCCC;
width:														85px;
height: 													113px;
text-align:													center;
color: 														#C8C8C8;
}

.subItemVisualizar{
font-size:													14px;
text-align: 												left;
padding-left:												30px;
padding-right:												5px;	
}

.subItemVisualizar li{
padding-left: 												20px;
padding-right:												5px;	
}

.obsVisualizar{
font-size:													11px;
}

.divisaoVisualizar{
border-top: 												1px dashed #C8C8C8;
padding-top:												10px;
padding-bottom:												10px;
}

.espacoLinha{
padding-left: 												30px;
}

.fundo_campos_obrigatorios{
background-color: 											#C0D9D9;
color: 														#000000;
}

.fundo_campos_comErro{
background-color: 											#FFD9D9;
color: 														#000000;
}

.obsBot{
padding-bottom:												15px;
}

/************************* Tsamanho do combo tela de dados de contato ********************************/

.wCombo{
width:														100px;
}

.tCenter{
text-align:													center;
}