@font-face {
	font-family: 'elektro';
	src: url('font/elektro.ttf');
	/*src: url('letrarandom.otf');*/
}

@font-face {
	font-family: 'cibernetico';
	src: url('font/cibernetico.ttf');
}

@font-face {
	font-family: 'comic';
	src: url('font/comic.ttf');
}

html{
    background: #000 url("../img/fondo.jpg") fixed no-repeat;
    background-size: cover;
}

body{
    width: 1280px;
    margin: 0 auto;
    padding: 0;
	font-family: comic, sans-serif;
	font-size: 16px;
}

a{
	text-decoration: none;
	color:#ccc;
}
	
nav{
	display: inline;
	float: right;
}

main{
    width: 1280px;
	color: #fff;
	padding-top: 190px;
}

/*-----CABECERA-----*/
#header{
    width: 1240px;
	height: 200px;
	margin: 0;
    padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	position: fixed;
	background: rgba(0, 0, 0, 1) url("../img/logo.jpg") no-repeat right 60px top 20px;
	box-shadow: 0px 10px 20px 0px #000;
}

#elektroputos{
		margin: 0;
		padding: 0;
		color: #e02354;
		font-family: elektro;
		font-size: 8.1em;
		font-weight: normal;
		text-shadow: 0px 0px 2px #fff;
	}
		
#cibernetico{
	margin: 0;
	margin-top: -20px;
	padding: 0;
	color: #d7b426;
	font: 2.85em normal;
	font-family: cibernetico;
	
}

#social{
	width: 45px;
	margin: 0;
	margin-top: -5px;
	padding: 0;
}
	#social img{
		border-radius: 100px;
		margin-left: 10px;
		margin-bottom: 3px;
		transition-property: background, box-shadow;
		transition-duration: 0.25s;
		transition-timing-function: linear;
	}
	.fb{
		box-shadow: 0px 0px 8px #e6e8e5 inset;
	}
	.fb:hover{
		box-shadow: 0px 0px 8px #111 inset;
		background: #0065da;
	}
	.yt{
		box-shadow: 0px 0px 8px #e6e8e5 inset;
	}
	.yt:hover{
		box-shadow: 0px 0px 8px #111 inset;
		background: #df2a25;
	}
	.fk{
		box-shadow: 0px 0px 8px #e6e8e5 inset;
	}
	.fk:hover{
		box-shadow: 0px 0px 8px #111 inset;
		background: #fe0382;
	}
	.bc{
		box-shadow: 0px 0px 8px #e6e8e5 inset;
	}
	.bc:hover{
		box-shadow: 0px 0px 8px #111 inset;
		background: #639daa;
	}

/*-----CUERPO--PAGINA-----*/
#container{
	background: rgba(255, 255, 255, 0.1);
	width: 1240px;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0px 0px 25px #000;
	float: left;
}
#bolos{
	width: 550px;
	margin-top: 40px;
	text-shadow: 0px 0px 2px #000;
	float:left;
}
	#bolos h1{
		font-size: 1.86em;
	}
	
	#bolos section{
		box-shadow: 0px 0px 10px #000;
		border-radius: 5px;
	}
	#bolos section figure{
		margin:0;
		padding:0;
	}
	#bolos section figcaption{
		background:rgba(0,0,0,0.3);
		padding: 20px;
		margin-top:-24px;
		margin-bottom:20px;
		font-size: 1.2em;
	}
	#bolos section figcaption p{
		color: #d7b426;
		font-weight: bold;
		text-align: justify;
	}

#fotobolos{
	width: 670px;
	height: 1380px;
	margin-left: 20px;
	margin-top: 131px;
	background: url("../img/collagemod.jpg");
	float: left;
	box-shadow: 0px 0px 10px #000;
	border-radius: 5px;
}

#biografia{
	float:left;
	clear: left;
	width: 100%;
	text-shadow: 0px 0px 2px #000;
	text-align: justify;
}
	#biografia h1{
		font-size: 1.86em;
		padding-top: 50px;
	}
	#biografia section h2{
		margin-top: 40px;
		margin-bottom: 0;
		margin-left: 15px;
		color: #d7ae64;
	}
	#biografia section{
		float: left;
		width: 100%;
	}
	#biografia section p{
		margin-left: 30px;
		margin-right: 30px;
	}
	#biografia .citas{
		margin-top: 20px;
		margin-bottom: 40px;
		text-align: center;
		font-size: 1.1em;
	}
	#biografia .grupo{
		float:left;
		margin-right: 40px;
	}
	#biografia .bolosxxi p{
		margin: 0;
		margin-left: 20px;
	}

.linea{
	width: 1195px;
	height: 1px;
	background: #555;
	margin:0 auto;
	margin-left: 15px;
	margin-top: 0px;
	padding:0;
	box-shadow: 0px 0px 2px #000;
}
.margen{
	padding-top: 20px;
}

.video{
	width: 630px;
	margin: 20px;
	box-shadow: 0px 0px 8px 1px #000;
	border-radius: 5px;
}