/*všeobecné*/
@media (max-width: 1152px) {
	body { width: 100%; }
}
body {   padding: 0; max-width: 1152px; margin-left:auto; margin-right: auto; }
* { box-sizing: border-box; }
hr { display: none; }
.center { text-align:  center; }
.obal { margin:0; padding: 0; border:1px solid var(--tmava); max-width: 1152px;  background-image: url(../img/baner.png); background-repeat: no-repeat; }
h1 {font-size: 180%; }
h2 { font-size: 160%; }
h3 { font-size: 140%; }
@media (max-width: 820px) {
  h1 {font-size: 150%; }
  h2 { font-size: 140%; }
  h3 { font-size: 130%; }
}
@media (max-width: 480px) {
	.logo-1, .logo-2 { display: none;} 
}
h1, h2, h3 { color: var(--tmava); }
h1 { text-shadow: 1px 2px 1px var(--svetla);}
h2, h3 { text-shadow: 1px 2px 1px var(--svetla);}
.center { text-align:  center; }

	/*hlavička*/
	.hlavicka { display: flex; justify-content: space-between; margin: 0; padding: 10px 10px 	0 10px;} 
	.logo-1 { order: 1; }
	.kct { order: 2; text-align: center; }
	.logo-2 {  order: 3; }

   	/*menu*/
.nav { overflow: hidden; margin: 0; padding: 3px ; text-align: center;  }
.nav a {  color: var(--tmava); text-align: center; padding: 0 0.1rem; text-decoration: none; font-weight: bold;  margin: 0; text-shadow: 1px 1px 1px var(--svetla); }
.nav a:hover {   color: #b3b3b3;}
.nav a.active { color: var(--tmava); text-shadow: 1px 1px 1px #b3b3b3; }
.nav a.icon { display: none; } 
@media screen and (max-width: 480px) { 
  .nav a:not(:first-child) {display: none;}
  .nav a.icon { float: left; display: block;  }
  .nav.responsive {position: relative;}
  .nav.responsive .icon { position: absolute;  left: 3px;  top: 3px;  }
  .nav.responsive a { float: none; display: block; text-align: right; font-size: 90%; }
}

	/*main*/ 
main { margin: 0 1em 1em 1em; }	
main a { color: var(--odkaz); }
main a:visited { text-decoration: none; color: var(--odkaz); }
main a:hover { background-color: var(--odkaz_h); }	

   /*pata*/
.pata { text-align: center; padding: 0.5em; background-color: #ccc;  var(--tmava); }
.pata p { margin: 0; }
.pata p img { opacity: 0.3; }
.pata p img:hover { opacity: 1; }
.navpata { padding: 1rem; border-top: 1px solid var(--tmava);  margin: auto; width: auto; text-align: center; }
.navpata a { text-decoration: underline; color: var(--tmava); padding: 2px 6px;  }
.navpata a:hover { color: var(--svetla); }