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

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: block; position: relative;}
.nahled_dilo_obrazek_samotny {display: block; margin: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.nahled_dilo_obrazek_samotny_nepruhl_border, .nahled_dilo_obrazek_samotny_nepruhl_border_stin {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_ramecek_border, .nahled_dilo_obrazek_ramecek_border_stin {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_ramecek_border a img, .nahled_dilo_obrazek_ramecek_border_stin a img {-webkit-border-top-left-radius: 7px; -moz-border-radius-topleft: 7px; border-top-left-radius: 7px; -webkit-border-top-right-radius: 7px; -moz-border-radius-topright: 7px; border-top-right-radius: 7px;}

.nahled_dilo_obrazek_nazev {overflow: hidden !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 5px 0 5px;}
.nahled_dilo_obrazek_popisek {overflow: hidden !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 5px 0 5px;}
.nahled_dilo_obrazek_cena {width: 60%; position: absolute; bottom: 3px; left: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 4px 5px 7px;}
.nahled_dilo_obrazek_koupit {position: absolute; bottom: 4px; right: 4px; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 5px 7px 5px 7px;}
.nahled_dilo_obrazek_koupit_radius {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

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

.tlacitko_play_ramecek {width: 26px; height: 26px; position: absolute; display: block; float: right; cursor: pointer; background-color: black; opacity: 0.75; filter: alpha(opacity=75); border: solid 2px white; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; margin-top: -35px; z-index: 20;}
.tlacitko_play_trojuhelnik {width: 0; height: 0; position: relative; top: 6px; left: 8px; display: block; font-size: 0; line-height: 0; border-left: 14px solid white; border-top: 7px solid transparent; border-bottom: 7px 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;}}

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