.acordeon{
	width:184px;
	list-style: none;
}
.acordeon li{
	margin-bottom: 4px;
}

.acordeon h2 {
	height: 20px; 
	padding:3px;
	margin: 0px;
	border: 0px; 
	text-indent: -4000px;
	background:url(../img/nav.jpg) no-repeat; 
	font-size: 16px; 
	color:#fff; 
	cursor:pointer;
}
.acordeon h2 a {
	display:block;
}

	
#quem_somos{background-position: 0 0;}
#servicos{background-position: 0 -30px;}
#clientes{background-position: 0 -60px;}
#suporte{background-position: 0 -90px;}
#inovacao{background-position: 0 -120px;}
#parceiros{background-position: 0 -150px;}
#noticias{background-position: 0 -180px;}
#contato{background-position: 0 -210px;}

#quem_somos.active{background-position: -186px 0;}
#servicos.active{background-position: -186px -30px;}
#clientes.active{background-position: -186px -60px;}
#suporte.active{background-position: -186px -90px;}
#inovacao.active{background-position: -186px -120px;}
#parceiros.active{background-position: -186px -150px;}
#noticias.active{background-position: -186px -180px;}
#contato.active{background-position: -186px -210px;}

.acordeon h2:hover{ 
	text-decoration:none; 
}
.acordeon div.recipiente { 
	display:none; 
	text-align: right;
}

.hover_seta{ 
	background-position:0 -44px;
}

.acordeon div.recipiente li {list-style: none;}

.acordeon .recipiente li a{
	height: 18px; 
	padding:3px;
	margin: 0px;
	border: 0px; 
	background:url(../img/nav_interno.png) no-repeat; 
	font-size: 16px; 
	text-indent: -4000px;
	display:block;
	color:#fff;
	
}
.acordeon .recipiente2 li a{
	height: 18px;
	padding:3px;
	margin: 0px;
	border-top: 5px;
	font-size: 16px;
	text-indent: -4000px;
	display:block;
	color:#fff;

}
#subitem{
	background: #f2a106;
}

#descricao{  background-position: 0 0;}
#historia{ background-position: 0 -27px;}
#missao{ background-position: 0 -53px;}
#visao{ background-position: 0 -78px;}
#socios{ background-position: 0 -103px;}
#investidores{background-position: 0 -128px;}
#portais_web{background-position: 0 -150px;}
#e_cidade{background-position: 0 -180px;}
#realidade{background-position: 0 -204px;}
#tv_digital{background-position: 0 -226px;}
#realidade_inovacao{background-position: 0 -253px;}
#indexacao{background-position: 0 -278px;}
#fale{background-position: 0 -300px;}
#exclusiva{background-position: 0 -327px;}
#trabalhe{background-position: 0 -353px;}
#tablets{background-position: 0 -378px;}

#descricao:hover{  background-position: -186px 0;}
#historia:hover{ background-position:-186px -27px;;}
#missao:hover{ background-position: -186px -53px;}
#visao:hover{ background-position: -186px -78px;}
#socios:hover{ background-position: -186px -103px;}
#investidores:hover{background-position: -186px -128px;}
#portais_web:hover{background-position: -186px -150px;}
#e_cidade:hover{background-position: -186px -180px;}
#realidade:hover{background-position: -186px -204px;}
#tv_digital:hover{background-position: -186px -226px;}
#realidade_inovacao:hover{background-position: -186px -253px;}
#indexacao:hover{background-position: -186px -278px;}
#fale:hover{background-position: -186px -300px;}
#exclusiva:hover{background-position: -186px -327px;}
#trabalhe:hover{background-position: -186px -353px;}
#tablets:hover{background-position: -186px -379px;}