@media print {
	.no-print {
		display: none !important;
	}
}

#loader-overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.loader {
  position: absolute;
  left: 50%;
  top: 50%;
  border: 16px solid #c8d2c6; /* Light green */
  border-top: 16px solid #546454; /* Green */
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin: -41px 0 0 -41px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#popup-overlay {
  position: fixed; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

#popup {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 50%;
  padding: 16px;
  border: 1px solid gray;
  background-color: white;
  z-index: 1002;
  overflow: auto;
}

body {
	FONT-SIZE: 10px;
	COLOR: #4E6783;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss;
	background-color: #FFFFFF;
	link:           #CD0000;
}
a {
	text-decoration: none
}
a:link {
	color:  #C1030F;
	FONT-WEIGHT: bold
}
a:visited {
	color: #E2AC86;
        FONT-WEIGHT: bold
}
a:active {
	color: #E2AC86;
        FONT-WEIGHT: bold
}
a:hover {
	color: #E2AC86;
	text-decoration: underline
}
H1 {
	FONT-SIZE: 18px;
	COLOR: #C1030F;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss
}
H2 {
	FONT-SIZE: 16px;
	COLOR: #F7C607;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss
}
H3 {
	FONT-SIZE: 14px;
	COLOR: #C44F00;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman Black, Times New Roman, Swiss
}
H4 {
	FONT-SIZE: 12px;
	COLOR: #CD0000;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss
}
.tab1 {
	FONT-SIZE: 12px;
	COLOR: #4E6783;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss
}
.tab2 {
	FONT-SIZE: 12px;
	COLOR: white;
        background-color:#003366;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss
}
.g1 {
	FONT-SIZE: 12px;
	COLOR: #4E6783;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss
}
.g2 {
	FONT-SIZE: 14px;
	COLOR: #4E6783;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss
}
.zoznam {
	FONT-SIZE: 12px;
	COLOR: #4E6783;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss
}
.intro {
	FONT-SIZE: 11px;
	COLOR: #4E6783;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss
}
.hlavicka {
	text-align:   center;
}
.exploder_bug {
text-align: center;
}
.telo {
text-align: left;
width: 500px;
margin: 0px auto;
}
.spodny_text {
	font-size:           10px;
	color:    #4E6783;
	text-align:  center;
}
.spodna_hlavicka {
	text-align:   center;
	color:          #4E6783;
}
.odoslanie {
	text-align:   center;
}
.tabulka {
  text-align: center;
}
.tabulkavrch {
   background-color:#FFFFFF;
  border: 0;
  margin: 0px auto;
}
.tabulka1 {
  background-color:#E8E8E8;
}
.tabulka2 {
  background-color:#003366;
}
.tabulka3 {
  background-color: #F2F2F2;
}
.prvystlpec {
  background-color:#ECF6FF;
  text-align: center;
  width: 100px;
}
.druhystlpec {
        background-color:#ECF6FF;
	text-align:  center;
	width: 100px;
}
.normaltext {
	font-size:        13px;
}
.button {
  background-color: #04AA6D;
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
}

.button1 {border-radius: 8px;}

.button:hover {
  background-color: #f3cb04;
  color: black;
  text-decoration: underline;
 FONT-WEIGHT: normal;
}

.ghost-button {
  background-color: transparent;
  border: 1px solid gray;
  color: gray;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  border-radius: 8px;}
  
 .ghost-button:hover {
  background-color: gray;
  color: white;
}