@import url(http://fonts.googleapis.com/css?family=Roboto);
	
#player {
	width: 275px; 									
	height: 175px; 									
	padding: 10px;									
	background-image:url(../img/bg.png)  ;

	background-repeat: no-repeat; 
	background-position: 0px center;			
	position: relative;
	border-radius: 7px;
	border: 0px solid #693209;
	margin: auto;
	box-shadow:0px 0px 40px rgba(0,0,0,1) inset;
	
	}


	#logo{						
	position:absolute;
	height: 100px;  									
	width: 100px;
	left:30px;
	top:25px;
	}
	
	
	#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: 27px;											
	top: 135px;			
	}
	
	#titulo{									
	position:absolute;
	left:90px;
	top:142px;
	}
	#titulo h3{	
	color: #FFFFFF;
    text-shadow: 2px 2px #000000;
	
	padding:2px;
	margin:0px;
	font-family: 'Teko', sans-serif;
	font-size:35px;
	}
		
	
    #song {											
	position: absolute;	
	color: #FFFFFF;
	text-shadow: 2px 2px #000000;
	left: 2px;
	top: 103px;
    margin:5px;
    width: 280px;
    height: 30px;
    font-family: 'teko', sans-serif;
    text-transform: capitalize;
    font-size: 25px;
	}
	
	#animation{						
	position:absolute;
	left:70px;
	top:74px;
	}
	
	
    
/* CSS Document */