///*Estils*/
@font-face {
    font-family: 'geosanslight';
    src: url('fonts/geosanslight-webfont.eot');
    src: url('fonts/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geosanslight-webfont.woff') format('woff'),
         url('fonts/geosanslight.ttf') format('truetype'),
         url('fonts/geosanslight-webfont.svg#geosanslightregular') format('svg');
    font-weight: normal;
    font-style: normal;/* Put your custom CSS here */
}

body{
	background-color:#fff;}
/*#wrapper{
	margin:0;
	padding:0;
	position:relative;
	min-width: 865px;
	min-height:650px;}*/

@-webkit-keyframes moviment-logo{
	from {
      right: 40px;
   }
   
   to {
      right:50px;
   }
}
@-moz-keyframes moviment-logo{
	from {
      right: 40px;
   }
   
   to {
      right:50px;
   }
}
@keyframes moviment-logo{
	from {
      right: 40px;
   }
   
   to {
      right:50px;
   }
}
#logo {
	position:absolute;
	bottom:35px;
	right:65px;
	height: 60px;
   -webkit-animation:0.3s ease 0s alternate none infinite moviment-logo;
   -moz-animation: 0.3s ease 0s alternate none infinite moviment-logo;
   animation: 0.3s ease 0s alternate none infinite moviment-logo;
   width:250px;
}

#logo p{
	text-indent:-10000px;
	background-image:url(imatges/logo.png);
	
	background-repeat:no-repeat;
	width:250px;
	height:60px;}
#xarxes {
	width: 865px;
	height:504px;
	margin-left:-432px;
	margin-top:-252px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
}	

#vimeo{
	position:relative;
	float:left;
	margin-right:55px;
	}
#vimeo a{
	position:absolute;
	top:170px;
	left:0;
	text-indent:-10000px;
	background-image:url(imatges/vimeo.png);
	background-color:#bbbdc0;
	border-radius:88px;
	-moz-border-radius:88px;
	-webkit-border-radius:88px;
	background-repeat:no-repeat;
	width:175px;
	height:175px;
	display:block;
	}
/*#vimeo a:hover{
	top:0px;
	height:510px;
	background-image: url(imatges/vimeo2.png);
}*/
#face{
	position:relative;
	float:left;
	margin-right:55px;
	
	}
#face a{
	position:absolute;
	top:170px;
	left:230px;
	text-indent:-10000px;
	background-image:url(imatges/face.png);
	background-color:#bbbdc0;
	border-radius:88px;
	-moz-border-radius:88px;
	-webkit-border-radius:88px;
	background-repeat:no-repeat;
	width:175px;
	height:175px;
	display:block;
	}
/*#face a:hover{
	top:0;
	height:510px;
	background-image: url(imatges/face2.png);
	
}*/
#twitter{
	position:relative;
	float:left;
	margin-right:55px;
	}
#twitter a{
	position:absolute;
	top:170px;
	left:460px;
	text-indent:-10000px;
	background-image:url(imatges/twitter.png);
	background-color:#bbbdc0;
	border-radius:88px;
	-moz-border-radius:88px;
	-webkit-border-radius:88px;
	background-repeat:no-repeat;
	width:175px;
	height:175px;
display:block;
	}
/*#twitter a:hover{
	top:0;
	height:510px;
	background-image: url(imatges/twitter2.png);
}*/
#app{
	position:relative;
	float:left;

	
	}
#app a{
	position:absolute;
	top:170px;
	left:690px;
	text-indent:-10000px;
	background-image:url(imatges/app.png);
	background-color:#bbbdc0;
	border-radius:88px;
	-moz-border-radius:88px;
	-webkit-border-radius:88px;
	background-repeat:no-repeat;
	width:175px;
	height:175px;
	display:block;
	}
	
/*#app a:hover{
	top:0;
	height:510px;
	background-image: url(imatges/app2.png);
	}
	*/
#text{
	background-color: rgba(0, 0, 0, 0.7);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	width: 540px;
	height:240px;
	margin-left:-270px;
	margin-top:-130px;
	position:absolute;
	top:50%;
	left:50%;
	display:none;
	z-index:10;
	padding-left:30px;
	padding-right:30px;
	padding-top:20px;
	padding-bottom:30px;
	
}
#text p{
	font-family: 'geosanslight';
	font-size:35px;
	vertical-align:middle;
	text-align:center;
	color:#fff;

}
#animacio_ninots{
	width:865px;
	height:504px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-432px;
	margin-top:-252px;
}

#animacio_ninots img{
display:none; 
width:175px;
}

#animacio_ninots .app{
	position:absolute;
	
	left:690px;}
	
#animacio_ninots .twitter{
	position:absolute;
	
	left:460px;
}

#animacio_ninots .face{
	position:absolute;
	
	left:230px;
	}

#animacio_ninots .vimeo{
	position:absolute;
	
	left:0px;
	
}