@charset "UTF-8";
/*imagenes home*/

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
/*position: absolute;
background-color: 
padding: 5px;
left: -100px;
border: 1px dashed gray;white;*/
visibility: hidden;
color: #FFFF00;
text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
left:0px;
position:relative;
margin-top:-250px;
margin-left:-550px;
top:120px;


}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */


}

/*pequeñas*/




/*imagenes peqieña1*/

.thumbnaila:hover{
background-color: transparent;
z-index: 50;
}

.thumbnaila span{ /*CSS for enlarged image*/
/*position: absolute;
background-color: 
padding: 5px;
left: -100px;
border: 1px dashed gray;white;*/
visibility: hidden;
color: #FFFF00;
text-decoration: none;

}



.thumbnaila span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
left:0px;
top:-100px;
margin-top:-350px;
margin-left:-550px;


}

.thumbnaila:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */


}


/*imagenespequeña2*/

.thumbnailb:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailb span{ /*CSS for enlarged image*/
/*position: absolute;
background-color: 
padding: 5px;
left: -100px;
border: 1px dashed gray;white;*/
visibility: hidden;
color: #FFFF00;
text-decoration: none;

}



.thumbnailb span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
left:0px;
top:-100px;
margin-top:-350px;
margin-left:-550px;

}

.thumbnailb:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */


}



/*imagenespequeña3*/

.thumbnailc:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailc span{ /*CSS for enlarged image*/
/*position: absolute;
background-color: 
padding: 5px;
left: -100px;
border: 1px dashed gray;white;*/
visibility: hidden;

text-decoration: none;
z-index:40;

}



.thumbnailc span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
left:0px;
top:-100px;
margin-top:-350px;
margin-left:-550px;
z-index:60;

}

.thumbnailc:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */


}









/*maquetación completa*/

body{
	background-color:#000;
	margin:0;
	color:#fff;
	font:"MS Serif", "New York", serif;
	font-size:16px;
	text-decoration:none;
	list
	
 
}
a {
	color:#FFF;

}
a:visited{
	color:#F00;}
	
p span {
	color:#F00;}

#legal{
	width:960px;
	text-align:center;
	font-size:12px;
	
}



#content {
	width:960px;
	margin:auto;
	
	
}

#top{
	width:960px;
	height:75px;
	background-image:url(../images/index_01.jpg);
}

#face{
	width:960px;
	height:363px;
}

#faceuno{
	width:320px;
		background-image:url(../images/index_02.jpg);
		height:363px;
		float:left;
	
	}
	
	
	
#facedos{
	width:320px;
		background-image:url(../images/index_03.jpg);
	height:363px;
	float:left;
	}
	
	
	
#facedos:hover{
			background-image:url(../images/cara.jpg);
		}

#facetres{
	width:320px;
		background-image:url(../images/index_04.jpg);
		height:363px;
		float:left;
	}

#menu{
	width:960px;
	height:51px;
}
#menua{
	width:146px;
	background-image:url(../images/index_06.jpg);
	height:51px;
	float:left;
}

#menub{
	width:100px;
	background-image:url(../images/index_07.jpg);
	height:51px;
	float:left;
}

#menubselected{
	width:100px;
	background-image:url(../images/selected_book.jpg);
	height:51px;
	float:left;
}

#menub a {
	width:94px;
	height:51px;
	display:block;
	text-decoration:none;

	
}
 #menub a span {
	 visibility:hidden;
	 }


#menub:hover{
		background-image:url(../images/hover_book.jpg);
	
}


#menuc{
	width:94px;
	background-image:url(../images/index_08.jpg);
	height:51px;
	float:left;
}

#menucselected{
	width:94px;
	background-image:url(../images/selected_nekro.jpg);
	height:51px;
	float:left;
}


	#menuc a {
	width:94px;
	height:51px;
	display:block;
	text-decoration:none;

	
}
 #menuc a span {
	 visibility:hidden;
	 }
#menuc:hover{
		background-image:url(../images/hover_nekro.jpg);
	
}

#menud{
	width:278px;
	background-image:url(../images/index_09.jpg);
	height:51px;
	float:left;
}
#menue{
	width:85px;
	background-image:url(../images/index_10.jpg);
	height:51px;
	float:left;
}

#menueselected{
	width:85px;
	background-image:url(../images/selected_credit.jpg);
	height:51px;
	float:left;
}


#menue a {
	width:94px;
	height:51px;
	display:block;
	text-decoration:none;

	
}
 #menue a span {
	 visibility:hidden;
	 }
	 
	 
#menue:hover{
		background-image:url(../images/hover_credit.jpg);
	
}

#menuf{
	width:115px;
	background-image:url(../images/index_11.jpg);
	height:51px;
	float:left;
}

#menufselected{
	width:115px;
	background-image:url(../images/selected_contact.jpg);
	height:51px;
	float:left;
}


#menuf a {
	width:94px;
	height:51px;
	display:block;
	text-decoration:none;

	
}
 #menuf a span {
	 visibility:hidden;
	 }


#menuf:hover{
		background-image:url(../images/hover_contact.jpg);
	
}
#menug{
	width:142px;
	background-image:url(../images/index_12.jpg);
	height:51px;
	float:left;
}

#logo{
	width:960px;
		height:328px;
	background-image:url(../images/index_05.jpg);
}

#text{
	width:960px;
	
	height:486px;
}
#texta{
	width:480px;
	background-image:url(../images/index_13.jpg);
	height:486px;
	float:left;
}
#textb{
	width:480px;
	background-image:url(../images/index_14.jpg);
	height:486px;
	float:left;
	
}


.texto{
	width:250px;
	height:350px;
	padding-left: 163px; 
	overflow:auto;
	margin-top:90px;

	}
	
	.textox{
	width:250px;
	height:350px;
	padding-left: 63px;
	overflow:auto;
	margin-top:90px;

	}
	

#bottom{
	width:960px;
	height:201px;
	background-image:url(../images/index_15.jpg);
	
}


 #preloadedImagesa {  
    width: 0px;  
    height: 0px;  
    display: inline;  
    background-image:url(../images/hover_book.jpg);
	
  
  }  
   #preloadedImagesb {  
    width: 0px;  
    height: 0px;  
    display: inline;  
   	background-image:url(../images/hover_credit.jpg);

  
  }  
   #preloadedImagesc {  
    width: 0px;  
    height: 0px;  
    display: inline;  
  
	background-image:url(../images/hover_contact.jpg);
	 
  
  }  
   #preloadedImagesd {  
    width: 0px;  
    height: 0px;  
    display: inline;  
   	background-image:url(../images/hover_nekro.jpg);
	
  
  }  
   #preloadedImages {  
    width: 0px;  
    height: 0px;  
    display: inline;  
   	background-image:url(../images/hover_nekro.jpg);
	background-image:url(../images/hover_contact.jpg);
	background-image:url(../images/hover_credit.jpg);
    background-image:url(../images/hover_book.jpg);
	 background-image: url(../images/cara.jpg); 
  
  }