/* CSS Document */

@import "filmes.css"; /* Estilização de Filmes */
@import "homeacervogeneros.css"; /* Estilização de Home, Acervo e Gêneros */
@import "primeiroacesso.css"; /* Estilização de Primeiro Acesso */
@import "selecaoedna.css"; /* Estilização de Sua Seleção e Seu DNA */

.demo {
	background-color: #790000;
	color: #F5F5F5;
	height: 30px;
	width: 1007px;
	text-align: center;
	font-weight: bold;
	padding-top: 7px; 
}

body, h1, h2, h3, h4, h5, h6, p, form, ul, ol, fieldset {
margin:0;
padding:0;
}

ABBR {
	border: none;
}

body {
	margin:0;
   text-align: center;
	background: #f4f4f4 url(imagens/bg.jpg) top left repeat-x fixed;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	behavior: url(csshover.htc); /* código para o "whatever:hover", faz com que o tr:hover funcione no IE */
}

.laranja {
	color: #EEA43B;
}

/* tudo que faz parte da página estará dentro de #geral */
#geral {
   width:760px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	text-align:left;
	margin: auto;
}

/* cabeçalho da página: degradê, logo, slogan e login  */
#header {
   position:relative;
	width:760px;
	/* background:url(imagens/top_degrade.gif) repeat-x 0px top; /* degradê no topo da página */
	padding:0px;
	margin:0px
}

/* logo */

#header h1 {
	padding: 18px 0px 0px 17px;
}

#header h1 a {
	margin: 0px;
	background: url(imagens/logo.gif) no-repeat;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:150px;
	height:66px;
}

/* slogan "Filmes em casa. Quase de graça" do lado do logo */
#header p {
	position:absolute;  
	left: 168px; top:53px;
	font-weight:bold;
	text-align: left; 
	font-style: italic;
	font-size : 13px;
	color:#000000;
}

/* seletor contextual para texto laranja do slogan */
#slogan .laranja {
	color:#EEA43B;
}

/* login */

form.login {
	position:absolute;  
	left: 463px; top:35px;
	width: 278px;
	height: 20px;
}

form.login  input {
	float: left;
	font-size: 11px;
	padding:0px;
	margin-right:4px;
}

form.login  input.button { /* class pra estilizar o botão do formulário */
	height:18px;
	width: 25px;
	cursor: pointer;
	margin:0px
}

form.login a{
	float:right;
	font-size: 11px;
	color: #000000;
}

form.login a:hover{
	color: #ECA33B;
}


/* Página de Login */

form.login2 {
	
}

.login2 input{
	margin-right: 15px; 
}

.login2 input.enviar{
	width: 75px;
	font-size: 13px;
}


/* Menu que aparece quando o usuário estiver logado "Minha conta / FAQ / Sair" */
#menulogado {
	position:absolute;  
	left: 550px; top:35px;
	font-size:12px;
}

#menulogado a{
	font-size:12px;
	font-weight:normal;
	text-decoration: underline;
	padding: 0px 6px;
	color: #000000;
}

#menulogado a:hover{
	color: #ECA33B;
}

/* Indicação pelo menu de qual seção o usuário se encontra */
#itemfilmes .itemfilmes, #itemdnainkaza .itemdnainkaza, #itemminhaselecao .itemminhaselecao
{
	color: #FFFFFF;
	background: #ECA33B;
}

/* MENU principal */
#menu {
	width:760px;
	position:relative;
   margin-top: 25px;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background:url(imagens/menu_bg.gif) repeat-x;
	float:left;
}

#menu ul {
	margin:0px 0px 0px 18px;
}

#menu li {
	position:relative;
   list-style: none; 
   margin-right: 3px;
	float:left;
	width:114px;	
}

#menu li a {
	display:block;
	height:1px; /* IE5.0 bug */
	width:114px;
	height:23px;
	color:#AE6D13;
	background: url(imagens/menu.png) no-repeat;
	text-decoration: none;
	text-align: center;
	padding-top:3px;
}

#menu li a:hover {
	color: #FFFFFF;
	background: url(imagens/menu_hover.png) no-repeat;
	width:114px;
	height:23px;
}

#menu li a.ativo{
	color: #FFFFFF;
	background: url(imagens/menu_hover.png) no-repeat;
	width:114px;
	height:23px;
}


#menu li a.ativosub{
	color: #FFFFFF;
	background: #ECA33B;
	border-bottom: 5px solid #ECA33B;
}


/* SUBMENU */

.menusubmenu{
	background: url(imagens/submenu_left.png) no-repeat left #ECA33B;
	float:left;
	clear: both;
	margin:0px 0px 0px 18px;
}

#menu ul.submenu{
	float:left;
	height:21px;
	clear: both;
	background: url(imagens/submenu_right.png) no-repeat right #ECA33B;
	margin:0px 0px 0px 2px;
}

#menu ul.submenu li{
	padding: 0px;
	width:114px;	
}

#menu ul.submenu li a {
	color: #FFFFFF;
	background: none;
	height:23px;
}

#menu ul.submenu li a:hover {
	text-decoration: underline;
}

/* BUSCA de filme */

form.busca {
	float:right;
	margin-right:18px;
	height: 22px;
	width: 202px;
	background: url(imagens/campo_busca.png);
}

form.busca  input {
	font-size: 11px;
	border:none;
	padding:0px;
	margin:0px;
}

form.busca  input.text { /* class pra estilizar o campo de texto do formulário */
	float:left;
	height:14px;
	width:133px;
	background-color: #F5F5F5;
	padding: 0px;
	margin: 4px 4px 0 4px;
}

form.busca  input.button { /* class pra estilizar o botão do formulário */
	float: right;
	height:22px;
	width: 61px;
	background: url(imagens/campo_busca_input.png); 
	color: #FFFFFF;
	cursor: pointer;
	margin:0px;
	padding-bottom: 2px;
	font-size: 13px;
	font-weight: bold;
}


/* div de CONTEÚDO da pagina */

#content { /* para as páginas sem SUBMENU  */
	width:723px;
	position: relative;
	margin: 15px auto 10px auto;
	border:1px solid #999999;
	float:left;
}

#content2 { /* para as páginas com SUBMENU  */
	width:760px;
	position: relative;
	margin: 5px auto 10px auto;
	/* border:1px solid #999999; */
	background-color: #F5F5F5;
	float:left;
}

/* caixa de saudação login  */

#login_saudacao {
	width: 723px;
	font-size: 11px;
	color: #000000;
	margin:6px 2px 0px 0px;
	float:right;
	text-align: right;
}

#login_saudacao p{
	padding: 4px 15px;
}

#login_saudacao a{
	font-weight: bold;
	font-size: 13px;
	color: #ECA33B;
	text-decoration: none;
}

#login_titulos{
	height: 48px;
	width: 760px;
	font-size: 18px;
	color: #F1F1F1;
	background: #000;
}

#login_titulos h2{
	margin: 3px 33px;
	font-weight: normal;
}

#login_titulos h2 .letra{
	color: #ECA33B;
	font-weight: bold;
	font-size: 36px;
}

#reative{
	height: 30px;
	margin-bottom: 15px;
	background: #fffdf9;
	border: 1px dotted #ECA33B;
	padding: 6px;
	font-size: 12px;
}

#reative a{
	height: 30px;
	padding-top: 6px;
	display: block;
	font-size: 14px;
	text-align: center;
	color: #ECA33B;
	text-decoration: none;	
	font-weight: bold;
}

#reative a:hover{
	color: #888888;
} 

/************************************
*************************************

	INICIO - Estilização de FOOTER

************************************
************************************/

/* rodapé */
#footer {
	clear:both;
	/*border-top: 1px solid #ECA33B; */
	background-color: #FFFFFF;
	width:760px;
	margin:0 auto;
	padding: 6px 0px 10px 0px;
}

#footer ul {
	text-align:center;
	margin: 0px;
	padding: 0px 0px 8px 0px;
}

#footer ul li {
	display:inline;
	font:12px Arial, Verdana, Tahoma, Sans-Serif;
	color:#A3A3A3;
}

#footer ul li a {
	border-right:1px solid #A3A3A3; 
	color:#A3A3A3; 
	padding:0 9px 0 5px;
}

#footer ul li a:hover {
	color:#ECA33B;
}

#footer ul li.semborda a {	
	border:none;
}

#footer address {
	font:bold 10px Arial, Verdana, Tahoma, Sans-Serif;
	color: #000000;
	text-align:center;
	clear:both;
}

/************************************
*************************************

	FIM- Estilização de FOOTER

************************************
************************************/