#area1{top: 0; z-index: 100; position: fixed;}
#area2{}
#area3{}



/** area2 **/
#area2 .texto{
	position: absolute;
	width: 410px;
	top: 20%;
	left: 5%;
	text-align: center;
	color: #082141;
}

#area2 .texto h1{
	font-size: 32px;
}
#area2 .texto p{
	font-size: 18px;
}

#area2 .texto .medalhaAzeitao{
	width: 150px;
	position: absolute;
	left: 0;
	opacity: 0;
}

#area2 .texto .assinatura{
	width: 150px;
	position: absolute;
	left: 170px;
}

/** area3 **/

#area3 .medalhasHolder{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 60%;
	margin-top: -112px;
}

#area3 .medalhas{
	width: 198px;
	height: 230px;
	position: relative;
	display: inline-block;
}

#area3 .medalhasHolder .medalhas{
	min-width: 174px;
	max-width: 1270px;
}

#area3 .medalhas .medalha{
	position: absolute;
	left: 0;
	width: 174px;
}

#area3 .medalhas .medalha1{

}

#area3 .medalhas .medalha2{
	left: 50%;
	margin-left: -87px;
}

#area3 .medalhas .medalha3{
	left: inherit;
	right: 0;
}

#area3 .mensagemMedalhas{
	text-align: center;
	color: #FFF;
	font-size: 38px;
}