/* =========================================== */
/* Estilo padrao para tags especificas de HTML */
/* =========================================== */

/* Estilo padrao para a pagina (margem, fonte, etc) */
body {
  font-size: 8pt;
  margin: 0px;
  font-family: Tahoma, Monospace;
  text-align: center;
  background: #E8EBEE url(../Arquivos/9913/Imagens/Fundo.jpg) 0 0 repeat-x;
}
/* Estilo padrao para as tabelas (borda, fonte, etc) */
table {
  border-right: 0px;
  border-top: 0px;
  font-size: 8pt;
  border-left: 0px;
  border-bottom: 0px;
  font-family: Tahoma, Verdana;
}
/* Estilo padrao para as linhas das tabelas (alinhamento, etc) */
tr {
  vertical-align: top;
  text-align: left;
}
/* Estilo padrao para as celulas das linhas das tabelas (alinhamento, etc) */
td {
  vertical-align: top;
  text-align: left;
}
/* Estilo padrao para os links simples das paginas (cor, formato, etc) */
a {
  color: #000000;
  text-decoration: none;
  outline: 0;
}
/* Estilo padrao os links simples das paginas quando selecionados (cor, etc) */
a:hover {
  color: #253A5F;
}
/* Estilo padrao para as caixas de texto (fonte, etc) */
TEXTAREA {
  font-size: 8pt;
  font-family: Tahoma, Verdana;
}
/* Estilo padrao para as caixas de texto (fonte, etc) */
INPUT {
  font-size: 8pt;
  font-family: Tahoma, Verdana;
  outline: 0;
}
/* Estilo padrao para as caixas de selecao (fonte, etc) */
SELECT {
  font-size: 8pt;
  font-family: Tahoma, Verdana;
  border: 1px solid #7E9CDA;
}

/* ========================================= */
/* Estilo para objetos especificos na pagina */
/* ========================================= */

/* Tabela principal da pagina. Possui as celulas celCabecalho, celCorpo, celRodape */
#tblPagina {
  width: 994px;
  height: 100%;
  align: center;
  padding: 0 22px 0 22px;
  background: transparent url(../Arquivos/9913/Imagens/FundoCab.jpg) center 0 no-repeat;
}
/* Celula do cabecalho que esta na tabela principal. Possui a tabela tblCabecalho */
#celCabecalho {
  vertical-align: top;
  height: 170px;
}
/* Celula da pagina onde esta a parte principal da pagina. Possui a tabela tblCorpo */
#celCorpo {
  background: url(../Arquivos/9913/Imagens/FundoPag.jpg) center 0 repeat-y;
  float: left;
  padding: 0 1px;
}
.CorpoAdm #celPrincipal { 
  width: 750px; 
}
/* Celula do ropape, parte inferior da pagina */
#celRodape {
  border: 0;
  padding-right: 0px;
  padding-left: 0px;
  font-size: 8pt;
  color: #253A5F;
  font-family: Arial, Tahoma, Verdana;
  height: 160px;
  background: transparent url(../Arquivos/9913/Imagens/FundoRod.jpg) center 0 no-repeat;
}
#Dados {
  float: left; 
  margin: 46px 0 0 20px;
  text-align: left;
  font-size: 10pt;
}
#Dados a {
  font-weight: bold;
  color: #253A5F;
}
#Dados a:hover {
  text-decoration: underline;
}
#Telefone{
  float: right;
  clear: right;
  margin: 45px 55px 0;
  font-size: 15pt;
}
/* Tabela onde esta a parte principal da pagina. Possui as celulas celMenu, celPrincipal, celCaixa caso tenha */
#tblCorpo {
  width: 100%;
  height: 100%;
}
/* Celula onde esta o menu. Possui uma tabela definida pela classe MenuTabela */
#celMenu {
  color: #253A5F;
  border: 0;
  vertical-align: top;
  width: 178px;
  text-align: left;
  background: transparent;
  margin-left: 1px;
}
#linCabecalhoMenu {
  height: 72px;
  background: url(../Arquivos/9913/Imagens/MenuSombra.jpg) center 59px no-repeat;
}
/* Celula onde esta a parte principal da pagina. */
#celPrincipal {
  padding-top: 4px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  vertical-align: top;
  text-align: justify;
  background: transparent;
  border: 0;
  width: 572px;
}
#celPrincipal .lnk {
  color: #253A5F;
  font-weight: bold;
}
#celPrincipal .lnk:hover {
  color: #799531;
  text-decoration: underline;
}
#celPrincipal  b {
  color: #555;
}
#ComoFunciona {
  margin: 10px 7px 5px;
}
#CaixaDestaque {
  float: left;
  margin: 14px 0 12px;
  width: 100%;
  min-height: 156px;  
}
* html #CaixaDestaque {
  height: 162px; 
}
.Destaque {
  border: #ccc 3px solid;  
  float: left;
  margin: 0 18px 5px;
  width: 530px;
  height: 150px;  
  background-color: #223E75;
  overflow: hidden;
}
* html .Destaque {
  height: 156px; 
}
.Destaque img {  
  max-width: 530px;
  min-width: 530px;
  border: 0;
}
.Destaque:hover {
  border: #7E9CDA 3px solid;
}
/* Celula onde esta a caixa de mais locados. Possui tabelas defindas pela classe MenuTabela */
#celCaixa {
  color: #253A5F;
  border: 0;
  vertical-align: top;
  width: 178px;
  text-align: left;
  background: transparent;
  margin-right: 1px;
}
.Parceiro {
  float: left;
  background: url(../Arquivos/9913/Imagens/Agd.gif) center center no-repeat;
}
.Parceiro img {
  margin: 8px 0 3px;
  border: #ccc 2px solid;  
  max-width: 148px;
}
.Parceiro:hover img {
  border: #7E9CDA 2px solid;
}
#Indicar {
  float: left; 
  width: 58px;
  height: 24px;
  background: url(../Arquivos/9913/Imagens/Indicar.png) 0 0 no-repeat;
  color: #fff;
  font: bold 8pt Arial;
  letter-spacing: 1px;
  margin: 5px 32px -5px;
  padding: 9px 0 0 35px;
}
#Indicar:hover {
  color: #EBEBDE;
}
.FechaCaixa {
  float: left;
  margin: 2px -10px 0 -12px;
}
/* Tabela onde esta o cabecalho. Possui as celulas celMostraCabecalho, celMenuSuperior, celLogin */
#tblCabecalho {
  background: transparent;
  font-weight: bold;
  font-size: 8pt;
  width: 100%;
  color: #ffffff;
  font-family: Tahoma, Verdana;
  height: 100%;
  margin-bottom: -5px;
}
/* Estilos onde esta o Logotipo da Locadora */
#LogoCantoE, #LogoCantoD {
  float: left;
  width: 25px;
  height: 109px;
  background: url(../Arquivos/9913/Imagens/LogoCantos.png) no-repeat;
  margin-top: 4px;
}
#LogoCantoE {
  background-position: 0 0;
  margin-left: 15px;
}
#LogoCantoD {
  background-position: -44px 0;
}
#Logo {
  float: left;
  margin-top: 4px;
  height: 108px;
  background: url(../Arquivos/9913/Imagens/LogoFundo.png) 0 0 repeat-x;
}
#Logo img {
  border: 0;
  max-height: 88px;
}
/* Celula onde e mostrado o cabecalho html inserido pelo administrador do site */
#celMostraCabecalho {
  height: 113px;
}
/* Celula onde aparece o nome do cliente quando logado ou o login */
#celLogin {
  vertical-align: middle;
  text-align: right;
}
#Cabecalho_lblLogin, #Cabecalho_lblSenha {
  font-size: 8pt;
  font-weight: bold;
  margin-right: 2px;
}
#tblRecursos {
  background-color: #F2F2F2;
  border-left: 7px solid #74804D;
  padding: 20px 280px 20px 10px;
}
#Cabecalho_tblLogin {
  background: url(../Arquivos/9913/Imagens/Login.jpg) 86px 0 no-repeat;
  margin-right: 7px;
  margin-top: 3px;
}
#Cabecalho_txtLogin {
  width: 80px;
  margin-right: 12px;
}
#Cabecalho_txtSenha {
  width: 80px;
  margin-right: 7px;
}
#Cabecalho_btnLogar { 
  margin-right: -4px; 
}
#lblSinopse { 
line-height: 20px; 
}
/* Celula onde esta a tabela do menu superior. Possui a tabela tblMenuSuperior */
#celMenuSuperior {
  vertical-align: middle;
  text-align: left;
  height: 65px;
}
/* Tabela onde esta o menu superior. As celulas que possuem icones sao definidas pela classe MenuSuperiorIcone e as celulas que possuem texto sao definidas pela classe MenuSuperior */
#tblMenuSuperior {
  text-align: left;
  margin-top: 8px;
}
/* Tabela onde serao mostradas as paginas criadas */
#tblPaginaHtml {
}

/* ========================================= */
/* Classes atribuidas para objetos na pagina */
/* ========================================= */

/* Estilo para as caixas de texto do Login e da senha no menu superior */
/* Exemplo: caixa de texto para digitar o login na parte superior da pagina */
.txtLogin {
  background: transparent;
  border: 0;
}
/* Estilo para a caixa de texto Pesquisar no menu direito */
/* Exemplo: caixa de texto para digitar o texto procurado na parte direta da pagina */
.txtPesquisar {
  border: 0;
  background: transparent;
  width: 100px;
  margin: 8px 0 0 18px;
}
/* Estilo para as caixas de texto do cadastro e as demais caixas de texto da pagina */
/* Exemplo: caixa de texto para digitar o nome do cliente na pagina de cadastro */
.txtCadastro {
  border: 1px solid #7E9CDA;
}
#txtCss {
  height: 500px;
}
#txtHtml {
  height: 300px;
}
/* Estilo para a tabela que mostra o filme: capa e o titulo. Nao e recomentado mudar o tamanho dessa tabela. Suas celulas sao definidas pelas classes ObjetoCapa e ObjetoNome/ObjetoNomeIndisponivel */
/* Exemplo: tabela onde esta a capa e o nome de um filme */
.ObjetoTabela {
  width: 1px;
  height: 1px;
}
/* Estilo para a celula que mostra a capa do filme */
/* Exemplo: capa de um filme */
.ObjetoCapa {
  border: 0;
  margin: 10px 0 0;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  float: left;
}
.ObjetoCapa img{
  border: #223E75 3px solid;
}
.ObjetoCapa a:hover img {
  border: #546C9A 3px solid;
}
/* Estilo para a imagem no detalhes do filme */
/* Exemplo: capa de um filme na pagina de detalhes */
.DetalheCapa {
 border: #223E75 3px solid !important;
}
/* Estilo para a celula que mostra o nome do filme */
/* Exemplo: nome de um filme embaixo da capa */
.ObjetoNome {
  border: 0;
  padding: 10px 0 5px;
  font-size: 7pt;
  vertical-align: middle;
  color: #555;
  font: bold 9pt Arial, Sans-serif;
  height: 33px;
  text-align: center;
  text-decoration: none;
}
/* Estilo para a celula que mostra o nome do filme */
/* Exemplo: nome de um filme embaixo da capa */
.ObjetoNomeMaisLocado
{
  border: 0;
  padding: 10px 0 5px;
  font-size: 7pt;
  vertical-align: middle;
  color: #555;
  font: bold 9pt Arial, Sans-serif;
  height: 33px;
  text-align: center;
  text-decoration: none;
  background: url(../Arquivos/9913/Imagens/MaisLocado.gif) center bottom no-repeat;
  padding-bottom: 51px;
}
/* Estilo para a celula que mostra o nome do filme que esta indisponivel no momento */
/* Exemplo: nome de um filme indisponivel embaixo da capa */
.ObjetoNomeIndisponivel {
  border: 0;
  padding: 10px 0 5px;
  font-size: 7pt;
  vertical-align: middle;
  color: #999;
  font: bold 9pt Arial, Sans-serif;
  height: 33px;
  text-align: center;
  text-decoration: none;
}
/* Estilo para a tabela do menu esquerdo e direito. Suas linhas sao definidas pela classe MenuLinha e suas celulas sao definidas pela classe MenuTexto */
/* Exemplo: tabela do menu de generos */
.MenuTabela {
  background: transparent url(../Arquivos/9913/Imagens/MenuCor.jpg) center 0 repeat-y;
  width: 100%;
  border: 0;
}
/* Estilo para a linha da tabela do menu */
/* Exemplo: linha do gerero acao */
.MenuLinha {
  font-size: 8pt;
  font-family: Tahoma, Verdana;
}
/* Estilo para a celula que mostra o texto do menu */
/* Exemplo: texto Acao na linha do genero */
.MenuTexto {
  font: normal 9pt Arial, Sans-serif;
  padding: 0 4px 0 12px;
  color: #253A5F;
  border: 0;
}
/* Estilo para os links da pagina, mudando a cor padrao da TAG A */
/* Exemplo: link Acao na linha do genero */
.MenuLink {
  color: #253A5F;
  font: bold 9pt/20px Arial;
}
.MenuLink:hover {
    color: #406CC8;
}
/* Estilo para os titulos dos menus esquerdo e direito */
/* Exemplo: texto Ojetos ou Generos no menu direito */
.MenuTitulo {
  font: bold 9pt Arial, Sans-serif;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  color: #ffffff;
  padding-top: 20px;
  padding-left: 5px;
  height: 77px;
  background: transparent url(../Arquivos/9913/Imagens/MenuCab.jpg) center 0 no-repeat;
}
/* Estilo para a celula que mostra a caixa de texto do pesquisar no menu direito */
/* Exemplo: celula onde esta a caixa de texto do pesquisar na parte direita da pagina */
.PesquisarTexto {
  background: url(../Arquivos/9913/Imagens/FundoPes.jpg) 12px 1px no-repeat;
}
#Caixa_optPesquisa { 
  margin-left: -4px;
  background: none;
}
#Caixa_btnProcurar {
  float: left;
  margin-right: 4px;
}
#btnPesquisarObjeto {
  float: right;
  margin-top: 7px;
}
#Caixa_optPesquisa input, #Caixa_optPesquisa label { 
  float: left; 
  display: inline; 
  cursor: pointer; 
}
#Caixa_optPesquisa label { 
  margin-top: 2px;
  color: #253A5F; 
  font: bold 8pt Arial; 
}
#Caixa_optPesquisa label:hover { 
  color: #799531; 
}
#Caixa_lblCaixaPesquisa {
  float: left;
  width: 178px;
  background: transparent url(../Arquivos/9913/Imagens/MenuCor.jpg) center 0 repeat-y;
}
#Caixa_lblCaixaPesquisa #Con {
  display: none;
  float: left;
  padding: 5px 15px;
}
#ProximaEntrega {
  background: url(../Arquivos/9913/Imagens/FundoEnt.jpg) 0 0 no-repeat;
  float: left;
  width: 100%;
  height: 136px;
  margin-bottom: -15px;
  position: relative;
  z-index: 20;
}

/* Estilo para o dia e a hora que mostra o a proxima entrega da locadora na caixa direita */
#EntDia {
  float:right;
  font:bold 10pt Arial;
  margin:70px 0 0;
  width:100px;
  color:#777;
}
#EntHora {
  clear:right;
  color:#F60;
  float:right;
  font:25pt Arial;
  width:102px;
}
/* Estilo para celula que mostra o texto do menu superior */
/* Exemplo: texto Principal, Cadastro, Pesquisa no menu superior */
.MenuSuperior {
  padding-right: 5px;
  padding-left: 5px;
  vertical-align: middle;
  font: bold 9pt Arial, Sans-serif;
  color: #F5F6F2;
}
.MenuSuperior a {
  padding: 0 21px;
}
#Cabecalho_btnCesta, #Cabecalho_btnUsuario {
  padding: 0 2px;
}
/* Estilo para celula que mostra o icone do menu superior */
/* Exemplo: figura do menu Principal, Cadastro, Pesquisa */
.MenuSuperiorIcone {
  padding-left: 0;
  padding-right: 0;
}
/* Estilo para o link do menu superior, TAG A do menu superior */
/* Exemplo: link Principal, Cadastro, Pesquisa no menu superior */
.MenuSuperiorTexto {
  color: #ffffff;
}
/* Estilo para o link do menu superior quando selecionado */
/* Exemplo: link Principal, Cadastro, Pesquisa no menu superior */
.MenuSuperiorTexto:hover {
  color: #D6DFF3;
}
/* Estilo para o texto do titulo da pagina */
/* Exemplo: texto Informacoes, Mais Locados, Destaque, Em Breve no centro da pagina abaixo do menu superior */
.Titulo {
  margin-bottom: 15px;
  padding-bottom: 5px;
  width: 100%;
  border-bottom: #7E9CDA 1px solid;
  font: bold 9pt Arial, Sans-serif;
  color: #253A5F;
}
#lblLancamentos {
  float: left;
}
/* Estilo para a celula que mostra a tabela de filmes (capa e nome) */
/* Exemplo: Tabela com os filmes em uma pagina */
.TabelaObjetos {
  width: 100%;
  border-bottom: #7E9CDA 1px solid;
}
/* Estilo para a tabela que mostra as copias alugadas, reservadas, compradas. As linhas sao definidas pela classe CopiasLinhas e as celulas pelas classes CopiasTexto e CopiasTitulo */
/* Exemplo: Tabela com as copias alugadas na cesta */
.CopiasTabela {
  border-right: #c0c0c0 1px solid;
  border-top: #c0c0c0 1px solid;
  border-left: #c0c0c0 1px solid;
  border-bottom: #c0c0c0 1px solid;
  width: 100%;
}
/* Estilo para a linha da tabela que mostra as copias alugadas, reservadas, compradas */
/* Exemplo: Linha da tabela com as copias alugadas na cesta */
.CopiasLinha {
  font-size: 8pt;
  font-family: Tahoma, Verdana;
}
/* Estilo para a celula que mostra as copias alugadas, reservadas, compradas */
/* Exemplo: Texto nas linhas da tabela com as copias alugadas na cesta */
.CopiasTexto {
  padding-right: 5px;
  border-top: #e8e8e8 1px solid;
  padding-left: 5px;
  padding-bottom: 3px;
  color: #000000;
  padding-top: 3px;
  vertical-align: middle;
}
/* Estilo para o link no nome do filme na tabela de copias alugadas, reservadas, compradas */
/* Exemplo: link no nome do filme na tabela com as copias alugadas na cesta */
.CopiasLink {
  color: #000000;
}
/* Estilo para a celula que mostra os titulos das colunas da tabela das copias alugas, reservadas, compradas */
/* Exemplo: texto Copia, Nome, Midia no titulo da tabela de copias alugadas na cesta */
.CopiasTitulo {
  border-top-width: 1px;
  padding-right: 5px;
  padding-left: 5px;
  font-weight: bold;
  padding-bottom: 3px;
  vertical-align: middle;
  color: black;
  border-top-color: #e8e8e8;
  padding-top: 3px;
  height: 20px;
}
/* Estilo para a imagem dos botoes nas paginas */
/* Exemplo: imagem do botao Continuar e Cancelar na pagina inicial de cadastro */
.BotaoIcone {
  padding-right: 5px;
  padding-left: 10px;
  vertical-align: middle;
}
/* Estilo para o texto que indica o horario quando a locadora esta fechada */
/* Exemplo: texto na pagina principal avisando que a locadora esta fechada */
.Fechada {
  font-weight: bold;
  color: red;
  text-align: center;
}
#divDesenv { display: none; }
#Des { 
  float: right;
  margin: 4px 16px 0 0;
}
#Des a {
  color: #253A5F;
}
#Des a:hover {
  text-decoration: underline;
}

/* ACRESCENTADOS */

#AteOn { float: left; width: 148px; text-align: center; font-weight: bold; margin-bottom: 5px; }
#Microsoft_Live_Messenger_PresenceButton_8758cc71f77d09b6 { float: left; margin: 5px 0 0 24px; }
#txtHtmlPesquisa { width: 748px !important; }

#tblTop10 .MenuTexto { border-bottom: 1px solid #fff; }

#DesCab { color: #E7ECF8; float: right; font:12pt Arial; margin: 54px 54px 0 0; }