/* Alinhamento do site */

body {
margin:0;
text-align:center; /* hack para o IE */
background: #0062A9;
}

/* ---------- Id´s -----------*/

#site {
position:relative;
background: #ffffff;
margin:0 auto;			
text-align:center; /* hack do IE */	
}

/* Formatação para o topo */

#barra_topo{
height: 6px;
width: 730px;
_font-size:4px;
margin:0 auto;
padding:0;
background: #000000;
}

#barra_logo{
height: 34px;
_height: 54px;
width: 725px;
_width: 738px;
margin:0 auto;
background: #0062A9;
text-align:left;
padding: 10px 0 10px 13px;
_padding: 10px 0 10px 13px; /* hack para o IE */
}

/* Formatação para o conteúdo */

#foto{
float:left;
height:502px;
width:332px;
border:solid 16px #ffffff;
}

#conteudo{
float:left;
position: relative;
top: -20px; 
left: 3px; 
z-index:1;
}

#conteudo ul{
width: 387px;
height: 21px;
background: url(imagens/bg_topo.gif) no-repeat 0;
background-position:top;
padding: 0;
margin: 0;
}

#conteudo ul li{
padding: 3px 0 0 13px;
list-style-type: none;
float:left;
}

/* Div Link  */

#link{
width: 387px;
height: 0px;
float:left;
position: relative;
top: -318px;
_top: -330px;
left: 400px; 
z-index:1;
}

#link ul{
padding: 0;
margin: 0;
}

#link ul li{
padding: 3px 0 0 13px;
list-style-type: none;
float:left;
}
















#conteudo p{
float:left;
width: 192px;
height: 47px;
_height: 60px;
padding: 10px 0 0 13px;
_padding: 27px 0 0 13px;/* hack para o IE */
}

#conteudo .titulo{
float:left;
padding: 5px 0 0 13px;
_padding: 16px 0 6px 13px;
}

#conteudo .bg{
clear: both;
margin:0px auto;
_font-size:4px;
background: url(imagens/bg_mais.gif);
width: 358px;
height: 5px;
_height: 5px;
}

#conteudo .texto{
padding: 14px 0 0 14px;
margin:0px auto;
width: 352px;
_width: 380px;
font-family: verdana, arial;
font-size: 11px;
text-align: left;
}

#conteudo .texto_destaque_cargos{
display:block;
margin: 8px 8px 8px 12px;
_margin: 6px 8px 8px 16px;
width:auto;
font-family: verdana, arial;
font-size: 11px;
text-align: left;
font-weight:normal;
}

#conteudo .texto_bold{
padding: 14px 0 0 14px;
margin:0px auto;
width: 352px;
_width: 380px;
font-weight: bold;
font-family: verdana, arial;
font-size: 11px;
text-align: left;
}

#conteudo .txt_11px{
float: left;
margin:0px auto;
font-family: verdana, arial;
font-size: 11px;
width: 352px;
_width: 380px;
text-align: left;
}

#conteudo .topicos{
/*list-style-image: url(imagens/bullets.gif);*/
background/* */:/**/url(imagens/bullets.gif) no-repeat 0; 
margin-left:14px;
padding: 0 0 0 18px;
_padding: 0 0 0 18px;
width: 312px;
_width: 340px;
font-family: verdana, arial;
font-size: 11px;
text-align: left;
float:left;
_float:none;
}

#mensagem{
float: left;
width: 312px;
_width: 340px;
font-family: verdana, arial;
font-size: 11px;
text-align: left;
}

.sobre{
padding: 290px 0 10px 24px;
_padding: 0 0 0 48px;
}

.cargos{
padding: 0px 0 10px 24px;
_padding: 0 0 0 48px;
}

.cadastre{
padding: 344px 0 10px 24px;
_padding: 170px 0 0 48px;
}

.gerente_loja{
padding: 20px 0 10px 24px;
_padding: 20px 0 0 48px;
}

#cargos{
padding: 70px 0 0 14px;
_padding: 0 0 0 14px;
float: left;
width: 312px;
_width: 340px;
font-family: verdana, arial;
font-size: 11px;
text-align: left;
}

#foto_destaque{ 
width:134px; 
margin:8px 8px 4px 12px; 
_margin:8px 4px 2px 8px; 
float:left;
}

/* Classes */

/* Altura dos links internos */
.site_index{
width: 770px;
height: 594px;
_height: 555px;
}

.conteudo_index{
background-image: url(imagens/img_carro_rodape.gif);
height: 539px;
width: 387px;
_width: 340px;
}

.site_aipiranga {
width: 770px;
height: 708px;
_height: 634px;
}

.conteudo_aipiranga{
background: #FFD20B;
height: 648px;
_height: 634px;
width: 387px;
}

.site_cargos {
width: 770px;
height: 1118px;
_height: 634px;
}

.conteudo_cargos{
background: #FFD20B;
height: 1058px;
_height: 634px;
width: 387px;
}

.site_cadastre {
width: 770px;
height: 678px;
_height: 614px;
}

.conteudo_cadastre{
background: #FFD20B;
height: 618px;
_height: 618px;
width: 387px;
}

.site_gerente_loja {
width: 770px;
height: 840px;
_height: 836px;
}

.conteudo_gerente_loja{
background: #FFD20B;
height: 780px;
_height: 794px;
width: 387px;
}

.site_vendedor_pista {
width: 770px;
height: 778px;
_height: 826px;
}

.conteudo_vendedor_pista{
background: #FFD20B;
height: 718px;
_height: 774px;
width: 387px;
}

.site_vendedor_lubrificador {
width: 770px;
height: 762px;
_height: 760px;
}

.conteudo_vendedor_lubrificador{
background: #FFD20B;
height: 702px;
_height: 712px;
width: 387px;
}

.site_vendedor_promotor {
width: 770px;
height: 816px;
_height: 760px;
}

.conteudo_vendedor_promotor{
background: #FFD20B;
height: 756px;
_height: 712px;
width: 387px;
}

.site_assistente_adm {
width: 770px;
height: 926px;
_height: 814px;
}

.conteudo_assistente_adm{
background: #FFD20B;
height: 866px;
_height: 762px;
width: 387px;
}

.site_atendente_loja {
width: 770px;
height: 736px;
_height: 728px;
}

.conteudo_atendente_loja{
background: #FFD20B;
height: 676px;
_height: 666px;
width: 387px;
}

.site_gerente_posto {
width: 770px;
height: 898px;
_height: 860px;
}

.conteudo_gerente_posto{
background: #FFD20B;
height: 838px;
_height: 812px;
width: 387px;
}

.bg_linha{
clear: both;
display: block;
margin:0px auto;
margin-top: 18px;
_margin-top: 11px;
_font-size:1px;
background: url(imagens/pixel_azul.gif);
width: 368px;
height: 1px;
_height: 1px;
}

.voltar{
padding: 0 0 0 240px;
}

.formatacao{
display: block;
margin-left:40px;
_margin-left:40px;
width: 312px;
font-family: verdana, arial;
font-size: 11px;
text-align: left;
}

.texto2{
margin:0px auto;
width: 302px;
_width: 300px;
font-family: verdana, arial;
font-size: 11px;
text-align: left;
}

.logo_candidatos{
margin:0px auto;
padding: 0px;
_padding: 0px;
}

/* Links */

a:link{
color:#000000;
font-weight: bold;
font-family:Verdana; 
font-size:11px; 
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

a:visited{
color:#000000;
text-decoration:underline;
}