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

a {text-decoration: none;}
a:hover {cursor: pointer;}

img, video {border: none; color: rgb(234,234,234);}
:active, :focus {outline: none; -moz-outline-style: none;}

* {margin: 0;}
html {height: 100%;}
body {height: 100%; font-family: 'Lucida Grande', Arial, 'Lucida Sans Unicode', sans-serif; font-size: 13px; text-decoration: none;}
#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 0px auto;}
#obsah {width: 100%; display: block;}

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

#jazyk_www_ramecek {width: 100%; position: absolute; top: 45px; display: block; text-align: center; font-size: 26px; font-weight: normal; padding: 15px 30px 15px 30px; background: rgba(255,0,0,0.5); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 7;}
#jazyk_www_potvrdit {font-size: 18px; color: white; cursor: pointer;}
#jazyk_www_zrusit {float: right; font-size: 18px; color: rgb(210,210,210); cursor: pointer;}

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

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

.popisek_ramecek {width: 100%; position: absolute; top: 27%; left: 0; display: none; color: white; text-align: center; font-weight: normal; text-shadow: black 0px 0px 3px; padding: 0 11% 0 11%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 5;}

.popisek_jedna {font-size: 45px; font-weight: normal;}
.popisek_dva {font-size: 30px; font-weight: normal;}
.popisek_tri {display: inline-block; font-size: 26px; font-weight: normal; cursor: pointer; padding: 15px 30px 15px 30px; margin-top: 13vh; border: solid 1px rgb(150,150,150); background: rgba(0,0,0,0.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

@media only screen and (max-width: 1200px) {.popisek_jedna {font-size: 40px;} .popisek_dva {font-size: 25px;} .popisek_tri {font-size: 22px;}}
@media only screen and (max-width: 1000px) {.popisek_jedna {font-size: 35px;} .popisek_dva {font-size: 20px;} .popisek_tri {font-size: 18px;}}
@media only screen and (max-width: 800px) {.popisek_jedna {font-size: 30px;} .popisek_dva {font-size: 15px;} .popisek_tri {font-size: 15px;}}
@media only screen and (max-width: 600px) {.popisek_jedna {font-size: 25px;} .popisek_dva {font-size: 15px;} .popisek_tri {font-size: 15px;}}
@media only screen and (max-width: 500px) {.popisek_dva {margin-top: 15px}}

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

#popisek_ramecek_o1 {width: 80%; left: 20%; padding: 0;}
#popisek_tri_o1 {margin-top: 7vh;}
@media only screen and (max-width: 1200px) {#popisek_ramecek_o1 {width: 85%; left: 15%; padding: 0;}}
@media only screen and (max-width: 800px) {#popisek_ramecek_o1 {width: 88%; left: 12%; padding: 0;}}
@media only screen and (max-width: 700px) {#popisek_ramecek_o1 {width: 100%; left: 0%;}}

#popisek_tri_v2 {background: rgba(0,0,0,0.5); margin-top: 10vh;}

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