/*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';
}


/* Otros elementos */
img {
    width: 20%;
    height: 15vh;
    background: #FFF;
    padding-right: 3vh;
}

p {
  color: #FFFFFF;
  text-decoration:none;
  font-family: 'nexa_boldregular';
  font-size:1em;
  border: 2vh #FFFFFF;
  border-radius: 1vh 1vh 1vh 1vh;
 -moz-border-radius: 1vh 1vh 1vh 1vh;
 -webkit-border-radius: 1vh 1vh 1vh 1vh;
  background: #da012c;
  width: 90vh;
  height: 10vh;
  display: block;
  text-align: center; 
    padding: 3vh;
    margin-left: 2vh;
    margin-top: 0vh;
}

p:hover {
  color: #FFFFFF;
  text-decoration:none;
    font-family: 'nexa_boldregular';
}

.container {
    display: grid;
    flex-direction: row;
    flex-wrap: nowrap;
}

.titleRadio {
    display: flex;
    margin-left: 0em;
  margin-bottom:-1em;
}

.radiodiv {
    width: 90%;
    margin-left: -10em;
}

.tv {
  width: 100%;
    height: 22em;
  /*height:;*/
}


/*audio control*/