html, body {
  background-color: #003155;
  /* Vytvoří velmi jemnou šedomodrou mřížku o rozměru 40x40px */
  background-image: 
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
  background-size: 40px 40px;
  background-attachment: fixed;
  height: 100%;
  position: relative;
  margin: 0;
  padding-bottom: 100px;
  box-sizing: border-box;
}

.table {
    background-color: transparent !important;
}
.table td, .table th {
    border-top: none !important;
}

.termsfeed-com---nb .cc-nb-main-container {
    padding: 3rem;
    background-color: #003155;
}


@media (max-width: 1920px) {
    .container{
        max-width: 1700px;
    }
}

@media (min-width: 1921px) {
    .container{
        max-width: 1800px;
    }
}

h1 {
	width: 100%;
    display: inline-block;          /* Nadpis se roztáhne jen tak, jak dlouhý je text, ne přes celou šířku */
    font-size: 1.05rem;             /* Kompaktní, elegantní velikost (cca 16-17px) */
    font-weight: 700;               /* Pořádně tučné */
    color: #FFFFFF !important;      /* Bílý text, aby svítil na modrém pozadí */
    background-color: #003155;      /* Tvá ikonická brněnská tmavě modrá */
    text-transform: uppercase;      /* Vzhled aplikace (velká písmena) */
    letter-spacing: 0.8px;          /* Mírné roztažení písmen */
    
    /* Tvarování záložky */
    padding: 8px 16px;              /* Vnitřní prostor: užší na výšku, širší do stran */
    margin-top: 20px;               /* Odsazení od věcí nad záložkou */
    margin-bottom: 0px;             /* NULOVÁ mezera dole, aby záložka seděla přímo na tabulce */
    border-top-left-radius: 6px;    /* Zaoblení horního levého rohu */
    border-top-right-radius: 6px;   /* Zaoblení horního pravého rohu */
    border-bottom: none;            /* Zrušíme starou linku, spodní hranu tvoří až tabulka */
}

/* Úprava pro datum/čas uvnitř záložky, aby byl dobře čitelný */
h1 span {
    font-size: 0.8rem;
    color: #A0C4DF;                 /* Světle modrá, která na tmavém pozadí skvěle sedí a neruší */
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0px;
    margin-left: 8px;
}



.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}


.menu {
	margin: 15px 0px 5px 0px;
	border-bottom: 2px solid #003155;
	font-weight: bold;
 }


.menu1 {
	background-color: #003155;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
	color: #ffffff;
}

.menu2 {
	display: flex;
	background-color: #EEEEEE;
	color: #000000;
	align-items: center;
}

.menu3 {
	flex: 0 0 100px;
	-ms-flex: 0 0 100px;
	background-color: #EEEEEE;
	color: #000000;
	align-items: center;
	padding: 10px;
}

a.vyber {
	color: #003155;
	text-decoration: none; 
}

a.vyber:hover {
	background-color: #003155; 
	text-decoration: none; 
	color: #FFFFFF;
}

div.clanek {
	display: block; 
	/*height: 200px; */
	width: 100%; 
	overflow: hidden
}

@media only screen and (max-width:500px) {
	img.logo {
		height: 35px;
	}
}

.footer-dark {
	background-color: transparent;
}