#oscuro{
	position:absolute;
	z-index:10;
	display:none;
	height:100%;
	width:100%;
	top:0;
	background-image:url(../img/oscuro.png);
}


#oscuro #area{
	width:60%;
	margin:auto;
	padding:2%;
	position:relative;
	position: 50% 50%;
	-moz-box-shadow: 4px 5px 57px #000000;
	-webkit-box-shadow: 4px 5px 27px #000000;
	box-shadow: 4px 5px 27px #000000;
	min-width:615px;
	/*min-height:300px;*/
}


#oscuro #izquierda{
	width:40%;
	font-size:9px;
	text-align:left;
}

#oscuro #izquierda img{
	cursor:pointer;
}

#oscuro #derecha{
	width:52%;
	font-family:Helvetica,Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
	font-weight:400;
	text-align:left;
	line-height:20px;
	position:absolute;
	top:6%;
	left:43%;
	font-size:11px;
}

#oscuro #derecha h1{
	font-size:18px;
	color:#999;
	margin-top:5px;
	font-weight:bold;
}

#oscuro #derecha h2{
	font-size:11px;
	font-weight:bold;
	float:left;
	margin-right:5px;
}

#oscuro #derecha span{
	font-size:11px;
	margin-bottom:5px;
	float:left;
	clear:both;
}


#oscuro #derecha h3{
	font-size:11px;
	font-weight:bold;
	margin-bottom:15px;
	float:left;
	clear:both;

}

#cerrar{
	background-image:url(../img/cerrar.gif);
	width:20px;
	height:20px;
	float:right;
	cursor:pointer;
	}

.fbitem{clear:both; float:right; position:relative; margin-left:10px }
.twitem{float:right; position:relative;}