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

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%;}
body {height: 100%; text-decoration: none; background-repeat: repeat;}
#stranka {width: 100%; max-width: 1920px; min-height: 100%; height: auto !important; height: 100%; position: relative; top: 0px; left: 0px; display: block; margin: 0 auto 0 auto;}
#obsah {width: 100%; display: block;}

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

#obrazek_aktivni {display: none;}
#odkladiste_obrazek_nacist {position: relative; top: 750px; display: none; z-index: 100;}

.obrazek_border {height: 100vh; display: block; position: relative; top: 0px; left: 0px;}
.obrazek_ramacek {width: 100%; height: 100%; overflow: hidden; display: block; position: relative; top: 0px; left: 0px;}
#id_jedna, #id_dva {visibility: hidden;}
.obrazek_samotny {position: fixed; display: block; cursor: pointer; opacity: 0; filter: alpha(opacity=0); z-index: 2;}

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

#popisek_ramecek {width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; cursor: pointer; z-index: 5;}
.popisek_umisteni_o_nl {position: absolute; left: 9%; display: none; float: left; text-align: left; opacity: 0; filter: alpha(opacity=0);}
.popisek_umisteni_o_np {position: absolute; right: 9%; display: none; float: left; text-align: right; opacity: 0; filter: alpha(opacity=0);}
.popisek_umisteni_o_dl {position: absolute; left: 9%; display: none; float: left; text-align: left; opacity: 0; filter: alpha(opacity=0);}
.popisek_umisteni_o_dp {position: absolute; right: 9%; display: none; float: left; text-align: right; opacity: 0; filter: alpha(opacity=0);}
.popisek_umisteni_o_ns {width: 70%; position: absolute; left: 15%; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0);}
.popisek_umisteni_o_ds {width: 70%; position: absolute; left: 15%; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0);}
.popisek_umisteni_o_s {width: 70%; position: absolute; left: 15%; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0); }

.nastroj_odkaz {color: inherit;}

@media only screen and (max-width: 9999px) and (min-width: 1701px) {#popisek_ramecek {font-size: 34px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 38%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 15%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 15%;} .popisek_umisteni_o_s {top: 42%;}}
@media only screen and (max-width: 1700px) and (min-width: 1401px) {#popisek_ramecek {font-size: 32px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 38%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 14%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 14%;} .popisek_umisteni_o_s {top: 42%;}}
@media only screen and (max-width: 1400px) and (min-width: 1201px) {#popisek_ramecek {font-size: 30px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 40%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 12%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 12%;} .popisek_umisteni_o_s {top: 42%;}}
@media only screen and (max-width: 1200px) and (min-width: 1001px) {#popisek_ramecek {font-size: 26px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 44%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 12%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 12%;} .popisek_umisteni_o_s {top: 42%;}}
@media only screen and (max-width: 1000px) and (min-width: 801px) {#popisek_ramecek {font-size: 26px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 47%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 12%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 12%;} .popisek_umisteni_o_s {top: 42%;}}
@media only screen and (max-width: 800px) and (min-width: 701px) {#popisek_ramecek {font-size: 26px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 50%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 11%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 11%;} .popisek_umisteni_o_s {top: 40%;}}
@media only screen and (max-width: 700px) and (min-width: 501px) {#popisek_ramecek {font-size: 24px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 55%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 11%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 11%;} .popisek_umisteni_o_s {top: 40%;}}
@media only screen and (max-width: 500px) and (min-width: 451px) {#popisek_ramecek {font-size: 22px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 55%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 11%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 11%;} .popisek_umisteni_o_s {top: 38%;}}
@media only screen and (max-width: 450px) and (min-width: 401px) {#popisek_ramecek {font-size: 20px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 55%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 11%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 11%;} .popisek_umisteni_o_s {top: 38%;}}
@media only screen and (max-width: 400px) and (min-width: 351px) {#popisek_ramecek {font-size: 18px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 55%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 11%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 11%;} .popisek_umisteni_o_s {top: 38%;}}
@media only screen and (max-width: 350px) and (min-width: 000px) {#popisek_ramecek {font-size: 18px;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 55%;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 11%;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 11%;} .popisek_umisteni_o_s {top: 38%;}}

@media only screen and (max-height: 600px) and (min-width: 571px) {#popisek_ramecek {font-size: 22px !important;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 50% !important;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 18% !important;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 18% !important;} .popisek_umisteni_o_s {top: 40%;}}
@media only screen and (max-height: 570px) and (min-width: 401px) {#popisek_ramecek {font-size: 20px !important;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 50% !important;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 20% !important;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 20% !important;} .popisek_umisteni_o_s {top: 40%;}}
@media only screen and (max-height: 400px) and (min-width: 000px) {#popisek_ramecek {font-size: 18px !important;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_dl, .popisek_umisteni_o_dp {max-width: 50% !important;} .popisek_umisteni_o_nl, .popisek_umisteni_o_np, .popisek_umisteni_o_ns {top: 22% !important;} .popisek_umisteni_o_dl, .popisek_umisteni_o_dp, .popisek_umisteni_o_ds {bottom: 22% !important;} .popisek_umisteni_o_s {top: 40%;}}

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