body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, sans-serif;
}

a:hover, a:active {
	text-decoration: none;
	opacity: 0.7;
}

a, a:visited {
	text-decoration: none;
	opacity: 1;
}

.main {
	width: 700px;
	text-align: left;
	border: 0;
	padding: 0;
	margin: 0 auto;
	position: relative;
}

.goal {
	font-size: 10pt;
	color: #FFFFFF;
	right: 36px;
	top: 74px;
	position: absolute;
}

.setpoint {
	font-size: 11pt;
	font-weight: bold;
	color: #355286;
	right: 82px;
	top: 210px;
	position: absolute;
}

.activity {
	position: absolute;
	left: 85px;
	width: 452px;
	height: 142px;
	padding-top: 35px;
	padding-left: 145px;
}

.activity .title, .main .title {
	font-family: 'Amatic SC', cursive;
	font-weight: 600;
	font-size: 26pt;
	line-height: 23pt;
	margin-bottom: 13px;
	margin-top: 0;
}

.activity .overview {
	font-size: 11pt;
	color: #606060;
}

#actividad1 {
	top: 300px;
	color: #f7ba40;
}

#actividad2 {
	top: 500px;
	color: #355286;
}

#actividad3 {
	top: 700px;
	color: #7c1a61;
}

#actividad4 {
	top: 905px;
	color: #8da944;
}

#actividad5 {
	top: 1105px;
	color: #355286;
}

#actividad6 {
	top: 1310px;
	color: #f7ba40;
}

#actividad7 {
	top: 1510px;
	color: #7c1a61;
}

#actividad8 {
	top: 1710px;
	color: #8da944;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */