*{
	margin: 0;
	padding: 0;
}
body {
	background-color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	margin:2px;
}
/* ****************************
	Links
**************************** */
a{
	color: #666;
	outline: none;
}
a:hover {
	color: #333;
}
a img{
	border:none;
}
/* ****************************
	Separadores
**************************** */
hr{
	display: none;
}
.hr{
	width: 100%;
	border-bottom: 1px dotted #CCC;
	clear: both;
	margin: 2px auto 10px;
}
/* ****************************
	Container
**************************** */
#container {
	margin: 0 auto;
	width:490px;
	}
/* ****************************
	Encabezado
**************************** */
#header h1{
	width: 100%;
	height: 125px;
	background: #FFF url(header.gif) no-repeat;
	margin: 0 auto;
	text-indent: -999%;
}
#header h1 a{
	display: block;
	height: 125px;
}
#header h1 a:hover{
	background: url(homepage.gif) no-repeat;}
/* ****************************
	Footer
**************************** */
#footer address {
	font-style: normal;
	text-align:center;
	color:#999;
	padding: 0 0 20px;
	}
#footer address a{
	text-decoration:none;
	color:#999;
	}
#footer address a:hover{
	color: #9C0;
	}
/* ****************************
	Titulos
**************************** */
h1, h2, h3, h4, h5, h6 {
	color: #999;
}
h2 {
	font-size: 16px;
	margin: 5px 0 10px;
}
h2 strong{
	color:#555;
}
h3 {
	font-size: 14px;
	margin: 5px 0 10px;
}
/* ****************************
	Center
**************************** */
blockquote{
	margin:10px 0;
	text-align:center;
}
blockquote img {
	padding: 1px;
	border: 1px solid #EEE;
	}
/* ****************************
	Lista Portfolio
**************************** */
ol.portfolio {
	display: inline;
	list-style-type: none;
	}
ol.portfolio li {
	width:150px;
	height:80px;
	margin: 0 5px;
	float:left;
	}
ol.portfolio img, a img {
	padding: 1px;
	border: 1px solid #FFF;
	}
ol.portfolio a:hover img{
	border: 1px solid #9C0;
	}