#reproductor {
  width: 770px;
  height:60px;
  margin: 8px 0px 0px 0px; 
  padding: 10px 0px 0px 0px;
  background: #10729c; 
  border: 1px solid #666666; 
  border-radius: 10px;
}

/* botones */
#play{
  width: 50px;
  height: 50px;
  /*
  border: 1px solid #000000;
  color: #FFFFFF;
  background: #1fa6df; 
  font-weight: bold; 
  border-radius: 10px; 
  */
} 

#mute {
  width: 50px;
  height: 50px;
  /*
  border: 1px solid #000000;
  color:#FFFFFF;
  background: #880000; 
  font-weight: bold; 
  border-radius: 10px;
  */
} 


#botones {
  float: left; 
  width: 50px; 
  height: 50px; 
  padding: 1px 5px 1px 5px;
}



#botones2 {
  float: left; 
  width: 50px; 
  height: 50px; 
  padding: 1px 2px 1px 30px;
} 


#duracion_audio {
  float: left; 
  width: 20px; 
  color: #FFFFFF;
  padding: 17px 15px 5px 1px;
} 


#duracion {
  color: #FFFFFF;
  font-size:13px;

}


 
#barra {
  float: left;
  width: 250px; /*igual que el valor de la variable 'maxim' en reproductor.js */
  height: 16px;
  margin: 14px 5px 10px 10px;
  padding: 2px;
  
  border: 2px solid #CCCCCC; 
  background: #EEEEEE;
} 

/* barra de progreso de reproducción*/
#progreso {
  width: 0px;
  height: 16px;
  background: rgba(2,151,213,.5);
}



#control {
  float: left; 
  padding: 12px 10px 10px 20px;
} 


.clear {
  clear: both;
}


span.reproductor
{
	color:#FFFFFF;
	font-size: 13px;
	font-weight:bold;
}