@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); }
}

body {
	FONT-SIZE: 10px;
	COLOR: #484848;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	font-family: "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	background-color: #546454;
	link:   yellow;
	margin: 0;
}
a {
	text-decoration: none
}
a:link {
	color: white;
	FONT-WEIGHT: bold
}
a:visited {
	color: yellow;
        FONT-WEIGHT: normal
}
a:active {
	color: yellow;
        FONT-WEIGHT: bold
}
a:hover {
	color: yellow;
	text-decoration: none
}
H1 {
	FONT-SIZE: 16px;
	COLOR:  #546454;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY:  "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	padding-top: 20px;
	padding-bottom: 10px;
}
H2 {
	FONT-SIZE: 14px;
	COLOR: #314F73;
        background-color: none;
	FONT-WEIGHT: normal;
	FONT-STYLE: bold;
	FONT-FAMILY:  "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
H3 {
	FONT-SIZE: 12px;
	COLOR: #484861;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY:  "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
H4 {
	FONT-SIZE: 12px;
	COLOR: #2A4469;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY:  "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.tab1 {
	FONT-SIZE: 12px;
	COLOR: #f0f5ef;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY:  "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}

.tab2 {
	FONT-SIZE: 14px;
	COLOR: #546454;
    background-color:;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY:  "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
.tab3 {
	FONT-SIZE: 16px;
	COLOR:  #546454;
    background-color:#f0f5ef;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	text-align: center;
	FONT-FAMILY: "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
 
}
.tab4 {
	FONT-SIZE: 13px;
	COLOR: white;
        background-color:#f0f5ef;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Times New Roman, Swiss
}
.g1 {
	FONT-SIZE: 12px;
	COLOR: white;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Times New Roman, Swiss
}
.g2 {
	FONT-SIZE: 12px;
	COLOR: #E07203;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: Arial, Times New Roman, Swiss
}
.zoznam {
	FONT-SIZE: 12px;
	COLOR: #484848;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.intro {
	FONT-SIZE: 11px;
	COLOR: white;
	FONT-WEIGHT: normal;
	FONT-STYLE: normal;
	FONT-FAMILY: Verdana, Times New Roman, Swiss
}
.hlavicka {
	text-align:   center;
	background: url("header.PNG");
	background-color: #414561;
}
#div_vystup {
    background-color: white;
}

#div_vystup td {
    background-color: white;
}

#div_vystup table {
    background-color: white;
}


.exploder_bug {
text-align: center;
}
.telo {
text-align: left;
width: 500px;
margin: 0px auto;
}
.spodny_text {
	font-size:           10px;
	color: #484848;
	text-align:  center;
}
.spodna_hlavicka {
	text-align:   center;
	color:          #F2F2F2;
}
.odoslanie {
	text-align:   center;
}
.tabulka {
  text-align: center;
}
.tabulkaT {
  text-align: left;
  display: block;
}
.tabulkavrch {
   background-color: white;
  border: 0;
  margin: 0px auto;
}
.tabulkaZaznam {
  background-color: white;
}
.tabulka1 {
  background-color: #f0f5ef;
}
.tabulka2 {
  background-color: #c8d2c6;
}
.tabulka3 {
  background-color: #546454;
}
.tabulka4 {
  background-color:  #f0f5ef;
}
.tabulka5 {
  background-color:  #f0f5ef;// !important;
}
p > table.tabulka1 td, .prvystlpec {
FONT-SIZE: 12px;
COLOR: ;
FONT-WEIGHT: bold;
FONT-STYLE: normal;
FONT-FAMILY:  "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #eee2d9;
  text-align: center;
  width: 100px;
}
table.tabulka1 td{ background: #f0f5ef; }




.druhystlpec {
        background-color:#f0f5ef;
	text-align:  center;
	width: 100px;
}
.normaltext {
	font-size:        13px;
}
.tabT {
	FONT-SIZE: 12px;
	COLOR: black;
	FONT-WEIGHT: bold;
	FONT-STYLE: normal;
	FONT-FAMILY:  "Titillium Web", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
select.one {
                width:100%;
                height:240px;
            }
select.two {
                width:100%;
                height:110px;
            }
select.normal {
                width:100%;
                height:auto;
            }
.sort_year, .sort_title , .sort_cat{
		display: none
}
.sort_list  td{
	/*background-color: #e0e9f0 */
}

#hlavnatab {
	width: 100%;
	max-width: 1140px;

}

#out_frame {
	width: 100%;
	height: 500px;
	border: 0;
}

.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: bold;
}

.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;
}
.newWindow {
min-width: 800px;
width:100%;
height:0;
}