﻿/* --------------------------------------------------------------------------
   Global
   -------------------------------------------------------------------------- */
* { 
    margin: 0; 
    padding: 0; 
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif; 
    font-size: 8pt; 
}
body { 
    background: #ffffff url('../Imagens/background.jpg') left no-repeat;
	color: #58585A;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}


/* --------------------------------------------------------------------------
   MasterPages
   -------------------------------------------------------------------------- */
/* Controla todo o conteúdo */
#mainConteudo {
    margin:0 auto;
    width: 95%;
}
/* Personaliza o conteúdo da página */
#conteudoPagina { 
    width: 100%;
}
/* Div para exibir o nome do usuário logado */
#usuarioLogado {
    text-align: left;
    padding: 0px;
    width: auto;
    height: 25px;
    background-color: #FFF;
    text-align: right;
    font-size: 8pt;
    color: #666;
}
/* Controla o menu superior */
#menuSuperior {
    text-align: left;
    padding: 1px;
    width: auto;
    height: 35px;
    background-color: Transparent;
    border-bottom: 0px dotted #CCC;
    z-index: 1;
}

#controleMenuSuperior
{
    width: 100%;
}

/* Esta classe tem definições de background do cabeçalho */
.cabecalhoMasterPage { 
    border-bottom: 0px solid #FFF;
    background-repeat: repeat-x;     
    background-color: Transparent;
    height: 75px;
    width: 100%;
}
/* Esta classe tem definições a imagem que compõe o cabeçalho */
.cabecalhoImgTopoLeft {
    background-image: url('../Imagens/logo-portal.png'); 
    background-repeat: no-repeat;     
    background-color: Transparent;
    height: 75px;
    width: 250px;
    float: left;
}
/* Esta classe tem definições a imagem que compões o cabeçalho */
.cabecalhoImgTopoRight {
    background-image: url('../Imagens/logos.png'); 
    background-repeat: no-repeat;     
    background-color: Transparent;
    height: 75px;
    width: 330px;
    float: right;
}
/* Esta classe personaliza o nome da página em acesso */
#cabecalhoPagina {
    padding: 3px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    margin: 6px 0px 6px 0px;
}
/* Personaliza a label com o nome da página */
.nomePagina {
    text-transform: uppercase;
    font: 10pt Tahoma, Arial, sans-serif !important; 
    font-weight:normal; 
    color: #666;
}

/* Links do menu superior
   -------------------------------------------------------------------------- */
.tabelaUsuario {
	float: right;
	padding: 3px 5px 0px 0px;
}
.labelUsuario {
	color: #666;
}
a.linkLogout,
a.linkLogout:visited,
a.linkLogout:active {
	cursor: pointer; 
	text-decoration: none; 
	padding-left:15px; 
	color: #999;
    font-weight: bold;
}
a.linkLogout:hover {
	text-decoration: underline;
}
a.linkPerfilUsuario,
a.linkPerfilUsuario:visited,
a.linkPerfilUsuario:active {
	cursor: pointer; 
	text-decoration: none; 
	padding-left:15px; 
	color: #999;
    font-weight: bold;
}
a.linkPerfilUsuario:hover {
	text-decoration: underline;
}


/* --------------------------------------------------------------------------
   Login
   -------------------------------------------------------------------------- */
   
/* Personalização do html e body do Login */
html.login,
body.login {
    
}
/* Controla a margem para centralizar o login */
#margemBanner {
    width: 1px;
    height: 50%;
    margin-bottom: 80px; /* Metade da altura do nosso box que ficará centralizado */
    float: left;
}
/* Imagem do login */
#bannerLogin {
    margin:0 auto;
    position: relative; /* Coloca o container frente ao elemento com o id distance */
    text-align: left;
    height: 159px;
    width: 800px;
    clear: left;    
    background-image: url('../Imagens/banner-login.png'); 
    background-repeat: no-repeat;     
    background-color: Transparent;
}
/* Posicionamento do formulário de login */
#formularioLogin {
    margin:0 auto;
    position:relative; /* Coloca o container frente ao elemento com o id distance */
    text-align:left;
    height: 150px;
    width: 400px;
    clear: left;    
    background-color: Transparent;
    left: 191px;
    top: -110px;
}
/* Controla os campos de login */
.campoFormLogin {
    clear: both; 
    padding: 5px; 
    width: 390px; 
    float: left;
}
/* Botão Acessar */
.botaoFormLogin1 {
    float: right; 
    width: 88px;
    padding: 2px 0px 0px 2px;
}
/* Botão Esqueci a senha */
.botaoFormLogin2 {
    float: right; 
    width: 163px;
    padding: 2px 0px 0px 2px;
}
/* Personaliza a tabela com o botão de confirmar a recuperação de senha */
.tableRecSenha { border-top: 1px solid #b9d85d; }
/* Personaliza o TD do botão de confirmar a recuperação de senha */
.botaoRecSenha {
    padding-top: 8px; 
    width: 104px;
}

/* TextBox de Login e Recuperação por Login */
/* TextBox de Senha */
/* TextBox de Recuperação por E-mail */
.textBoxLogin,
.txtBoxRecLogin,
.textBoxSenha,
.txtBoxRecEmail
{
	
}