.acoes { width: 100%; max-width: 920px; margin: 10px auto; text-align: right; }
.acoes a, .botao { display: inline-block; height: 40px; line-height: 40px; font-family: 'Oswald', sans-serif; padding: 0 15px 0 15px; background-color: #419DE9; color: #FFF; text-decoration: none; font-size: 18px; border-left: 4px solid #177CCE;  }
.acoes a:hover, .botao:hover { background-color: #555;}
.paginaAt { width: 100%; background: #CCD6DC; display: block; margin-top: 10px; }
.paginaAt h2 { border-left: 4px solid #419DE9; padding-left: 10px; font-family: 'Oswald', sans-serif; color: #000; line-height: 30px; font-size: 16px; font-weight: normal; }
.paginaAt h2 span{ position:absolute; right:25px; }
.paginaAt h2 span a{ text-decoration:none; color:#000; font-size:20px; line-height: 30px; }
#container { position:relative; margin: 0 auto; width: 960px; color:#333333; }
.small {
	position:relative;
	margin:10px;
	width:300px;
	float:left;
	z-index:1;
	background-color:#FFFFFF;
}
.middle {
	position:relative;
	margin:10px;
	width:460px;
	float:left;
	z-index:1;
	background-color:#FFFFFF;
}
.big {
	position:relative;
	margin:10px;
	width:620px;
	float:left;
	z-index:1;
	background-color:#FFFFFF;
}
.full {
	position:relative;
	margin:10px;
	width:940px;
	z-index:1;
	background-color:#FFFFFF;
}

.bar {
	margin-right:1px;
	margin-left:1px;
	z-index:1;
	background-color:#177CCE;
	font-size:0.8em;
	overflow:hidden;
}
.vbar {
	height:20px;
	background-color:#177CCE;

}
.bar:hover {
	margin-right:1px;
	z-index:1;
	background-color:#419DE9;

}

.timeline {
	border-left:1px #DDDDDD solid;
	font-size:0.8em;
	color:#333333;
}

.online_agora { width: 100px; text-align: center; display: block; }
.online_agora span { font-family: 'Cuprum', sans-serif; font-size: 14px; line-height: 22px; }

.online { border-left: 4px solid #419DE9; font-family: 'Cuprum', sans-serif; font-size: 50px; font-weight: bold; color: #000; width: 100px; height: 80px; background: #CCD6DC; text-align: center; line-height: 80px; }