@charset "utf-8";

/*
	Mostra Brasil Candango 2009
	Site: http://www.mostrabrasil.org.br
	Autor: Thiago Melo
	E-mail: thiago.melo@mda.gov.br
	Design: Thiago Melo
*/

/*..... Structure .....*/
* { margin:0px; padding:0px; border:0px; list-style-type:none; }
body { width:1008px; margin:0 auto; background:#4F4F4F url(../imagens/bg_body.jpg) repeat-x; font:11px/1.6em "Trebuchet MS", Arial, Tahoma, Verdana; color:#333; }
.wrap { width:1008px; background:#FFF; margin:0 auto; display:table; }
.header { width:1008px; height:150px; background:url(../imagens/bg_header.gif) center top no-repeat; float:left; }
.menu { width:780px; margin-top:76px; float:left; }
.footer { width:1008px; height:260px; background:#FFF url(../imagens/bg_footer.jpg) bottom repeat-x; border-top:5px solid #CCC; border-bottom:5px solid #333; float:left; }

.left_column { width:174px; margin-top:30px; padding:10px; float:left; }
.main_column { width:620px; background:url(../imagens/bg_main_content.jpg) center top no-repeat; float:left; }
.right_column { width:180px; margin-top:30px; padding:10px 10px 0 0; float:right; }

.filmes { position:absolute; width:1008px; height:278px; text-align:center; background:url(../imagens/bg_filmes.gif) no-repeat; top:480px; }
/*...................................................*/

/*..... Header .....*/
.name { margin-left:15px; float:left; }
.name a { width:201px; height:148px; display:block; background:url(../imagens/logomarca.gif) no-repeat; text-indent:-99999px; overflow:hidden; }
/*...................................................*/

/*..... Menu .....*/
.menu li { display:inline; margin:0 12px; }
.menu li a { font:bold 13px "Trebuchet MS"; color:#FFED63; text-decoration:none; }
.menu li a:hover { color:#FFF; text-decoration:none; }
.menu .menu_links { margin-left:180px; }

#menu1 { position:absolute; margin-left:540px; top:93px; width:200px; padding-top:10px; }
#menu1 li { width:200px; display:block; margin:2px 0; }
#menu1 li a { width:200px; display:block; color:#FFF; background:#000 url(../imagens/bg_submenu.gif) right no-repeat; padding:5px 8px; text-decoration:none; }
#menu1 li a:hover { color:#FFED63; }
/*...................................................*/

/*..... Main-Content .....*/
.wrap_content p { margin:10px 0; }

.main_content { width:560px; background:url(../imagens/bg_main_column.gif) center repeat-y; margin-top:170px; padding:0 30px 0 30px; float:left; color:#999; }
.main_content p { color:#999; margin:10px 0; }
.main_content a { color:#FFFF00; text-decoration:none; }
.main_content h5 { color:#999; border-bottom:1px dashed #333; padding-bottom:3px; font-size:12px; margin:15px 0; clear:both; }

.main_content h2 { color:#FFED63; margin:15px 0; }
.main_content02 { width:560px; background:url(../imagens/bg_main_column02.jpg) center bottom repeat-y; margin-top:290px; padding:0 30px 10px 30px; float:left; margin-bottom:10px; }
.main_content02 p { color:#FFF; margin:10px 0; }
.main_content02 h2 { color:#FFED63; margin:15px 0; }

.voltar a { width:544px; background:#333; margin-bottom:20px; display:block; float:left; margin-top:30px; color:#999; padding:2px 8px; }
.voltar a:hover { width:544px; background:#666; margin-bottom:20px; display:block; float:left; margin-top:30px; color:#FFF; padding:2px 8px; }

.links li { display:block; margin:10px 0; border-bottom:1px dashed #333; padding-bottom:10px; }
.links li a { color:#FFF; }
.links li a:hover { color:#FFFF99; }
.links h5 { color:#FFFF99; font-size:20px; margin-bottom:5px; }

.listagem_padrao { margin:15px 0; }
.listagem_padrao li { margin-left:15px; list-style-type:disc; color:#FFF; }

.listagem_contato { margin:15px 0; }
.listagem_contato li { margin:0 0 10px 15px; list-style-type:disc; color:#FFF; }
.listagem_contato span { color:#FFED63; }

.img_left { float:left; margin:3px 10px 15px 0; }
/*...................................................*/

/*..... Columns .....*/
.left_column h2 { color:#61AC20; font-size:18px; }
.right_column h2 { color:#61AC20; font-size:18px; }
.more { width:160px; height:24px; background:url(../imagens/bg_more.jpg) no-repeat; padding-top:3px; padding-left:30px; }
.more a { color:#FFF; text-decoration:none; }
.block_videos { margin-top:328px; }
.block_informativo { margin-top:328px; }
/*...................................................*/

/*..... Filmes .....*/
.filmes ul { margin-top:60px; }
.filmes li { display:inline; margin:60px 20px 0 20px; }
/*...................................................*/

.campos { width:560px; float:left; }
.campos label { display:block; color:#FFF; }
.campos .txtfield { margin-bottom:10px; padding:4px 4px; font:11px "Trebuchet MS"; }
.campos .txtarea { margin-bottom:10px; padding:4px 4px; font:11px "Trebuchet MS"; }
.campos .bt_enviar { display:block; margin-top:5px; margin-bottom:15px; cursor:pointer; }

.noticia { border-bottom:1px dashed #333; margin-bottom:15px; }
.noticia h3 a { color:#FFF; font-size:20px; font-weight:bold; line-height:28px; }
.noticia h3 a:hover { color:#FFED63; }
.noticia p a { color:#CCC; }
.noticia p a:hover { color:#FFFF99; }

.locais_mostra { background:#3D3D3D; border-collapse:collapse; font-weight:bold; }
.locais_mostra p { color:#FFF; }
.locais_mostra tr td { border:1px solid #000; padding:0 10px; }
.locais_mostra tr:hover { background:#242424; }
.locais_mostra .title { background:#DDD; }
.locais_mostra strong { color:#000; font-size:13px; }

.main_content h4 { color:#FFF; margin:15px 0; font-size:20px; line-height:26px; }

.listagem_filmes dl { width:165px; float:left; margin:15px 10px; border-bottom:1px dashed #333; }
.listagem_filmes dt { margin:10px 0; color:#FFFF99; font-size:13px; font-weight:bold; }
.listagem_filmes dd { width:150px; margin:15px 0; color:#FFF; } 
.listagem_filmes dd a { color:#FFF; }
.listagem_filmes dd a:hover { color:#FFFF99; }
.listagem_filmes .img_filme { display:block; float:left; margin:0 60px 0 0; }
.listagem_filmes .img_filme a { border:5px solid #333; float:left; }
.listagem_filmes .img_filme a:hover { border:5px solid #FFF; float:left; }

.img_mostra { border:5px solid #333; }
.img_mostra:hover { border:5px solid #FFF; }


.destalhe_filme li em {	background: url(../imagens/hover.png) no-repeat; width:180px; height:45px; position:absolute; top:-35px; margin-left:-152px; text-align:center;	padding:20px 12px 10px;	font-style:normal; z-index:2; display:none;	font-weight:bold; }
.informacoes { width:1008px; position:absolute; margin-left:0; }

#panel {
	background: #000;
	height: 180px;
	display: none;
	-moz-opacity:0.92; 
	filter:alpha(opacity=92);

}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #000;
	background: url(../imagens/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 6px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

.sair_2009 { width:988px; float:left; }
.sair_2009 a { width:500px; margin-top:10px !important; font:bold 100% "Trebuchet MS"; color:#FFED63; }
.sair_2009 a:hover { color:#FFF; }

.mostras_anteriores { padding:15px; float:left; }
.mostras_anteriores p { color:#FFF; }
.mostras_anteriores ul { margin-left:-20px; }
.mostras_anteriores li { width:210px; color:#CCC; background:url(../imagens/ico_mostras.gif) left top no-repeat; padding-left:40px; display:block; height:90px; float:left; margin:20px 40px -20px 40px; }
.mostras_anteriores li a { color:#FFFF66; text-decoration:none; font-size:22px; }

.up { margin-top:-320px; }
.galeria_fotos { width:928px; height:626px; float:left; margin-left:55px; }
.galeria_fotos .voltar { margin-top:-10px; }
.galeria_fotos .voltar a { width:885px; text-decoration:none; }
.galeria_fotos .voltar a:hover { width:885px; }

/*..... Breadcrumbs .....*/
#breadcrumbs { width:560px; background:#1D1D1D; float:left; margin:-7px 0 35px 0; color:#999; }
#breadcrumbs ul { margin-left:-4px; }
#breadcrumbs li { display:inline; font:12px "Trebuchet MS"; }
#breadcrumbs li a { color:#FFF; text-decoration:none; padding:1px 3px; }
#breadcrumbs li a:hover { background:#FFED63; color:#333; padding:1px 3px; }
/*...................................................*/

/*..... Footer .....*/
.footer .realizacao { width:265px; float:left; padding:0px 20px; }
.footer .patrocinio { width:463px; float:right; padding:0px 20px; margin-top:20px; }
.footer .patrocinio li { display:inline; }
.footer .apoio { width:880px; float:right; padding:0 20px; margin-top:-10px;  }
.footer ul { margin-left:-15px; }
.footer li { display:block; float:left; margin:0 15px;}
.footer h6 { font:bold 11px "Trebuchet MS"; color:#999; margin-bottom:5px; margin-top:15px; }
.banner_petrobras { height:83px; padding-left:20px; border-left:1px dashed #CCC; }
/*...................................................*/

.links h5 { border-bottom:none; }