@import url(http://fonts.googleapis.com/css?family=Roboto);
	
	#player {
	width: 300px; 									/* ancho del reproductor */
	height: 100px; 									/* alto del reproductor */
	padding: 10px;									/* dimensiones totales del reproductor 310 x 110 (sumando el padding) */
	background-image: url(https://img.xatblog.net/image/X3AjqlBv2Jv.jpg); 		/* logo 100x100 */
	background-color: #303030;						/* color de fondo */
	background-repeat: no-repeat; 
	background-position: 0px center;				/* posición del logo - eje x  eje y */
	position: relative;
	border-radius: 10px;
	border: 1px solid #ccc;
	margin: auto;
	box-shadow:0px 0px 40px rgba(0,0,0,.8) inset;
	
	}
	
	#play{
	height: 100px;  									/* alto botón play */
	width: 100px;									/* ancho botón play */
	background-image:url(../img/play.png);			/* imagen botón play */	
	}
	
	#play:hover{
	height: 100px;									/* alto botón play activado (cuando el puntero del mouse está encima) */
	width: 100px;									/* ancho botón play activado */
	background-image:url(../img/playh.png);			/* imagen botón play activado */
	}
	
	#pause{
	height: 100px;  									/* alto botón pausa */
	width: 100px;									/* ancho botón pausa */
	background-image:url(../img/pausa.png);			/* imagen botón pausa */	
	}
	
	#pause:hover{
	height: 100px;									/* alto botón pausa activado (cuando el puntero del mouse está encima) */
	width: 100px;									/* ancho botón pausa activado */
	background-image:url(../img/pausah.png);		/* imagen botón pausa activado */
	}
	
	#play, #pause {									/* posición botones play y pause */
	position: absolute;								/* respecto del extremo izq.sup. del reproductor */
	left: 10px;											
	top: 10px;			
	}
	
	#titulo{										/* posición título emisora */
	position:absolute;
	left:140px;
	top:22px;
	}
	#titulo h3{										/* fuente y tamaño del título */
	padding:0px;
	margin:0px;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	}
		
	
    #song {
	position: absolute;
	color: #000000;
	left: 115px;
	top: 45px;
	margin: 5px;
	width: 192px;
	height: 22px;
	font-family: 'Teko', sans-serif;
	text-transform: capitalize;
	font-size: 18px;
	background-color: #FFCC00;
	border-radius: 15px 15px 15px 15px;
	border: 1px solid #ccc;
	}
	
	#social{										/* posición iconos sociales */
	height:30px;
	width:160px;
	position:absolute;
	left:180px;
	top:80px;
	}