@charset "utf-8";
/* CSS Document */

body {
	background-color:#000000;
	background-attachment:fixed;
	font-family:bebas, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
	

	@font-face {font-family:bebas,Arial, sans-serif;
				src: url('fonts/BebasNeue-webfont.eot');}

	

	@font-face {font-family:bebas,Arial, sans-serif;
				src: url('fonts/BebasNeue-webfont.svg');}

	@font-face {font-family:bebas,Arial, sans-serif;
				src: url('fonts/BebasNeue-webfont.ttf');}

	
p { font-family:bebas,Arial, sans-serif;
	font-size: 11pt;
	line-height:14pt;

		
	}	

a{
	outline: none;
	
	}
	
#contenedor {
	margin: auto;
	height: 100%;
	width: 100%;
	text-align:left

	}
	

#texto {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#FFFFFF;
	padding-bottom:80px;
	margin-top:50px;
	margin-left:90px;
	width: 1250px;
	height:420px;
	
	}
#text {
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#FFFFFF;
	padding-bottom:40px;
	margin-top:50px;
	margin-left:90px;
	width: 14000px;
	height:420px;
	
	}


#logo{
	height: 400px;
	width: 1400px;	
	margin-top:250px;
		}
	
#menu {
	width:1400px;
	text-align:left;
	}	


#menu ul{
	list-style-type:none;
	margin-left:50px;
	margin-top: 20px;
	position:fixed;
	}
	
#menu li{
	padding: 2px;
	}	

#gemita {
 	float:right;
	margin-right: 260px;
	}	

#gemita img{
 	position:fixed;
	}	
	
#trabajos  li{
	list-style-type:none;
	margin-left:-39px;
	padding-bottom:3px;
	
	}
#trabajos   ul{
	margin-top: 15px;
	float:left;
	
	}
	
.nombre {
	font-size: 16px;
	font-weight:900;
	letter-spacing: -0.6px;
	
	}
	
.enlacemenu {
	font-size: 13px;
	text-decoration:none;
	color:#FFFFFF;
	letter-spacing:-0.5px;
	}
	
.enlacemenu2 {
	font-size: 13px;
	text-decoration:none;
	color:#FFFFFF;
	letter-spacing:-0.5px;
	}

.enlacemenu2:hover{
	color:#999999;
	}
	
.enlaceseleccion2 {
	color:#999999;
	font-size: 13px;
	text-decoration:none;
	letter-spacing:-0.5px;
	
	}	
	
.enlaceseleccion {
	color:#999999;
	font-size: 13px;
	text-decoration:none;
	letter-spacing:-0.5px;

	
	}	


.enlacemenu:hover{
	color:#999999;
	}

.enlacemail {
	color:#FFFFFF;
	text-decoration:none;
	}
	
.enlacemail:hover{
	text-decoration:underline;
	}
	
.enlacecv{
	text-decoration:none;
	color:#666666;
	}

.enlacecv:hover {
	color:#FFFF00;
	font-size:16px;
	}
	
.imagen{
	border:none;
	margin-left: 380px;
	
	}
.studios{
	text-decoration:none;
	color:#FFFFFF;
	}

.studios:hover{
	text-decoration:line-through;
	color:#999999;
	}
.studios2{
	text-decoration:none;
	color:#FFFFFF;
	}
.studios2:hover{
	text-decoration:line-through;
	color:#FF0;
	}

ol, ul, li	{ list-style:none;}



.nav
{
 padding:40px 0; 
 margin:0 auto; 
 width:600px;
}

.nav li
{
	width:20px; 
	height:20px; 
	margin-left:25px; 
	float:left;
}

.nav li a
{
	text-indent:-9999px;
	width:inherit; 
	height:inherit;
	display:block;
	background:#999;
	border-radius:50%;
	box-shadow:0 2px 3px rgba(0,0,0,0.6) inset; 

 behavior: url(ie-css3.htc);
}



.nav3
{
 padding:40px 0; 
 margin:0 auto; 
 width:730px;
}

.nav3 li
{
	width:20px; 
	height:20px; 
	margin-left:12px; 
	float:left;
}

.nav3 li a
{
	text-indent:-9999px;
	width:inherit; 
	height:inherit;
	display:block;
	background:#999;
	border-radius:50%;
	box-shadow:0 2px 3px rgba(0,0,0,0.6) inset; 

 behavior: url(ie-css3.htc);
}

.nav4
{
 padding:40px 0; 
 margin:0 auto; 
 width:610px;
}

.nav4 li
{
	width:20px; 
	height:20px; 
	margin-left:12px; 
	float:left;
}

.nav4 li a
{
	text-indent:-9999px;
	width:inherit; 
	height:inherit;
	display:block;
	background:#999;
	border-radius:50%;
	box-shadow:0 2px 3px rgba(0,0,0,0.6) inset; 

 behavior: url(ie-css3.htc);
}




.carrusel
{
	width:800px;
	height:400px;
	margin:0 200px;
	overflow:hidden;
	position:relative;
	
}

.carrusel li
{
	height:400px;
	
	
}


.showcase						{ text-align:center; }
.showcase a						{ color:#FFF; }

.showcase a       .info		{ display:none;}
								
									

.showcase a:hover .info		{ display:block; }			




.info	{
	height:400px;
	padding:80px;
	width:800px;
	position:absolute;
	z-index:1;
	left:40px;
	top:16px;

}
	
	

.info  h5		{ 

	display:inline; 
	font-size:14px; 
	font-family:bebas,Arial,sans-serif;
	color:#FFF;
	font-style:italic;

	}





.textocirculo{
	height:100px;
	width:100px;
	text-align:center;
	font-size:18px;
	font-family:bebas,Arial,sans-serif;
	margin-top:30px;
	color:#000;
	
	}
