/* CSS Document */
@import url("./reset.css");

body
{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-color: #fff;
	top:auto;
}

.imatge{
	position:absolute; 
	left:0px; 
	top:0px;
	display:none;
	cursor:pointer;
	border:none;
	overflow: hidden;
}

#info{
	position:absolute; 
	width:17%; 
	height:3%; 
	top:77.5%; 
	left:34%;
}

#nick{
	position:absolute;
	width:13%; 
	height:2.2%; 
	top:29.5%; 
	left:58%;
}

#victor{
	position:absolute;
	width:13%; 
	height:2.2%; 
	top:29.5%; 
	left:71%;	
}

#jim{
	position:absolute;
	width:9%; 
	height:2.2%; 
	top:31.8%; 
	left:48%;	
}

#anne{
	position:absolute;
	width:12%; 
	height:2.5%; 
	top:31.8%; 
	left:57.5%;	
}
#oscar{
	position:absolute;
	width:10.5%; 
	height:2.5%; 
	top:34.3%; 
	left:58%;	
}

#napi{
	position:absolute;
	width:10%; 
	height:2.5%; 
	top:34.3%; 
	left:69.1%;	
}
#jun{
	position:absolute;
	width:7.8%; 
	height:2.5%; 
	top:37%; 
	left:54.5%;	
}

#taichi{
	position:absolute;
	width:10%; 
	height:2.5%; 
	top:37%; 
	left:62.9%;	
}

.language{
	position:absolute;
	top: 0px;
	left: 0px;
	z-index:20;
}

.navigation{
	position:absolute;
	float:left;
	bottom:0px;
	left:7%;
	visibility:hidden;
	z-index:20;
}

.navigation2{
	position:absolute;
	float: left;
	bottom:0px;
	left:7%;
	visibility:visible;
	opacity:0.6%;
	z-index:20;
}


#nav {
	font-family:"News Cycle";
	text-transform: uppercase;
	color: #FFF;
	font-size:9px;
}

a.m_navigation{
	border:0px;
	border-style:none;
}
	
.contactform{
	position:absolute;
	float: right;
	overflow:auto;
	left: 0px;
	top:10px;
	padding-right: 10px;
	left: 400px;
	clear: both;
}

.modal{
	position: absolute;
	top: 200px;
	font-family:"News Cycle";
	text-transform: uppercase;
	color: #222;
	font-size:7px;
	letter-spacing: 2px;
	line-height: 14px;
	left:24%;
	text-align:left;
	z-index:10;
	width: 600px;
}

.modal2{
	position: absolute;
	top: 48px;
	font-family:"News Cycle";
	text-transform: uppercase;
	color: #222;
	font-size:7px;
	letter-spacing: 2px;
	line-height: 14px;
	left:320px;
	text-align:left;
	z-index:10;
	width: 220px;
}

.top {
	font-family:Arial;
	text-transform: uppercase;
	color: #FFF;
	font-size:9px;
	line-height: 15px;
	text-align:left;
	font-weight:100;
}


#black a {
	font-family:"News Cycle";
	color: #000;
	font-size: 9px;
	letter-spacing: 1.5px;
	margin-left: 10px;
	line-height:16px;
}
	
#white a {
	color: #ffffff;
	font-size:8px;
}

#white a hover {
	font-size:8px;
	color: #ffffff;
	text-decoration:underline;
}

a:link {
	font-family:"News Cycle";
	color: #222;
	text-decoration:none;
	font-size: 9px;
	font-spacing: 0px;
	border: 0px;
	line-height:16px;
}

a:visited {
	font-family:"News Cycle";
	color: #222;
	text-decoration:none;
	border: 0px;
}

a:hover {
	font-family:"News Cycle";
	color: #EEE;
}