/* =========================================== */
/* 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;
}
/* 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;
}
/* Estilo padrao os links simples das paginas quando selecionados (cor, etc) */
a:hover {
  color: #ff0000;
}
/* 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;
}
/* Estilo padrao para as caixas de selecao (fonte, etc) */
SELECT {
  font-size: 8pt;
  font-family: Tahoma, Verdana;
}

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

/* Tabela principal da pagina. Possui as celulas celCabecalho, celCorpo, celRodape */
#tblPagina {
  width: 100%;
  height: 100%;
}
/* Celula do cabecalho que esta na tabela principal. Possui a tabela tblCabecalho */
#celCabecalho {
  height: 84px;
  vertical-align: top;
}
/* Celula da pagina onde esta a parte principal da pagina. Possui a tabela tblCorpo */
#celCorpo {
}
/* Celula do ropape, parte inferior da pagina */
#celRodape {
  padding-right: 10px;
  border-top: #336699 1px solid;
  padding-left: 10px;
  font-size: 8pt;
  color: #ffffff;
  font-family: Tahoma, Verdana;
  height: 17px;
  background-color: #336699;
  text-align: center;
}
/* 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 {
  border-right: #336699 1px solid;
  vertical-align: top;
  border-left: #336699 1px solid;
  width: 120px;
  text-align: left;
}
/* Celula onde esta a parte principal da pagina. */
#celPrincipal {
  border-right: #336699 1px solid;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  vertical-align: top;
  padding-top: 10px;
  background-color: #f5f5f5;
  text-align: justify;
}
/* Celula onde esta a caixa de mais locados. Possui tabelas defindas pela classe MenuTabela */
#celCaixa {
  border-right: #336699 1px solid;
  vertical-align: top;
  width: 155px;
  text-align: left;
}
/* Tabela onde esta o cabecalho. Possui as celulas celMostraCabecalho, celMenuSuperior, celLogin */
#tblCabecalho {
  font-weight: bold;
  font-size: 8pt;
  width: 100%;
  color: #ffffff;
  font-family: Tahoma, Verdana;
  height: 100%;
  background-color: #336699;
}
/* Celula onde e mostrado o cabecalho html inserido pelo administrador do site */
#celMostraCabecalho {
}
/* Celula onde aparece o nome do cliente quando logado ou o login */
#celLogin {
  vertical-align: middle;
  text-align: right;
}
/* Celula onde esta a tabela do menu superior. Possui a tabela tblMenuSuperior */
#celMenuSuperior {
  vertical-align: middle;
  text-align: left;
}
/* 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;
}
/* 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 {
  border-right: #336699 1px solid;
  border-top: #336699 1px solid;
  border-left: #336699 1px solid;
  border-bottom: #336699 1px solid;
}
/* 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-right: #336699 1px solid;
  border-top: #336699 1px solid;
  border-left: #336699 1px solid;
  border-bottom: #336699 1px solid;
}
/* 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-right: #336699 1px solid;
  border-top: #336699 1px solid;
  border-left: #336699 1px solid;
  border-bottom: #336699 1px solid;
}
/* 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-right: #000000 1px solid;
  border-top: #000000 1px solid;
  vertical-align: middle;
  border-left: #000000 1px solid;
  border-bottom: #000000 0px solid;
  text-align: center;
  text-decoration: none;
}
/* Estilo para a imagem no detalhes do filme */
/* Exemplo: capa de um filme na pagina de detalhes */
.DetalheCapa {
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
}
/* Estilo para a celula que mostra o nome do filme */
/* Exemplo: nome de um filme embaixo da capa */
.ObjetoNome {
  border-right: #000000 1px dotted;
  padding-right: 5px;
  border-top: #000000 1px solid;
  padding-left: 5px;
  font-size: 7pt;
  vertical-align: middle;
  border-left: #000000 1px dotted;
  color: #000000;
  border-bottom: #000000 1px dotted;
  font-family: Tahoma, Verdana;
  height: 33px;
  background-color: #ffffff;
  text-align: center;
  text-decoration: none;
}
/* 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-right: #000000 1px dotted;
  padding-right: 5px;
  border-top: #000000 1px solid;
  padding-left: 5px;
  font-size: 7pt;
  vertical-align: middle;
  border-left: #000000 1px dotted;
  color: #C0C0C0;
  border-bottom: #000000 1px dotted;
  font-family: Tahoma, Verdana;
  height: 33px;
  background-color: #ffffff;
  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 {
  width: 100%;
  border-bottom: #e8e8e8 1px solid;
}
/* 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 {
  padding-right: 5px;
  border-top: #e8e8e8 1px solid;
  padding-left: 5px;
  padding-bottom: 1px;
  color: #000000;
  padding-top: 1px;
}
/* Estilo para os links da pagina, mudando a cor padrao da TAG A */
/* Exemplo: link Acao na linha do genero */
.MenuLink {
  color: #000000;
}
/* Estilo para os titulos dos menus esquerdo e direito */
/* Exemplo: texto Ojetos ou Generos no menu direito */
.MenuTitulo {
  padding-right: 5px;
  padding-left: 5px;
  font-weight: bold;
  padding-bottom: 1px;
  vertical-align: middle;
  color: #ffffff;
  padding-top: 1px;
  height: 20px;
  background-color: #336699;
}
/* 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 {
}
/* Estilo para celula que mostra o texto do menu superior */
/* Exemplo: texto Principal, Cadastro, Pesquisa no menu superior */
.MenuSuperior {
  padding-right: 5px;
  font-weight: bold;
  font-size: 8pt;
  vertical-align: middle;
  color: #ffffff;
  font-family: Tahoma, Verdana;
}
/* Estilo para celula que mostra o icone do menu superior */
/* Exemplo: figura do menu Principal, Cadastro, Pesquisa */
.MenuSuperiorIcone {
  padding-right: 5px;
  padding-left: 5px;
}
/* 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: #ffff66;
}
/* 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 {
  font-weight: bold;
  font-size: 8pt;
  margin-bottom: 15px;
  padding-bottom: 5px;
  width: 100%;
  border-bottom: #336699 1px solid;
  font-family: Tahoma;
}
/* 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: #336699 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;
  width: 100%;
  border-bottom: #c0c0c0 1px solid;
}
/* 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;
}