/* modra: #0053a1 (0,83,161); tmavsi: #00396e (0,57,110); cervena: #b73535 (183,53,53); zluta: #deb406 (222,180,6); sedomodra: #353d50 (53,61,80); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body, html {
		background: #fff;
		font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI","Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans","Droid Sans", "Helvetica Neue", sans-serif;
		font-size: 14px;
		font-weight: 400;
		padding: 0;
		margin: 0;
		text-align: left;
		border: none;
		-webkit-text-size-adjust: none; /* !landscape, portrait! */
		-webkit-tap-highlight-color: transparent; /* mobile touch */
}
@media (max-width: 767px) {
		body, html {
			font-size: 14px;
		}
}

h2 {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
		margin: 10px 0 0 0;
		padding: 15px 0 5px 0;
		text-transform: normal;
		font-size: 1.1em;
		font-weight: 600;
		background: -webkit-linear-gradient(45deg, rgba(0,83,161,1), rgba(0,83,161,1), rgba(183,53,53,1), rgba(183,53,53,1));
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}
h2:before, h2:after {
		content: '';
		border-top: 1px solid #0053a1;
		margin: 0 10px 0 0;
		flex: 1 0 30px;
		max-width: 60px;
}
h2:after {
		border-top: 1px solid #b73535;
		margin: 0 0 0 10px;
}
h3 {
		font-weight: 600;
		font-size: 1.1em;
		line-height: 1.4;
		padding: 0;
		margin: 5px 0;
}
h3 a:link, h3 a:visited {
		color: #00396e;
		text-decoration: none;
}
h3 a:hover {
		text-decoration: underline;
}
p {
		padding: 0;
		margin: 0;
}
img {
		border: none;
		padding: 0;
		margin: 0;
}
form {
		padding: 0;
		margin: 0;
}
ul {
		font-size: 1em;
		margin-left: 10px;
		padding-left: 10px;
}

input {
		margin: 0;
		padding: 0;
}
input[type="text"] {
		padding: 10px 20px !important;
		font-size: 1em;
		border-radius: 50px;
		border: 1px solid #333;
}
input[type='text']:focus {
		outline: none;
		border: 2px solid #0053a1;
}
input[type="submit"] {
		background: #b73535;
		color: #fff;
		padding: 10px 20px;
		font-size: 1.1em;
		font-weight: 600;
		border-radius: 50px;
		border: none;
}

select {
		background: #fff;
		color: #000;
		margin: 0;
		height: 40px;
		padding: 10px 20px !important;
		font-size: 1em;
		border-radius: 50px;
		border: 1px solid #333;
}
select:focus {
		outline: none;
		border: 2px solid #0053a1;
}

input::-moz-focus-inner {
		outline: 0;
}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {
		outline: 0;
}

a:link, a:visited {
		color: #0053a1;
		font-size: 1em;
		text-decoration: none;
		outline: 0;
		border: none;
}
a:hover {
		text-decoration: none;
}

/* ostatni */
.center {
		text-align: center !important;
}
.left {
		text-align: left !important;
}
.right {
		text-align: right !important;
}
.bold {
		font-weight: 500 !important;
}
.italic {
		font-style: italic !important;
}
.strong {
		font-weight: 600 !important;
}
.bigger {
		font-size: 1.1em !important;
}
.big {
		font-size: 1.2em !important;
}
.smaller {
		font-size: 0.9em !important;
}
.small {
		font-size: 0.8em !important;
}
.thinner {
		font-weight: 300 !important;
}
.thin {
		font-weight: 200 !important;
}

.tym {
		color: #0053a1;
		font-weight: 500;
}
.tym a:link, .tym a:visited {
		color: #0053a1;
		font-weight: 500;
		text-decoration: none;
}
.tym a:hover {
		color: #0053a1;
		text-decoration: none;
}

.title {
		font-size: 1.4em;
		font-weight: 600;
		line-height: 1.3;
		margin: 10px 0;
}
@media (min-width: 992px) {
		.title {
			font-size: 2em;
			font-weight: 700;
		}
}

.detail_title {
		display:flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
		text-transform: normal;
		margin: 0;
		padding: 10px 0;
		font-size: 1.2em;
		font-weight: 700;
		background: -webkit-linear-gradient(45deg, rgba(0,83,161,1), rgba(0,83,161,1), rgba(183,53,53,1), rgba(183,53,53,1));
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
}
.detail_title:before, .detail_title:after {
		content: '';
		border-top: 2px solid #0053a1;
		margin: 0 10px 0 0;
		flex: 1 0 30px;
}
.detail_title:after {
		border-top: 2px solid #b73535;
		margin: 0 0 0 10px;
}

.button {
		background: rgba(183,53,53,0.9);
		color: #fff;
		padding: 2px 3px;
		margin: 0;
		text-align: center;
}
.message {
		background: none;
		color: #000;
		overflow: auto;
		height: auto;
		font-weight: 600;
		text-align: center;
		text-transform: normal;
		margin: 0 0 10px 0;
		padding: 10px 5px;
		border-radius: 10px;
		border: 2px solid #deb406;
}
.img-circle {
		border-radius: 50%;
		border: none;
}

/* containers */
#container {
		padding: 50px 10px 80px 10px;
		margin: 0;
		font-size: 1em;
		border: none;
}

/* topmenu */
#container-top {
		position: fixed;
		background: linear-gradient(to right, rgba(0,83,161,0.9), rgba(183,53,53,0.8), rgba(0,83,161,0.9));
		color: #fff;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		top: 0;
		left: 0;
		right: 0;
		height: 50px;
		line-height: 50px;
		text-align: left;
		margin: auto;
		padding: 0;
		border: none;
		z-index: 1000;
}
#container-top a.logo_link:link, #container-top a.logo_link:visited {
		display: inline-block;
		padding: 0;
		margin: 0;
		border: none;
}
/*
#container-top a.logo_link:hover, #container-top a.logo_link:focus {
	background: rgba(183,53,53,0.8);
}
*/
#container-top .logo {
		margin: 0;
		border: none;
}
#container-top .container-icons {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0;
		width: auto;
		font-size: 1em;
		border: none;
}
#container-top .container-icons a:link, #container-top .container-icons a:visited {
		background: none;
		display: inline-block;
		padding: 0;
		margin: 0;
		top: 0;
		border: none;
}
#container-top .container-icons a:hover, #container-top .container-icons a:focus {
		background: none;
}
#container-top a .bi {
		display: block;
		color: #fff;
		padding: 0 10px;
		margin: 0;
		font-size: 1.2em;
		border: none;
}
#container-top a .mainmenu-icon {
		color: #fff;
		font-size:1.4em;
		margin-left: 30px;
}
#container-top .container-icons a:hover .bi {
		color: #deb406;
}

#contentxxx {
		color: #000;
		top: 0;
		left: 0;
		padding: 55px 5px 80px 5px;
		margin: 0;
		width: 100%;
		font-size: 1em;
		border: none;
}
#container-footer {
		background: #fff;
		color: #999;
		font-size: 0.8em;
		font-weight: 400;
		text-align: center;
		margin: 0;
		padding: 10px 0;
}

/* wrapper - footermenu */
#wrapper-footermenu {
		display: none;
		overflow: none;
		position: fixed;
		background: rgba(255,255,255,0.25);
		color: #00396e;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		left: 0;
		right: 0;
		bottom: 0;
		height: 70px;
		padding: 0;
		margin: 0;
		font-size: 1em;
		box-shadow: 0 0 10px #ddd;
		border: none;
		border-top: 1px solid #fff;
		z-index: 2;
}
#wrapper-footermenu a:link, #wrapper-footermenu a:visited {
		position: relative;
		display: inline-block;
		color: #00396e;
		width: 20%;
		padding: 0;
		height: 70px;
		text-align: center;
		vertical-align: middle;
		font-weight: 500;
		font-size: 0.8em;
		text-transform: lowercase;
		text-decoration: none;
		border: none;
}
#wrapper-footermenu a i {
		position: absolute;
		color: #00396e;
		left: 0;
		right: 0;
		bottom: 40px;
		padding: 0;
		font-size: 1.2em;
		border: none;
}
#wrapper-footermenu a .text {
		color: #00396e;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
}
#wrapper-footermenu a:hover {
		background: #0053a1;
		color: #fff;
}
#wrapper-footermenu a:hover .text {
		color: #fff;
}
#wrapper-footermenu a:hover i {
		color: #fff;
}
#wrapper-footermenu a:hover i.kontaktmenu {
		color: #fff;
}
@media(max-width: 575px) {
}

.search {
		background: #f5f5f7;
		color: #000;
		margin: 10px 0;
		padding: 10px 5px;
		font-weight: 400;
		text-align: left;
		vertical-align: middle;
		border-radius: 10px;
		border: none;
}
.search select {
		background: #fff;
		padding: 10px 20px !important;
		text-align: center;
		border-radius: 50px;
		border: 1px solid #0053a1;
}
.search select:focus {
		outline: none;
		border: 2px solid #0053a1;
}

.mainmenu {
		color: #333;
		text-align: left;
		vertical-align: middle;
		font-size: 1em;
		margin: 10px 0;
		padding: 0;
		border: none;
}
.mainmenu ul {
		list-style-type: none;
		list-style-image: url('images/arrow-right.png');
		list-style-position: inside;
		margin: 0;
		padding: 0;
}
.mainmenu ul li {
		padding: 3px;
		margin: 0;
}
.mainmenu ul li a:link, .mainmenu ul li a:visited {
		display: block;
		color: #000;
		padding: 5px;
		margin: 0;
		font-weight: 600;
		text-transform: normal;
		text-decoration: none;
		border: none;
}
.mainmenu ul li a:hover {
		background: #deb406;
		color: #fff;
}
.mainmenu ul li a:focus {
		background: #deb406;
}
.mainmenu ul li a.priority:link, .mainmenu ul li a.priority:visited {
		color: #deB406;
		font-weight: 700;
		text-transform: uppercase;
}
.mainmenu ul li a.priority:hover {
		color: #fff;
}
.mainmenu ul li a.priority:focus {
		background: #deb406;
}

.submenu {
		padding: 0;
		margin: 20px 0 5px 0;
		overflow: auto;
		font-size: 1em;
}
.submenu ul {
		list-style-type: none;
		display: inline-block;
		margin: 0;
		padding: 0;
		width: 100%;
}
.submenu ul li {
		padding: 0;
		margin: 0;
		width: 20%;
		float: left;
}
.submenu ul li a:link, .submenu ul li a:visited {
		display: block;
		background: #fff;
		color: #0053a1;
		text-align: center;
		padding: 10px 3px;
		font-size: 1em;
		font-weight: 400;
		text-decoration: none;
		border-radius: 10px 10px 0 0;
		border-top: 0.5px solid #0053a1;
		border-bottom: 0.5px solid #0053a1;
		border-right: 0.5px solid #0053a1;
}
.submenu ul li a:hover {
		background: #0053a1;
		color: #fff;
}
.submenu ul li a::first-letter {
		font-weight: 500;
		color: #b73535;
}
.submenu ul li a:hover::first-letter {
		color: #fff;
}
.submenu .first {
		border-left: 0.5px solid #0053a1;
}

.table_list {
		background: #fff;
		color: #000;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		border-radius: 10px;
		border: none;
}
.table_list thead th {
		background: none;
		color: #000;
		padding: 10px 3px;
		text-align: left;
		font-weight: 600;
		border-bottom: 1px solid #ddd;
}
.table_list tr td {
		background: none;
		color: #000;
		padding: 5px 3px;
		letter-spacing: 0;
		text-align: left;
		vertical-align: top;
		border: none;
		border-bottom: 1px solid #f5f5f7;
}
.table_list .right {
		text-align: right;
}
.table_list .center {
		text-align: center;
}
.table_list tr.sudy {
		background: #f5f5f7;
}
.table_list tr.pasivni {
		background: #ffa07a;
}
.table_list a:link, .table_list a:visited {
		display: block;
		color: #0053a1;
		text-transform: none;
		font-weight: 500;
		text-decoration: none;
		border: none;
}
.table_list a:hover, .table_list a.active {
		text-decoration: underline;
}
.table_list a.souper {
		color: rgba(183,53,53,0.9);
		font-weight: 500;
}
.table_list a.skore {
		font-weight: 600;
}

.tabulka {
		background: #fff;
		color: #000;
		width: 100%;
		padding: 0;
		margin-top: 20px;
		font-size: 1em;
		border-collapse: collapse;
		border-radius: 10px;
		border: none !important;
}
.tabulka thead tr th {
		background: none;
		color: #000;
		padding: 10px 3px;
		text-align: left;
		font-weight: 600;
		border-bottom: 1px solid #ddd !important;
}
.tabulka tr td {
		background: none;
		color: #000;
		padding: 5px 3px;
		letter-spacing: 0;
		border: none;
}
.tabulka .tabulka_domaci {
		color: #0053a1;
		font-weight: 700;
}
.tabulka .right {
		text-align: right;
}
.tabulka .center {
		text-align: center;
}
.tabulka tr.sudy {
		background: #f5f5f7;
}
.tabulka tr:hover {
		background: rgba(222,180,6,0.2);
}

.clanek {
		font-size: 1.1em;
		font-weight: 300;
		line-height: 1.6;
}
.clanek p {
		margin: 5px 0;
}

/* zapasy */
.zapas {
		overflow: auto;
		background: #fff;
		font-size: 1em;
		padding: 3px 5px;
		margin: 0;
		border-radius: 0;
		border-bottom: 1px solid #f5f5f7;
}
.zapas .domaci {
		background: none;
		color: #000;
		padding: 4px 0;
		margin: 0;
		width: 38%;
		font-weight: 500;
		text-align: left;
		float: left;
}
.zapas .hoste {
		color: #000;
		padding: 4px 0;
		margin: 0;
		width: 38%;
		font-weight: 500;
		text-align: right;
		float: left;
}

/* zapas quick */
.zapas .vysledek {
		margin: 0;
		padding: 0;
		width: 24%;
		font-weight: 400;
		text-align: center;
		float: left;
}
.zapas .nasledujici {
		margin: 0;
		padding: 0;
		width: 24%;
		font-weight: 400;
		text-align: center;
		float: left;
}
.zapas .vysledek a:link, .zapas .vysledek a:visited {
		color: #0053a1;
		display: block;
		padding: 5px 0;
		font-size: 1em;
		font-weight: 600;
		text-decoration: none;
		border-radius: 10px;
		border: 2px solid #0053a1;
}
.zapas .vysledek a:hover {
		background: #0053a1;
		color: #fff;
}
.zapas .nasledujici a:link, .zapas .nasledujici a:visited {
		color: #b73535;
		display: block;
		padding: 5px 0;
		font-size: 1em;
		font-weight: 600;
		text-decoration: none;
		border-radius: 10px;
		border: 2px solid #b73535;
}
.zapas .nasledujici a:hover {
		background: #b73535;
		color: #fff;
}

/* rozpis zapasu */
.zapas .vysledek_list {
		margin: 0;
		padding: 0;
		width: 24%;
		font-weight: 400;
		text-align: center;
		float: left;
}
.zapas .nasledujici_list {
		margin: 0;
		padding: 2px 0 0 0;
		width: 24%;
		font-weight: 400;
		text-align: center;
		float: left;
}
.zapas .vysledek_list a:link, .zapas .vysledek_list a:visited {
		display: block;
		background: #f5f5f7;
		color: #0053a1;
		padding: 4px 2px 10px 2px;
		font-size: 1em;
		font-weight: 600;
		text-decoration: none;
		border-radius: 10px;
}
.zapas .vysledek_list a:hover, .zapas .vysledek_list a:focus {
		text-decoration: underline;
}
.zapas .nasledujici_list a:link, .zapas .nasledujici_list a:visited {
		display: block;
		background: #f5f5f7;
		color: #333;
		padding: 4px 2px 10px 2px;
		font-size: 1em;
		font-weight: 500;
		text-decoration: none;
		border-radius: 10px;
}
.zapas .nasledujici_list a:hover {
		text-decoration: underline;
}

.zapas .fcpk {
		color: #0053a1;
		font-weight: 600;
}
.zapas .fcpk a:link, .zapas .fcpk a:visited {
		color: #0053a1;
		font-weight: 600;
		text-decoration: none;
}
.zapas .fcpk a:hover {
		text-decoration: underline;
}

.zapas .souper {
		color: rgba(183,53,53,0.9);
		font-weight: 500;
}
.zapas .souper a:link, .zapas .souper a:visited {
		color: rgba(183,53,53,0.9);
		font-weight: 500;
		text-decoration: none;
}
.zapas .souper a:hover {
		text-decoration: underline;
}
.zapas a.skore {
		font-weight: 600;
}

.zapas .hriste {
		color: #333;
		font-size: 0.8em;
		font-weight: 300;
}

.zapas_obdobi_container {
		background: none;
		font-size: 1em;
}
.zapas_obdobi {
		background: linear-gradient(to right,rgba(222,180,6,0.3),rgba(222,180,6,0));
		color: #000;
		margin-top: 20px;
		margin-bottom: 5px;
		padding: 5px 5px;
		max-width: 120px;
		text-align: left;
		font-size: 1em;
		font-weight: 400;
		border-radius: none;
		border: none;
}
.zapas_obdobi .rok {
		font-weight: 300;
}
.zapas_obdobi .lomitko {
		font-weight: 200;
		margin-left: 5px;
		margin-right: 5px;
}
.zapas_obdobi .mesic {
		font-weight: 500;
}
.je_obsah {
		float: left;
		color: rgba(222,180,6,0.9);
		font-size: 0.4em;
		font-weight: 600;
		margin-left: 2px;
		margin-right: 2px;
}
.je_foto {
		float: left;
		color: #00396e;
		font-size: 0.4em;
		font-weight: 600;
		margin-right: 2px;
}
.je_video {
		float: right;
		color: rgba(222,180,6,0.6);
		font-size: 0.9em;
		margin-left: 2px;
		margin-right: 2px;
		padding: 0;
		border: none;
}

/* uvodni - aktualne, bude se hrat */
.zapas_uvod_button {
		display: block;
		background: #f5f5f7;
		color: #00396e !important;
		padding: 10px 5px;
		margin: 10px 0 5px 0;
		text-align: center;
		text-decoration: none;
		text-transform: none;
		font-weight: 500;
		font-size: 1em;
		border-radius: 10px;
		border: 1px solid #ddd !important;
}
.zapas_uvod_button .img_left {
		height: 16px;
		padding: 0;
		margin-right: 10px;
		float:left;
}
.zapas_uvod_button .img_right {
		height: 16px;
		padding: 0;
		margin-left: 10px;
		float: right;
}
.zapas_uvod {
		display: none;
		background: #fff;
		margin-bottom: 5px;
}

/* tlacitka vysledek - rozpis */
.btn_zapas {
		background: #fff;
		color: #999;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		padding: 0;
		margin: 0 5px 0 0;
		float: right;
}
.btn_zapas a {
		display: block;
		color: #0053a1;
		font-size: 1em;
		font-weight: 300;
		text-decoration: none;
		padding: 8px 15px;
		border-radius: 60px;
		border: 1px solid #0053a1;
}
.btn_zapas a.vysledek:link, .btn_zapas a.vysledek:visited {
		background: #0053a1;
		color: #fff;
		border: 2px solid #0053a1;
}
.btn_zapas a.rozpis:link, .btn_zapas a.rozpis:visited {
		background: #b73535;
		color: #fff;
		border: 1px solid #b73535;
}
.btn_zapas a:hover, .btn_zapas a.vysledek:hover, .btn_zapas a.rozpis:hover {
		background: #deb406;
		color: #fff;
		border: 2px solid #deb406;
}

/* zapas detail */
.zapas_detail {
		background: none;
		padding: 0;
		margin-bottom: 10px;
		border-bottom: 2px solid #0053a1;
}
.zapas_detail_bg {
		padding: 35px 5px;
		min-height: 200px;
		font-size: 1em;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
}
.zapas_detail_datum {
		text-align: center;
		font-size: 1.1em;
		padding: 5px;
		margin-top: 0;
		border: none;
}
.zapas_detail_vysledek {
		padding: 20px;
		border: none;
}
.zapas_detail_vysledek tr td {
		vertical-align: top;
}
.zapas_detail_skore {
		font-size: 1.6em;
		font-weight: 700;
}
.zapas_detail_skore_polocas {
		font-size: 1.1em;
		font-weight: 300;
}
.zapas_detail_skore_penalty {
		font-size: 1.1em;
		font-weight: 300;
}
.zapas_detail_logo {
		margin: 10px auto;
		min-height: 70px;
		max-height: 80px;
		border: none;
}
.zapas_detail_tym {
		text-align: center;
		font-weight: 600;
		font-size: 1.2em;
		line-height: 1.1;
}
.zapas_detail_uvod {
		margin-bottom: 10px;
		font-size: 1.1em;
		font-weight: 400 ;
		line-height: 1.5;
}
.zapas_detail_obsah {
		margin: 5px 0;
		font-size: 1.1em;
		font-weight: 300;
		line-height: 1.5;
}
.zapas_detail_obsah p {
		padding: 5px 0;
}
@media (min-width: 767px) {
		.zapas_detail_bg {
				padding: 40px 5px;
				min-height: 300px;
				background-position: center center;
		}
		.zapas_detail_datum {
				margin-top: 40px;
		}
		.zapas_detail_skore {
			font-size: 2em !important;
		}
		.zapas_detail_skore_polocas {
			font-size: 1.4em;
		}
		.zapas_detail_tym {
			font-size: 1.4em;
			font-weight: 600;
		}
}
@media (min-width: 992px) {
		.zapas_detail_bg {
				padding: 40px 5px;
				min-height: 400px;
				background-position: center center;
		}
		.zapas_detail_datum {
				margin-top: 80px;
		}
		.zapas_detail_skore {
			font-size: 2.5em !important;
		}
		.zapas_detail_skore_polocas {
			font-size: 2em;
		}
		.zapas_detail_tym {
			font-size: 2em;
			font-weight: 700;
		}
}
@media (min-width: 1200px) {
		.zapas_detail_bg {
				padding: 40px 5px;
				min-height: 500px;
		}
		.zapas_detail_datum {
				margin-top: 100px;
		}
}

/* nasi souperi */
.souper-container {
		padding: 0;
		border: none;
}
.souper-container .souper_znak {
		width: 100%;
		padding: 0;
		margin: 0;
		border: none;
}
.souper-container .souper_znak a:after {
		content: "";
}
.souper-container .skore {
		display: block;
		background: #f5f5f7;
		color: #0053a1;
		padding: 4px 2px 10px 2px;
		font-size: 1em;
		font-weight: 600;
		text-decoration: none;
		border-radius: 10px;
}

/* info */
.info {
		background: #fff;
		color: #000;
		overflow: auto;
		padding: 15px 5px;
		margin: 0;
		text-indent: 0;
		font-size: 1em;
		font-weight: 300;
		line-height: 1.4;
		border-radius: 0;
		border-bottom: 1px solid #ddd;
}

/* info detail */
.info_detail {
		background: #fff;
		padding: 0;
		margin-bottom: 10px;
		border-radius: 10px;
		border: none;
}
.info_detail_header {
		color: #b73535;
		font-size: 1.2em;
		font-weight: 700;
		text-align: center;
		padding: 5px;
		margin-bottom: 20px;
		border-bottom: 1px solid #0053a1;
}
.info_detail_bg {
		padding: 35px 5px;
		margin-bottom: 20px;
		min-height: 200px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
}
.info_detail_uvod {
		margin-bottom: 10px;
		font-size: 1.1em;
		font-weight: 400 ;
		line-height: 1.5;
}
.info_detail_obsah {
		margin: 5px 0;
		font-size: 1.1em;
		font-weight: 300;
		line-height: 1.5;
}
.info_detail_obsah p {
		padding: 5px 0;
}
@media (min-width: 767px) {
		.info_detail_bg {
				padding: 40px 5px;
				min-height: 300px;
				background-position: center center;
		}
}
@media (min-width: 992px) {
		.info_detail_bg {
				padding: 40px 5px;
				min-height: 400px;
				background-position: center center;
		}
}
@media (min-width: 1200px) {
		.info_detail_bg {
				padding: 40px 5px;
				min-height: 500px;
		}
}

/* hrac */
.hrac_detail {
		overflow: auto;
		text-align: left;
		padding: 0;
		margin: 5px;
		border: none;
}
.hrac_detail .hrac_img {
		float: left;
		padding: 0;
		margin: 0 10px 10px 0;
		max-height: 200px;
		border-radius: 5px;
		border: none;
}

/* kontakt */
.kontakt {
		width: 100%;
		padding: 0;
		border: none;
}
.kontakt table {
		width: 100%;
		padding: 0;
		border: none;
}
.kontakt table tbody tr td {
		padding: 10px 0 30px 0;
		text-align: center;
		vertical-align: top;
		border-bottom: 1px solid #ddd;
}
.kontakt table tbody tr td.kontakt_mezi {
		padding: 0;
		border: none;
}
.kontakt .kontakt_img {
		padding: 0;
		margin: 0 auto;
		max-width: 150px;
		border-radius: none;
		border: none;
}
.kontakt_qr {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
		border: none;
}
.kontakt_qr .qr {
		clear: both;
		width: 100px;
		padding: 10px;
		border-radius: 10px;
		border-left: 2px solid #0053a1;
		border-top: 2px solid #0053a1;
		border-right: 2px solid #b73535;
		border-bottom: 2px solid #b73535;
}

/* shop */
.shop {
		width: 100%;
		padding: 0;
		margin: 0;
		vertical-align: top;
		border: none;
}
.shop .shop_karta {
		position: relative;
		display: inline-block;
		overflow: auto;
		padding: 20px 0;
		margin: 0;
		width: 33%;
		text-align: center;
		vertical-align: top;
		border-bottom: 1px solid #f5f5f7;
}
.shop .shop_img {
		padding: 0;
		margin: 0 auto 20px auto;
		max-width: 250px;
		border-radius: none;
		border: none;
}
.shop .shop_img_nahled {
		padding: 0;
		margin: 0 10px 10px 0;
		max-width: 150px;
		vertical-align:top;
		border-radius: none;
		border: none;
}
.shop .polozka_info {
		padding: 5px 20px;
		font-size: 1em;
		font-weight: 200;
		color: #000;
}
.shop .kod {
		font-size: 1em;
		font-weight: 400;
		color: #b73535;
}
.shop .cena {
		font-size: 1.1em;
		font-weight: 700;
		color: #0053a1;
}
.shop .uvod {
		color: #000;
		padding: 5px 20px;
		margin-top: 10px;
		font-size: 1.1em;
		font-weight: 300;
}
.shop .obsah {
		color: #333;
		padding: 10px 20px;
		margin-top: 10px;
		font-size: 1.1em;
		font-weight: 300;
}
@media (max-width: 767px) {
		.shop .shop_karta {
				width: 100%;
		}
}
.shop_objednavka {
		background: rgba(222,180,6,0.2);
		color: #000;
		padding: 10px;
		margin: 10px 0;
		text-align: center;
		font-weight: 300;
		font-size: 1em;
		border-radius: 10px;
		border: 1px solid rgba(222,180,6,1);
}
.shop_objednavka .telefon {
		color: #000;
		font-size: 1.2em;
		font-weight: 600;
}

/* touch menu */
.touchmenu {
		padding: 0;
		margin: 0;
}
.touchmenu ul {
		overflow: auto;
		padding: 0;
		margin: 0;
		list-style-type: none;
}
.touchmenu ul li {
		float: left;
		margin: 0;
		padding: 0;
		width: 250px;
		list-style-type: none;
}
.touchmenu ul li a:link, .touchmenu ul li a:visited {
		display: block;
		position: relative;
		background: #fff;
		color: #0053a1;
		text-align: left;
		text-decoration: none;
		text-transform: none;
		font-weight: 600;
		padding: 10px 5px;
		margin: 0;
		border-radius: 0;
		border-bottom: 1px solid #f5f5f7;
}
.touchmenu ul li a:after {
		content: ">";
		position: absolute;
		right: 0;
		margin-right: 10px;
		font-size: 1.2em;
		font-weight: 400;
		color: #0053a1;
}
.touchmenu ul li a:hover {
		background: #f2f2f2;
		text-decoration: none;
}
.touchmenu img {
		float: right;
		margin: 5px 3px 0 0;
		border: none;
}
.touchmenu ul li {
		margin-right: 5px;
}
.touchmenu ul li a.single:link, .touchmenu ul li a.single:visited {
		display: block;
		position: relative;
		color: rgba(183,53,53,1);
		margin: 15px 0;
		padding: 10px 5px;
		text-align: center;
		border-radius: 50px;
		border: 2px solid rgba(183,53,53,1);
}
.touchmenu ul li a.single:after {
		content: ">";
		position: absolute;
		color: rgba(183,53,53,1);
		right: 0;
		margin-right: 10px;
		font-size: 1.2em;
		font-weight: 400;
}
.touchmenu ul li a.single:hover {
		background: linear-gradient(to right,rgba(183,53,53,0.8), rgba(183,53,53,1));
		color: #fff;
		border: 2px solid rgba(183,53,53,1);
}
.touchmenu ul li a.single:hover:after {
		color: #fff;
}

.touchmenu ul li a.single2:link, .touchmenu ul li a.single2:visited {
		display: block;
		position: relative;
		color: rgba(0,83,161,1);
		margin: 15px 0;
		padding: 10px 5px;
		text-align: center;
		border-radius: 50px;
		border: 2px solid rgba(0,83,161,1);
}
.touchmenu ul li a.single2:after {
		content: ">";
		position: absolute;
		color: rgba(0,83,161,1);
		right: 0;
		margin-right: 10px;
		font-size: 1.2em;
		font-weight: 400;
}
.touchmenu ul li a.single2:hover {
		background: linear-gradient(to right,rgba(0,83,161,0.8), rgba(0,83,161,1));
		color: #fff;
		border: 2px solid rgba(0,83,161,1);
}
.touchmenu ul li a.single2:hover:after {
		color: #fff;
}

.touchmenu ul li a.foto:link, .touchmenu ul li a.foto:visited {
		display: block;
		position: relative;
		background: linear-gradient(to right,rgba(0,83,161,0.8), rgba(0,83,161,1));
		color: #fff;
		margin: 10px 0;
		padding: 10px 5px;
		text-align: center;
		border-radius: 50px;
		border: 2px solid rgba(0,83,161,1);
}
.touchmenu ul li a.foto:after {
		content: ">";
		transform: rotate(90deg);
		position: absolute;
		right: 0;
		margin-right: 10px;
		font-size: 1.2em;
		font-weight: 400;
		color: #fff;
}
.touchmenu ul li a.foto:hover {
		background: rgba(0,83,161,1);
		color: #fff;
		border: 2px solid rgba(0,83,161,1);
}
.touchmenu ul li a.foto:hover:after {
		color: #fff;
}
@media (max-width: 767px) {
	.touchmenu ul li {
		width: 100%;
		margin-right: 0;
	}
}

#leftmenu {
		position: fixed;
		background: rgba(255,255,255,0.25);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		padding: 0;
		margin: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 300px;
		font-size: 1em;
		box-shadow: 0 0 10px #ddd;
		/*
		background-image: url('images/bg_logo_fcpk_2016.png');
		background-repeat: no-repeat;
		background-position: center center;
		*/
		border: none;
		z-index: 10;
}
#leftmenu .leftmenu-content {
		height: 100%;
		overflow: auto;
		margin: 0;
		padding: 0;
		padding-top: 60px;
		scrollbar-width: thin;
}
#leftmenu ul {
		list-style-type: none;
		width: 100%;
		margin: 0;
		padding: 0;
}
#leftmenu li {
		list-style-type: none;
		margin: 0;
		padding: 0;
}
#leftmenu ul li a:link, #leftmenu ul li a:visited {
		display: block;
		color: #0053a1;
		font-size: 1.1em;
		font-weight: 500;
		text-align: right;
		text-decoration: none;
		text-transform: none;
		padding: 7px 10px 7px 5px;
		margin: 0;
}
#leftmenu ul li a:before {
		content: "<";
		position: absolute;
		color: #0053a1;
		left: 0;
		margin-left: 10px;
		font-size: 1.2em;
		font-weight: 300;
}
#leftmenu ul li a:hover {
		background: #0053a1;
		color: #fff;
}
#leftmenu ul li a.priority:link, #leftmenu ul li a.priority:visited {
		color: #00396e;
		font-size: 1.1em;
		font-weight: 600;
		text-transform: none;
}
#leftmenu ul li a.priority:hover, #leftmenu ul li a.priority:active {
		background: #0053a1;
		color: #fff;
}
#leftmenu ul li a.closemenu:link, #leftmenu ul li a.closemenu:visited {
		display: block;
		position: absolute;
		background: linear-gradient(to right,rgba(0,83,161,1),rgba(183,53,53,1));
		color: #fff;
		left: 0;
		top: 0;
		right: 0;
		height: 50px;
		line-height: 50px;
		padding: 0 10px;
		margin: 0;
		font-weight: 600;
		border: none;
}
#leftmenu ul li a .bi {
		margin-left: 10px;
}
#leftmenu ul li a.closemenu:before {
		content: "";
}
#leftmenu ul li a img {
		float: left;
		padding: 0;
		margin: 5px 5px 0 5px;
}
@media (max-width: 767px) {
		#leftmenu {
			width: 80%;
		}
		#leftmenu ul {
			width: 100%;
		}
}
@media(max-width: 575px) {
		#leftmenu {
			width: 100%;
			border: none;
		}
}

#tym-button {
		position: fixed;
		background: rgba(222,180,6,0.8);
		width: 50px;
		height: 50px;
		line-height: 50px;
		right: 0;
		bottom: 120px;
		padding: 0;
		text-align: center;
		vertical-align: middle;
		font-weight: 600;
		font-size: 1.3em;
		box-shadow: 0 0 10px #ddd;
		border-radius: 50px 0 0 50px;
		border: none;
		z-index: 10;
}
#tym-button a:link, #tym-button a:visited {
		color: #00396e;
}
#tym-button a:hover, #tym-button a:focus {
		background: rgba(220,180,6,1);
		color: #fff;
		border-radius: 50px 0 0 50px;
		outline: 0;
}
#tym-button #my-tymmenu {
		display: block;
}

#tymmenu {
		display: none;
		position: fixed;
		background: rgba(255,255,255,0.25);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		padding: 0;
		margin: 0;
		right: 0;
		top: 0;
		bottom: 0;
		width: 300px;
		font-size: 1em;
		box-shadow: 0 0 10px #ddd;
		/*
		background-image: url('images/bg_logo_fcpk_2016.png');
		background-repeat: no-repeat;
		background-position: center center;
		*/
		border: none;
		z-index: 10;
}
#tymmenu .tymmenu-content {
		height: 100%;
		overflow: auto;
		margin: 0;
		padding: 0;
		padding-top: 60px;
		scrollbar-width: thin;
}

#tymmenu ul {
		list-style-type: none;
		width: 100%;
		margin: 0;
		padding: 0;
}
#tymmenu ul li a:link, #tymmenu ul li a:visited {
		display: block;
		background: none;
		color: #0053a1;
		font-size: 1.1em;
		font-weight: 500;
		text-align: right;
		text-decoration: none;
		text-transform: none;
		padding: 7px 10px 7px 5px;
		margin: 0;
}
#tymmenu ul li a:before {
		content: "<";
		position: absolute;
		color: #0053a1;
		left: 0;
		margin-left: 10px;
		font-size: 1.2em;
		font-weight: 300;
}
#tymmenu ul li a:hover, #tymmenu ul li a:active {
		background: #0053a1;
		color: #fff;
}
#tymmenu ul li a.closemenu:link, #tymmenu ul li a.closemenu:visited {
		display: block;
		position: absolute;
		background: linear-gradient(to right,rgba(0,83,161,1), rgba(183,53,53,1));
		color: #fff;
		left: 0;
		top: 0;
		right: 0;
		height: 50px;
		line-height: 50px;
		padding: 0 10px;
		margin: 0;
		font-weight: 600;
		border: none;
}
#tymmenu ul li a .bi {
		margin-left: 10px;
}
#tymmenu ul li a.closemenu:before {
		content: "";
}
#tymmenu ul li a img {
		float: left;
		padding: 0;
		margin: 5px 5px 0 5px;
}
@media (max-width: 767px) {
		#tymmenu {
			width: 80%;
		}
		#tymmenu ul {
			width: 100%;
		}
}
@media(max-width: 575px) {
		#tymmenu {
			width: 100%;
			border: none;
		}
}

#zapas-button {
		position: fixed;
		background: #deb406;
		width: 50px;
		height: 45px;
		right: 0;
		bottom: 180px;
		padding: 0;
		text-align: center;
		vertical-align: middle;
		z-index: 5;
		opacity: 0.9;
		border-radius: 10px 0 0 10px;
		border: 20px solid green;
}
#zapas-button img {
		width: 24px;
		margin: 9px auto 5px auto;
		padding: 0;
		opacity: 0.8;
}

/* tabulka strelcu */
.strelec {
		width: 100%;
		padding: 0;
		margin-top: 10px;
		border: none;
}
.strelec table {
		background: #fff;
		color: #000;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		border-radius: 10px;
		border: none;
}
.strelec table thead th {
		background: none;
		color: #000;
		padding: 10px 3px;
		text-align: left;
		font-weight: 600;
		border-bottom: 1px solid #ddd;
}
.strelec table tr td {
		background: none;
		color: #000;
		padding: 7px 3px;
		letter-spacing: 0;
		text-align: left;
		vertical-align: top;
		border: none;
}
.strelec table tr td a:link, .strelec table tr td a:visited {
		display: block;
		color: #0053a1;
		text-transform: none;
		font-weight: 600;
		text-decoration: none;
		border: none;
}
.strelec table tr td a:hover, .strelec table tr td a.active {
		text-decoration: underline;
}
.strelec tr.sudy {
		background: #f5f5f7;
}
.strelec .poradi {
		text-align: right;
		font-size: 1em;
}
.strelec .zapas {
		text-align: center;
		font-size: 1em;
}
.strelec .goly {
		background: rgba(222,180,6,0.1);
		text-align: center;
		font-size: 1em;
		font-weight: 600;
}
.strelec a.tym:link, .strelec a.tym:visited {
		color: #b73535;
		font-size: 0.9em;
		font-weight: 300;
		text-transform: lowercase;
		text-decoration: none;
}
.strelec a.tym:hover {
		text-decoration: underline;
}

/* strelci zapasu */
.zapas_strelec:link, .zapas_strelec:visited {
		display: inline-block;
		vertical-align: top;
		background: linear-gradient(to bottom, rgba(222,180,6,0), rgba(222,180,6,0.1));
		color: #0053a1;
		font-size: 1em;
		padding: 0;
		margin: 5px 5px 5px 0;
		text-align: center;
		text-decoration: none;
		transition: transform .5s;
		border-radius: 10px;
		border: 0.5px solid rgba(222,180,6,1);
		border-bottom: 1px solid rgba(222,180,6,1);
}
.zapas_strelec:hover {
		background: rgba(222,180,6,0.2);
		transform: scale(1.05);
		box-shadow: 0 0 10px #ccc;
		z-index: 2;
}
.zapas_strelec img {
		max-height: 100px;
		border-radius: 10px 10px 0 0;
		border: none;
}
.zapas_strelec .hrac {
		font-size: 0.8em;
		font-weight: 400;
		padding: 3px;
}
.zapas_strelec .goly {
		font-weight: 700;
}
.zapas_strelec .bez_foto {
		width: 78px;
}

/* back to top */
#back-top {
		position: fixed;
		background: rgba(222,180,6,0.8);
		color: #000;
		width: 45px;
		height: 45px;
		line-height: 45px;
		right: 0;
		bottom: 100px;
		margin: 0;
		padding: 0;
		text-align: center;
		font-weight: 700;
		font-size: 14px;
		vertical-align: middle;
		background: transition;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
		box-shadow: 0 0 10px #ccc;
		border-radius: 10px 0 0 10px;
		border: none;
		z-index: 10;
}
#back-top a:link, #back-top a:visited {
		color: #0053a1;
}
#back-top:hover, #back-top:focus {
		background: rgba(220,180,6,1);
		color: #fff;
		outline: 0;
}

.video-container {
		position: relative;
		margin: 0 0 10px 0;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.facebook {
		overflow: auto;
		background: #fff;
		text-align: center;
		margin: 0 0 20px 0;
		padding: 0;
		border: none;
}

/* preloader */
#preloader {
		position: fixed; 
		left : 0;
		top: 0;
		right: 0;
		bottom: 0;
		display: none;
		background: linear-gradient(rgba(0,83,161,0.9), rgba(0,83,161,0.8), rgba(183,53,53,0.8), rgba(183,53,53,0.9));
		background-repeat: no-repeat;
		background-position: center center;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		z-index: 3000;
}
#preloader:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		filter: blur(0);
		transform: scale(0.6);
		background-image: url('images/logo_fcpk_mobile_preloader_2024.png');
		background-repeat: no-repeat;
		background-position: center center;
		animation-name: preloader-animate;
		animation-duration: 3s;
		animation-delay: 0s;
		animation-direction: normal;
}
#preloader #status {
		position: absolute;
		left: 0;
		right: 0;
		top: 80px;
		margin: 0 auto;
		text-align: center;
		letter-spacing: 2px;
		font-size: 3em;
		font-weight: 700;
}
@media (max-width: 991px) {
		#preloader {
				display: inline;
		}
}
@keyframes preloader-animate {
		from { opacity: 0; }
		to { opacity: 1; transform: scale(1); }
}

/* rychle zpravy */
.marquee {
		background: #fff;
		color: #0053a1;
		width: 100%;
		padding: 10px 5px;
		margin: 0 0 5px 0;
		white-space: nowrap;
		overflow: hidden;
		border-bottom: 1px solid #f5f5f7;
		/*box-sizing: border-box;*/
}
.marquee p {
		display: inline-block;
		padding-left: 100%;
		font-weight: 500;
		animation: marquee 20s linear infinite;
}
.marquee p .item::before {
		content: ">";
		color: #deb406;
		margin-right: 5px;
		font-size: 1.1em;
		font-weight: 600;
}
.marquee p .item::after {
		content: "";
		margin-right: 30px;
}
@keyframes marquee {
		0% { transform: translate(0, 0); }
		100% { transform: translate(-100%, 0); }
}

/* ribbon */
.container-card {
		background: #f5f5f7;
		padding: 20px;
		margin: 20px 0;
}
.card::before, .card::after {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
}
.card {
		color: #b73535;
		position : relative;
		width: 25rem;
		width: 70%;
		border-radius: 1rem;
		background: #fff;
		box-shadow: 4px 4px 15px rgba(#000, 0.15);
		border: none;
}
.card .card__container {
		padding : 2rem;
		background: white;
		border-radius: 1rem;
		position: relative;
		border: 1px solid #b73535;
}
.card .card__header {
		margin-bottom: 1rem;
}
.card .card__body {
		font-size: 1em;
}
.card::before {
		position: absolute;
		top: 2rem;
		right: -0.5rem;
		content: '';
		background: #0053a1;
		height: 28px;
		width: 28px;
		transform : rotate(45deg);
}
.card::after {
		position: absolute;
		content: attr(data-label);
		top: 12px;
		right: -13px;
		height: 30px;
		line-height: 30px;
		width: auto;
		padding: 0 20px;
		background: #0053a1;
		color: white;
		text-align: center;
		box-shadow: 4px 4px 15px rgba(0,0,0,0.6);
}