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

body{
	background:#e3001b;
}

.diablo{
	background:url(imagenes/lucifer-diablo.png) no-repeat;
	width:849px;
	height:446px;
	position:fixed;
	right:-100px;
	bottom:0px;
}

.logo{
	background:url(imagenes/lucifer-logo.png) no-repeat center center;
	width:596px;
	height:306px;
	position:absolute;
	left:50%;
	top:50px;
	margin-left:-298px;
}

.puntos{
	background:url(imagenes/lucifer-puntos.png) no-repeat center center;
	width:201px;
	height:83px;
	position:absolute;
	left:50%;
	top:275px;
	margin-left:250px;
}



/*****     MENU     *****/

.social{
	position:relative;
	margin:0 auto;
	margin-left:350px;
	margin-top:370px;
}

.social ul{
	position:absolute;
	margin:0px;
	padding:0px;
	list-style-type: none;
	list-style-position: outside;
	float:left;
}

.social li{
	position: relative;
	float:left;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.social a.social-facebook:link, .social a.social-facebook:visited, .social a.social-facebook:active {
	width:100px;
	height:109px;
	display: block;
	z-index:10000;
	overflow:hidden;
	text-decoration:none;
	background:url(imagenes/social/social_facebook.jpg) no-repeat top left;
}

.social a.social-tuenti:link, .social a.social-tuenti:visited, .social a.social-tuenti:active {
	width:100px;
	height:109px;
	display: block;
	z-index:10000;
	overflow:hidden;
	text-decoration:none;
	background:url(imagenes/social/social_tuenti.jpg) no-repeat top left;
}

.social a.social-myspace:link, .social a.social-myspace:visited, .social a.social-myspace:active {
	width:100px;
	height:109px;
	display: block;
	z-index:10000;
	overflow:hidden;
	text-decoration:none;
	background:url(imagenes/social/social_myspace.jpg) no-repeat top left;
}

span.hover-facebook,span.hover-tuenti,span.hover-myspace{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	display: block; 
	height: 105px; 
	width: 100px; 
	cursor:pointer; 
}
span.hover-facebook{ 
	background:url(imagenes/social/social_facebook.jpg) 0 -110px no-repeat; 
}
span.hover-tuenti{ 
	background:url(imagenes/social/social_tuenti.jpg) 0 -110px no-repeat; 
}
span.hover-myspace{ 
	background:url(imagenes/social/social_myspace.jpg) 0 -110px no-repeat; 
}