@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?-qk658c");
  src: url("../fonts/icomoon.eot?#iefix-qk658c") format('embedded-opentype'), url("../fonts/icomoon.woff?-qk658c") format('woff'), url("../fonts/icomoon.ttf?-qk658c") format('truetype'), url("../fonts/icomoon.svg?-qk658c#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}
.icon-pause:before {
  content: "\e605";
}
.icon-clip:before {
  content: "\e600";
}
.icon-forward:before {
  content: "\e601";
}
.icon-backward:before {
  content: "\e602";
}
body {
  background: #bfbfbf;
  font-family: sans;
  font-size: 16px;
  margin: 0;
}
header {
  background: #333;
  color: #fff;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3;
}
header h1 {
  margin-left: 0.5em;
}
header .actions {
  cursor: pointer;
  font-size: 2rem;
  margin: 1.4rem 0.4rem;
  position: absolute;
  right: 0;
  top: 0;
}
header .actions .action {
  margin: 0;
  padding: 2rem 0rem;
}
header .actions .action:hover {
  color: #0ac;
}
header .actions .action-disabled {
  color: #333;
}
header .actions .action-disabled:hover {
  color: #333;
}
#contenido {
  position: relative;
  top: 81px;
}
.boton {
  cursor: pointer;
  padding: 1.1em 0.3em;
  top: 0;
  position: absolute;
}
.boton.icon-backward {
  left: 0;
}
.boton.icon-forward {
  right: 0;
}
.boton:hover {
  background: #0ac;
}
.disabled {
  border: 0px solid transparent;
  color: #2c393b;
}
.disabled:hover {
  background: #222b2d;
}
.proceso {
  color: #fff;
  position: fixed;
  width: 100%;
  z-index: 3;
}
.tags {
  position: relative;
  top: 102px;
}
.tag {
  background: #2c393b;
  border-top: 3px solid #0ac;
  font-size: 2em;
  padding: 0.7em;
  text-align: center;
}
.tag .pic {
  color: #fff;
}
.tiempo {
  background: #222b2d;
  border-bottom: 2px solid #0ac;
  font-size: 2em;
  text-align: center;
  padding: 1em 0em;
  width: 100%;
}