@font-face {
  font-family: 'radio';
  src: url('font/radio.eot');
  src: url('font/radio.eot') format('embedded-opentype'),
  url('font/radio.woff2') format('woff2'),
  url('font/radio.woff') format('woff'),
  url('font/radio.ttf') format('truetype'),
  url('font/radio.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "radio";
  font-style: normal;
  font-weight: normal;
  speak: none;
  
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  
  margin-left: .2em;
}

body{
  font-family:sans-serif;
  font-size:1.2em;
  line-height:1.7em;
  color:#000;
  background:#CECECE;
  margin:0;
  padding:0;
  text-align:center;
}
.left-half {
  border-bottom-left-radius: 80px;
  border-top-left-radius: 80px;
  height: 25px;
  width: 60px;
  background: #9e978e;
  display: inline-block;
}
.counter {
  font-size: 0.9em;
}
.center-text {
  text-align: center!important;
}

.text-white {
  color: #FFFFFF;
}

.text-black {
  color: #000000;
}

.block {
  width: 40px;
}

.karolina {
  background: #DEDFD9;
}

.laguna {
  background: #FFFFFF;
}

.play {
  background: #EC1946;
}

.tdi {
  background: #660000;
}

.house {
  background: #8DC73F;
}

.jazz {
  background: #996C31;
}

.lounge {
  background: #D96400;
}

.cafe {
  background: #F08C13;
}

.naxi {
  background: #006DD9;
}

.boem {
  background: #FDC918;
}

.off {
  background: #060606;
}
.cr {
  font-size: 0.6em;
}

.title {
  font-size: 2em;
  vertical-align: middle;
}

.strelice {
  vertical-align: middle;
}

#radio{margin:2em auto 2em auto;width:420px;}

.icon-play-circled2:before { content: '\e800'; }
.icon-music:before { content: '\e801'; }
.icon-clock:before { content: '\e802'; }
.icon-user:before { content: '\e803'; }
.icon-book:before { content: '\e804'; }
.icon-megaphone:before { content: '\e805'; }
.icon-pause-circle-o:before { content: '\f28c'; }

#cont{width:300px;height:300px;position:relative;}
#info{text-align:left;}
#info li{list-style:none;}
#ppbutton{font-size: 5em;line-height:150px;vertical-align:middle;}
#cover{width:150px;height:150px;float:left;}
#stanice td img, #stanice td{
  vertical-align: middle;
  text-align: right;
}
#stanice td {
  /* padding-bottom: 15px;
  margin-bottom: 15px; */
}
#stanice {
  border-spacing: 0px 10px;
}