@charset "utf-8";
/* CSS Document */


html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align:baseline;
	font: inherit;
}



body{ background-color:#FFF;}




.imagem {
    width: 100%;
    height: auto;
	margin: 0;
	padding: 0;
}






img[usemap] {
	
		height: auto;
		max-width: 100%;
		
	
	
	}
	
	




#seis
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;				
		z-index:13;
	
	
}




#fundo1
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;				
		
	
		

}





#fundo2
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;		
		
		display:none;
		

}





#fundo3
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;		
		display:none;
	

}



#fundo4
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;		

		display:none;
		

}


#fundo5
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;		

		display:none;
	

}

#fundo6
{
	position:absolute;
		margin-left:0px;
		margin-top:0px;		

		display:none;
	

}



.seta {
	
	cursor:default;
	}



.seta2 {
	
	cursor:pointer;
	}






/*


#botao1 {
	cursor:default;
	width: 184px;
	height: 183px;
	border-radius:200px;
	opacity:1;
	position:absolute;
	left:357px;
	top:53px;
	z-index:4000;
	background-color:#62c234;

}


#botao1:hover {

	opacity:0.1;
	cursor:default;
	
}



#botao2 {
	cursor:pointer;
	width: 193px;
	height: 194px;
	border-radius:200px;
	opacity:0;
	position:absolute;
	left:685px;
	top:288px;
	z-index:4000;
	background-color:#62c234;
	
}


#botao2:hover {

	opacity:0.1;
	
	
}



#botao3 {
	cursor:pointer;
	width: 72px;
	height: 70px;
	border-radius:200px;
	background-color:#62c234;
	opacity:0;
	position:absolute;
	left:75px;
	top:454px;
	z-index:4000;
	display:none;
	
	
}


#botao3:hover {

	opacity:0.1;
	
	
}


#botao4 {
	cursor:pointer;
	width: 72px;
	height: 70px;
	border-radius:200px;
	background-color:#fd9417;
	opacity:0;
	position:absolute;
	left:221px;
	top:422px;
	z-index:4000;
	display:none;
	
	
}


#botao4:hover {

	opacity:0.1;
	
	
}


#botao5 {
	cursor:pointer;
	width: 72px;
	height: 71px;
	border-radius:200px;
	background-color:#62c234;
	opacity:0;
	position:absolute;
	left:485px;
	top:511px;
	z-index:4000;
	display:none;
	
	
}


#botao5:hover {

	opacity:0.1;
	
	
}




#botao6 {
	cursor:pointer;
	width: 70px;
	height: 70px;
	border-radius:200px;
	background-color:#62c234;
	opacity:0;
	position:absolute;
	left:582px;
	top:376px;
	z-index:4000;
	display:none;
	
	
	
}


#botao6:hover {

	opacity:0.1;
	
	
}





#botao7 {
	cursor:pointer;
	width: 72px;
	height: 70px;
	border-radius:200px;
	background-color:#62c234;
	opacity:0;
	position:absolute;
	left:584px;
	top:199.5px;
	z-index:4000;
	display:none;

	
	
	
}


#botao7:hover {

	opacity:0.1;
	
	
}




#botao8 {
	cursor:pointer;
	width: 82px;
	height: 82px;
	border-radius:200px;
	background-color:#62c234;
	opacity:0;
	position:absolute;
	left:494px;
	top:61px;
	z-index:4000;
display:none;
	
	
}


#botao8:hover {

	opacity:0.1;
	
	
}




#botao9 {
	cursor:pointer;
	width: 72px;
	height: 70px;
	border-radius:200px;
	background-color:black;
	opacity:0;
	position:absolute;
	left:160px;
	top:497px;
	z-index:4000;
	display:none;
	
	
}



#botao10 {
	cursor:pointer;
	width: 72px;
	height: 70px;
	border-radius:200px;
	background-color:#62c234;
	opacity:0;
	position:absolute;
	left:246px;
	top:560px;
	z-index:4000;
	display:none;
	
	
}



#botao11 {
	cursor:pointer;
	width: 72px;
	height: 72px;
	border-radius:200px;
	background-color:#FF290B;
	opacity:0;
	position:absolute;
	left:214px;
	top:263px;
	z-index:4000;
	display:none;
	
	
	
}






#botao12 {
	cursor:pointer;
	width: 72px;
	height: 72px;
	border-radius:200px;
	background-color:#fd9417;
	opacity:0;
	position:absolute;
	left:449px;
	top:268px;
	z-index:4000;
	display:none;
	
	
	
	
}


*/


.clear {
	clear:both;

	
}	



.container {
	position:absolute;
	width: 36%;
	left:14%;
	top:42%;
	z-index:999999995000;
	
	}
	
#conteudo1, #conteudo2, #conteudo3, #conteudo4, #conteudo5, #conteudo6, #conteudo7, #conteudo8, #conteudo9, #conteudo10, #conteudo11, #conteudo12 {
	display:none;

	position:absolute;
	


	}
	
#recomecar {
	
		position:absolute;
		margin-left:5%;
		margin-top:70%;		
		background:url(../i/recomecar.png)  no-repeat;
		width:91px;
		height:37px;
		z-index:15100;
		cursor:pointer;
		display:none;
	}	
	
	
	
#legenda {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:20px;
		position:absolute;
		margin-left:20px;
		margin-top:635px;		
		width:491px;
		z-index:15100;
		display:none;
	}		
	
	
.titulo1 {	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:35px;	
	color: black;
	text-align:center;
	position:absolute;

}	


.titulo {	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	line-height:25px;	
	color: black;
	text-align:center;
	
	
	
}


.texto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	color: black;
	text-align:center;

}


.entrada {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:21px;
	color: black;


}



.fecharx {
	padding:4px;
	border: 1px solid #716F6E;
	
	}


.fechar {
	cursor:pointer;
	text-align:center;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: black;
	margin-top:6px;
	display:none;

}


/* mobile styles */
@media only screen and (max-width:480px) {
	
.container {
	width: 90%;
	left:5%;
	top:36%;
	
	}
	
	
.titulo1 {	
	font-size:20px;
	line-height:25px;	

}	


.entrada {
	font-size:12px;
	line-height:18px;

}


.titulo {	
	font-size:16px;
	line-height:20px;
	font-weight:bold;

}


.texto {
	font-size:13px;
	line-height:18px;

}


#recomecar {

		margin-left:33%;
		margin-top:50%;		

	}
	
	
}
	
/*tablet styles*/
@media only screen and (min-width:481px) and (max-width:768px) {
	
	
.container {
	width: 90%;
	left:5%;
	top:71%;
	
	}
	
	
.titulo1 {	
	font-size:20px;
	line-height:25px;	

}	


.entrada {
	font-size:12px;
	line-height:18px;

}


.titulo {	
	font-size:16px;
	line-height:20px;
	font-weight:bold;

}


.texto {
	font-size:13px;
	line-height:18px;	

}


#recomecar {

		margin-left:40%;
		margin-top:55%;		

	}	
	

}



/*desktop styles*/
@media only screen and (min-width:769px) {
	
	
	.imagem {
    width: 100%;
    height: auto;
	margin: 0;
	padding: 0;
}






img[usemap] {
	
		height: auto;
		max-width: 100%;
		
	
	
	}
	
	




#seis
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;				
		z-index:13;
	
	
}




#fundo1
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;				
		
	
		

}





#fundo2
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;		
		
		display:none;
		

}





#fundo3
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;		
		display:none;
	

}



#fundo4
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;		

		display:none;
		

}


#fundo5
{
		position:absolute;
		margin-left:0px;
		margin-top:0px;		

		display:none;
	

}

#fundo6
{
	position:absolute;
		margin-left:0px;
		margin-top:0px;		

		display:none;
	

}



.seta {
	
	cursor:default;
	}



.seta2 {
	
	cursor:pointer;
	}





.clear {
	clear:both;

	
}	



.container {
	position:absolute;
	width: 54%;
	left:19%;
	top:37%;
	z-index:999999995000;
	
	}
	
#conteudo1, #conteudo2, #conteudo3, #conteudo4, #conteudo5, #conteudo6, #conteudo7, #conteudo8, #conteudo9, #conteudo10, #conteudo11, #conteudo12 {
	display:none;

	position:absolute;
	


	}
	
#recomecar {
	
		position:absolute;
		margin-left:5%;
		margin-top:90%;		
		background:url(../i/recomecar.png)  no-repeat;
		width:91px;
		height:37px;
		z-index:15100;
		cursor:pointer;
		display:none;
	}	
	
	
	
#legenda {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		line-height:20px;
		position:absolute;
		margin-left:20px;
		margin-top:635px;		
		width:491px;
		z-index:15100;
		display:none;
	}		
	
	
.titulo1 {	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height:35px;	
	color: black;
	text-align:center;
	position:absolute;

}	


.titulo {	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	line-height:25px;	
	color: black;
	text-align:center;
	
	
	
}


.texto {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	color: black;
	text-align:center;

}


.entrada {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	line-height:21px;
	color: black;


}



.fecharx {
	padding:4px;
	border: 1px solid #716F6E;
	
	}


.fechar {
	cursor:pointer;
	text-align:center;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color: black;
	margin-top:6px;
	display:none;

}
	
	
}