/* ###### FESTIVAL #### */

html { 
	background-image: url('../img/bg.gif');
	background-position: top center;
	background-color: #122b4c;
}
sup { 
	vertical-align: baseline;
}
/* -------------- cabeca ------------- */ 
	
#cabeca h1 a { background: transparent url('../img/logo.png') no-repeat;}		

#menu-topo li a { color: #fff;}	
#menu-topo li  a:hover { color: #4478c9;}	

#menu-principal { float: right;}
#menu-principal ul { }	
#menu-principal ul li { }	
#menu-principal ul li a { color: #c2cacc; text-align: center;}	
#menu-principal ul li a:hover { color: #fff; text-align: center; }

#menu-principal ul li a span{ margin: 0px; padding: 8px; font: bold 11px/2em 'DroidSansBold', Arial, Verdana, Helvetica; text-transform: uppercase; }		
		
/* -------------- MENU SUB ------------- */ 

#menu-sub { background: transparent url('../img/background_menu_sub.png'); }

#menu-sub h3,
#menu-sub h3 a {color: #e0b447;}
#menu-sub h3 a:hover {color: #d3a534;}	
	
#menu-sub LI a{ color: #d4d6d7;}		
#menu-sub LI a:hover { color: #fff; }

#menu-sub .login { background-color: #26426d; }
#menu-sub .login  a { color: #d4d6d7; }
#menu-sub .login  a:hover { color: #fff; }				

#menu-sub .login legend { color: #0d6e67;}	
	
#menu-sub .login .campolog {
		background: #FFF;
		border-color: #d4d6d7;
		color: #333;
}

#menu-sub .botaosubmit { background: transparent url('../img/seta.png') no-repeat;}
		
/* -------------- CONTEUDO ------------- */ 
	
#conteudo { background-color: #fff; color: #444}

#principal .breadcrumb { color: #124e49;}
#principal .breadcrumb a { color: #124e49;}
#principal .breadcrumb a:hover { color: #176e67;}

#principal h1 { color: #e7a301;}
#principal h2 { color: #39a294; line-height: 1.3em; margin: 0px; padding: 0px;}
#principal h3 { color: #445d93;}

/* -------------- CONTEUDO ------------- */ 

#navegacao {background: #0c2c53;}

#navegacao h3 a {color: #fff;}
#navegacao h3 a:hover {color: #4478c9;}

#navegacao h4 a {color: #fff;}
#navegacao h4 a:hover {color: #4478c9; }

/* -------------- DETALHES FILME FESTIVAL 2011 ------------- */ 

#detalhes-filme h3 { 
	line-height: 1.2em;
	font-weight: normal;
	color: #445d93; 
	font-size: 22px; 
	padding: 0px;
	margin: 0px;
}
#detalhes-filme p.titulo-original { 
	margin: 0px 0px 16px 0px;
	font: normal 11px/1.8em Verdana, Arial, sans-serif;
	color: #7899cb;
}
#detalhes-filme div.imagem-filme { 
	display: block;
	width: 320px;
	float: left;
	padding: 3px;
	background-color: #445d93;
}
#detalhes-filme div.imagem-filme img { 
	text-align: center;
	display: block;
}
#detalhes-filme div.imagem-filme p  { 
	margin: 6px 2px 0px 2px;
	font: normal 11px/1.3em Verdana, Arial, sans-serif;
	color: #fff;
}
#detalhes-filme p.informacao-filme { 
	font: normal 11px/1.3em Verdana, Arial, sans-serif;
	width: 200px;
	display: block;
	float: left;
	padding: 0px 0px 0px 14px;
}
#detalhes-filme p.informacao-filme label.diretor, #detalhes-filme p.informacao-filme label.produtor, #detalhes-filme p.informacao-filme label.sessao { 
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
#detalhes-filme span.itens-sessao { 
	padding: 0px 0px 0px 10px;
	font: bold 11px/1em Verdana, Arial;
}
#detalhes-filme span.itens-sessao a { 
	font: normal 11px/1em Verdana, Arial;
	background: url('../img/seta-sessoes.png') no-repeat; 
	padding: 0px 0px 0px 20px;
	color: #444;
}
#detalhes-filme p.voltar { 
	padding: 30px 0px 0px 0px;
	clear: both;
}
#detalhes-filme p.voltar a { 
	font: bold 12px/1em Verdana, Arial;
	color: #445d93;
}


/* -------------- PROGRAMACAO BUSCA ------------- */ 

#busca-programacao { 
	width: 510px;
}
#busca-programacao div {
}
#busca-programacao div:hover label { 
	background-color:#0d6e67;
}
#busca-programacao label { 
	padding: 0px 8px 0 0;
	font: normal 10px/2em Arial, Verdana, 'Trebuchet Ms', sans-serif;
	text-align: right;
	height: 20px;
	width: 120px;  
	float: left; 
	background-color: #e7a301; 
	color: #fff;
	text-transform: uppercase;
	margin: 0 8px 0 -30px;
}

#data_exibicao { width: 290px; height: 180px; }

p.clearfix .campotexto { 
	background-color: #cff2ed; 
	border: none;
	font: normal 11px/1.4em Arial; 
	color: #367c72;
	width: 330px; 
	height: 21px; 
	padding: 0 0 0 4px;
}	
p.clearfix input.botaosubmit_pt { 
	background: transparent url('../img/bt-buscar.png') no-repeat; 
	width: 26px; 
	height: 21px; 
	border:0px; 
	cursor: pointer; 
	margin-left:2px;
}
p.clearfix input:hover.botaosubmit_pt { 
	background: transparent url('../img/bt-buscar.png') no-repeat bottom;
}
p.clearfix .botaosubmit_en { 
	background: transparent url('../img/bt-buscar.png') no-repeat; 
	width: 58px; 
	height: 21px; 
	border:0px; 
	cursor: pointer; 
	margin-left:2px;
}
#busca-programacao p.clearfix .select { 
	border: none;
	font: normal 11px/1.4em Arial; 
	width: 334px; 
	height: 20px; 
	background-color: #cff2ed;
	color: #367c72;
}
#busca-programacao p.clearfix .select_grd { 
	color: #367c72;
	border: none; 
	font: normal 11px/1.4em Arial; 
	width: 334px; 
	height: 20px; 
	background-color: #cff2ed;
}
.div_lista_sessoes { margin: 7px 0 0 106px;}

/* -------------- Inicio Resultado Filmes Programacao ------------- */ 
	
div#resultado-filmes-programacao {
}
div#resultado-filmes-programacao ul.display {
}
div#resultado-filmes-programacao ul.display li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	list-style-type: none;
}	
div#resultado-filmes-programacao ul.display li a {
    color: #0d6e67;
    text-decoration: none;
}
div#resultado-filmes-programacao ul.display li a:hover {
    color: #73c3c3;
}
div#resultado-filmes-programacao ul.display li .content_block {
	position: relative;
	margin: 0px;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #e7a301;
	color: #444444;
	width: 100%;
}
div#resultado-filmes-programacao ul.display li .content_block h2 {
   margin: 0 0 0 3px;
	font: bold 16px/1.1em 'Trebuchet Ms', Arial, Verdana;
}
div#resultado-filmes-programacao ul.display li .content_block p {
	font: normal 11px/1.5em Arial, Verdana, sans-serif;
   margin: 0;
   padding: 2px 5px 5px 5px;  /*--The left padding keeps the content from flowing under the image--*/
}
div#resultado-filmes-programacao ul.display li .content_block p span.autor {
	font: bold 10px/1.1em Verdana, sans-serif;
}
div#resultado-filmes-programacao ul.display li .content_block p span.local {
	font: normal 10px/1.1em Verdana, sans-serif;
}
div#resultado-filmes-programacao ul.display li .content_block p span.ano {
	font: normal 10px/1.1em Verdana, sans-serif;
}
div#resultado-filmes-programacao ul.display li .content_block p span.descricao {
	display: block;
	width: 540px;
}
div#resultado-filmes-programacao ul.display li .content_block a img{
	cursor: pointer;
	width: 114px;
	height: 86px;
   border: 3px solid #73c3c3;
   background: #fff;
   margin: 0 12px 0 0;
   float: left;
}
div#resultado-filmes-programacao ul.display li .content_block a:hover img{ /*--Double border technique--*/
    border: 3px solid #138d94;
}

/* -------------- Fim Resultado Filmes Programacao ------------- */ 

/* -------------- BUSCA ACERVO ------------- */ 

div.galeria-filmes { margin: 0 0 15px 0; }
div.thumb-filme { 
	float: left; 
	margin: 0 8px 0 0; 
	border: 2px solid #445d93;
	opacity:.90;filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}
div:hover.thumb-filme { 
	float: left; 
	border: 2px solid #219498; 
	opacity:1;filter: alpha(opacity=100);
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
div.informacao-filme { 
	font: normal 11px/1.4em Verdana, sans-serif;
}
#principal div.informacao-filme h4 { 
	font-size: 12px;
	color: #445d93;
}
#principal div.informacao-filme h4 a { 
	color: #4478c9; 
	line-height: 1.3em;
}
#principal div.informacao-filme h4 a:hover { 
	color: #2b5ca8;
}
span.sessao-filme { 
	background: transparent url('../img/ico-sessaoo.png') no-repeat; 
}
#principal span.sessao-filme a { 
	background-color: #d7efeb;
	margin: 3px 0 0 0;
	font: normal 9px/2em Verdana, sans-serif;
	text-transform: uppercase;
	color: #4a9d94;
	padding: 0px;
}
#principal span.sessao-filme a:hover { 
	background-color: #5eb0a7;
	color: #fff;
	text-decoration: none;
}

/* -------------- RODAPE ------------- */ 	
	
#rodape { color: #fff;}

#rodape a{ color: #fff;}
#rodape a:hover  { color: #4478c9;}


/* -------------- PROGRAMACAO POR LOCAL ------------- */ 

#local_sessao_titulo { 
}
#local_sessao_titulo h2{ 
	font-family: Arial, Verdana, sans-serif;
	font-size: 16px; 
	padding: 3px 6px 10px 6px;
	display: inline;
	background: url('../img/bg-local.png') center no-repeat;
	text-align: center;
	color: #fff; 
}
#local_sessao_info { 
	font: normal 10px/1.6em Verdana, sans-serif;
	width: 100%;
	clear: both;
	margin: 16px 0 30px 0;
}
#local_sessao_info label {
	color: #444;
	margin: 0px 0px 0px 8px; 
	padding: 0px;
	width: 64px;
	font: bold 9px/1.6em Verdana, sans-serif;
	float: left;
	text-transform: uppercase;
}
#local_sessao_info p.ingressos {
	width: 92%;
	color: #444;
	margin: 8px 0px 0px 8px; 
	font: bold 10px/1.6em Arial, Verdana, sans-serif;
	text-transform: uppercase;
}
#local_sessao_info a { 
	margin: 0px 0px 0px 8px; 
	color: #445d93;
	font-size: 10px;
}
#local_sessao h3 { 
	border-bottom: 1px solid #c5e6e7;
	line-height: 1em;
	text-align: left;
	font-weight: normal;
	color: #445d93; 
	font-size: 22px; 
	margin: 10px 0 0 0;
	padding: 0px;
}
#local_sessao { 
	width: 92%;
}
#local_sessao h3 span { 
	padding: 0px 0px 0px 6px;
}
#local_sessao ul.sub-menu-local { 
	margin: 0px 0 0 6px;
	height: 16px;
}
#local_sessao ul.sub-menu-local li { 
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	list-style-type: none;
}
#local_sessao ul.sub-menu-local li a { 
	font: normal 10px/1em Verdana, Arial;
	color: #445d93;
}
p.no-data { 
	margin: 0 0 0 6px;
	font: bolder 11px/3em Verdana, Arial, sans-serif;
}
#local_sessao ul.menu-data-sessao { 
	margin: 12px 0 28px 0px;
	display: block;
	padding: 0px;
}
#local_sessao ul.menu-data-sessao li { 
	background: url('../img/seta-sessoes.png') no-repeat; 
	clear: both;
	padding: 0px 0px 0px 20px;
	margin: 8px 0px 0px 20px;
	list-style-type: none;
}
#local_sessao ul.menu-data-sessao li { 
	font: bold 11px/1em Verdana, Arial;
}
#local_sessao ul.menu-data-sessao li span.horario { 
	font: bold 11px/1em Verdana, Arial;
}
#local_sessao ul.menu-data-sessao li a { 
	font: normal 11px/1em Verdana, Arial;
	color: #444;
}
#local_sessao h4 a{ color: #fff; text-decoration:none; font-weight: normal; font-size: 11px; line-height:1.3em; padding-left: 10px }
#local_sessao h4 a:hover{ color: #7e7dc2; text-decoration:none; font-weight: normal; font-size: 11px; line-height:1.3em; padding-left: 10px }

/* -------------- LISTA SESSAO ------------- */
#lista_sessao ul li {
	margin: 0px; 
	list-style-type: none;
}
#lista_sessao ul li h3 { 
	text-transform: none;
	line-height: 1.4em;
	text-align: left;
	font-weight: bold;
	color: #445d93; 
	font-size: 12px; 
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#lista_sessao ul li ul li a { 
	line-height: 1.5em;
	font-weight: normal;
	font-size: 11px; 
	color: #444;
	background: url('../img/seta-sessoes.png') no-repeat; 
	clear: both;
	padding: 0px 0px 0px 20px;
	margin: 4px 0px 0px 20px;
	list-style-type: none;
}
/* -------------- PROGRAMACAO POR DATA ------------- */

#local_sessao_data {
	width: 94%;
}
#local_sessao_data_titulo {
	width: 138px;
	height: 34px;
	background: url('../img/bg-data.png'); 
	display: block;
}
#local_sessao_data_titulo h2 { 
	text-align: center;
	width: 96px;
	font-family: Arial, Verdana, sans-serif;
	float: left; 
	font-size: 16px; 
	line-height: 1.6em;
	color: #fff; 
}
#local_sessao_data_titulo h2 sup { 
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
}
#local_sessao_data_titulo a.seta-desab { 
	margin: 5px 6px 6px 4px;
	float: left;
	display: block;
	width: 11px;
	height: 16px;
	background-color: #122b4c;
	cursor: text;
}
#local_sessao_data_titulo a.seta-esq { 
	margin: 5px 6px 6px 4px;
	float: left;
	display: block;
	width: 11px;
	height: 16px;
	background: url('../img/seta-esquerda.png') no-repeat; 
	cursor: pointer;
}
#local_sessao_data_titulo a:hover.seta-esq { 
	background: url('../img/seta-esquerda.png') bottom; 
	text-decoration: none;
}
#local_sessao_data_titulo a.seta-dir { 
	margin: 5px 0px 0px 6px;
	float: left;
	display: block;
	width: 11px;
	height: 16px;
	background: url('../img/seta-direita.png') no-repeat; 
	cursor: pointer;
}
#local_sessao_data_titulo a:hover.seta-dir { 
	background: url('../img/seta-direita.png') bottom; 
	text-decoration: none;
}
#local_sessao_data h3 { 
	border-bottom: 1px solid #c5e6e7;
	line-height: 1em;
	text-align: left;
	font-weight: normal;
	color: #445d93; 
	font-size: 22px; 
	margin: 10px 0 0 0;
	padding: 0px;
}
#local_sessao_data h3 span { 
	padding: 0px 0px 0px 6px;
}
#local_sessao_data ul.sub-menu-local { 
	margin: 0px 0 0 6px;
	height: 16px;
}
#local_sessao_data ul.sub-menu-local li { 
	float: left;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	list-style-type: none;
}
#local_sessao_data ul.sub-menu-local li a { 
	font: normal 10px/1em Verdana, Arial;
	color: #445d93;
}
#local_sessao_data ul.menu-data-sessao { 
	margin: 12px 0 28px 0px;
	display: block;
	padding: 0px;
}
#local_sessao_data ul.menu-data-sessao li { 
	background: url('../img/seta-sessoes.png') no-repeat; 
	clear: both;
	padding: 0px 0px 0px 20px;
	margin: 8px 0px 0px 20px;
	list-style-type: none;
}
#local_sessao_data ul.menu-data-sessao li { 
	font: bold 12px/1em Verdana, Arial;
}
#local_sessao_data ul.menu-data-sessao li span.horario { 
	font: bold 11px/1em Verdana, Arial;
}
#local_sessao_data ul.menu-data-sessao li a { 
	font: normal 11px/1em Verdana, Arial;
	color: #444;
}
#local_sessao_data h4 a{ color: #fff; text-decoration:none; font-weight: normal; font-size: 11px; line-height:1.3em; padding-left: 10px }
#local_sessao_data h4 a:hover{ color: #7e7dc2; text-decoration:none; font-weight: normal; font-size: 11px; line-height:1.3em; padding-left: 10px }


/* -------------- PROGRAMACAO POR SESSAO ------------- */ 

#sessao_info { 
	font: normal 10px/1.6em Verdana, sans-serif;
	width: 100%;
	clear: both;
	margin: 16px 0 30px 0;
}
#sessao_info label {
	color: #444;
	margin: 0px 0px 0px 8px; 
	padding: 0px;
	width: 64px;
	font: bold 9px/1.6em Verdana, sans-serif;
	float: left;
	text-transform: uppercase;
}
#sessao_info ul { 
	display: block;
	margin: 0px 0px 0px 48px; 
	list-style-type: none;
}
#sessao_info ul li { 
	list-style-type: none;
}
#sessao_info ul li a { 
	color: #444;
	font-weight: normal;
}
div.galeria-filmes-sessao { margin: 30px 0 15px 0; }
div.thumb-filme-sessao { 
	float: left; 
	margin: 0 8px 0 0; 
	border: 2px solid #445d93;
	opacity:.90;filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);
}
div:hover.thumb-filme-sessao { 
	float: left; 
	border: 2px solid #219498; 
	opacity:1;filter: alpha(opacity=100);
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}
div.informacao-filme-sessao { 
	font: normal 11px/1.4em Verdana, sans-serif;
}
#principal div.informacao-filme-sessao h4 { 
	font-size: 12px;
	color: #445d93;
}
#principal div.informacao-filme-sessao h4 a { 
	color: #445d93;
	line-height: 1.3em;
}
#principal div.informacao-filme-sessao h4 a:hover { 
	color: #219498;
}

/* -------------- LATERAL ------------- */ 
#mes { 
}
#mes img { 
	margin: 14px 0 0 0;
}
#mes { width: 164px; text-align: center; float: left; }
#mes h4 { 
	color: #45a6a9; 
	height: 16px; 
	margin: 0px; 
	font: bold 10px/2em Verdana; 
	width: 100%; 
	text-transform: uppercase;
}
#mes table { color: #444; font-size: 10px; text-align: center; margin: 0 0 0 4px;}
#mes thead td { height: 18px; font-weight: bold; color: #444; font-size: 11px; }
#mes tr { padding: 0px;}
#mes td { width: 18px; height: 15px; padding: 1px;}
#mes td a { display: block; background-color: #445d93; color:#fff; height: 18px; line-height: 1.7em; width: 18px; text-decoration: none;}
#mes td a:hover { display: block; background-color: #219498; text-decoration: none; }
div#data-festival { padding: 0px 0 0 0; margin: 12px 0 0 0px; clear: both; width: 165px; background-color: #0d326c;}
div#busca-festival { padding: 4px; margin: 30px 0 0 0px; clear: both; width: 157px; background-color: #0d326c;}
div#busca-festival img { padding: 0px 0px 4px 6px; }
div#busca-festival input.input-filme { 
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 2px;  
	color: #184340;
	width: 146px; 
	background-color: #fff;
	font: normal 11px/1.2em Verdana, Arial, sans-serif; 
	height: 18px;
	border: 1px solid #445d93; 
}
div#busca-festival .select-filme { 
	float: left;
	margin: 6px 0px 0px 6px;
	padding: 0px 0px 0px 2px;  
	color: #184340;
	width: 125px; 
	background-color: #fff;
	font: normal 11px/1.2em Verdana, Arial, sans-serif; 
	height: 18px;
	border: 1px solid #445d93; 
}
div#busca-festival input.botaosubmit-filme {
	padding: 0px;
	margin: 6px 0px 0px 4px;
	display: block; 
	width: 26px;
	height: 19px;
	cursor: pointer;
	border: 1px solid transparent;
	background: transparent url('../img/seta-busca.png') no-repeat top;
}
div#busca-festival img.busca-avancada { 
	margin: 18px 0px 0px 0px; 
	cursor: pointer;
}
/* -------------- PAGINACAO ------------- */ 

div#paginacao {
	height: 30px;
	width: 550px;
	padding: 20px 0px 0px 0px;
}
div#paginacao p{
	color: #00adbe;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	text-transform: none;
}
div#paginacao p span.exibe{
	font-weight: bold;
}
div#paginacao ul {
	width: 410px;
	margin: 40px 0 0 170px;
	color: #8e8777;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.9em;
	text-transform: none;
}
div#paginacao ul li{
	margin: 4px;
	padding: 0px;
	list-style-type: none;
	float: left;
}
div#paginacao ul li a{
	background-color: #274d79;
	text-align: center;
	display: block;
	font-size: 10px;
	width: 24px;
	height: 20px;
	font-weight: normal;
	line-height: 1.9em;
	text-decoration: none;
	color: #fff;
}
div#paginacao ul li a:hover{
	background-color: #0c2c53;
	text-decoration: none;
	color: #fff;
}
div#paginacao ul li.paginacao-ativa{
	text-align: center;
	width: 24px;
	height: 20px;
	display: block;
	font-size: 10px;
	background-color: #efab07;
	color: #fbd67c;
	float: left;
}
div#paginacao ul li.paginacao-proxima, div#paginacao ul li.paginacao-anterior {
	width: 48px;
	background-color: transparent;
	border: none;
}
div#paginacao ul li.paginacao-proxima a, div#paginacao ul li.paginacao-anterior a{
	background-color: transparent;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	color: #445d93;
}
div#paginacao ul li.paginacao-proxima a:hover, div#paginacao ul li.paginacao-anterior a:hover{
	color: #219498;
}