html,body,h1,h2,h3,h4,h5,h6 {
/*	font-family: "Roboto", sans-serif; */
	font-family: Arial, Helvetica, sans-serif;
}
/*
#headerDance, #headerSong, #headerTime {
  min-width: 250px; 
  background: red;
  display: inline-block;
}
*/
/*
#headerDanceDIV, #headerSongDIV {
  min-width: 250px; 
}
*/
#headerDanceDIV  {
  min-width: 250px;
  border-bottom: medium outset rgb(112,112,112);
}

#headerSongDIV {
  min-width: 250px;
  border-bottom: medium outset rgb(112,112,112);
}

#headerTimeDIV {
  min-width: 200px; 
  max-width: 150px; 
  text-align: right;
  padding-right: 10px;
  border-bottom: medium outset rgb(112,112,112);
}
#headerDanceBOX, #headerSongBOX {
  min-width: 250px; 
}

#headerTimeBOX {
  min-width: 200px; 
  max-width: 150px; 
  text-align: right;
  padding-right: 10px;
}


#PraveHrajeSong{
  min-width: 70px; 
  text-align: left;
  display: inline-block;
}

#PraveHrajeArtist{
  min-width: 70px; 
  text-align: left;
  display: inline-block;
}



.zakladniram {
  width: 1280px;
  height: 800px;

}

.footer {
  position: fixed; 
  left: 0;
  bottom: 0;
  margin: 0 auto; 
  width: 100%; 
  text-align: center;


}


.divTable{
	display: table;
	width: 90%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	/*border: 0px solid #999999;*/
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}


#box_aktualnitanec {
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 1px solid red;	
	width: 70%;
	height: 100px;
}

.budoucitance {
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	border: 2px solid blue;	
	width: 70%;
	height: 100px;
}

.box_aktualnitanecnazev {
  font-weight: bold;
  font-size: 2.5rem;
}

.box_aktualnisongname {
  font-size: 1.2rem;  
}
.box_aktualniartist {
  font-size: 1.2rem;  
}
.box_aktualniartistlabel {
  font-size: 0.8rem; 
  color: gray;
}
.box_aktualnisongnamelabel {
  font-size: 0.8rem;  
  color: gray;
}

.headerupcomlist{
  font-size: 1.2rem;
  font-weight: bold;
  color: rgb(189, 187, 187);
  border-bottom: solid 1px;
}

#box_seznambudoucichtancu {
  font-size: 2rem;
}

.box_upcpomsongname{
  font-size: 1.5rem;
  overflow: hidden;
}

.box_upcpomdancename{
  overflow: hidden;
}

/*

.marquee {
  margin: 0 auto;
//  width: 600px;
  width: 100%; 
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
}
.marquee:before,
.marquee:after {
  position: absolute;
  top: 0;
  width: 50px;
  height: 30px;
  content: "";
  z-index: 1;
}


.marquee__content {
  width: 200%;
  display: flex;
  line-height: 30px;
  animation: marquee 50s linear infinite forwards;
}
.marquee__content:hover {
  animation-play-state: paused;
}
.list-inline {
  display: flex;
  justify-content: space-around;
  width: 33.33%;

  list-style: none;
  padding: 0;
  margin: 0;
}
@keyframes marquee {
  0% {
	transform: translateX(0);
  }
  100% {
	transform: translateX(-66.6%);
  }
}
*/

@keyframes scroll-left {
  0% {
      transform: translateX(100%);
  }
  100% {
      transform: translateX(-100%);
  }
}

.info-texts{
  font-size: 1.5rem;
//  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
//  box-sizing: border-box;
  padding: 10px 0;  /* Výška může být upravena podle potřeb */
  background: navy;  /* Barva pozadí může být změněna */
  position: relative;
  width: 100%;
}

.scrolling-text {
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 10px 0;  /* Výška může být upravena podle potřeb */
  background: navy;  /* Barva pozadí může být změněna */
  position: relative;
  width: 100%;
  font-size: 1.5rem;
}

.scrolling-text-inner {
  font-size: 1.5rem;
  display: inline-block;
  will-change: transform;
  animation: scroll-left 50s linear infinite; /* Doba trvání animace může být upravena */
}