body {
	font-family:	'lato_regular';
	margin: 		0px; 
	padding: 		0px; 
	width:			640px; 
}

#wrapper {
	overflow:	hidden;
}

#conteudo {
	border: 	5px solid #dfdfdf;
	margin: 	0px;
	overflow:	hidden;
	width: 		640px;
}

#conteudo iframe {
	height:	100%;
	width: 	100%;
}

div#topo {
	text-align:	center;
	width:		640px;
}



.materia {
	min-height:	400px;
	width: 		640px;
}

.infoQuiz div#topo {	
	margin: 	0px auto; 
	position: 	absolute;
}

.infoAntesDepois div#topo {
	/* left: 		0; */
	margin-right:	-130px;
	margin-top: 	5px;
	max-width: 		260px;
	min-width: 		260px;
	right: 			50%;
	text-align: 	center;
	z-index: 		15;
}
.infoAntesDepois div#topo h1	{	left: auto; padding: 2px 8px; text-align: center;	}
.infoAntesDepois #conteudo 	{	border: none;	}

.infoDados div#topo 		{
	bottom:			 25px;
	right: 			50%;
	/* left: 		0; */
	text-align:	 	center;
	margin-right:	-130px;
	max-width: 		260px;
	min-width: 		260px;
	z-index: 		15;
}
.infoDados div#conteudo 	{	border: none; width: 604px !important; padding-top: 60px; padding-bottom: 10px;	}
div#wrapper.infoDados 	{	min-height: 200px;	}
.infoDados div#topo h1	{	left: auto; margin: 5px 0 0 0; padding: 2px 8px; text-align: center; 	}

.infoMapa div#topo 		{	
	bottom: 		25px;
	/* left: 		0; */
	margin-right:	-130px;
	max-width: 		260px;
	min-width: 		260px;
	right: 			50%;
	text-align: 	center;
	z-index: 		15;
}
.infoMapa div#conteudo	{	border: none; height: 335px; width: 604px !important; }
div#wrapper.infoMapa 	{	min-height: 200px;}
.infoMapa div#topo h1 		{	left: auto; margin: 5px 0 0 0; padding: 2px 8px; text-align: center;	}

.infoSlider div#topo		{	
	bottom: 		295px;
	/* left: 		0; */
	margin-right:	-130px;
	max-width:		260px;
	min-width: 		260px;
	right: 			50%;
	text-align: 	center;
	z-index: 		15;
}
.infoSlider div#conteudo	{	border: none; height: 335px; width: 604px !important;	}
div#wrapper.infoSlider 	{	min-height: 200px;	}
.infoSlider div#topo h1 	{	left: auto; margin: 5px 0 0 0; padding: 4px 8px; text-align: center;	}



#navDir	 		{	cursor: pointer; margin-top: 55px; right: -65px; top: 20%; z-index: 2;	}
#navEsq 			{	cursor: pointer; left: -65px; margin-top: 55px; top: 20%; z-index: 2;	}
.navLeft 		{	background: #32bbee url("../img/arrowleft.png") no-repeat 70px 35px;	}
.navRight 		{	background: #32bbee url("../img/arrowright.png") no-repeat 20px 35px;	}



h1 , h2, h3, h4, h5, h6 {
	font-family: 	'lato_bold';
	padding:		5px;
}

h1 {
	font-family: 	'oswald';
	font-size:		130%;
	text-transform:	uppercase;
}

h2 {
	font-size:	144%;
}

h3 {
	font-size:	125%;
}

h4 {
	font-size:	110%;
}

h5, h6 {
	font-size: 		100%; 
}

div#topo > h1 {
	display:	inline;
	padding:	5px 10px;
	width:		auto;
}


.text-align-left	{	text-align:	left;	}
.text-align-justify	{	text-align:	justify;	}
.left 				{	float: left;	}
.right 				{	float: right;	}
.voa 				{	position: absolute;	}
.fixBorder 			{	margin-left: -1px;	}
.circulo 			{	border-radius: 50%; height: 110px; width: 110px;	}
.pointer 			{	background-color: #ffffff; cursor: pointer; height: 40px; width: 40px;	}
.interno 			{	background-color: #32bbee; height: 24px; left: 8px; top: 8px; width: 24px; 	}
.internalImage		{	min-height:	233px; width: 640px;	}

.whiteFont 			{	color: #FFF;	}
.zhGeral			{	border: 2px solid #dfdfdf;	}
.azulZH 				{	background-color: #32bbee;	}