/* only for first page, to center the tree image */
body {
	margin:0;
	padding:0;
	background-color: #fff;
	}

#centerimage    
	{
	background-color: transparent;
	position: absolute;
	margin-left: -80px;
	margin-top: -180px;
	top:50%;
	left: 50%;
	width: 165px;
	height: 361px;
	visibility: visible;
	}
	
/* these are the popup windows which open over the tree image */
#awareness, #desarrollo, #hosting, #newmedia, #portfolio, #seo {
	position:absolute;
	left:350px;
	top:25%;
	width:400px;
	height:auto;
	line-height:22px;
	z-index:1;
	overflow: hidden;
	visibility: hidden;
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	color: #666;
	padding-right: 10px;
	padding-left: 10px;
	border: 1px solid #666;
	background-image: url(../img/semi-transparent.png);
	background-repeat: repeat;
}
.boxed
{
	padding: 2px;
	border: 1px solid #0f0;
	text-decoration: none;
	color: #666;
}

#footer 
	{
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	text-align: center;
	position: absolute;
	top:90%;
	left: 0px;
	width: 100%;
	height: 20px;
	visibility: visible;
	display: block;
}

#footer a:link a:visited a:hover a:active
{
	text-decoration: none;
	color: #666;
}

#validator
{
	position: absolute;
	top: 90%;
	bottom: auto;
	left: 80%;
	right: auto;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	color: #ccc;
}
#firstpagelinks
	{
	font-size: 10px;
	color: #666;
	font-family: verdana, arial, sans-serif;
	position:absolute;
	top:25%;
	left: 20px;
	width: 240px;
	height: 200px;
	text-align: right;
	padding-right: 10px;
	line-height:20px;
	}
.fosforito:link
{
	color: #0f0;
	text-decoration: none;
	border:0;
}

.fosforito:visited
{
	color: #0f0;
	text-decoration: none;
	border:0;
}

.fosforito:hover;
{
	color: #000;
	background-color: #0f0;
	text-decoration: none;
	border-bottom: 0;
}

.fosforito:active;
{
	color: #000;
	background-color: #0f0;
	text-decoration: none;
	border-bottom: 0;
}