/*ESTRUCTURA GENERAL*/
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../font/nexa_bold-webfont.woff2') format('woff2'),
         url('../font/nexa_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_lightregular';
    src: url('../font/nexa_light-webfont.woff2') format('woff2'),
         url('../font/nexa_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  background:#1c1918;
  color: #FFFFFF;
  font-family: '../font/Nexa Light.otf';
}


/*audio control*/
audio {
  width: 90%;
  height: 20px;
  display: block;
  background-color: transparent;
  margin-bottom: -10px;
}

audio::-webkit-media-controls {
  background-color: transparent;
}

audio::-webkit-media-controls-panel {
  background-color: #da012c;
  opacity: 80%;
  /*color:#FFFFFF;*/
}
/*
audio::-webkit-media-controls-play-button { 
url("../images/icon_feather_play.png")
	background-size: 15px;
  width:15px;
  -webkit-appearance: media-play-button;
  -webkit-appearance-color:red;
}
*/

audio::-webkit-media-controls-overlay-play-button, video::-webkit-media-controls-overlay-play-button {
    display: none
}

audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button {
	-webkit-appearance: media-play-button;
    display: -webkit-flex;
    width: 15px;
    height: 15px;
    background-color: #da012c;
    border: initial;
    color: inherit;
}

audio::-webkit-media-controls-mute-button {
  background-color: #da012c;
	background-size: 25px;
  width:25px;
}

audio::-webkit-media-controls-timeline-container {
  background-color: #da012c;
  color:#FFFFFF;
}

audio::-webkit-media-controls-current-time-display {
  background-color: #da012c;
  color:#FFFFFF;
}

audio::-webkit-media-controls-time-remaining-display {
  background-color: #da012c;
  color:#FFFFFF;
}

audio::-webkit-media-controls-timeline {
  background-color: #da012c;
  color:#FFFFFF;
}

audio::-webkit-media-controls-volume-slider-container {
  background-color: #da012c;
  
}

audio::-webkit-media-controls-volume-slider {
  background-color: #da012c;
}

audio::-webkit-media-controls-volume-slider:active {
  background-color: #da012c;
}

audio::-webkit-media-controls-seek-back-button {
  background-color: #da012c;
  
}

audio::-webkit-media-controls-seek-forward-button {
  background-color: #da012c;
  
}

audio::-webkit-media-controls-fullscreen-button {
  background-color: #da012c;
  
}

audio::-webkit-media-controls-rewind-button {
  background-color: #da012c;
  
}


/* Otros elementos */
@font-face {
    font-family: 'nexa_boldregular';
    src: url('../font/nexa_bold-webfont.woff2') format('woff2'),
         url('../font/nexa_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_lightregular';
    src: url('../font/nexa_light-webfont.woff2') format('woff2'),
         url('../font/nexa_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

button {
    display: block;
    margin-left: 91%;
    margin-top: -1.6%;
    border-radius: 5px 5px;
    background-color: #da012c;
    color: #FFFFFF;
    font-size: 13px;
    font-family: 'nexa_boldregular';
}


a {
  color: #FFFFFF;
  text-decoration:none;
}

a:hover {
  color: #FFFFFF;
  text-decoration:none;
}