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

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%; scroll-behavior: smooth;}
body {height: 100%; text-decoration: none; background-repeat: repeat;}
#stranka {width: 100%; max-width: 1920px; 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; margin: 65px 0 20px 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;}

.nahled_dilo_ramecek {float: left;}
.nahled_dilo_obrazek_ramecek {display: table; #position: relative;}
.nahled_dilo_obrazek_ramecek_prazdny {display: block; border: dashed 1px black; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.nahled_dilo_obrazek_nazev {font-size: 98%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; margin-top: 2px;}
.nahled_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;}
.nahled_dilo_obrazek_odkaz {text-align: center; _position: absolute; display: table-cell; vertical-align: middle; cursor: pointer;}
.nahled_dila_vypis_push {width: 100%; display: block; margin: 0 auto;}

.dlazdice_ramecek {display: flex;}
.dlazdice_dilo_obrazek_ramecek {cursor: pointer;}
.dlazdice_dilo_obrazek_samotny {width: 100%; vertical-align: middle;}

.dlazdice_ramecek_mezera {position: relative;}
.dlazdice_dilo_obrazek_ramecek_mezera {margin: 6px 3px 6px 3px;}
.dlazdice_dilo_obrazek_ramecek_mezera:first-child {margin: 0 3px 6px 3px;}

.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;}}

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

#strankovani_vypis {width: 100%; display: block; font-size: 11px; text-align: center; margin-top: 5px;}
#strankovani_ramecek {width: 84%; 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;}}

#dlazdice_strankovani_vypis {width: 100%; position: fixed; bottom: 60px; display: block; font-size: 11px; text-align: center; margin-top: 5px; z-index: 10;}
#dlazdice_strankovani_ramecek {width: 84%; display: table; margin: 0 auto;}
#dlazdice_strankovani_cislo {width: 40px; height: 13px; text-align: center; border: 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);}}

#obrazek_popisek {position: absolute; display: block; visibility: hidden; text-align: left; color: rgb(210,210,210); line-height: 17px; cursor: pointer; overflow: auto; background: rgba(50,50,40,0); padding: 15px 18px 15px 18px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 130;}
#obrazek_popisek_text {visibility: hidden;}
#obrazek_popisek_mini {width: 30px; position: absolute; display: block; visibility: hidden; cursor: pointer; text-align: center; color: rgb(210,210,210); font-size: 18px; line-height: 30px; background: rgba(50,50,40,0.6); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 200;}

.nastroj_odkaz {color: inherit;}

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