*{
	margin-left:auto;
	margin-right:auto;
	max-width:960px;

}

body{
	width:960px;
	/*background-color:#F7EFFF;*/
	display:block;
	
}

.fondo{
	
	margin-top:300px;
	
}

#cuerpo{
	background:-moz-linear-gradient(bottom, green, #DBFFBF, green);
	display:flex;
}

nav{
	width:960px; 
	height:40px;
	color:#009933;
}
nav ul{
	background-color:#009933;
	list-style:none;
	display:flex;
	text-align:rigth;
	
}
nav ul li{
	font-family:Raleway;
	font-size:20px;	
	margin:2px 10px;
	
}
nav ul li a{
	background-color:#009933;
	text-decoration:none;
}

#playlist,audio{
	background:#E6E6E6;
	width:310px;
	margin-top:20px;
	padding:20px;
	list-style:none;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	border-radius:10px;
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
	.active a{
		color:#5DB0E6;
		text-decoration:none;

	}
		li a{
			font-family: raleway;
			color:#eeeedd;
			list-style:none;
			background:#333;
			padding:5px;
			display:block;
			
		}
		li a:hover{
		text-decoration:none;
		}	
	
#lista{
	width:350px;
	padding:0px;
	list-style:none;
	
}
#Texto1{
	float:left;
	width:250px;
	margin-top:100px;
	margin-left:20px;
	margin-right:10px;
}
	#texto2{
	float:rigth;
	width:200px;
	margin-top:100px;
	margin-left:0px;
	margin-right:10px;
	display:flex;
}
h1{
	font-family: Raleway;
	font-size:20px;
}
	
#pie{
	width:960px;
	height: 70px;
	background-color:#009933;
	text-align:left;
	
}
h2{
	font-family: Raleway;
	font-size:10px;
	color:black;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	
}
h3{
	font-family: Raleway;
	font-size:16px;
	color:black;
	
}
span{
	background-color:yellow;
	color:black;
	font-size:10px;
	border-radius:2px;
}