@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,900);

body{
font-family: 'Roboto', sans-serif;
font-size:16px;
}

.container-fluid{
  margin:0px;
  padding:0px;
}


.caixa_reproductor{
  position:relative;
  floaT:lefT;
  width:100%;
  max-width:1300px;
  border:0px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:20px;
  color:#fff;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cedce7+0,596a72+100;Grey+3D+%231 */
background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(-45deg, #cedce7 0%, #596a72 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cedce7), color-stop(100%,#596a72)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #cedce7 0%,#596a72 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #cedce7 0%,#596a72 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #cedce7 0%,#596a72 100%); /* IE10+ */
background: linear-gradient(135deg, #cedce7 0%,#596a72 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.caixa_reproductor a{
  color:#fff;
}

.controls{
  float:left;
  width:100%;
    margin-top:20px;}
  
.select_canso{
  margin-bottom:10px;
}  

.select_llista{
  margin-bottom:10px;
}  
   
.marca{
      float:right;
      margin-top:20px;
      width:50%;
}      
    
.artista_de_canso{
 font-size:1.1em;
 line-height:1em;
}

.titol_de_canso{
 font-size:2em;
 line-height:1em;
 font-weight:900;
}

.album_de_canso{
font-size:1em;
line-height:1.6em;
}

.altres_infos_de_canso{
font-size:0.8em;
line-height:1em;
color:#aaa;
}



.caixa_reproductor a .fonsblancrand { color:#fff; }

.caixa_reproductor a .fonsfoscrand { color:#ddd; }