body{
	font-size: 13px;
	font-family: 'Arial','Viga';
	background-color: white;
	background-color: rgba(31, 0, 157, 0.2);
}

#encabezado{
	background-image: url("../img/banner bus2.png");
	background-color: white;
	height: 200px;
	background-size: 100% 200px;
}


@media (max-width: 576px) {
  #encabezado{
  	height: 120px;
  	background-size: 100% 120px !important;
  }

  #live{
  	height: 400px !important;
  }

  #extassis{
	height: 400px !important;
  }

  #reproductor > img{
	height: 400px !important;
  }

}


@media (min-width: 577px) {
	#extassis{
		height:70vh !important;
	}
	#live{
		/*height: 70vh !important;*/
		height: calc(100vh - 210px) !important;
	}
	#reproductor > img{
		height: 70vh !important;
	}
}


#reproductor > img{
	width: 100%;
	display:block;
	margin-left: auto;
	margin-right: auto;
	overflow:hidden;
}


#reproductor{
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#live{
	overflow:hidden;
	margin: 0px !important;
	margin-left: -30px !important;
	margin-right: -10px !important;
	padding: 0px !important;
}



#player{
	width: 100px;
	height: 45px;
}