@charset "utf-8";
/*
CSS Document
Autor: Gabriel Mazzini
GDseign - www.gabrielmazzini.com.br
em: Fevereiro 2009
Revisão: FIREFOX3, IE7 e IE6
*/

/*****************************
		TAGS BÁSICAS
*****************************/

* { margin: 0; padding: 0; border: none; list-style-type: none; }

html, body { height: 100%; }

body {
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	background: url(../imgs/bg.gif);
}
:focus { outline: none; }
.desktop { min-width: 783px; width: auto !important; width: 783px; }

/*****************************
		CLASSES COMUNS
*****************************/

a { text-decoration: none; color: #8ACC00; }
a:hover { text-decoration: underline; color: #666666; }

.clear { clear: both; }
.erro { color: #CC3333; }
.upper { text-transform: uppercase; }

.margem { margin-left: 30px; padding-top: 5px; }
.meio { margin: 0 auto; width: 773px; padding: 0 5px; }

.fixo { position: fixed; width: 256px }
.relativo { position: relative; }


/*****************************
		CABECALHO
*****************************/

.cabecalho {
	padding: 10px 0 5px 0;
	background: url(../imgs/bg_cabecalho.gif) repeat-x center bottom;
}
	.cabecalho .logo { float: left; margin-top:0px; }
	.cabecalho .mainData {
		font: 16px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		text-align: right;
		color: #666666;
	}
		.cabecalho .mainData strong { color: #333333; }
		
		.cabecalho .mainData .medio { font-size: 11px; line-height: 25px; letter-spacing: 0.15px;}
		.cabecalho .mainData .pequeno { font-size: 9px; line-height: 23px; display: block; margin-bottom: 0px; }
			.cabecalho .mainData .pequeno strong { font-weight: normal; }
			
			
/*****************************
		MENU
*****************************/

.menu {
	position: relative;
	height: 40px;
	background: url(../imgs/bg_menu.gif);
}
	.menu .meio {
		font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		text-transform: uppercase;
	}
	.menu .meio.mainMenu { position: relative; text-align: right; background: url(../imgs/bg_menu.gif); z-index: 999; }
	.menu .meio.subMainMenu { position: absolute; top: 0; left: -391.5px; margin-left: 50%; z-index: 99; }
	
	.menu a { display: block; float: right; padding-top: 11px; height: 29px; color: #FFF; overflow: hidden; 	}
		.menu a:hover, .menu a.menuSobre { text-decoration: none; height: 26px; color: #F90; border-bottom: 3px solid #0F4B74; }
		
	.menu .menuEspaco {
		float: right;
		margin: 12px 0;
		width: 22px; height: 16px;
		background: url(../imgs/divisor_linha_claro.gif) repeat-y center top;
		overflow: hidden;
	}
	.menu .subMenu {
		position: absolute;
		left: 5px; top: 15px;
		padding: 0 10px;
		height: 25px;
		background: #79ABCC;
		overflow: hidden;
	}
		.menu .subMenu a {
			float: left;
			padding-top: 5px;
			height: 20px;
			font-size: 10px;
		}
			.menu .subMenu a:hover { height: 18px; border-bottom: 2px solid #0F4B74; }
		.menu .subMenu .menuEspaco {
			float: left;
			margin: 8px 0;
			width: 20px; height: 9px;
		}
		
	/* MENU ATIVO */
	body.sobreAtivo .mSobre,
	body.exposicaoAtivo .mExposicao,
	body.feiraAtivo .mFeira,
	body.palestrasAtivo .mPalestras,
	body.anterioresAtivo .mAnteriores,
	body.fichaAtivo .mFicha,
	
	body.expositorAtivo .mExpositor,
	body.plantaAtivo .mPlanta,
	body.feiraExpositorAtivo .mFeiraExpositor,
	body.resultadosAtivo .mResultados,
	body.listaAtivo .mLista,
	
	body.vitrineAtivo .mVitrine,
	body.parceirosAtivo .mParceiros,
	body.comoChegarAtivo .mComoChegar,
	body.contatoAtivo .mContato { color: #FFFFFF; cursor: default; }
	/* FIM MENU ATIVO */
			

/*****************************
		CONTEUDO
*****************************/

.migalha {
	padding: 2px 0px;
	background: #DADADA;
	border-bottom: 2px solid #0F4B74;
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #998675;
}
	.migalha a { color: #998675; }
		.migalha a:hover { color: #902f38; }
	
	.migalha li {
		display: block; float: left;
		margin-right: 8px; padding: 3px 18px 0 0;
		height: 17px;
		background: url(../imgs/divisor_migalha.gif) no-repeat right center;
	}
		.migalha li.atual { background: none; color: #666666; }

.bordaHome { background: #0F4B74; height: 3px; overflow: hidden; }

.conteudo {
	min-height: 300px;
	height: auto !important;
	height: 300px;
	background: url(../imgs/bg_conteudo_interna.png) repeat-y center top;
	overflow: hidden;
}
	.conteudo.sBarra { background: url(../imgs/bg_conteudo.png) repeat-y center top; }
	
	.conteudo h1 { margin: 0 0 5px 20px; padding: 20px 0 3px 0; border-bottom: 2px solid #d25400; color: #D25400; font: normal 24px "Palatino Linotype", "Book Antiqua", Palatino, serif; }
	.conteudo h2 { margin: 0 25px; padding-top: 20px; font: 18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
	.conteudo h3 {
		margin-left: 20px; padding: 30px 0 2px 0;
		border-bottom: 2px solid #998675;
		color: #998675;
		font: normal 18px "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
	.conteudo h4 {
		margin-left: 25px; padding: 35px 0 2px 0;
		border-bottom: 1px dotted #666666;
		color: #666666;
		font-size: 14px;
	}
		.conteudo h4 span { margin-left: 7px; font-size: 12px; }
	.conteudo h5 {
		margin-left: 30px; padding: 15px 0 2px 0;
		font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		border-bottom: 1px solid #DDDDDD;
	}
	.conteudo p {
		padding: 15px 30px 0 30px;
		line-height: 18px;
	}
		.conteudo p small { color: #999999; font-size: 10px; }
		.conteudo .colEsquerda p strong { color: #000000; }
	.conteudo .colEsquerda a { font-weight: bold; }
		.conteudo .colEsquerda a span { font-weight: normal; font-size: 10px; }
		
	.conteudo .colEsquerda table { margin: 15px 30px 0 30px; padding: 0; width: 457px; border-collapse: separate; border-spacing: 0 4px; }
		.conteudo .colEsquerda td, .conteudo .colEsquerda th { padding: 4px 0; text-align: left; }
		.conteudo .colEsquerda td { background: #EDEDED; }
			.conteudo .colEsquerda td select { width: 115px; background: #EDEDED; font: normal 12px Tahoma, Geneva, sans-serif; }
			.conteudo .colEsquerda .valor { text-align: right; }
			.conteudo .colEsquerda .empty { text-align: center; }
			.conteudo .colEsquerda .none { color: #999999; }
			.conteudo .colEsquerda th.valor, .conteudo .colEsquerda .data { font-weight: bold; }
	
	.conteudo ol { margin: 0 60px; padding-top: 8px; }
		.conteudo ol li { list-style-type: decimal; padding-top: 7px; }
	
	.conteudo ul.listagemComum { padding-top: 5px; }
		.conteudo ul.listagemComum li { margin: 10px 30px 0 30px; padding-left: 15px; background: url(../imgs/bullet.gif) no-repeat left 4px; }
			.conteudo ul.listagemComum.sub li { margin: 5px 40px 0 40px; }
			.conteudo ul.listagemComum li span { font-size: 10px; color: #666666; }
			.conteudo ul.listagemComum li.video { padding-left: 23px; background: url(../imgs/ico_video.gif) no-repeat left top; }
			.conteudo ul.listagemComum li.jornal { padding-left: 23px; background: url(../imgs/ico_jornal.gif) no-repeat 1px 1px; }
			.conteudo ul.listagemComum li.ver { padding-left: 23px; background: url(../imgs/ico_ver.gif) no-repeat 1px 1px; }
			.conteudo ul.listagemComum li.pdf { padding-left: 23px; background: url(../imgs/ico_pdf.gif) no-repeat 1px 1px; }
				.conteudo ul.listagemComum li.video a,
				.conteudo ul.listagemComum li.jornal a,
				.conteudo ul.listagemComum li.ver a,
				.conteudo ul.listagemComum li.pdf a { color: #333333; }
				.conteudo ul.listagemComum li.video a:hover,
				.conteudo ul.listagemComum li.jornal a:hover,
				.conteudo ul.listagemComum li.ver a:hover,
				.conteudo ul.listagemComum li.pdf a:hover { color: #666666; }
	
	.conteudo .colEsquerda {
		float: left;
		padding: 5px 0 20px 0;
		width: 517px;
	}
	.conteudo .colDireita {
		float: right;
		padding: 77px 0 20px 0;
		width: 256px;
		background: url(../imgs/barradireita_topo.gif) no-repeat center top;
		color: #666666;
		font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
		.conteudo .colDireita ul { margin: 0 30px; }
			.conteudo .colDireita ul li { margin-top: 10px; line-height: 16px; }
				.conteudo .colDireita ul li.dwn { padding-left: 15px; background: url(../imgs/ico_download.gif) no-repeat left 2px; }
				.conteudo .colDireita ul li.ver { padding-left: 15px; background: url(../imgs/ico_visualizar.gif) no-repeat left 2px; }
				.conteudo .colDireita ul li.tel { padding-left: 23px; background: url(../imgs/ico_telefone.gif) no-repeat left 1px; }
				.conteudo .colDireita ul li.cel { padding-left: 23px; background: url(../imgs/ico_celular.gif) no-repeat 3px top; }
				.conteudo .colDireita ul li.end { padding-left: 23px; background: url(../imgs/ico_endereco.gif) no-repeat left top; }
				.conteudo .colDireita ul li.eml { padding-left: 23px; background: url(../imgs/ico_email.gif) no-repeat left top; }
				.conteudo .colDireita ul li.dad { padding-left: 23px; background: url(../imgs/ico_dados.gif) no-repeat left top; }
				
		.conteudo .colDireita a { color: #666666; }
			.conteudo .colDireita li a:hover { text-decoration: underline; color: #902F38; }
			
		.conteudo .colDireita p { padding-top: 10px; }
		
	.conteudo p.aviso {
		padding: 30px 20px 35px 80px;
		background: #ffffcc url(../imgs/ico_aviso.gif) no-repeat 20px 20px;
		font-size: 16px;
	}
	
	/* CONTEUDO HOME */
	.conteudo .pic_slideshow {position: relative; height: 460px; overflow: hidden;}
	.conteudo .pic_slideshow img {visibility: hidden; position: absolute; left: 0; top: 0;}
	/* FIM CONTEUDO HOME */
	
	/* CONTEUDO SOBRE */
	.conteudo .infos { margin: 15px 20px 0 20px; padding: 10px; padding-top: 3px; border: 3px double #FFFFFF;  }
	.conteudo .infos, .conteudo .infos span { background: #F2E2C4; }
		.conteudo .infos .info { position: relative; clear: both; }
		
		.conteudo .infos .titInfo, .conteudo .infos .iInfo { position: relative; padding-top: 7px; z-index: 99; }
		.conteudo .infos .titInfo { float: left; padding-right: 10px; }
		.conteudo .infos .iInfo, .conteudo .infos .iExtra { float: right; clear: right; text-align: right; }
		.conteudo .infos .iInfo { padding-left: 10px; font-weight: bold; font-size: 14px; }
		.conteudo .infos .iExtra { padding-top: 2px; color: #666666; font-size: 11px; }
		
		.conteudo .infos .infoLinha {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 18px;
			border-bottom: 1px dotted #C7B299;
			overflow: hidden;
		}
		
		.conteudo .colDireita a.ingresso {
			display: block;
			margin: 20px auto 0 auto;
			width: 161px; height: 25px;
			background: url(../imgs/bt_ingressos.gif) no-repeat left top;
			cursor: pointer;
		}
			.conteudo .colDireita a.ingresso:hover { background-position: right top; }
			
		.conteudo .colDireita a.inscricoes {
			display: block;
			margin: 20px auto 0 auto;
			width: 161px; height: 25px;
			background: url(../imgs/bt_inscricao.gif) no-repeat left top;
			cursor: pointer;
		}
			.conteudo .colDireita a.inscricoes:hover { background-position: right top; }
			
	.conteudo .oficina {
		padding: 10px 25px 10px 25px;
		line-height: 18px;
	}
		.conteudo .oficina h6 { margin-bottom: 5px; padding: 4px 10px; background: #EDEDED; font-weight: normal; font-size: 14px; }
			.conteudo .oficina h6 strong { margin-right: 5px; font-weight: bold; font-size: 16px; }
		.conteudo .oficina a.foto { float: left; width: 150px; overflow: hidden; }
		.conteudo .oficina .infoOficina { float: left; padding-left: 10px;  width: 307px; }
			.conteudo .oficina .infoOficina.full { width: 457px; }
			.conteudo .oficina .infoOficina p { padding: 8px 0 0 0; }
		
			
	body.fichaAtivo .conteudo p {
		padding-top: 10px;
	}
		body.fichaAtivo .conteudo p strong { color: #333333; }
	/* FIM CONTEUDO SOBRE */
	
	/* CONTEUDO EXPOSITOR */
	body.plantaAtivo .conteudo .colEsuqerda, body.plantaAtivo .conteudo .colDireita { padding-bottom: 0; }
	
	.conteudo .grafico { clear: both; margin: 7px 30px; }
		.conteudo .grafico img { float: left; }
		.conteudo .grafico .valores { float: left; padding-left: 30px; }
			.conteudo .grafico .valores .valor { clear: both; padding-top: 10px; font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align: left; }
				.conteudo .grafico .valores .valor.ds { padding: 0 0 1px 0; }
				.conteudo .grafico .valores .valor span, .conteudo .grafico .valores .valor.ds { font-size: 12px; }
				.conteudo .grafico .valores .valor.ds span { color: #000000; font-size: 14px; }
			.conteudo .grafico .valores .boxCor { float: left; width: 15px; height: 15px; background: #CCCCCC; margin-right: 5px; }
				.conteudo .grafico .valores .valor.ds .boxCor { width: 20px; height: 20px; }
			
			.conteudo .grafico .valores .boxCor.azul1 { background: #91A7CD; }
			.conteudo .grafico .valores .boxCor.azul2 { background: #4471A5; }
			.conteudo .grafico .valores .boxCor.vermelho1 { background: #8E3937; }
			.conteudo .grafico .valores .boxCor.vermelho2 { background: #BE4F4C; }
			.conteudo .grafico .valores .boxCor.vermelho3 { background: #A84542; }
			.conteudo .grafico .valores .boxCor.vermelho4 { background: #DEBABA; }
			.conteudo .grafico .valores .boxCor.vermelho5 { background: #CF9190; }
			.conteudo .grafico .valores .boxCor.verde1 { background: #738A40; }
			.conteudo .grafico .valores .boxCor.verde2 { background: #99B958; }
			.conteudo .grafico .valores .boxCor.verde3 { background: #87A34D; }
			.conteudo .grafico .valores .boxCor.verde4 { background: #B7CB94; }
			.conteudo .grafico .valores .boxCor.verde5 { background: #CFDCBC; }
			.conteudo .grafico .valores .boxCor.roxo1 { background: #685083; }
			.conteudo .grafico .valores .boxCor.roxo2 { background: #7E63A0; }
			.conteudo .grafico .valores .boxCor.roxo3 { background: #B8AEC7; }
			.conteudo .grafico .valores .boxCor.ciano1 { background: #4096AD; }
			.conteudo .grafico .valores .boxCor.ciano2 { background: #8FC1D3; }
			
			.conteudo .grafico .valores .boxCor.cor1 { background: #4E93E1; }
			.conteudo .grafico .valores .boxCor.cor2 { background: #FF7274; }
			.conteudo .grafico .valores .boxCor.cor3 { background: #9BCD5C; }
			.conteudo .grafico .valores .boxCor.cor4 { background: #56C9E8; }
			.conteudo .grafico .valores .boxCor.cor5 { background: #FEAA6A; }
			.conteudo .grafico .valores .boxCor.cor6 { background: #A37EC1; }
			
	/* FIM CONTEUDO EXPOSITOR */
	
	/* CONTEUDO PARCEIROS */
	body.parceirosAtivo table { margin: 20px; padding: 5px 0; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-transform: uppercase; border-collapse: collapse; }
		body.parceirosAtivo tr.leg { padding-bottom: 20px; }
			body.parceirosAtivo tr.imgs td { height: 100px; }
			body.parceirosAtivo .colEspaco { height: 80px; }
			body.parceirosAtivo td { width: 243px; text-align: center; vertical-align: middle; }
			body.parceirosAtivo td.colMeio { padding: 0 2px; }
	/* FIM CONTEUDO PARCEIROS */

	
/*****************************
		FORMULARIOS
*****************************/

form { padding-top: 20px; }
	
.campo { clear: both; padding: 5px 30px 10px 30px; width: 360px; }
.campoEsquerda { clear: left; float: left; width: 175px; }
.campoDireita { clear: right; float: right; width: 175px; }

.hintErro { clear: both; color: #902F38; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height: 15px; }
.respostaAjax { padding: 0 30px; height: 20px; color: #339900; font: 10px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.help { position: absolute; top: 0; right: 5px; }

input, textarea {
	padding: 4px;
	width: 350px; height: 17px;
	background: url(../imgs/bg_campo.gif);
	border: 1px solid #0F4B74;
	color: #000000;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
textarea { height: 75px; }
.small input { width: 163px; }

input.incorreto, textarea.incorreto { background: url(../imgs/bg_campo_erro.gif); color: #FFFFFF; }
input.desativado, textarea.desativado { background: url(../imgs/bg_campo.gif); color: #999999; }

label { cursor: pointer; }
	label.check { float: left; padding-top: 1px; }

.botao {
	border: 0; padding: 0;
	width: 175px; height: 27px;
	cursor: pointer;
	background-position: left top;
}
	.botao:hover { background-position: right top; }

.btLimpar {	background: url(../imgs/bt_limpar.gif); }
.btEnviar { background: url(../imgs/bt_enviar.gif); }


/* Controla o estilo do Custom radiobutton e checkbox - para alterar o tamanho editar as variáveis no forms.js também */
input.styled { display: none; }
span.checkbox, span.radio {
	clear: left; float: left;
	display: block;
	padding: 0 5px 0 0;
	width: 19px; height: 25px;
}
span.checkbox { background: url(../imgs/checkbox.gif) no-repeat; }
span.radio { background: url(../imgs/radio.gif) no-repeat; }

/* Controla o estilo do Custom select */
span.select {
	position: absolute;
	padding: 4px; padding-right: 24px;
	width: 143px; height: 17px;
	border: 1px solid #0F4B74;
	background: url(../imgs/select.gif) no-repeat top right;
	color: #000000;
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
}
select.styled { position: relative; z-index: 5; height: 27px; width: 174px; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); }


/*****************************
		FOOTER
*****************************/

.mapa .meio, .apoio .meio { width: 783px; padding: 0; font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

.titMapa {
	padding: 9px 0;
	background: #0F4B74;
	font: 12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: 10px;
	text-transform: uppercase;
}
	.titMapa a { color: #FFFFFF; padding-left: 20px; }
		.titMapa a:hover { text-decoration: none; color: #FFFFFF; }
		.titMapa a.mais { background: url(../imgs/ico_mais.gif) no-repeat left center; }
		.titMapa a.menos { background: url(../imgs/ico_menos.gif) no-repeat left center; }
	
.mapa {
	padding: 10px 0;
	background: #F7F7F7 url(../imgs/bg_cabecalho.gif) repeat-x center bottom;
	border-bottom: 10px solid #0F4B74;
	color: #998675;
}
	.mapa .meio { background: url(../imgs/divisor_linha_mapa.gif); }
	.mapa a { color: #036; }
		.mapa a:hover { color: #902f38; }
	.mapa .coluna {
		float: left;
		padding-left: 10px;
		width: 120px;
	}
		.mapa .coluna h4 { text-transform: uppercase; font-weight: normal; font-size: 11px; }
		.mapa .coluna p { padding-top: 2px; }

.apoio {
	clear: both;
	padding: 10px 0;
	background: #FFFFFF url(../imgs/bg_apoio.gif) repeat-x center bottom;
	color: #998675;
}
	.titApoio { padding-left: 10px; }
		
	.apoio .colEsquerda {
		float: left;
		width: 130px;
	}
	.apoio .colDireita {
		float: right;
		padding-left: 1px;
		width: 652px;
		background: url(../imgs/divisor_linha.gif) repeat-y left top;
	}
		.apoio .colDireita a, .apoio .colDireita img { float: left; }
	
	.apoio .linha {
		clear: both;
		margin: 0 10px;
		height: 2px;
		background: #E6E6E6;
		overflow: hidden;
	}
	
	.clear {
		clear: both;
		margin: 0 10px;

	}

.copyright {
	clear: both;
	padding: 9px 0;
	background: #F37139;
	color: #FFFFFF;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align: center;
}
	.copyright a { color: #333333; }
		.copyright a:hover { color: #0F4B74; }


/*****************************
		     ROAR
*****************************/

.roar-body {
	position: absolute;
	z-index: 999;
	color: #FFFFFF;
	text-align: left;
}

.roar {
	position: absolute;
	width: 300px;
	cursor: pointer;
}
.roar-bg {
	position: absolute;
	z-index: 1000;
	width: 100%; height: 100%;
	left: 0; top: 0;
	background: #000000;
}
.roar-body-ugly .roar { background: #333333; }
.roar-body-ugly .roar-bg { display: none; }
.roar h3 {
	position: relative;
	z-index: 1002;
	padding: 15px;
	font-weight: bold;
	font-size: 14px;
}
.roar p {
	position: relative;
	z-index: 1002;
	padding: 0 15px 20px 15px;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}


/*****************************
		SQUEEZEBOX
*****************************/

#sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; }

#sbox-overlay { position: absolute; background: #000000; }

#sbox-window {
	position: absolute;
	background: #FFFFFF;
	text-align: left;
	overflow: visible;
}

#sbox-btn-close {
	position: absolute;
	top: 0; right: 0;
	width: 30px; height: 30px;
	background: url(../imgs/closebox.gif) no-repeat center;
	border: none;
}

.sbox-window-ie6 #sbox-btn-close { background: url(../imgs/closebox.gif); }

.sbox-loading #sbox-content { background: url(../imgs/loader.gif) no-repeat center; }

#sbox-content {
	clear: both;
	width: 100%; height: 100%;
	background: #FFFFFF;
	overflow: auto;
}

.sbox-content-image#sbox-content, .sbox-content-iframe#sbox-content { overflow: visible; }

#sbox-image, .sbox-content-image img { display: block; }

.body-overlayed embed, .body-overlayed object, .body-overlayed select, #sbox-window .sbox-content-swf { visibility: hidden; }

.float {
	float:left;
}

.clear {
	clear:both;
}