* {
	margin: 0;
	padding: 0;
}
html {
	width:100vw;
	height:100vh;
}
body {
	height: inherit;
	font-family: "Exo 2", sans-serif;
	font-weight: 300;
  -webkit-font-smoothing: antialiased;
	font-size: 18px;
	background-color:#FFFFFF;
	color:#444444;
	transition-duration: 1s;
}

video {
  width: 100%;
  height: auto;
	padding:2vw 0vw 2vw 0vw;
}


::-webkit-scrollbar {
width: 0px;
background: transparent;
}


#logo {width:33vw; float:left; height: 6vw;}
#logo img  {height:6vw;cursor:pointer;}
#menu {width:66vw; float:left; height: 6vw;
	display: flex; flex-direction: row; justify-content: flex-end; align-items: center;
	z-index:2; font-size: 20px;
}

.menu_polozka {
	margin:1vw;
	cursor:pointer;
}

.odkazy_sn {	height:1.5vw;}

#vlajka img {height:1.2vw;}


.menu_skryty {
	transition: opacity .2s ease-in-out;
	padding:0.4vw 1vw 1vw 1vw;
	margin-left:-1vw;
	background-color: rgba(255, 255, 255, 0.9);
	position:absolute;
	display:none;
	opacity:0;
	z-index:2;
}


#dlazdice {display: flex; flex-direction: row; flex-wrap: wrap; margin:0 0 10vw 0;}

#obsah {
	position:absolute;
	top:6vw; z-index:0;
}

#sponzori {
width:100vw;
position:fixed;
left:0;
bottom:5vh;
background-color: rgba(255, 255, 255, 0.9);
display:flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
z-index: 3;
}

#sponzori img {
	height:2.1vh;
	padding:1vh;
}

#sponzori img.mensi {
	height:1.5vh;
	padding:1vh;
}

#sponzori img.vetsi {
	height:3.5vh;
	padding:1vh;
}

.dlazdice {
	width:33vw;
	height:18.55vw;
	padding:0;
	margin:0;
	transition: all .2s ease-in-out;
	background-size:100%;
}

.dlazdice>h1 {
	position: relative;
	top:15vw;
	left:2vw;
	color:#FFFFFF;
  text-shadow: 2px 2px 4px #000000;
}

.dlazdice:hover
{
filter: brightness(1.5);
}


.obsah {
	margin:1vw 0vw 20vw 5.5vw;
	max-width:60em;
}

.obrazek {
	max-height: 15vh;
	margin:0.5vh 1vh 0.5vh 0;
	transition: all .1s ease-in-out;
}

.obrazek_cely {max-width:60em; padding:2vw 0vw 2vw 0vw;}

.obrazek_tretinka {width:19em; padding:2vw 1em 2vw 0vw;}

.obrazek_max {
	position:absolute;
	left:5.5vw;
	max-height:80vh;
	max-width:58em;
	z-index:4;
}

h2 {
	color:#000000;
	margin:0vh 0 0.9vh 0;
}

.superzasadni {
	color:#f9b000;
	font-style: italic;
}

h3 {
	color:#000000;
	margin:1.3vh 0 0.9vh 0;
}

h4 {
	background: -webkit-linear-gradient(210deg, #eb5893, #f9b000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin:1.3vh 0 0.9vh 0;
}

p {
	padding: 0.5vh 0 0.5vh 0;
}

ul {
	max-width:40em;
	list-style-position: inside;
	padding:0.2vh 0 0.2vh 0;
	/*list-style: square;*/
	margin-left: 1em;
}

li::marker {
  color: #444444;
  content: "►";
}

a {
	color:#74aacd;
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	color:#156570;
	text-decoration: none;
}

a:visited {
	color:#74aacd;
	text-decoration: underline;
}

a.cisty {
	text-decoration: none;
	cursor: pointer;
}

.pseudoodkaz {
	color:#74aacd;
	text-decoration: underline;
	cursor: pointer;
}

.pseudoodkaz:hover {
	color:#156570;
	text-decoration: none;
}

td {
	padding-right:1.5vw;
}
td:first-child {
	font-weight: 500;
}
td img {max-width:20vw;}

#pocitadlo {position:fixed; bottom:10px; right:10px;}


@media screen and (max-width: 1200px) {
body {
	font-size: 15px;
}
.dlazdice {
	width:49.5vw;
	height:27.8vw;
}
.dlazdice>h1 {
	position: relative;
	top:22vw;
	left:2vw;
}
}


@media screen and (max-width: 800px) {
body {
	font-size: 20px;
}
#pocitadlo {position:fixed; bottom:-50px; right:0;}
#dlazdice {margin:0 0 0 0;}
.dlazdice {
	width:98vw;
	height:55.1vw;
}
.dlazdice>h1 {
	position: relative;
	top:45vw;
	left:5vw;
}

#logo {width:24.5vw; float:left; height: 10vw;}
#logo img  {height:10vw;}
#menu {width:75vw; height: 10vw;}
.odkazy_sn {height:4vw;}
#vlajka img {height:2.5vw;}

#obsah {float:left; position:static;}
.obsah {
	margin:1vw 0vw 20vw 5.5vw;
	max-width:98vw;
}
.obrazek_cely {max-width:90vw; padding:2vw 0vw 2vw 0vw;}

#sponzori {
	position:static;
	flex-direction: column;
	width:100vw;
	left:0;
	border: 0;
}
#sponzori img {
	height:3vh;
	padding:1vh 8vh 1vh 8vh;
}
#pocitadlo {position:absolute; bottom:0; right:0;}
}

@media screen and (max-width: 500px) {
body {
	font-size: 14px;
}

.dlazdice>h1 {
	font-size: 22px;
}

#menu {font-size:12px;}
}