@font-face { font-family: Jersey; src: url('JerseyM54.ttf'); }


/* Globalni styly */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: 'Open Sans', sans-serif;
	font-style: inherit;
	font-size: 16px;
	line-height: 24px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
    box-sizing: border-box;
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-attachment: scroll;
    background-position: center center;
    background-color: rgba(0,0,0,0);
}

html {
    background-color: #000000;
}

head {
	display: none;
}

nav,header,footer,main,article,aside,section,figure,figcaption{
	display: block;
}


body {
	overflow-y: scroll;
	opacity: 0;
	background-color: #fff;
	min-width: 200px;
}

.bodyusvitBezJs{
	-webkit-animation-name: usvit;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1.5s;

	-moz-animation-name: usvit;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1.5s;

	-ms-animation-name: usvit;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-fill-mode: forwards;
    -ms-animation-delay: 1.5s;

	-o-animation-name: usvit;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode: forwards;
    -o-animation-delay: 1.5s;

	animation-name: usvit;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
    animation-delay: 1.5s;
}

.bodyusvitVcetneJs{
	-webkit-animation-name: usvit;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	-moz-animation-name: usvit;
	-moz-animation-duration: 0.5s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode: forwards;

	-ms-animation-name: usvit;
	-ms-animation-duration: 0.5s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-fill-mode: forwards;

	-o-animation-name: usvit;
	-o-animation-duration: 0.5s;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode: forwards;

	animation-name: usvit;
	animation-duration: 0.5s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}

@-webkit-keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@-sm-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@-o-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}


a {
	color: #990000;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}



input, textarea, select {
	border: 1px solid #990000;
    padding: 3px;
}

input, select, label {
	vertical-align: middle;
}

input[type=submit] {
    background-color: #990000;
    color: #ffffff;
    padding: 1px 5px 1px 5px;
    border: none;
    cursor: pointer;
    padding: 10px 30px;
}

*::-webkit-input-placeholder {
	color: #990000;
	text-transform: uppercase;
	font-size: 12px;
}

*:-moz-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*::-moz-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}

*:-ms-input-placeholder {
	color: #aaaaaa;
	text-transform: uppercase;
	font-size: 12px;
}


/* Ytext */

.prilohaL {
	display: block;
	float: left;
	margin: 0px 10px 0px 0px;
}

.prilohaP {
	display: block;
	float: right;
	margin: 0px 0px 0px 10px;
}

td p:only-child .prilohaL:only-child,
td p:only-child .prilohaP:only-child {
    margin: 0px;
}

.stylBunkaStred .priloha {
	float: none;
	margin: 0px auto 0px auto;
}

.priloha .text {
	display: block;
	text-align: center;
	font-size: 12px;
}

table {
	clear: both;
}
table td{
    vertical-align: top;
}

hr {
	border-bottom: 1px solid #777777;
}

h1, h2, p, ul, ol, table, hr {
	margin: 0px 0px 10px 0px;
}

h1 {
    font-family: 'Roboto Condensed', 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 50px;
    line-height: 60px;
    margin: 10px 0;
    color: #990000;
    text-transform: uppercase;
    padding: 0 20px;
}
@media only screen and (max-width:800px){
    h1{
        font-size: 30px;
        line-height: 34px;
    }
}

h2,
.headline /* externi zdroj */
{
    font-family: 'Roboto Condensed', 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0;
    color: #000;
    text-transform: uppercase;
    display: block;
}

h3 {
	font-weight: bold;
	font-size: 14px;
}

ul {
    padding-left: 20px;
}

ol {
    padding-left: 20px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.stylVerzalky {
	text-transform: uppercase;
}

.stylBunkaVpravo {
	text-align: right;
}

.stylBunkaStred {
	text-align: center;
}

.stylPoznamka{
    font-size: 15px;
    line-height: 20px;
    color: #666;
    padding-left: 10px;
    padding-right: 10px;
}

.stylVelke {
	font-size: 20px;
	line-height: 30px;
}

.stylCervene {
	color: #990000;
}

.povinnePolicko,
.upozorneni,
.upozorneni a {
	color: #cc0000;
	font-weight: bold;
}


nav :after,
.seznamStranek:after,
body > *:after,
.homeonas:after,
.text.editor:after{
    content: " ";
    display: block;
    height: 0px;
    clear: both;
    visibility: hidden;
    font-size: 0px;
    line-height: 0px;
}

.vnitrek{
    width: 1300px;
    margin: 0 auto;
}

/*############################################################################*/



/* header lista */
header .lista{
    background-color: #990000;
    box-shadow: inset 0 -15px 30px -10px rgba(0,0,0,0.5);
    padding: 0 10px;
    position: relative;
    z-index: 1;
}
header .lista .vnitrek{
    display: block;
    width: 100%;
    max-width: 1300px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    position: relative;
    height: 50px;
    overflow: hidden;
}
header .lista .vnitrek .komponentaSlozka *{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 50px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    max-width: unset !important;
    display: inline  !important;
    color: #fff !important;
    white-space: nowrap;
    max-width: unset !important;
	text-decoration: none !important;
	text-shadow:0 -1px 0 rgba(0,0,0,0.25) !important;

}
marquee {
    border-left: 5px solid rgba(0,0,0,0);
    border-right: 5px solid rgba(0,0,0,0);
	width: 100%;
}
.runtext-container {
    width: auto;
    max-width: unset;
    overflow: hidden;
}
.main-runtext {
    margin: 0 auto;
    overflow: visible;
    position: relative;
    height: 50px;
}
.runtext-container .holder {
    position: relative;
    overflow: visible;
    display:inline;
    float:left;
}
.runtext-container .holder .text-container {
	display:inline;
}
header .lista .vnitrek .komponentaSlozka p + p:before{
    content: '~';
    display: inline;
    padding: 0 10px 0 0;
}
/* !header lista */









/* socnet */
header .socnet{
    position: absolute;
    right: 10px;
    top: 50px;
}
header .socnet .facebooku,
header .socnet .instagram,
header .socnet .youtube,
header .socnet .tiktok{
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.1);
    display: inline-block;
    float: right;
    padding: 0;
    margin: 10px 1px 0 4px;
    border: none;
    border-radius: 4px;
    filter: grayscale(100%);
    transition: filter 0.2s;
}
header .socnet .facebooku:hover,
header .socnet .instagram:hover,
header .socnet .youtube:hover,
header .socnet .tiktok:hover{
    filter: grayscale(0%);
    transition: filter 0.2s;
}

header .socnet .facebooku{
    background: url(img/ico-facebook.png) scroll no-repeat center center/100% 100%;
}
header .socnet .instagram{
    background: url(img/ico-instagram.png) scroll no-repeat center center/100% 100%;
}
header .socnet .youtube{
    background: url(img/ico-youtube.png) scroll no-repeat center center/100% 100%;
}
header .socnet .tiktok{
    background: url(img/ico-tiktok.png) scroll no-repeat center center/100% 100%;
}
@media only screen and (max-width:800px){
    header .socnet .facebooku,
    header .socnet .instagram,
    header .socnet .youtube,
    header .socnet .tiktok{
        width: 24px;
        height: 24px;
    }
}
@media only screen and (min-width:800px){
    header .socnet .facebooku,
    header .socnet .instagram,
    header .socnet .youtube,
    header .socnet .tiktok{
        display: block;
        float: none;
        margin: 7px 1px 0 4px;
    }
}
/* !socnet */






/* navigace */
nav{
    background-color: #000;
    text-align: center;
}
nav ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
    display: inline-block;
}
nav ul > li{
    display: inline-block;
    position: relative;
}
nav ul > li > a,
nav ul > li > .polozka,
nav ul > li > span{
    display: block;
    text-transform: uppercase;
    padding: 20px 15px;
    color: #ffffff;
    font-weight: 300;
    cursor: pointer;
    transition: background-color 0.3s;
}
nav ul > li > .polozka:hover{
    background-color: #990000;
    text-decoration: none;
    transition: background-color 0.2s;
}
nav ul > li > .hloubka2,
nav img{
    display: none;
}
nav li .zvyrazneni{
	animation-name: blikani;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
nav .menu{
    display: none;
}
nav #menu:checked ~ .hloubka1{
    max-height: 2000px;
    transition: max-height 0.5s;
}

nav .i674 .polozka{
    background: transparent url(img/search.png) scroll no-repeat center center/24px auto;
    position: relative;
}
nav .i674 .polozka{
    color: transparent !important;
}
nav .proHledat{
    display: inline-block;
    position: relative;
}


nav .komponentaHledat{
    display: none;
    width: 240px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #000;
    position: absolute;
    bottom: -20px;
    right: 95px;
    max-width: unset;
}
nav .komponentaHledat .odesli input{
    display: none;
}
nav .komponentaHledat .text input{
    width: 100%;
    height: 30px;
    line-height: 30px;

}

@keyframes blikani{
    0% {background-color: rgba(153,0,0,0.65);/*box-shadow: 0 0 0px 0px rgba(153,0,0,0.5);*/}
    50% {background-color: rgba(153,0,0,1);/*box-shadow: 0 0 5px 3px rgba(153,0,0,0.85);*/}
    100% {background-color: rgba(153,0,0,0.65);/*box-shadow: 0 0 0px 0px rgba(153,0,0,0.5);*/}
}
@media only screen and (max-width:800px){
    nav .menu{
        display: inline-block;
        width: 75px;
        height: 20px;
        margin-left: calc(100% - 80px);
        margin-top: 5px;
        margin-bottom: 5px;
        background: url(img/menu.png) scroll no-repeat left center / contain;
        line-height: 20px;
        color: #fff;
        padding: 0 0 0 25px;
        cursor: pointer;
    }
    nav .hloubka1{
        max-height: 0px;
        overflow: hidden;
        transition: max-height 0.5s;
    }
    nav ul > li{
        display: block;
    }
    nav ul > li > .polozka,
    nav ul > li > span{
        padding: 10px 10px;
    }
    nav ul > li > .hloubka2{
        display: block;
        background-color: #313131;
    }
    nav .hloubka2 .polozka{
        text-transform: none;
    }
}
nav .i21 > .hloubka2 li:nth-child(6) ~ li,
nav .i21 .roleta li:nth-child(6) ~ li{
    display: none;
}
nav .i21 > .hloubka2 li:last-child,
nav .i21 .roleta li:last-child{
    display: block !important;
}

/*
nav .i21 > .hloubka2 li:nth-last-child(n+7),
nav .i21 .roleta li:nth-last-child(n+7){
    display: none;
}
nav .i21 > .hloubka2 li:first-child,
nav .i21 .roleta li:first-child{
    display: block;
}
*/

/* !navigace */





/* roleta */
nav .roleta{
    position: absolute;
    z-index: 1000;
    left: 0px;
    background-color: #6B6B6B;
    max-width: none;
}
nav .roleta ul{
    position: absolute;
    max-width: none;
}
nav .roleta ul .polozka{
    display: block;
    max-width: none;
    min-width: 300px;
    text-align: left;
    padding: 10px 20px;
    border-top: 1px solid #fff;
    background-color: #313131;
    color: #fff;
}
nav .roleta ul ul{
    display: none !important;
}
@media only screen and (max-width:800px){
    nav .roleta{
        display: none !important;
    }
}
/* !roleta */




/* footer */
footer .grafika{
    height: 250px;
    background-image: url(img/footer-image.jpg), url(img/footer-strip.jpg);
    background-repeat: no-repeat, repeat-x;
    background-position: center bottom;
}
footer .adresa,
footer .partneri,
footer .autor{
    background-color: #000;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}
footer .adresa{
    color: #fff;
    padding-bottom: 30px;
    border-bottom: 1px solid #313131;
    background-image: linear-gradient(#141414, #000000);
}
footer .adresa div:nth-child(1) {
    font-weight: bold;
    padding: 5px 0;
}
footer .adresa div:nth-child(1) span{
    color: #990000;
    font-weight: bold;
}
footer .adresa div:nth-child(2),
footer .adresa div:nth-child(3),
footer .adresa div:nth-child(3) a,
footer .partneri p,
footer .autor,
footer .autor a{
    color: #aaa;
    font-size: 13px;
    line-height: 17px;
}
footer .adresa div:nth-child(3) a{
    color: #990000;
    text-decoration: underline;
}
footer .partneri,
footer .hlavniPartner{
    border-bottom: 1px solid #313131;
    padding: 20px 0 10px 0;
}
footer .partneri img{
    /*-webkit-filter: grayscale(100%);*/ 
    filter: grayscale(100%);
    display: inline-block;
    margin: 0 5px;
    transition: filter 0.2s;
}
footer .partneri img:hover{
    /*-webkit-filter: grayscale(0%);*/
    filter: grayscale(0%);
    transition: filter 0.2s;
}
footer .autor{
    padding: 20px 0;
    color: #666;
}
footer .autor a{
    color: #666;
}
footer .partneri.hlavni a img{
    display: block;
    width: 400px;
    height: auto;
    margin: 0 auto;
}
@media only screen and (max-width:1100px){
    footer .grafika{
        height: auto;
        padding-top: 22.7%;
        background-size: 100% 100%, auto auto;
    }
    footer .partneri img{
        /*-webkit-filter: grayscale(0%);*/
        filter: grayscale(0%);
    }
}
footer .seznamPartneru {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    max-width: 1300px;
    margin: 0 auto 0 auto;
}
footer .seznamPartneru a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 130px;
}
footer .seznamPartneru img {
    width: 150px;
}
/* !footer */




/* obsah */
main {
    padding: 30px 30px;
    width: 1300px;
    margin: 0px auto;
}
main .formularFiltry,
main .komponentaZobrazeni{
    display: none;
}
/* obsah - prilohy */
main .priloha,
main img{
    width: unset !important;
    height: unset !important;
}
/*sloupcovaSazba*/
main .sloupcovaSazba td:nth-child(1):nth-last-child(2){
    padding-right: 10px;
}
main .sloupcovaSazba td:nth-child(2):nth-last-child(1){
    padding-left: 10px;
}
main .pomocnaNavigace .drobeckova{
    padding: 0 20px 10px 20px;
}
main p:empty{
    display: none;
}
@media only screen and (max-width:800px){
    main {
        padding: 30px 10px;
    }

    main .katalog:not(.slozka11):not(.slozka12) table:not(.tabulkaKalendar),
    main .katalog:not(.slozka11):not(.slozka12) table:not(.tabulkaKalendar) thead,
    main .katalog:not(.slozka11):not(.slozka12) table:not(.tabulkaKalendar) tbody,
    main .katalog:not(.slozka11):not(.slozka12) table:not(.tabulkaKalendar) tfoot,
    main .katalog:not(.slozka11):not(.slozka12) table:not(.tabulkaKalendar) tr,
    main .katalog:not(.slozka11):not(.slozka12) table:not(.tabulkaKalendar) td,
    main .katalog:not(.slozka11):not(.slozka12) table:not(.tabulkaKalendar) th{
        display: block;
        width: 100%;
    }
    main .sloupcovaSazba td:nth-child(1):nth-last-child(2){
        padding-right: 0;
    }
    main .sloupcovaSazba td:nth-child(2):nth-last-child(1){
        padding-left: 0;
    }
}
/* !obsah */








/* slozka11 - tymy */
.slozka11 .editor{
    text-align: center;
}
.slozka11 h1{
    /* vycentrovani zruseno dle pozadavku Blades */
    /*text-align: center;*/
}
.slozka11 h2{
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    margin: 30px auto 30px auto;
    width: 360px;
    border-bottom: 2px solid #000000;
    padding-bottom: 10px;
    clear: both;
}
.slozka11 .tranformed{
    display: inline-block;
    width: 140px;
    height: 205px;
    padding: 0;
    overflow: hidden;
    margin: 0 20px 20px 0;
	text-decoration: none;
	cursor: pointer;
    color: inherit;
}
.slozka11 .tranformed .priloha{
    width: 100% !important;
    width: auto !important;
    display: block;
    float: none;
    margin: 0;
    line-height: 0px;
    font-size: 0px;
    margin-bottom: 10px;
}
.slozka11 .tranformed .priloha .text,
.slozka11 table{
    display: none;
}
.slozka11 .tranformed p{
    margin: 0;
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    text-align: left;
    text-decoration: none;
}
.slozka11 h2 ~ h2 ~ .tranformed p:nth-child(1){
    height: 140px;
    background-image: url(img/stit.png);
    background-repeat: no-repeat;
    background-position: center top;
    color: #ffffff;
    line-height: 120px;
    font-size: 70px;
    font-family: 'Jersey';
    font-weight: bold;
    font-style: normal;
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
    text-decoration: none;
}
.slozka11 .tranformed p:nth-child(n + 3){
    font-size: 12px;
    color: inherit;
    text-decoration: none;
}
.slozka11 .tranformed p:nth-child(n + 5){
	display: none;
}
.slozka11 .podslozky ul{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.slozka11 .podslozky ul a{
    font-size: 24px;
    text-transform: uppercase;
    line-height: 30px;
    padding: 20px 0;
    font-weight: bold;
    display: block;
    margin: 0px auto;
}
/* !slozka11 - tymy */






/* slozka12 - vysledky zapasu */
.slozka12 .souteze{
    overflow: auto;
}
.slozka12 table{
    width: 100%;
    min-width: 700px;
    border-collapse: collapse;
}
.slozka12 .headline,
.slozka12 h2{
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    clear: both;
    width: 500px;
    margin: 50px auto 10px auto;
}
.slozka12 thead {
    background-color: rgba(0,0,0,0.75);
    color: #ffffff;
}
.slozka12 table td,
.slozka12 table th{
    padding: 5px 20px;
    text-align: right;
    border-bottom: 1px solid rgba(0,0,0,0.25);
}
.slozka12 table td:first-child,
.slozka12 table th:first-child{
    text-align: left;
}
.slozka12 .editor a{
    color: #000000;
    text-decoration: none;
    cursor: default;
}
.slozka12 .link,
.slozka12 .links,
.slozka12 td:last-child:empty,
.slozka12 th:last-child:empty{
    display: none;
}
.slozka12 .blades{
    color: #990000;
    font-weight: bold;
}
@media only screen and (max-width:800px){
    .slozka12 th.vysledek,
    .slozka12 th:empty,
    .slozka12 td:empty{
        /*display: none;*/
    }
}
/* !slozka12 - vysledky zapasu */





/* komponentaFotogalerie - odkazy */
.slozka14 .podslozky{
    display: none;
}
.komponentaFotogalerie.odkazy .polozka{
    display: block;
    float: left;
    width: 33.33%;
    padding: 2%;
    cursor: pointer;
}
.komponentaFotogalerie.odkazy .polozka a{
    display: block;
    margin: 0px auto;
    width: 400px;
    padding-top: 75%;
    box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);
    position: relative;
}
.komponentaFotogalerie.odkazy .polozka a:hover .nahled{
    transform: rotate(-3deg);
    transition: transform 0.5s;
}
.komponentaFotogalerie.odkazy .polozka a .nahled{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    transform: rotate(0deg);
    transition: transform 0.2s;
}
.komponentaFotogalerie.odkazy .polozka a .nazev{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    display: block;
    text-align: center;
    background-color: rgba(0,0,0,0.75);
    color: white;
    padding: 10px;
}
@media only screen and (max-width:800px){
    .komponentaFotogalerie.odkazy .polozka{
        width: 50%;
    }
}
@media only screen and (max-width:500px){
    .komponentaFotogalerie.odkazy .polozka{
        width: auto;
        float: none;
    }
}
/* !komponentaFotogalerie - odkazy */





/* komponentaFotogalerie - seznam fotek */
.komponentaFotogalerie.galerie .polozka{
    display: block;
    float: left;
    width: 25%;
    padding: 2%;
    cursor: pointer;
}
.komponentaFotogalerie.galerie .polozka .nahled{
    display: block;
    margin: 0px auto;
    width: 400px;
    padding-top: 75%;
    box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);
    height: 100px;
    background-size: cover;
    border: 10px solid #fff;
}
@media only screen and (max-width:800px){
    .komponentaFotogalerie.galerie .polozka{
        width: 33.33%;
    }
}
@media only screen and (max-width:550px){
    .komponentaFotogalerie.galerie .polozka{
        width: 50%;
    }
}
@media only screen and (max-width:370px){
    .komponentaFotogalerie.galerie .polozka{
        width: auto;
    }
}
/* !komponentaFotogalerie - seznam fotek */





.slozka15 .komponentaNapiste{
    padding: 50px 0;
    display: block;
}
.slozka15 .komponentaNapiste td label{
    white-space: nowrap;
}
.slozka15 .komponentaNapiste .nadpis *{
        color: #990000;
        font-weight: bold;
}





/* seznam novinek na homepage*/
.slozka9 > h1,
.slozka9 .prepinacStranek,
.slozka21 .prepinacStranek {
    display: none !important;
}
.slozka9 .text.editor{
    width: calc(100% - 350px);
    float: left;
}
.slozka21 .seznamStranek .slozka,
.slozka9 .seznamStranek .slozka{
    border: 1px solid #ddd;
    display: block;
    width: 48%;
    width: calc(50% - 20px);
    margin: 0 2% 20px 0;
    margin: 0 calc(20px) 20px 0;
    float: left;
    padding-bottom: 20px;
    cursor: pointer;
}
.slozka21 .seznamStranek .slozka .nahled,
.slozka9 .seznamStranek .slozka .nahled{
    padding-top: 56%;
    background-image: url(img/novinky-default-img.jpg);
    background-size: cover;
}
.slozka21 .seznamStranek .slozka h1,
.slozka21 .seznamStranek .slozka h2,
.slozka21 .seznamStranek .slozka h3,
.slozka9 .seznamStranek .slozka h1,
.slozka9 .seznamStranek .slozka h2,
.slozka9 .seznamStranek .slozka h3{
    line-height: 24px;
    margin: 0;
    padding: 0;
    text-transform: none;
}
.slozka21 .seznamStranek .slozka .text,
.slozka9 .seznamStranek .slozka .text{
    padding: 20px 20px 0px 20px;
    position: relative;
    height: 140px;
    overflow: hidden;
}
.slozka21 .seznamStranek .slozka .tecky,
.slozka9 .seznamStranek .slozka .tecky{
    padding-left: 2px;
}
.slozka21 .seznamStranek .slozka .svislitko,
.slozka9 .seznamStranek .slozka .svislitko{
    color: #990000;
}
.slozka21 .seznamStranek .slozka .celyclanek,
.slozka9 .seznamStranek .slozka .celyclanek{
    position: absolute;
    right: 20px;
    bottom: 0px;
    background-color: #ffffff;
}
.slozka21 .seznamStranek ~ p a,
.slozka9 .seznamStranek ~ p a{
    display: block;
    background-color: black;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px;
    font-weight: 300;
    font-size: 24px;
    margin-right: 20px;
}
.fb-page{
    float: right;
    width: 350px;
}
.slozka21 .seznamStranek .slozka615{
    display: none;
}
.slozka21 .prepinacStranek{
    text-align: center;
    display: block;
    clear: both;
}
.slozka9 .proArchiv{
    text-align: right;
    padding: 0 20px;
}
.slozka615 .text.editor .zakladniTabulka{
    width: 100%;
}
.slozka615 .text.editor .zakladniTabulka tr:first-child td{
    font-weight: bold;
    font-size: 14px;
    text-align: right;
}
.slozka615 .text.editor .zakladniTabulka tr:first-child td *{
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
}
.proKalendar{
    width: 350px;
    float: right;
    margin: 16px 0 80px 0;
}
@media only screen and (max-width:800px){
    .slozka21 .text.editor,
    .slozka9 .text.editor{
        width: auto;
        float: none;
    }
    .fb-page,
    .proKalendar{
        float: none;
        width: 350px;
        margin: 10px auto;
        display: block !important;
        max-width: 100%;
    }
}
@media only screen and (max-width:500px){
    .slozka21 .seznamStranek .slozka,
    .slozka9 .seznamStranek .slozka{
        border: 1px solid #ddd;
        display: block;
        width: auto;
        margin: 0 0 20px 0;
        float: none;
    }
}
/* !seznam novinek na homepage*/




/* detailHrace shaddow-box */
.detailHrace{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 0px;
	background-color: rgba(0,0,0,0.88);
	opacity: 0;
	overflow: hidden;
    z-index: 1;
}
.detailHrace.show{
	opacity: 1;
	height: 100%;
	transition: opacity 0.5s;
}
.detailHrace .detailHraceVnitrek{
	width: 930px;
    height: 630px;
    margin: 20% auto;
    margin: calc((100vh - 630px) / 2) auto;
    position: relative;
}
.detailHrace .nadpis{
	line-height: 50px;
	margin: 0 60px;
	text-align: right;
	font-size: 34px;
	font-weight: bold;
    text-transform: uppercase;
	color: #fff;
}
.detailHrace .data{
	margin: 0 50px;
	background-color: #fff;
	height: 90%;
	height: calc(100% - 50px);
    padding: 20px;
}
.detailHrace .stit{
	width: 175px;
    height: 212px;
    background-image: url(img/stit-detail.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #ffffff;
    line-height: 150px;
    font-size: 90px;
    font-family: 'Jersey';
    font-weight: bold;
    font-style: normal;
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
    text-decoration: none;
	position: absolute;
	top: 0px;
	left: 0px;
}
.detailHrace .levy{
    height: 100%;
    width: 50%;
	float: left;
	padding: 20px;
	background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #F2F2F2;
    background-clip: content-box;
}
.detailHrace .pravy{
    height: 100%;
    width: 50%;
	float: right;
	padding: 20px 0 20px 20px;
}
.detailHrace .pravy .jmeno{
	font-size: 24px;
	font-weight: bold;
    padding: 0 0 20px 0;
}
.detailHrace .pravy table{
	width: 100%;
	border-collapse: collapse;
}
.detailHrace .pravy td{
	width: 50%;
	font-weight: 600;
	background-color: #F2F2F2;
	border-bottom: 2px solid #fff;
	line-height: 20px;
	padding: 3px 5px;
}
.detailHrace .pravy td:empty{
	height: 24px;
    background-color: transparent;
}
@media only screen and (max-width:700px){
    .detailHrace .detailHraceVnitrek{
        margin: 10px auto;
    }
    .detailHrace .nadpis{
    	margin: 0 20px 10px 0;
    	font-size: 20px;
    }
    .detailHrace .data{
    	margin: 0 10px;
    	height: auto;
        padding: 10px;
    }
    .detailHrace .stit{
    	width: 88px;
        height: 106px;
        background-size: contain;
        line-height: 80px;
        font-size: 35px;
    	top: 40px;
    	left: 30px;
    }
    .detailHrace .levy{
        height: 300px;
        width: auto;
    	float: none;
    	padding: 0px;
    }
    .detailHrace .pravy{
        height: auto;
        width: auto;
    	float: none;
    	padding: 20px 0 0 0;
    }
}
/* !detailHrace shaddow-box */






/* scrollIntoView */
.scrollIntoView{
    position: fixed;
    right: 20px;
    bottom: 20px;
    background-image: url(img/scroll-top.png);
    background-position: center center;
    background-size: contain;
    width: 48px;
    height: 48px;
    display: none;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width:800px){
    .scrollIntoView{
        display: block;
    }
}
/* !scrollIntoView */





/* popup */
.popup{
    display: none;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.85);
    padding: 10% 20px;
}
popup:empty{
    background: gold;
}
.popup .vnitrek{
    width: auto;
    margin: 0 auto;
    display: table;
    position: relative;
}
.popup .vnitrek .komponentaSlozka{
    display: table-cell;
    text-align: center;
}
.popup .vnitrek .komponentaSlozka *{
    padding: 0;
    margin: 0;
    font-size: 0px;
    line-height: 0px;
}
.popup .vnitrek .komponentaSlozka p:empty{
    display: none;
}
.popup .vnitrek .komponentaSlozka table{
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}
.popup .vnitrek .komponentaSlozka table *{
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
.popup .vnitrek .zavri{
    position: absolute;
    top: -25px;
    right: -20px;
    width: 50px;
    height: 50px;
    background-image: url(img/popup-close.png);
    background-position: center center;
    background-size: contain;
    opacity: 0;

	-webkit-animation-name: zavri;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 3s;

	-moz-animation-name: zavri;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode: forwards;
    -moz-animation-delay: 3s;

	-ms-animation-name: zavri;
	-ms-animation-duration: 1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-fill-mode: forwards;
    -ms-animation-delay: 3s;

	-o-animation-name: zavri;
	-o-animation-duration: 1s;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode: forwards;
    -o-animation-delay: 3s;

	animation-name: zavri;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
    animation-delay: 3s;
}
@media only screen and (max-width:800px){
    .popup{
        display: none !important;
    }
}
@-webkit-keyframes usvit{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@-sm-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@-o-keyframes usvit{
    0% {-moz-opacity: 0;}
    100% {-moz-opacity: 1;}
}
@keyframes zavri{
    0% {opacity: 0;}
    100% {opacity: 1;}
}
/* !popup */




/* slozka21 - novinky */
.novinky .pomocnaNavigace{
    display: none;
}
@media only screen and (max-width:800px){
    .novinky .seznamStranek .slozka:nth-child(n + 10){
        display: none;
    }
}
/* !slozka21 - novinky */





/* CategoryArticle = clanek v novinkach obsahuje avatar, jmeno editora, datum udalosti */
.CategoryArticle:after{
    content: ' ';
    clear: both;
    display: block;
}
.CategoryArticle .CategoryArticleDate,
.CategoryArticle .CategoryArticleUsername{
    margin-right: 10px;
}
.CategoryArticle *{
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    font-size: 80%;
}
/* CategoryArticle = clanek v novinkach obsahuje avatar, jmeno editora, datum udalosti */







/* slideshow */
header .slideshow .slide2{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url(img/slide-slogan.png);
    background-size: 80% auto;
    background-position: 50% 280%;
	opacity: 0;
}
header .slideshow .slide2 {

	-webkit-animation-name: slogan;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: forwards;

	-moz-animation-name: slogan;
	-moz-animation-duration: 2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-fill-mode: forwards;

	-ms-animation-name: slogan;
	-ms-animation-duration: 2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-fill-mode: forwards;

	-o-animation-name: slogan;
	-o-animation-duration: 2s;
	-o-animation-iteration-count: 1;
	-o-animation-timing-function: ease-in-out;
	-o-animation-fill-mode: forwards;

	animation-name: slogan;
	animation-duration: 2s;
	animation-iteration-count: 1;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
}
@-webkit-keyframes slogan{0% {opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes slogan{0% {opacity: 0;}100% {opacity: 1;}}
@-sm-keyframes slogan{0% {opacity: 0;}100% {opacity: 1;}}
@-o-keyframes slogan{0% {opacity: 0;}100% {opacity: 1;}}
@keyframes slogan{0% {opacity: 0;}100% {opacity: 1;}}
header .slideshow .odkaz{
    display: block;
    position: absolute;
    top: 0px;
    left: 8%;
    width: 23%;
    height: 80%;
}
@media only screen and (max-width:800px){
    header .slideshow .odkaz{
        left: 0px;
        width: 100%;
        height: 100%;
    }
}

/* !slideshow */









/* slideshow */
.slideshow{
    padding-top: 24.9%;
    position: relative;
    overflow: hidden;
}
.slideshow .seznamStranek,
.slideshow .slozky,
.slideshow .slozka,
.slideshow .nahled{
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    padding-top: inherit;
    display: block;
    xz-index: -1;
    min-height: inherit;
}
.slideshow .prepinacStranek{
    display: none !important;
}
.slideshow .slozka{
    animation-iteration-count: infinite;
    opacity: 0;
}
.slideshow .nahled{
    background-size: cover;
    background-position: center center;
}
/* 1 */
.slideshow .zobrazenychSlozek1 .slozka{
    opacity: 1;
}
/* 2 */
.slideshow .zobrazenychSlozek2 .slozka{
    animation-name: zobrazenychSlozek2;
    animation-duration: 8s;
}
.slideshow .zobrazenychSlozek2 .slozka:nth-child(1){animation-delay: -8s;}
.slideshow .zobrazenychSlozek2 .slozka:nth-child(2){animation-delay: -4s;}

@keyframes zobrazenychSlozek2{
	 0% {opacity: 1;}
    45% {opacity: 1;}
	55% {opacity: 0;}
	95% {opacity: 0;}
	100% {opacity: 1;}
}
/* 3 */
.slideshow .zobrazenychSlozek3 .slozka{
    animation-name: zobrazenychSlozek3;
    animation-duration: 12s;
}
.slideshow .zobrazenychSlozek3 .slozka:nth-child(1){animation-delay: -12s;}
.slideshow .zobrazenychSlozek3 .slozka:nth-child(2){animation-delay: -8s;}
.slideshow .zobrazenychSlozek3 .slozka:nth-child(3){animation-delay: -4s;}

@keyframes zobrazenychSlozek3{
	 0% {opacity: 1;}
    30% {opacity: 1;}
	35% {opacity: 0;}
	95% {opacity: 0;}
	100% {opacity: 1;}
}
/* 4 */
.slideshow .zobrazenychSlozek4 .slozka{
    animation-name: zobrazenychSlozek4;
    animation-duration: 16s;
}
.slideshow .zobrazenychSlozek4 .slozka:nth-child(1){animation-delay: -16s;}
.slideshow .zobrazenychSlozek4 .slozka:nth-child(2){animation-delay: -12s;}
.slideshow .zobrazenychSlozek4 .slozka:nth-child(3){animation-delay: -8s;}
.slideshow .zobrazenychSlozek4 .slozka:nth-child(4){animation-delay: -4s;}

@keyframes zobrazenychSlozek4{
	 0% {opacity: 1;}
    22% {opacity: 1;}
	27% {opacity: 0;}
	96% {opacity: 0;}
	100% {opacity: 1;}
}
/* 5 */
.slideshow .zobrazenychSlozek5 .slozka{
    animation-name: zobrazenychSlozek5;
    animation-duration: 20s;
}
.slideshow .zobrazenychSlozek5 .slozka:nth-child(1){animation-delay: -20s;}
.slideshow .zobrazenychSlozek5 .slozka:nth-child(2){animation-delay: -16s;}
.slideshow .zobrazenychSlozek5 .slozka:nth-child(3){animation-delay: -12s;}
.slideshow .zobrazenychSlozek5 .slozka:nth-child(4){animation-delay: -8s;}
.slideshow .zobrazenychSlozek5 .slozka:nth-child(5){animation-delay: -4s;}
@keyframes zobrazenychSlozek5{
	 0% {opacity: 1;}
    18% {opacity: 1;}
	22% {opacity: 0;}
	96% {opacity: 0;}
	100% {opacity: 1;}
}
/* 6 */
.slideshow .zobrazenychSlozek6 .slozka{
    animation-name: zobrazenychSlozek6;
    animation-duration: 24s;
}
.slideshow .zobrazenychSlozek6 .slozka:nth-child(1){animation-delay: -24s;}
.slideshow .zobrazenychSlozek6 .slozka:nth-child(2){animation-delay: -20s;}
.slideshow .zobrazenychSlozek6 .slozka:nth-child(3){animation-delay: -16s;}
.slideshow .zobrazenychSlozek6 .slozka:nth-child(4){animation-delay: -12s;}
.slideshow .zobrazenychSlozek6 .slozka:nth-child(5){animation-delay: -8s;}
.slideshow .zobrazenychSlozek6 .slozka:nth-child(6){animation-delay: -4s;}
@keyframes zobrazenychSlozek6{
	 0% {opacity: 1;}
    15% {opacity: 1;}
	19% {opacity: 0;}
	96% {opacity: 0;}
	100% {opacity: 1;}
}
/* slideshow */