img.art{

width: 100%;
    box-shadow: 0 0 3px #000;
   
}

img.option_art{
width: 100%;
    box-shadow: 0 0 3px #000;
}

.affix{



}

  #logo-header{
  width:250px;
  }
  
  small .p{
  margin: 0px;
  }
  
  .thumbnail-style {
  margin-bottom: 0px;
  }
  
/* audio playback controls */
.track-controls{
    position: relative;
}
.track-controls .play,
.track-controls .pause{
    background: none no-repeat 50% 50%;
    height: 0;
    width: 0;
    border: none;
    padding: 28px 0 0 28px;
    overflow: hidden;
    cursor: pointer;
    margin: 13px 10px 0px 15px;
}
.track-controls .play{
    background-image: url(../img/btn-play.png);
}
.track-controls .pause{
    background-image: url(../img/btn-pause.png);
}
.track-controls input[type="range"] {
  -webkit-appearance: none;
  background: #bfbfbf;
  border: none;
  display:block;
  position: absolute;
  top: 20px;
  left: 55px;

  height: 9px;
  border-radius: 4px;
  box-shadow: inset 0px 1px 6px rgba(0,0,0,.6), 0 1px 1px #fff;
}
.track-controls input::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: solid 1px #555;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: url(../img/slider-thumb.png) no-repeat 50% 50%;

}
.track-controls div.time{
    position: absolute;
    left: 50px;
    text-align: right;

  top: 40px;
}  

.header .navbar-brand{
padding: 15px 15px;
}
  
  
  .img-rounded{
  border-radius:10px !important;
  border: 2px solid white;
  }
  
 .style-switcher li.theme-default{
 background: #49758c;
 } 
 
 .style-switcher li.theme-blue{
 background: #574684;
 } 
 
 .style-switcher li {
 display: inline-block;
 width: 60px;
 height: auto;
 color: white;
 text-align: center;
 }
  
  
  /*---------------ACORDIAN-----------------*/
  
  .panel-default>.panel-heading {
  
  background-color: #325668;
  color:#ebebeb;
  }
  
  .acc-v1 .panel-heading a{
    background-color: #325668;
  }
  
  
.acc-v1  .panel {
background-color: #325668;

}

.panel-title>a:hover{
color: white;
text-decoration: underline;
}
  
  


div.active-option{

opacity: .67;
}
  a:hover{
  
  color: #49758c;
  }
  
  img.media-object{
  margin: 0 auto;
  }