@charset "utf-8";
/* CSS Document */

a{
	color:#666;
	text-decoration:none;

	}

a:after {
  content: " " attr(href) " ";
}


#s4, #s5, #s6{
	display:none;
}

#oscuro #izquierda{
	float:none;
	position:absolute;
	position:0 0;
	clear:both;
	margin:auto;
	margin-bottom:500px;
	}

	
#oscuro #derecha{
	float:none;
	clear:both;
	display:block;
	width:50%;
	font-family:Helvetica,Arial, Helvetica, sans-serif;
	font-size:12px;;
	color:white;
	font-style:italic;
	font-weight:bold;
	text-align:left;
	margin-top:500px;
	padding-top:500px;
}

#oscuro #derecha h1{
	font-size:18px;
}

#oscuro #derecha h2{
	font-size:12px;
	font-weight:400;
	margin-bottom:15px;
}

#oscuro #derecha #referencias{
	padding:5%;
	border-top:1px dashed #666;
	border-bottom:1px dashed #666;
	margin-top:15%;
	height:25px;
	}

#oscuro #derecha #referencias #tags{
	background-image:url(../img/categorias.png);
	height:25px;
	width:25px;
	float:left;
	}

#oscuro #derecha #cerrar{
	background-image:url(../img/sprite.png);
	width:20px;
	height:20px;
	background-position:-750px -0px;
	float:right;
	cursor:pointer;
	}

#porfolio{}

#porfolio .item{
	width:84px;
	height:84px;
	border:4px solid white;
	/*float:left;
	margin-left:10px;
	margin-top:10px;*/
	position:absolute;
	top:50%;
	left:50%
	}
	
#porfolio .item div{
	width:100%;
	height:100%;
	background-image:url(../img/sprite.png);
	cursor:pointer;
	}

#ampliado{}

#pie{
	margin:auto;
	height:20px;
	background-image:url(../img/transp.png);
	color:#000;
	clear:both;
	position:fixed;
	bottom:0;
	text-align:left;
	z-index:20;
	padding:5px;
	}

#pie #cat1,#pie #cat2,#pie #cat3,#pie #cat4,#pie #cat5,#pie #cat6,#pie #cat7,#pie #cat8,#pie #cat9 {
	background-image:url(../img/sprite.png);
	height:25px;
	float:left;
	margin-left:0.5%;
	cursor:pointer;
	}

#pie #cat1{
	margin-left:2.5%;
	width:105px;
	background-position:-16px -80px;
}
#pie #cat2{
	width:70px;
	background-position:-140px -80px;
}
#pie #cat3{
	width:65px;
	background-position:-215px -80px;
}
#pie #cat4{
	width:80px;
	background-position:-285px -80px;
}
#pie #cat5{
	width:105px;
	background-position:-370px -80px;
}
#pie #cat6{
	width:90px;
	background-position:-490px -80px;
}
#pie #cat7{
	width:90px;
	background-position:-575px -80px;
}
#pie #cat8{
	width:140px;
	background-position:-670px -80px;
}
#pie #cat9{
	width:125px;
	background-position:-810px -80px;
}