body {
	background: #f0f3f5;
	color: #fff;
}


.contenedor-main {
	margin-bottom: 20px;
}

main {
	background: #fff;
	color: #424242;
	padding: 20px 0
}

aside {
	background: #dee5e8;
	padding: 10px 0;
	color: #0d47a1;
}

.widgets {
	background: #f2f2f2;
	color: #424242;
	margin-bottom: 20px;
}

.widgets > div {
	background: #2196f3;
	color: #fff;
	padding: 20px;
}

footer {
	padding: 20px 0;
	background: #1e1e1e;
}
.head_top{background:url("../images/header.jpg");background-color: #F7C703; border-bottom: 5px #F14A0F solid; padding-bottom: 10px; /*box-shadow: 0 5px 20px 3px #000;overflow: hidden;z-index: 90000;*/ margin-bottom: 25px; }

.en-vivo{color:black; font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: bold; }
.redes-sociales{color:black; font-size: 50px; font-weight: bold;}
.redes-sociales p{font-size: 55px; line-height: 20px; color: #FE5C05; text-shadow: 3px 3px 3px #FFF;}
.redes-sociales h4{color: black; font-size: 22px; font-weight: bold; padding-top: 10px;}

.player {background: #fff;color: #424242;padding: 10px 0 6px 0; margin-bottom: 10px; border-bottom: 1px #000 solid;border-top: 1px #000 solid; font-family: 'Montserrat', sans-serif; font-size: 16px;}
    
.head_bottom{background-color: #1E1E1E; border-top: 5px #F14A0F solid; padding-bottom: 10px; }
.copy{ margin: 20px 0 20px 0; border-bottom: 1px #868686 solid; padding-bottom: 15px; color: #AEAEAE; font-family: 'Montserrat', sans-serif;}
.copy-cont{padding-bottom: 15px; color: #AEAEAE; }
.copy-cont h5{color: #FE5C05}
.copy-cont img{margin-right: 15px;}
.copy-cont p{line-height: 12px;}

.menu{background-color: #000 !important;}
.fixet{
    width: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
  }
  nav ul{
      width: 100%;
      list-style: none;
      display: flex;
      flex-wrap: wrap;
      text-align: center;
      transition: 2s;
      padding-inline-start: 0;
      margin-block-start: 0;
      margin-block-end: 0;
      flex-direction: row;
      flex-flow: wrap;
      justify-content: space-around;
      align-items: center;
      align-content: center;
      text-align: center;
  }
  .nav{
      background: #000000;
      min-height: 50px;
      
      
  }

  .nav li{
    justify-content: stretch;
    flex-grow: 1;
    text-align: center;
    align-items: center;
    animation-name: borderbottom;
    animation-duration: 2s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
  }

  .nav li a{
      display: block;
      padding: 9px 15px;
      line-height: 30px;
      color: #fff;
      text-decoration: none;
      font-family: "Lato",Helvetica,Arial,sans-serif;
      font-weight: 600;
      
  }
  .nav li a:hover{
      background: #FF5722;
      color:#fff;
      text-decoration: none;
  }

  .nav .right{
      float: right;
      margin-right: 1em;
  }
  .toggle-nav{
      display: none;
      color: #fff;
animation: fondo_grad 4000ms ease-out infinite;
animation-direction: alternate;
}
.active{
  background: #FF5722;
animation: fondo_grad 4000ms ease-out infinite !important;
  animation-delay: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    animation-play-state: running;
}
  .nav-mobile style{
      display: block;
  }

  @media only screen and (max-width: 640px){
      .nav{
          border-bottom: 3px solid rgb(255, 255, 255);
      }

.toggle-nav{
          display: block;
          padding: 10px;
          position: absolute;
          right: 10px;
          line-height: 30px;
          background:#000;
        font-family: "Lato",Helvetica,Arial,sans-serif;
      font-weight: 600;
    text-decoration: none;
      }

      .toggle-nav:after{
          content: ' Menu';
      }

      .nav-mobile{
          display: none;
      }

      .style-mobile{
          background: #E0E0E0;
          width : 100%;
          margin-top: 50px;
      }

      .style-mobile li{
          display: block;
          width: 100%;
      }
      nav ul{
        padding-inline-start: 0;
        margin-block-start: 0;
        margin-block-end: 0;
        flex-direction: row;
        flex-flow: wrap;
        justify-content: start;
        align-items: flex-end;
        align-content: flex-end;
        text-align: initial;
    }
      .nav li{
        justify-content: flex-end;
        flex-grow: unset;
        text-align: start;
        align-items: center;
        border-bottom: 3px solid #ffffff;
    }
     .nav li a{
      color: #000;
      text-decoration: none;
  }
  }

  @media only screen and (min-width: 641px){
      .nav-mobile {
          display:block !important;
          width: 100%;
      }
      .nav li a{
      color: #fff;
      text-decoration: none;
  }
  }
  @keyframes  borderbottom {
    0% {border-bottom: 5px solid #FF0000;}
    28% {border-bottom: 5px solid #e20285;}
    50% {border-bottom: 5px solid #04d5ff;}
    75% {border-bottom: 5px solid #ffe100;}
    100% {border-bottom: 5px solid #008000;}
  }
  @keyframes fondo_grad {
  0% {background:#ff1c4f;}
  28% {background:#ef02ff;}
  50% {background:#04d1ff;}
  75% {background:#efff00;}
  100% {background:#57ff01;}
  }