/* ******************************************************
	Área principal
*/
BODY 
{ 
    scrollbar-face-color: #eeeeee;	
    scrollbar-arrow-color: #757575;	
    scrollbar-track-color: #FFFFFF;	
    scrollbar-shadow-color:#CECECE;	
    scrollbar-highlight-color:#FFFFFF;	
    scrollbar-3dlight-color: #CECECE; 
    scrollbar-darkshadow-color:#FFFFFF; 
}
#Container {
   position:absolute;
   left:0px; 
   top:0px;
   font-size: 11px;
   padding:0px;
   margin:0;
   float: left;
   list-style:none;
   vertical-align: top;
   font-family: Arial, Verdana, Helvetica, sans-serif;
   width:1002px;
}  
#ContainerEsq {
   position:relative;
   float:left;
   left:25px;
   width:480px;
   top:20px;
}
#ContainerDir {
   position:relative;
   float:right;
   right:25px;
   width:230px;
   top:18px;
}

#MSGcontrato {
  position:relative;
  left:30px;
}
.MSGsaudacao {
   color:#333333;
   font-size:16px;
   font-weight:bold;
   font-family:Arial,Verdana,Helvetica;
}

.Msgsaudacaodestaque {
   color:#ac8b38;
   font-size:16px;
   font-weight:bold;
   font-family:Arial,Verdana,Helvetica;
}

/* ******************************************************
	Tela e teclado
*/
#TecladoFlutuanteBKL {
   position:absolute; 
   top:-400px; 
   left:-500px; 
   width:265px; 
   height:170px;
   z-index:10; 
   visibility:hidden;
}
.MSGTitulo {
   height:25px;
   width:230px;
   color:#00123d;
   font-size:13px;
   font-weight:bold;
   font-family:Arial,Verdana, Helvetica;
   background-image:url(/V1/PERS/IMG/teclado_bg_dicas_sup.jpg);
}
#MSGRodape {
   position:relative;
   top:-7px;
}
#MSGCadeado {
   position:relative;
   top:4px;
   width:22px;
   height:17px;
}
#MSGBorda {
   border-right:1px solid #ccc;
   border-left:1px solid #ccc;
   padding:10px 15px 10px 10px;
}
.MSGNome {
   color:#ac8b38;
   font-size:16px;
   font-weight:bold;
   font-family:Arial,Verdana,Helvetica;
   text-decoration:underline;
}
.MSGNome:hover {
   color:#00123d;
}
.MSGDestaque {
   color:#ac8b38;
   font-size:11px;
   font-weight:bold;
   font-family:Arial,Verdana,Helvetica;
   text-align:justify; 
}
.MSGTexto1 {
   color:#333333;
   font-size:11px;
   font-weight:bold;
   font-family:Arial,Verdana,Helvetica;
   text-align:justify; 
}
.MSGTexto2 {
   color:#333333;
   font-size:14px;
   font-weight:normal;
   font-family:Arial,Verdana,Helvetica;
   text-align: justify;
}
.MSGTexto3 {
   color:#333333;
   font-size:11px;
   font-weight:bold;
   font-family:Arial,Verdana,Helvetica;
   text-align:justify;
}
.MSGTexto4 {
   color:#333333;
   font-size:11px;
   font-weight:normal;
   font-family:Arial,Verdana,Helvetica;
   text-align:justify;
}
.MSGTexto5 {
   color:#666666;
   font-size:15px;
   font-weight:bold;
   font-family:Arial,Verdana,Helvetica;
   text-align:justify;
}
.MSGTexto6 {
   color:#333333;
   font-size:11px;
   font-weight:normal;
   font-family:Arial, Verdana, Helvetica;
}
.MSGTexto7 {
   color:#333333;
   font-size:11px;
   font-weight:bold;
   font-family:Arial,Verdana,Helvetica;
   text-align:left; 
}
.MSGImg {
   vertical-align:top;
}
/* ******************************************************
	Testeira Bankline
*/
#TOP001 {
    position:relative;
    left:0px;
    top:0px;
    width:778px;
    height:100px;
    vertical-align: top;
    border:0px;
}
#TOPlogo {
   position:absolute;
   top:0px;
   left:11px;
   vertical-align: top;
   border:0px;
}
#TOPmarca {
   position:absolute;
   top:0px;
   left:102px;
   vertical-align: top;
   border:0px;
}
#TOPfndesq {
   position:absolute;
   top:0px;
   left:294px;
   vertical-align: top;
   border:0px;
}
#TOPfnddir {
   position:absolute;
   top:0px;
   left:735px;
   vertical-align: top;
   border:0px;
}
/* ******************************************************
	Rodapé Bankline
*/
#RDPcontainer {
   clear:both;
   position:relative;
   width:1004px;
   height:15px;
   margin: 0px 0px 0px 0px;
   background: #003366;   
   top:70px;
}

/* ******************************************************
	30 Horas
*/

.contentHeader {
	height: 115px;
	width: 1004px;
	left: 50%;
	margin-left: -390px;
	position: absolute;
	padding: 0;
	background: url(/V1/PERS/IMG/bg_header_pers.gif) top left repeat-x;
}

.bklDadosClientes {
	height: 46px;
	margin: 0 10px 0 0;
	background: url(/V1/PERS/IMG/bg_header_bkl_pers.png) top right no-repeat;
	_background: url(/V1/PERS/IMG/bg_header_bkl_pers.gif) top right no-repeat; /* IE6 */
}

.logoPersonnalite {
	float: left;
	margin:0px 0px 0px 25px;
}

/* ******************************************************
	Mensagem Cliente Sem Senha Eletronica - 	border: 1px solid red; 	
*/

#MensagemClienteSemSenha
{
	top: 110px;
	left: 2px;
	border: medium none;
	height: 600px;
	margin: 0 auto;
	width: 800px;	
	background: url("/V1/PERS/IMG/bgSemSenha.jpg") no-repeat scroll left top transparent;
	position: absolute;
	z-index: 5000;
	visibility:hidden;
}

#div-aviso
{
    background: url("/V1/PERS/IMG/avisoSemSenha.png") left top no-repeat;
    border: none;
    width: 780px;
    height: 68px;
    border: medium none;
}

#div-texto
{    
    border: medium none;
    padding: 0 30px;
}

#span-1
{
    
    font-family:Arial;
    font-size: 12px;
    font-weight: bold;
    color: #C0A86F;
}

.span-2
{
    
    font-family:Arial;
    font-size: 12px;
    color: #646464;
}

.span-3
{
    
    font-family:Arial;
    font-size: 12px ;
    font-weight: bold;
    color: #C0A86F;
}

#div-links
{
    background-image: url(/V1/PERS/IMG/linksSemSenha.png);
    background-repeat: no-repeat;    
    border: none;
    width: 780px;
    height: 185px;  
}

#ul-links
{
    display: block;
    padding-top: 35px;
    padding-left:53px;
    .padding-left:13px;
    list-style: none;
}

#ul-links li
{
    margin-right: 15px;
    float: left
}

#ul-links li a img
{
    border: none
}

#div-contato
{
    background-repeat: no-repeat;
    border: none;
    width: 780px;
    height: 92px 
}

#span-contato
{
    margin: 0px 30px 0px;
    font-family:Arial;
    font-size: 12px ;
    font-weight: bold;
    color: #646464;
    margin: 0 30px;
}

#div-foot
{
    background-repeat: no-repeat;
    border: medium none;
    height: 78px;
    width: 780px;
}

#a-inicio
{
    background-image: url(/V1/PERS/IMG/botao_inicioSemSenha.jpg);
    background-repeat: no-repeat;
    text-indent: -9999px;
    width: 102px;
    height: 30px;
    display: block;
    float: right;
    margin: 37px 30px 0px 0px
}

#a-imprime
{

    background-image: url(/V1/PERS/IMG/botao_imprimirSemSenha.jpg);
    background-repeat: no-repeat;        
    display: block;
    float: right;
    height: 30px;
    margin: 37px 20px 0 0;
    text-indent: -9999px;
    width: 69px;	
}


#Transparencia
{
	position: absolute;
	background-color: #000000; 	
	top: 0px;
	left:0px;
	width:100%;
	height: 600px;
	z-index: 6001;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	visibility: hidden;

}

#ConteudoImagens
{
	position:absolute;
	top: 75px;
	left: 170px;
	width: 415px;	
	height: 357px;
	background-color: #FFFFFF; 	
	border: 1px solid black;
	visibility: hidden;
	z-index: 6002;
}

#headerInfoCaixa
{
        padding-top: 6px;
	padding-left: 12px;
	font-family:Arial;
	color: black;
	font-size: 12px;
	margin-top: 0px;
}

#fecharInfoCaixa {
    background-image: url("/V1/PERS/IMG/closeSemSenha.png");  
    float: right;
    height: 16px;
    margin-top: 0px;
    width: 37px;
}

#btnFecharCaixa
{
    float: right;
    margin-top: -15px;
    padding-right: 8px;
}

#mioloImagem
{
	width: 398px;	
	height: 298px;
	margin-top: 5px;
	margin-left: -2px;
	
}

#rodapeImagem
{
	width: 398px;	
	height: 35px;
	margin-left: 3px;
}

#proximaImagem
{
  position: absolute;
  width: 65px; 
   margin-top: 5px;
   left: 330px;   
}

#ImagemAnterior
{
  position: absolute;
   width: 65px; 
   height: 19px;
   margin-top: 5px;
   left: 15px;
}