body {
	margin:0;
	padding:0;
	font-family: Georgia, serif;
	font-size:1.6em;
	background:url('../img/layout/background.png') left top repeat-y;
}

/* RESET CSS */
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0;
	padding:0;
}

p {
	margin:0;
	padding:0;
}
			
img {
	border:none;
	margin:0;
	padding:0;
}

a {
	text-decoration:none;
}

/*  */

#skip {
	position:absolute;
	left:-9999px;
}

#wrapper {
	margin:0;
	padding:0;
}
	
	#header {
		margin:0;
		padding:0;
		background:url('../img/layout/topbackground.png') left top no-repeat;
		overflow:hidden;
		height:68px;
	}
	
		#header h1 {
			float:left;
			margin:5px 35px;
			padding:0;
			width:330px;
			font-size:200%;
			font-weight:normal;
		}
		
	#navigation {
		float:left;
		margin:0 0 0 25px;
		padding:0;
		font-size:80%;
	}
	
		#navigation ul {
			margin:0;
			padding:0;
			list-style:none;
		}
		
			#navigation ul li {
				float:left;
				padding:25px 0 55px 0;
			}

			#navigation ul li a {
				padding:20px;
				text-decoration:none;
			}
				
				#navigation a.item1:hover, #navigation a.active1 {
					background:url('../img/layout/itemfondo1.png') center no-repeat;
				}
			
				#navigation a.item2:hover, #navigation a.active2 {
					background:url('../img/layout/itemfondo2.png') center no-repeat;
				}
			
				#navigation a.item3:hover, #navigation a.active3 {
					background:url('../img/layout/itemfondo3.png') center no-repeat;
				}
			
				#navigation a.item4:hover, #navigation a.active4 {
					background:url('../img/layout/itemfondo4.png') center no-repeat;
				}

#middle {
	margin:0;
	padding:0;
	clear:both;
	background:url('../img/layout/middlebackground.png') left top no-repeat;
}

	#side {
		margin:0 75px 0 35px;
		padding:10px 0;
		float:left;
		width:330px;
	}

		#side p {
			font-size:90%;
			margin-bottom:10px;
			text-align:justify;
		}
			
			#side a, #footer a {
				text-decoration:underline;
			}
		
			#side a:hover, #footer a:hover {
				text-decoration:none;
				color:#339900;
			}
	
	#content {
		margin:0 35px 0 0;
		padding:10px 0;
		overflow:hidden;
	}

		#content p {
			font-size:70%;
			margin-bottom:10px;
			text-align:justify;
		}
	
		#content h2 {
			margin:0 0 10px 0;
			padding:0;
			font-weight:normal;
			font-size:90%;
		}
	
		#content h3 {
			clear:both;
			margin:0 0 5px 0;
			padding:0;
			font-weight:bold;
			font-size:80%;
		}
	
		#content h4 {
			margin:0 0 10px 0;
			padding:0;
			font-weight:bold;
			font-size:60%;
			text-transform:uppercase;
		}
	
		#content h5 {
			margin:0;
			padding:0;
			font-weight:normal;
			font-size:80%;
		}
		
		#content div.box {
			margin:0 10px 20px 0;
			clear:none;
			float:left;
			overflow:hidden;
		}	

			#content img.thumb {
				float:left; 
				margin:0 10px 10px 0;
				padding:5px;
				border:1px solid #CCC;
			}	
			
			#content div.box div.info {
				float:left;
			}
			
			#content div.box div.plusminus {
				clear:both;
				margin:0 0 5px 0;
				padding:0;
				font-size:60%;
				font-weight:bold;
				width:110px;
				text-align:center;
				cursor:pointer;
			}
			
			#content div.box div.definition {
				clear:both; 
				float:left;
			}
			
		#content ul {
			font-size:80%;
			margin:0 0 15px 10px;
			padding:0;
			list-style:none;
		}
		
			#content ul li {
				text-indent:20px;
			}
			
				#content ul li#linkedin {
					background:url('../img/w20/linkedin.png') no-repeat left;
				}
			
				#content ul li#facebook {
					background:url('../img/w20/facebook.png') no-repeat left;
				}
			
				#content ul li#dmstk {
					background:url('../img/w20/dmstk.png') no-repeat left;
				}
			
				#content ul li#onceochosetenta {
					background:url('../img/w20/11870.png') no-repeat left;
				}
			
				#content ul li#flickr {
					background:url('../img/w20/flickr.png') no-repeat left;
				}
			
				#content ul li#lastfm {
					background:url('../img/w20/lastfm.png') no-repeat left;
				}
				
		#content a.link {
			font-size:80%;
			text-decoration:underline;
		}
				
		#content a.link:hover {
			color:#333333;
			text-decoration:none;
		}
	
	#content #moreinfo {
		clear:both;
		margin:0;
		padding:5px 10px;
		border:1px solid #339900;
		background:#C4FB75;
	}
	
		#content #moreinfo a {
			text-decoration:underline;
		}

#footer {
	margin:100px 0 0 0;
	padding:0;
	clear:both;
	font-size:55%;
}
	
	#footer #conformance {
		float:left;
		margin:0 0 0 35px;
		width:330px;
		text-align:center;
		border-top:1px solid #CCCCCC;
	}

	#footer #credits {
		float:right;
		margin:0 25px 0 0;
	}

img.align-center {
	display:block;
	margin:auto;
}

/* colores */

.maincolor0 {
	color:#000000; /* negro */
}

.maincolor1 {
	color:#FFFFFF; /* blanco */
}

.maincolor2 {
	color:#339900; /* verde */
}

.maincolor3 {
	color:#CCCCCC; /* gris */
}

.maincolor4 {
	color:#333333; /* gris oscuro */
}