html, body {background: #151315; margin: 0px; padding: 0px; height: 100%; min-height: 100%; overflow: hidden; font-family: Calibri;


/*

background-image: linear-gradient(red 1.5px, transparent 1.5px), linear-gradient(90deg, red 1.5px, transparent 1.5px), linear-gradient(#aaaaaa 1px, transparent 1px), linear-gradient(90deg, gray 1px, transparent 1px);
background-position: -1.5px -1.5px, -1.5px -1.5px, -1px -1px, -1px -1px;
background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;

*/

}

.header {background-color: #ffffff #bab3bb; background-image: url("/images/header_line_gray.png"); background-repeat: repeat-x; text-align: center; min-height: 65px /* změna z 65px na 67px a zpět */; height: 65px /* změna z 65px na 67px a zpět */; margin-top: 22px; position: relative; z-index: 1;} /* puvodne margin-top: 2px; */
.header .lang {position: relative; top: 20px; right: 50px; width: 100%; display: flex; justify-content: right; align-items: center;}
.header .lang img {min-width: 35px; width: 35px; min-height: 23px; height: 23px; padding: 2px;}

.header .soc_netw {position: absolute; top: 14px; left: 30%; width: 40%; z-index: 3;}
.header .soc_netw img {min-width: 36px; width: 36px; min-height: 36px; height: 36px; padding: 2px; /* -webkit-filter: grayscale(100%); filter: grayscale(100%); */}

.menu {background-color: #b20105; background-image: url("/images/menu_line_red.png"); background-repeat: repeat-x; text-align: center; min-height: 58px; height: 58px; position: relative; z-index: 1; top: -2px /* přidáno */;}

.entered {position: relative; top: -40px; right: 50px; color: #fefefe; font-size: 285%; z-index: 2; text-align: right; font-family: Gabriola;}
.entered a {text-decoration: none; color: #fefefe;}

.menu nav {color: #dad3db; display: flex; justify-content: center; align-items: center; padding-top: 2px;}
.menu ul {display: flex; list-style: none; padding: 0; margin: 0; height: 50px;}
.menu ul li {margin: 0; padding: 0 10px; font-size: 20px; line-height: 18px;}
.menu ul li a {color: #dad3db; text-decoration: none; transition: color 0.3s; display: flex; justify-content: center; align-items: center; padding: 3px 10px 9px 10px; min-height: 44px; height: 44px;}
.menu ul li a:hover, .menu .active {background-color: #151315; color: #f9f7f9;}

.menu .checkbtn {font-size: 30px; color: white; cursor: pointer; display: none;}
.menu #check {display: none;}
@media (max-width: 1532px) {
	.menu .checkbtn {display: block; order: 1; margin-right: 20px; margin-top: 10px;}	
	.menu ul {position: fixed; top: -40px; right: -300px; background-color: #b20105; width: 20%; height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all 0.3s;}
	.menu ul li {margin: 0;}
	.menu ul li a {font-size: 20px; padding: 0 10px; margin: 0px; min-height: 40px; height: 40px;}
	.menu #check:checked ~ ul {right: 0;}	
}

/*
.container {min-height: 64%; height: 64%;}
.panel {background-color: #b20105; background-image: url("/images/panel_line_red.png"); background-repeat: repeat-y; margin: auto; min-width: : 108px; width: 108px; min-height: 100%; height: 100%; top: 0px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
.title {position: relative; top: 55px;}
.logo {position: relative; left: -95px; top: 30px; z-index: 2;}

.container .panel .section {position: relative; min-width: : 108px; width: 108px; min-height: 100%; height: 100%; z-index: 2}
.container .panel p {min-height: 125px; height: 125px; font-size: 17px; position: relative; left: -10px; width: 129px;}
.container .panel a:hover {opacity: 75%; position: fixed; transform: translate3d(-64px,0,0) rotateY(180deg);}
.blazon {min-width: 129px; width: 129px;}
 
*/

/*
.container {min-height: 64%; height: 64%;}
.panel {background-color: #b20105; background-image: url("/images/panel_line_red.png"); background-repeat: repeat-y; margin: auto; min-width: 59px; width: 59px; min-height: 100%; height: 100%; top: 0px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
.title {position: relative; top: 55px;}
.logo {position: relative; left: -95px; top: 30px; z-index: 2;}

.container .panel .section {position: relative; min-height: 100%; height: 100%; min-width: 59px; width: 59px; z-index: 2}
.container .panel p {min-height: 125px; height: 125px; font-size: 17px; position: relative; left: -35px; width: 59px;}
.container .panel a:hover {opacity: 75%; position: fixed; transform: translate3d(-29px,0,0) rotateY(180deg);}
.blazon {min-width: 129px; width: 129px;}

*/

.container {min-height: 64%; height: 64%;}
.panel {background-color: #b20105; background-image: linear-gradient(#b20105 20%, #151315 90%); background-repeat: repeat-y; margin: auto; min-width: 108px; width: 108px; min-height: 100%; height: 100%; top: 0px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
.title {position: relative; top: 55px;}
.logo {position: relative; left: -95px; top: 30px; z-index: 2;}

.container .panel .section {position: relative; min-height: 100%; height: 100%; min-width: 108px; width: 108px; z-index: 2}
.container .panel p {min-height: 125px; height: 125px; font-size: 17px; position: relative; left: -60px; width: 129px;}
.container .panel a:hover {opacity: 100%; transidtion: opacity 1s ease-out;}
.container .panel img {transition: transform .7s ease-in-out;}
.container .panel img:hover {/* transform: rotate(360deg); */}
.blazon {min-width: 229px; width: 229px;}

.container .content {background-color: transparent /* změna z #e9e7e9 */; min-height: 100%; height: 135%; margin: 5px; overflow: auto; color: #e9e7e9 /* přidáno */;}
.container .content .body {position: relative; left: 10%; width: 88%; margin: 15px; min-height: 75%;} 
/*
.container .content .main {border-radius: 10px; background: #e5e1e1; border: 2px solid #000000; padding: 10px; margin-bottom: 150px;}
*/
.container .content .main {position: relative; top: -20px; padding: 5px 15px; margin-bottom: 150px;}

.signpost {background-color: #b20105; background-image: url("/images/panel_line_red.png"); background-repeat: repeat-y; margin-left: 40px; padding-top: 36px /* změna z 40px */; min-width: 32px /* změna z 32px */; width: 32px /* změna z 32px */; min-height: 100%; height: 100%; top: 0px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
.signpost p {margin: 5px 0px; font-size: 17px; position: relative; left: -32px; width: 96px; z-index: 2; height: 122px; display: flex; align-items: center;}
.signpost img {position: relative; left: 0px; min-width: 96px; width: 96px; z-index: 2;}
.signpost span {position: absolute; left: 0px; top: 15px; min-width: 96x; width: 96px; color: #fefefe; font-size: 90%; text-decoration: none; z-index: 3;}


.page_title {position: absolute; top: 0px; left: 25px; margin: 0; min-height: 65px; height: 65px; z-index: 2; color: #000000 /* přidáno */;}
.page_title img {position: fixed; height: 100px; padding: 10px 20px 0px 20px;}
.page_title span {position: relative; left: 140px; top: 35px /* změna z 20px */; font-size: 40px; height: 100px; font-weight: bold; text-transform: uppercase;}

.title {position: absolute; top: -5px; left: -10px; min-width: 149px; width: 149px; color: #fefefe; font-size: 150%; text-decoration: none;}
.left {border: 0px #bab3bb solid; color: #fefefe; min-width: 40%; width: 50%; font-size: 110%; position: relative; float: left;}
.right {
	/* background-image: url("/images/intro_cover2.jpg"); background-size: 100%; background-repeat: no-repeat; height: 100%; margin-top: 10px; */
	border: 0px #bab3bb solid; color: #fefefe; min-width: 40%; width: 50%; font-size: 110%; float: right; text-align: center; position: relative;}
.right img {width: 67%;}

.section {position: relative; top: -5px; min-width: 149px; width: 149px; color: #fefefe; font-size: 150%;}

.footer {text-align: center; min-height: 100px; height: 100px; min-width: 100%; width: 100%; bottom: 0px; position: absolute; z-index: 1;}
.status_bar {background-image: url("/images/footer_line_gray_status_bar.png"); background-repeat: repeat-x; background-color: #bab3bb; min-height: 50px; height: 50px; position: relative;}
.copyright {background-image: url("/images/footer_line_gray_copyright.png"); background-repeat: repeat-x; background-color: #bab3bb; min-height: 50px; height: 50px; line-height: 25px; position: relative; display: block;}
.copyright .contacts {text-decoration: underline; color: #151315; position: relative; bottom: -7px;}