@import url(http://fonts.googleapis.com/css?family=Roboto);
	
	#player {
	width: 275px; 									
	height: 175px; 									
	padding: 10px;									
	background-color: #9400D3;						
	background-repeat: no-repeat; 
	background-position: 0px center;			
	position: relative;
	border-radius: 7px;
	border: 2px solid #693209;
	margin: auto;
	box-shadow:0px 0px 40px rgba(0,0,0,.8) inset;
	
	}

	#logo{						
	position:absolute;
	height: 100px;  									
	width: 100px;
	left:10px;
	top:5px;
	}
	
	
	#play{
	height: 50px;  									
	width: 50px;								
	background-image:url(../img/play.png);			
	}
	
	#play:hover{
	height: 50px;									
	width: 50px;									
	background-image:url(../img/playh.png);		
	}
	
	#pause{
	height: 50px;  								
	width: 50px;									
	background-image:url(../img/pausa.png);		
	}
	
	#pause:hover{
	height: 50px;									
	width: 50px;									
	background-image:url(../img/pausah.png);		
	}
	
	#play, #pause {									
	position: absolute;							
	left: 47px;											
	top: 135px;			
	}
	
	#titulo{									
	position:absolute;
	left:100px;
	top:137px;
	}
	#titulo h3{	
	color: #FFFFFF;								
	padding:2px;
	margin:0px;
	font-family: 'Teko', sans-serif;
	font-size:32px;
	}
		
	
    #song {											
	position: absolute;	
	color: #FFFF00;						
	left: 2px;
	top: 98px;
    margin:5px;
    width: 280px;
    height: 30px;
    font-family: 'cambria', cursive;
    text-transform: capitalize;
    font-size: 27px;
	}
	
	#animation{						
	position:absolute;
	left:130px;
	top:50px;
	}
	
	
    
/* CSS Document */