@import url(http://fonts.googleapis.com/css?family=Anaheim);
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);

@charset "UTF-8";

*{ margin:0;
   padding:0}
/*General*/
body {
	background-image:url(../img/bg.png);
	
}
#pre { position:absolute; top:-10000px; left:-10000px; width:0; height:0; display:none;}


#cyborg_content{
	width:1100px;
	margin:50px auto 20px auto;
	background-color:transparent;
	}

#idiomas{
	font-family: 'Fjalla One', sans-serif;
	text-transform:uppercase;
	font-size:10px;
	text-align:center;
	width:1200px;position:relative;
	top:0;
	margin:0 auto 0 auto;
	padding-top:10px;
	}
#idiomas #eng{
	padding:4px;
	float:right;
	background-color:#000;
	color:#FFF;
	margin-right:5px;
	}
#idiomas #eng:hover{
	float:right;
	background-color:#FFF;
	color:#000;
	}
#idiomas #cat{
	padding:4px;
	float:right;
	background-color:#000;
	color:#FFF;
	margin-right:5px;
	}
#idiomas #cat:hover{
	float:right;
	background-color:#FFF;
	color:#000;
	}
#idiomas #esp{
	padding:4px;
	float:right;
	background-color:#000;
	color:#FFF;
	margin-right:5px;
	}
#idiomas #esp:hover{
	float:right;
	background-color:#FFF;
	color:#000;
	}
	
	
	
/**********LEFT***************/	
#cyborg_content #descripcion{
	float:left;
	width:200px;
	background-color:#FFF;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	
}


#cyborg_content #descripcion #logo{
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
	background-position: 0 10px;
	width:150px;
	height:225px;
	margin-left:25px;
	border-bottom:1px dotted #999999;
}
#cyborg_content #descripcion #text{
	
	padding:15px 25px 15px 25px;
	
	}
#cyborg_content #descripcion #text h2{
	font-family: 'Fjalla One', sans-serif;
	line-height:21px;
	font-size:19px;
	text-align:left;
	font-weight:400;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #999999;
}	
#cyborg_content #descripcion #text p{
	font-family: 'Anaheim', sans-serif;
	line-height:14px;
	font-size:13px;
	text-align:left;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #999999;
}


#cyborg_content #about_neal{
	float:left;
	width:200px;
	height:880px;
	margin-top:-550px;
	background-color:transparent;
	background-image:url(../img/neil.png);
	background-repeat:no-repeat;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	}


#cyborg_content #about_neal  #btn2{
	margin-top:790px;
	width:200px;
	background-image:url(../img_cat/neail_ted1.png);
	height:90px;
	}
#cyborg_content  #about_neal  #btn2:hover{
		background-image:url(../img_cat/neail_ted2.png);
	}

/*************right***********/


#cyborg_links1{
	height:90px;
	width:900px;
	float:right;
	position:relative;	
	left:100px;
	background-color:transparent;
	}
	
	
/*************PROJECT***********/
#cyborg_content #project{
	width:900px;
	float:right;
	position:relative;	
	left:100px;
	top:0;
	margin-bottom:60px;
	background-color:#FFF;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	height:270px;
	}
	
#cyborg_content #project #video_teaser{
	float:left;
	width:480px;
}
#cyborg_content #project #awards{
	background-image:url(../img_cat/awards.png);
	background-repeat:no-repeat;
	width:390px;
	float:right;
	padding-top:90px;
	height:270px;
	text-align:center;
}
#cyborg_content #project #awards img{
	margin-left:1%;
	padding-top:3px;
	width:25%;
	
}



/************DOCUMENTARY***********/
	
	#cyborg_content #documentary{
	width:900px;
	float:right;
	position:relative;	
	left:100px;
	background-color:#FFF;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	height:270px;
	background-image:url(../img/en_un_xip.png);
	background-position:top right;
	background-repeat:no-repeat;
	}
	#cyborg_content #documentary #doc{
		width:480px;
		height:270px;
		float:left;
		}

	#cyborg_content #documentary #description_w{
		width:400px;
		float:left;
		margin-left:480;
	}	

#cyborg_content #documentary #description_w p{
	font-family: 'Anaheim', sans-serif;
	line-height:14px;
	font-size:13px;
	text-align:left;
	padding:90px 20px 20px 20px;
	}
	
	
	#cyborg_links1 #watch{
	background-image:url(../img_cat/watch_doc.png);
	width:230px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	}
	#cyborg_links1 #watch:hover{
		background-image:url(../img_cat/watch_doc2.png);
	}

/*************INTERACTIVE DOC**********/
#cyborg_content #interactive_doc{
	width:900px;
	float:right;
	position:relative;	
	left:100px;
	background-color:#FFF;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	height:270px;
	background-image:url(../img/interactive_doc.png); 
	background-repeat:no-repeat;
	}
#cyborg_content #interactive_doc #description{
	margin-left:500px;
	padding:20px;
}

#cyborg_content #interactive_doc #description h2{
	font-family: 'Fjalla One', sans-serif;
	line-height:21px;
	font-size:27px;
	text-align:left;
	margin-bottom:30px;
	padding-top:10px;
	text-transform:uppercase;
}

#cyborg_content #interactive_doc #description p{
	font-family: 'Anaheim', sans-serif;
	line-height:14px;
	font-size:13px;
	text-align:left;
	}
	
	#cyborg_content #interactive_doc #description p img{
	float:left;
	margin-right:15px;
	margin-bottom:5Ppx;
	}
	
	#cyborg_links1 #explore{
	background-image:url(../img_cat/explore_interactive1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	}
	#cyborg_links1 #explore:hover{
		background-image:url(../img_cat/explore_interactive2.png);
	}
	
	#cyborg_links1 #play{
	background-image:url(../img_cat/play_game1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	}
	#cyborg_links1 #play:hover{
		background-image:url(../img_cat/play_game2.png);
	}





/*************APP1***********/

#cyborg_content #app_description{
	width:900px;
	float:right;
	position:relative;	
	left:100px;
	background-color:#FFF;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	height:270px;
	}
	
#cyborg_content #app_description #video_teaser{
	float:left;
	width:480px;
}

#cyborg_content #app_description #about{
	float:right;
	width:390px;
	background-image:url(../img/eyeborg_logo.png);
	background-repeat:no-repeat;
	z-index:3;
	
}
#cyborg_content #app_description #about p{
    font-family: 'Anaheim', sans-serif;
	line-height:14px;
	font-size:13px;
	text-align:left;
	padding:110px 30px 0 0;
}



#cyborg_links1 #download{
	background-image:url(../img_cat/down_app_1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	}
	#cyborg_links1 #download:hover{
		background-image:url(../img_cat/down_app_2.png);
	}
		
		
	#cyborg_links1 #download_apple{
	background-image:url(../img_cat/down_apple_1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	}
	#cyborg_links1 #download_apple:hover{
		background-image:url(../img_cat/down_apple_2.png);
	}
	
	
#cyborg_links1 #visit{
	background-image:url(../img_cat/visit1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	
	}
#cyborg_links1 #visit:hover{
	background-image:url(../img_cat/visit2.png);
}


#cyborg_links1 #concert{
	background-image:url(../img_cat/concert1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	
	}
#cyborg_links1 #concert:hover{
	background-image:url(../img_cat/concert2.png);
}



/*************APP2***********/

#cyborg_content #app2_description{
	width:900px;
	float:right;
	position:relative;	
	left:100px;
	background-color:#FFF;
	background-image:url(../img/app2_frmae.png);
	background-repeat:no-repeat;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	height:270px;
	}
	
#cyborg_content #app2_description #about2{
	margin-left:500px;
	padding:20px;
}

#cyborg_content #app2_description #about2 h2{
	font-family: 'Fjalla One', sans-serif;
	line-height:21px;
	font-size:27px;
	text-align:left;
	margin-bottom:30px;
	padding-top:10px;
	text-transform:uppercase;
}

#cyborg_content #app2_description #about2 p{
	font-family: 'Anaheim', sans-serif;
	line-height:14px;
	font-size:13px;
	text-align:left;
	}
	
	#cyborg_content #app2_description #about2 img{
	float:right;
	margin-left:15px;
	margin-bottom:5Ppx;
	}



#cyborg_links1 #download_paid{
	background-image:url(../img_cat/eye_d_paid1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	}
	#cyborg_links1 #download_paid:hover{
		background-image:url(../img_cat/eye_d_paid2.png);
	}
	
	
		
#cyborg_links1 #download_free{
	background-image:url(../img_cat/eye_d_free1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	
	}
#cyborg_links1 #download_free:hover{
	background-image:url(../img_cat/eye_d_free2.png);
}

/*************MEDIA EXTENSIONS***********/

#cyborg_content #otros_enlaces{
	width:900px;
	float:right;
	position:relative;	
	left:100px;
	background-color:#FFF;
	background-image:url(../img/neil_enlaces.jpg);
	background-repeat:no-repeat;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	height:270px;
	}
	
#cyborg_content #otros_enlaces #about {
	margin-left:500px;
	padding:20px;
}	
#cyborg_content #otros_enlaces #about h2{
	font-family: 'Fjalla One', sans-serif;
	line-height:21px;
	font-size:27px;
	text-align:left;
	margin-bottom:30px;
	padding-top:10px;
	text-transform:uppercase;
	color:#F90;
}

#cyborg_content #otros_enlaces #about p{
	font-family: 'Anaheim', sans-serif;
	color:#FFF;
	line-height:14px;
	font-size:13px;
	text-align:left;
	}

#cyborg_content #otros_enlaces #about a{color:#FFF; text-decoration:none;}
#cyborg_content #otros_enlaces #about a{color:#000; text-decoration:none;}


#cyborg_content #otros_enlaces #about ul{
	font-family: 'Fjalla One', sans-serif;
	text-transform:uppercase;
	width:110px;
	margin-right:5px;
	margin-top:10px;
	color:#FFF;
	line-height:14px;
	font-size:14px;
	text-align:center;
	float:left;
	}
#cyborg_content #otros_enlaces #about ul li{
	
	background-color:#c600ff;
	padding:3px;
	list-style-type:none;
	margin:3px;
	
}

#cyborg_content #otros_enlaces #about ul li:hover{
	background-color:#F90;
	color:#000;
}
	


	
#cyborg_content #app2_description #about3{
	margin-left:500px;
	padding:20px;
}

#cyborg_content #app2_description #about3 h2{
	font-family: 'Fjalla One', sans-serif;
	line-height:21px;
	font-size:27px;
	text-align:left;
	margin-bottom:30px;
	padding-top:10px;
	text-transform:uppercase;
}

#cyborg_content #app2_description #about3 p{
	font-family: 'Anaheim', sans-serif;
	line-height:14px;
	font-size:13px;
	text-align:left;
	}
	
	#cyborg_content #app2_description #about3 img{
	float:right;
	margin-left:15px;
	margin-bottom:5Ppx;
	}



#cyborg_links1 #download_paid{
	background-image:url(../img_cat/eye_d_paid1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	}
	#cyborg_links1 #download_paid:hover{
		background-image:url(../img_cat/eye_d_paid2.png);
	}
	
	
		
#cyborg_links1 #download_free{
	background-image:url(../img_cat/eye_d_free1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	
	}
#cyborg_links1 #download_free:hover{
	background-image:url(../img_cat/eye_d_free2.png);
}



/*************ABOUT NEAL***********/
	
	#cyborg_content #about_cyborgs{
	width:900px;
	float:right;
	position:relative;	
	left:100px;
	background-color:#FFF;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	height:180px;
	background-image:url(../img/cyborg_f.png);
	background-repeat:no-repeat;
	}
	
	
	#cyborg_content #about_cyborgs #description{
		width:580px;
		float:left;
		margin-left:315px;
	}	

#cyborg_content #about_cyborgs #description p{
	font-family: 'Anaheim', sans-serif;
	line-height:14px;
	font-size:13px;
	text-align:left;
	padding:50px 20px 20px 20px;
	}
	
	
	#cyborg_links1  #btn1{
	background-image:url(../img_cat/cyborg_web1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	}
	#cyborg_links1  #btn1:hover{
		background-image:url(../img_cat/cyborg_web2.png);
	}
	
	
	#cyborg_links1 #btn3{
	background-image:url(../img_cat/read1.png);
	width:110px;
	height:70px;
	float:right;
	margin-left:10px;
	-webkit-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	box-shadow: 6px 17px 59px 7px rgba(0,0,0,0.75);
	margin-bottom:70px;
	}
	#cyborg_links1  #btn3:hover{
		background-image:url(../img_cat/read2.png);
	}