/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

a {text-decoration: none; color: rgb(8,11,185);}
a:hover {cursor: pointer;}

img, video {border: none;}
:active, :focus {outline: none; -moz-outline-style: none;}

* {margin: 0;}
html {height: 100%;}
html {height: 100%; scroll-behavior: smooth;}
body {height: 100%; text-decoration: none; background-repeat: repeat;}
#stranka {width: 88%; max-width: 1690px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -43px auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-top: solid 1px transparent;}
#obsah {width: 100%; display: block; padding: 72px 0 7px 0;}

/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

#odkladiste {position: relative; top: 50px; display: none; z-index: 100;}

#vypis_nahravam {position: fixed; z-index: 10;}
@media only screen and (max-width: 9999px) and (min-width: 1601px) {#vypis_nahravam {width: 60px; top: calc(50% - 30px); left: calc(50% - 30px);}}
@media only screen and (max-width: 1600px) and (min-width: 1201px) {#vypis_nahravam {width: 50px; top: calc(50% - 25px); left: calc(50% - 25px);}}
@media only screen and (max-width: 1200px) and (min-width: 0000px) {#vypis_nahravam {width: 40px; top: calc(50% - 20px); left: calc(50% - 20px);}}

.nastala_chyba_vu {color: white; position: relative; top: 10px; left: 20px;}

.nadpis_ramecek {font-weight: bold; clear: both; margin-left: auto; margin-right: auto;}
.text {clear: both; margin-left: auto; margin-right: auto;}
.nadpis_stred, .text_stred {text-align: center;} .nadpis_vpravo, .text_vpravo {text-align: right;} .nadpis_blok, .text_blok {text-align: justify;}
@media only screen and (max-width: 9999px) and (min-width: 1601px) {.nadpis {font-size: 111%;} .text {font-size: 110%;}}
@media only screen and (max-width: 1600px) and (min-width: 1201px) {.nadpis {font-size: 100%;} .text {font-size: 100%;}}
@media only screen and (max-width: 1200px) and (min-width: 0000px) {.nadpis {font-size: 90%;} .text {font-size: 100%;}}
.mezera {width: 100%; clear: both; padding-top: 20px;}

.nastroj_odkaz {color: inherit;}

.obrazek_obrazovka {position: relative; display: table; clear: both; margin: 2px 0 2px 0;}

.dilo_ramecek {float: left;}
.dilo_obrazek_ramecek {display: table; #position: relative;}

.dilo_obrazek_samotny_nepruhl_border {border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.dilo_obrazek_odkaz {text-align: center; _position: absolute; display: table-cell; vertical-align: middle; cursor: pointer;}

.dila_vypis_push	{width: 100%; display: block; margin: 0 auto;}

.tlacitko_play_ramecek {width: 58px; height: 58px; position: relative; display: block; cursor: pointer; background-color: black; opacity: 0.75; filter: alpha(opacity=75); border: solid 2px white; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; margin-top: -42px; margin-left: -34px; z-index: 20;}
.tlacitko_play_trojuhelnik {width: 0; height: 0; position: relative; top: 14px; left: 19px; display: block; font-size: 0; line-height: 0; border-left: 30px solid white; border-top: 15px solid transparent; border-bottom: 15px solid transparent;}
@media only screen and (max-width: 800px) {.tlacitko_play_ramecek {width: 29px; height: 29px; margin-top: -25px; margin-left: -18px;}
	.tlacitko_play_trojuhelnik {top: 7px; left: 9px; border-left: 15px solid white; border-top: 8px solid transparent; border-bottom: 8px solid transparent;}}

.obrazky_ramecek, .html_kod_vypis {margin-left: auto; margin-right: auto;}

.obrazek_nazev_umisteni {position: absolute; display: block; word-break: break-word; overflow-x: auto; overflow: -moz-scrollbars-none; scrollbar-width: none; -ms-overflow-style: none;} .obrazek_nazev_umisteni::-webkit-scrollbar {display: none;}
.obrazek_nazev_umisteni_ {display: none;}
.obrazek_nazev_umisteni_onl, .obrazek_nazev_umisteni_odl {float: left; text-align: left;}
.obrazek_nazev_umisteni_onp, .obrazek_nazev_umisteni_odp {float: right; text-align: right;}
.obrazek_nazev_umisteni_ons, .obrazek_nazev_umisteni_ods {text-align: center;}
.obrazek_nazev_umisteni_os {width: 80%; max-height: 55%; left: 10%; top: 35%; text-align: center;}

@media only screen and (max-width: 9999px) and (min-width: 1601px)	{
	.obrazek_nazev_umisteni {font-size: 44px;}
	.obrazek_nazev_umisteni_onl, .obrazek_nazev_umisteni_onp {width: calc(60% - 70px); max-height: calc(100% - 80px);}
	.obrazek_nazev_umisteni_odl, .obrazek_nazev_umisteni_odp {width: calc(60% - 70px); max-height: calc(100% - 80px);}
	.obrazek_nazev_umisteni_ons, .obrazek_nazev_umisteni_ods {width: calc(100% - 140px); max-height: calc(100% - 80px);}
	.obrazek_nazev_umisteni_onl {left: 70px; top: 40px;} .obrazek_nazev_umisteni_onp {right: 70px; top: 40px;}
	.obrazek_nazev_umisteni_odl {left: 70px; bottom: 40px;} .obrazek_nazev_umisteni_odp {right: 70px; bottom: 40px;}
	.obrazek_nazev_umisteni_ons {left: 70px; top: 40px;} .obrazek_nazev_umisteni_ods {left: 70px; bottom: 40px;}
	}
@media only screen and (max-width: 1600px) and (min-width: 1201px) {
	.obrazek_nazev_umisteni {font-size: 38px;}
	.obrazek_nazev_umisteni_onl, .obrazek_nazev_umisteni_onp {width: calc(60% - 50px); max-height: calc(100% - 56px);}
	.obrazek_nazev_umisteni_odl, .obrazek_nazev_umisteni_odp {width: calc(60% - 50px); max-height: calc(100% - 56px);}
	.obrazek_nazev_umisteni_ons, .obrazek_nazev_umisteni_ods {width: calc(100% - 100px); max-height: calc(100% - 56px);}
	.obrazek_nazev_umisteni_onl {left: 50px; top: 28px;} .obrazek_nazev_umisteni_onp {right: 50px; top: 28px;}
	.obrazek_nazev_umisteni_odl {left: 50px; bottom: 28px;} .obrazek_nazev_umisteni_odp {right: 50px; bottom: 28px;}
	.obrazek_nazev_umisteni_ons {left: 50px; top: 28px;} .obrazek_nazev_umisteni_ods {left: 50px; bottom: 28px;}
	}
@media only screen and (max-width: 1200px) and (min-width: 0801px)	{
	.obrazek_nazev_umisteni {font-size: 30px;}
	.obrazek_nazev_umisteni_onl, .obrazek_nazev_umisteni_onp {width: calc(60% - 34px); max-height: calc(100% - 40px);}
	.obrazek_nazev_umisteni_odl, .obrazek_nazev_umisteni_odp {width: calc(60% - 34px); max-height: calc(100% - 40px);}
	.obrazek_nazev_umisteni_ons, .obrazek_nazev_umisteni_ods {width: calc(100% - 68px); max-height: calc(100% - 40px);}
	.obrazek_nazev_umisteni_onl {left: 34px; top: 20px;} .obrazek_nazev_umisteni_onp {right: 34px; top: 20px;}
	.obrazek_nazev_umisteni_odl {left: 34px; bottom: 20px;} .obrazek_nazev_umisteni_odp {right: 34px; bottom: 20px;}
	.obrazek_nazev_umisteni_ons {left: 34px; top: 20px;} .obrazek_nazev_umisteni_ods {left: 34px; bottom: 20px;}
	}
@media only screen and (max-width: 0800px) and (min-width: 0501px)	{
	.obrazek_nazev_umisteni {font-size: 24px;}
	.obrazek_nazev_umisteni_onl, .obrazek_nazev_umisteni_onp {width: calc(60% - 23px); max-height: calc(100% - 28px);}
	.obrazek_nazev_umisteni_odl, .obrazek_nazev_umisteni_odp {width: calc(60% - 23px); max-height: calc(100% - 28px);}
	.obrazek_nazev_umisteni_ons, .obrazek_nazev_umisteni_ods {width: calc(100% - 46px); max-height: calc(100% - 28px);}
	.obrazek_nazev_umisteni_onl {left: 23px; top: 14px;} .obrazek_nazev_umisteni_onp {right: 23px; top: 14px;}
	.obrazek_nazev_umisteni_odl {left: 23px; bottom: 14px;} .obrazek_nazev_umisteni_odp {right: 23px; bottom: 14px;}
	.obrazek_nazev_umisteni_ons {left: 23px; top: 14px;} .obrazek_nazev_umisteni_ods {left: 23px; bottom: 14px;}
	}
@media only screen and (max-width: 0500px) and (min-width: 0000px)	{
	.obrazek_nazev_umisteni {font-size: 18px;}
	.obrazek_nazev_umisteni_onl, .obrazek_nazev_umisteni_onp {width: calc(60% - 12px); max-height: calc(100% - 16px);}
	.obrazek_nazev_umisteni_odl, .obrazek_nazev_umisteni_odp {width: calc(60% - 12px); max-height: calc(100% - 16px);}
	.obrazek_nazev_umisteni_ons, .obrazek_nazev_umisteni_ods {width: calc(100% - 24px); max-height: calc(100% - 16px);}
	.obrazek_nazev_umisteni_onl {left: 12px; top: 8px;} .obrazek_nazev_umisteni_onp {right: 12px; top: 8px;}
	.obrazek_nazev_umisteni_odl {left: 12px; bottom: 8px;} .obrazek_nazev_umisteni_odp {right: 12px; bottom: 8px;}
	.obrazek_nazev_umisteni_ons {left: 12px; top: 8px;} .obrazek_nazev_umisteni_ods {left: 12px; bottom: 8px;}
	}

/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

.tabulka_ramecek {width: intrinsic; width: max-content; max-width: 100%; display: block; overflow-x: auto; margin-left: auto; margin-right: auto;}
.tabulka_ramecek.obrazovka {width: 100% !important; display: block !important;}
.tabulka_ramecek.stred {width: auto; margin-left: auto; margin-right: auto;}
.tabulka_ramecek.vpravo {width: auto; margin-left: auto; margin-right: 0;}
.tabulka {width: 100%; position: relative; border-collapse: collapse;}
.tabulka.obrazovka {width: 100% !important;}

.tabulka_nadpis {font-weight: bold;}

@media only screen and (max-width: 9999px) and (min-width: 1601px)	{.tabulka td {padding: 13px;} .tabulka td:first-child {padding-left: 25px;} .tabulka td:last-child {padding-right: 25px;}}
@media only screen and (max-width: 1600px) and (min-width: 1001px)	{.tabulka td {padding: 10px} .tabulka td:first-child {padding-left: 20px;} .tabulka td:last-child {padding-right: 20px;}}
@media only screen and (max-width: 1000px) and (min-width: 0000px)	{.tabulka td {padding: 5px;} .tabulka td:first-child {padding-left: 10px;} .tabulka td:last-child {padding-right: 10px;}}

/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

#strankovani_vypis {width: 100%; display: block; font-size: 11px; text-align: center; margin-top: 25px;}
#strankovani_ramecek {width: 100%; display: table; margin: 0 auto;}

.strankovani_aktivni {height: 30px; position: relative; top: 0px; display: inline-block; float: left; line-height: 30px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.strankovani_neaktivni {height: 30px; position: relative; top: 0px; display: inline-block; /* visibility: hidden; */ float: left; line-height: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

#strankovani_vpravo {float: right;}

#strankovani_stred {position: relative; top: 7px; display: inline-block; float: left;}
#strankovani_cislo {width: 40px; height: 13px; text-align: center; border: none;}

@media only screen and (min-width: 1001px)							{#strankovani_vlevo, #strankovani_vpravo {width: 18%;} #strankovani_stred {width: 64%;}}
@media only screen and (max-width: 1000px) and (min-width: 701px)	{#strankovani_vlevo, #strankovani_vpravo {width: 22%;} #strankovani_stred {width: 56%;}}
@media only screen and (max-width: 700px) and (min-width: 551px)	{#strankovani_vlevo, #strankovani_vpravo {width: 28%;} #strankovani_stred {width: 44%;}}
@media only screen and (max-width: 550px) and (min-width: 451px)	{#strankovani_vlevo, #strankovani_vpravo {width: 32%;} #strankovani_stred {width: 36%;}}
@media only screen and (max-width: 450px)							{#strankovani_vlevo, #strankovani_vpravo {width: 30%;} #strankovani_stred {width: 40%;} .strankovani_nazev_respo {display: none;}}

/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

#vu_obrazek_samotny {position: absolute; border: none;}
.vu_obrazek_border {}

#vu_nahravam {position: absolute; z-index: 10;}
#obrazek_nahravam {position: absolute; display: block; z-index: 10;}
@media only screen and (max-width: 9999px) and (min-width: 1601px) {#vu_nahravam, #obrazek_nahravam {width: 60px; top: calc(50% - 30px); left: calc(50% - 30px);}}
@media only screen and (max-width: 1600px) and (min-width: 1201px) {#vu_nahravam, #obrazek_nahravam {width: 50px; top: calc(50% - 25px); left: calc(50% - 25px);}}
@media only screen and (max-width: 1200px) and (min-width: 0000px) {#vu_nahravam, #obrazek_nahravam {width: 40px; top: calc(50% - 20px); left: calc(50% - 20px);}}

/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/