html { font-size: 62.5%; }
html {
/*	font:normal 12px/normal Arial, Helvetica, sans-serif;*/
	font:normal 12px/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
}

* {color:#FFF;}

body {
	background:#000;
	color:#FFF;
	margin:0 auto;
	text-align:left;
	display:none;
}

a, a:link { text-decoration:none; color:#FFF; cursor:pointer;}
a:hover { text-decoration:underline;}

h1 {font-size:14px; line-height:20px;}

h2 {font-size:14px; line-height:20px;}

/*** Início - Formatação do Hotsite ***/

#content {
	width:1024px; 
	height:770px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	position:relative;
}

	#content .left-side {
		width:290px;
		height:768px;
		float:left;
		background:url(../img/backgrounds/lateral-hotsite.png);
		display:block;
		position:relative;
	}
	
	#content .right-side {
		width:734px;
		float:left;
	}
	
	#content #text {
		margin-top:30px;
		width:650px;
		line-height:16px;
	}
	
	#content #text p {
		font-size:14px;
		text-align:justify;
		line-height:18px;
		margin:0 0 15px;
	}
	
	#info-rodape {
		position:absolute;
		bottom:40px;
		left:300px;
	}

	.capitalize {margin:0 5px 0 3px;}

	.left {float:left;}
	.right {float:right;}

	.listagem-evento li{ margin:10px 0 0;} 

	.clear {clear:both !important; float:none !important; width:0 !important; height:0 !important;}
	
	.destaque {color:#FC0; font-weight:bold;}
	
	.bt-projeto-abraco {width:198px; height:53px; display:block; background:url(../img/button/bt-projeto-abraco.png) no-repeat 0 0; overflow:hidden; text-indent:-1000px; position:absolute; top:400px; left:50px;}

	.bt-midia {width:125px; height:45px; display:block; background:url(../img/button/bt-divulgacao.png) no-repeat 0 0; overflow:hidden; text-indent:-1000px; position:absolute; bottom:250px; right:75px;}
	.bt-midia:hover, .bt-midia.active {background-position:0 -53px;}

	.bt-depoimentos {width:125px; height:30px; display:block; background:url(../img/button/bt-depoimentos.png) no-repeat 0 0; overflow:hidden; text-indent:-1000px; position:absolute; bottom:200px; right:75px;}
	.bt-depoimentos:hover, .bt-depoimentos.active {background-position:0 -70px;}

	.bt-imprensa {width:104px; height:29px; display:block; background:url(../img/button/bt-imprensa.png) no-repeat 0 0; overflow:hidden; text-indent:-1000px; position:absolute; bottom:270px; right:130px;}
	.bt-imprensa:hover, .bt-imprensa.active {background-position:0 -30px;}


/*** Barra de Navegação ***/
		.nav-bar {
			display:block;
		}
		
		.nav-bar li{
			float:left;
			display:block;
			padding:152px 0 12px;
		}
		
		.nav-bar li a {
			background:url(../img/menu/menu-sprite.png) no-repeat;
			display:block;
			overflow:hidden;
			text-indent:-1000px;
			margin:0 auto;
		}
		
		.nav-bar li a:hover {
			text-decoration:none;
		}
		
		.nav-bar li#agradecimento {width:166px;}
		.nav-bar li#agradecimento.active {background:url(../img/menu/menu-patrocinadores-active.png) no-repeat 0 -32px;}

		.nav-bar li#infomacoes {width:138px;}
		.nav-bar li#infomacoes.active {background:url(../img/menu/menu-informacoes-active.png) no-repeat 0 -32px;}
		
		.nav-bar li#atracoes {width:109px;}
		.nav-bar li#atracoes.active {background:url(../img/menu/menu-atracoes-active.png) no-repeat 0 -32px;}

		.nav-bar li#divulgacao {width:109px;}
		.nav-bar li#divulgacao.active {background:url(../img/menu/menu-atracoes-active.png) no-repeat 0 -32px;}

		.nav-bar li#galeria {width:180px; margin:0 10px;}
		.nav-bar li#galeria.active {background:url(../img/menu/menu-pontos-active.png) no-repeat 0 -32px;}

		.nav-bar li#pontos {width:180px;}
		.nav-bar li#pontos.active {background:url(../img/menu/menu-pontos-active.png) no-repeat 0 -32px;}

		.nav-bar li#localizacao {width:136px;}
		.nav-bar li#localizacao.active {background:url(../img/menu/menu-localizacao-active.png) no-repeat 0 -32px;}

		.nav-bar li#patrocinadores {width:166px; padding:136px 0 12px;}
		.nav-bar li#patrocinadores.active {background:url(../img/menu/menu-patrocinadores-active.png) no-repeat 0 -32px;}


		.nav-bar li a.agradecimento{background:url(../img/menu/bt-agradecimento.png) no-repeat 0 -7px; width:150px; height:25px;}
		.nav-bar li a.divulgacao { background:url(../img/button/bt-midia.png) no-repeat 0 0px; width:88px; height:25px;}
		.nav-bar li a.galeria { background:url(../img/button/bt-galeria-fotos.png) no-repeat 0 2px; width:160px; height:24px;}

		.nav-bar li a.infomacoes {background-position: -16px -8px; width:114px; height:25px;}
		.nav-bar li a.atracoes {background-position: -152px -8px; width:85px; height:25px;}
		.nav-bar li a.pontos {background-position: -256px -8px; width:156px; height:25px;}
		.nav-bar li a.localizacao {background-position: -434px -8px; width:122px; height:25px;}
		.nav-bar li a.patrocinadores {background-position: -574px 0; width:142px; height:37px; margin-top:3px;}

		.nav-bar li .agradecimento:hover {background-position: 0 -77px;}
		.nav-bar li .divulgacao:hover { background-position: 0 -25px;}
		.nav-bar li .galeria:hover { background-position: 0 -19px;}

		.nav-bar li .infomacoes:hover {background-position: -16px -78px;}
		.nav-bar li .atracoes:hover {background-position: -152px -78px;}
		.nav-bar li .pontos:hover {background-position: -256px -78px;}
		.nav-bar li .localizacao:hover {background-position: -434px -78px;}
		.nav-bar li .patrocinadores:hover {background-position: -574px -71px;}
		
		.nav-bar li .agradecimento.active, .nav-bar li .agradecimento.active:hover {background-position: 0 -43px;}
		.nav-bar li .divulgacao.active, .nav-bar li .divulgacao.active:hover { background-position: 0 -48px;}
		.nav-bar li .galeria.active, .nav-bar li .galeria.active:hover { background-position: 0 -41px;}

		.nav-bar li .infomacoes.active, .nav-bar li .infomacoes.active:hover {background-position: -16px -43px;}
		.nav-bar li .atracoes.active, .nav-bar li .atracoes.active:hover {background-position: -152px -43px;}
		.nav-bar li .pontos.active, .nav-bar li .pontos.active:hover {background-position: -256px -43px;}
		.nav-bar li .localizacao.active, .nav-bar li .localizacao.active:hover {background-position: -434px -43px;}
		.nav-bar li .patrocinadores.active, .nav-bar li .patrocinadores.active:hover {background-position: -574px -34px;}		
		
		.nav-bar li a.active:hover {background-position:auto;}		
		
/*** Formatação das páginas individualmente ***/

	.bg-blue {background:url(../img/backgrounds/bg-blue.jpg) no-repeat 0 0;}
	.bg-red {background:url(../img/backgrounds/bg-red.jpg) no-repeat 0 0;}
	.bg-orange {background:url(../img/backgrounds/bg-orange.jpg) no-repeat 0 0;}
	.bg-green {background:url(../img/backgrounds/bg-green.jpg) no-repeat 0 0;}
	
/*** Pontos de Venda ***/

.listagem-pontos .left, .listagem-pontos .right {width:300px;}

.listagem-pontos .left {border-right:2px solid #FFF; padding-right:20px;}

.listagem-pontos li {padding-bottom:10px;}
.listagem-pontos span {margin-left:10px; display:block; font-size:12px;}

/*** Patrocinadores ***/

#box-patrocinadores {
	width: 699px; 
	height:507px; 
	display:block; 
	background:url(../img/backgrounds/box-patrocinadores.png) no-repeat 0 0;
	position:relative;
	text-align:center;
}

#box-patrocinadores .bt-apoio {width:170px; height:77px; display:block; background:url(../img/button/bt-apoio.png) no-repeat 0 0; overflow:hidden; text-indent:-1000px; position:absolute; bottom:15px; right:30px;}
#box-patrocinadores .bt-apoio:hover {background-position:0 -78px;}

#box-patrocinadores h1, #box-patrocinadores h2 {color:#000; padding-top:30px;}

.patrocinadores {margin-left:10px; margin-top:10px;}