body {
	/*
	position: absolute;
	*/
	
	padding: 0px;
	margin: 0;
	background-color: black;
	background: url("bg.png");
	
	color: #2ed27f;
	font-family: monospace !important;
	
	font-size: 1.4em !important;
	letter-spacing: 0.1em;
	
	-webkit-touch-callout: none; 
	-webkit-user-select: none;   
	-khtml-user-select: none;    
	-moz-user-select: none;      
	-ms-user-select: none;       
	user-select: none;           
	
	cursor: default;
}

div.shadow {
	position: fixed;
	z-index: -2;
	height: 100%;
	width: 100%;
	opacity: 0.2;
	background: transparent; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(transparent, rgba(0,0,0,0.25)); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(transparent, rgba(0,0,0,0.25)); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(transparent, rgba(0,0,0,0.25)); /* For Firefox 3.6 to 15 */
	background: radial-gradient(transparent, rgba(0,0,0,0.25)); /* Standard syntax */
}

div.light {
	position: fixed;
	z-index: -1;
	height: 15em;
	width: 100%;
	
	top: -20em;
	
	opacity: 0.02;
		
	-webkit-animation: slide 10s linear infinite;
	-moz-animation: slide 10s linear infinite;
	-o-animation: slide 10s linear infinite;
	animation: slide 10s linear infinite;
	
	background: transparent; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(transparent, white, transparent); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(transparent, white, transparent); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(transparent, white, transparent); /* For Firefox 3.6 to 15 */
    background: linear-gradient(transparent, white, transparent); /* Standard syntax */
}

@-webkit-keyframes slide {
	0% { top: -20em }
	35% { top: 150% }
	100% { top: 150% }
}

@-moz-keyframes slide {
	0% { top: -20em }
	35% { top: 150% }
	100% { top: 150% }
}

@-o-keyframes slide {
	0% { top: -20em }
	35% { top: 150% }
	100% { top: 150% }
}

@keyframes slide {
	0% { top: -20em }
	35% { top: 150% }
	100% { top: 150% }
}


.flickerOn {
	-webkit-animation: flickerOn 1s steps(3);
	-moz-animation: flickerOn 1s steps(3);
	-o-animation: flickerOn 1s steps(3);
	animation: flickerOn 1s steps(3);
}


@-webkit-keyframes flickerOn {
	0% { opacity: 0 }
	35% { opacity: 0.6 }
	65% { opacity: 0.3 }
	100% { opacity: 1 }
}

@-moz-keyframes flickerOn {
	0% { opacity: 0 }
	35% { opacity: 0.6 }
	65% { opacity: 0.3 }
	100% { opacity: 1 }
}

@-o-keyframes flickerOn {
	0% { opacity: 0 }
	35% { opacity: 0.6 }
	65% { opacity: 0.3 }
	100% { opacity: 1 }
}

@keyframes flickerOn {
	0% { opacity: 0 }
	35% { opacity: 0.6 }
	65% { opacity: 0.3 }
	100% { opacity: 1 }
}


div.main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 2em;
}

div.main > * {
	max-width: 90%;
	margin: 1.2em auto;
}

a {
	color: #35f393;
}

	a:hover {
		color: black;
		background-color: #35f393;
	}


ul.menu {
    list-style-type: none;
    padding: 0;
}

	ul.menu a {
		text-decoration: none;
		display: block;
	}

	ul.menu a::before {
		content: "[ ";
	}

	ul.menu a::after {
		content: " ]";
	}

	ul.menu a:hover {
		color: black;
	}

h1, h2 {
	font-size: inherit;
	/*
	text-decoration: underline;
	*/
}

hr {
	color: transparent;
	background-color: #2ed27f;
	height: 1px;
	border: none;
	/*
	border-top: 2px dashed #2ed27f;;
	*/
}

div.popup {
	text-align: center;
}

	div.popup div {
		display: inline-block;
		border: 4px double #2ed27f;
		padding: 1em;
	}

		div.popup div p:first-child {
			margin-top: 0px;
		}

		div.popup div p:last-child {
			margin-bottom: 0px;
		}



div.hack {
	width: 100%;
	text-align: center;
}

	div.hack table {
		display: inline-block;
		border: none;		

		font-size: 1.2em;
		
		border-collapse: collapse;
		letter-spacing: 0.1em;
	}
		
		div.hack table tr, div.hack table td {
			border: none;
		}
	
		div.hack table tr:nth-child(0), div.hack table tr:nth-child(1), div.hack table tr:nth-child(2), div.hack table tr:nth-child(3), div.hack table tr:nth-child(4) {
			border-bottom: 0.6em solid transparent;
		}
	
		div.hack table p {
			white-space: nowrap;
			margin: 0;
		}
		
		div.hack table p::before {
			content: ">";
		}

		div.hack table span.link {
			cursor: pointer;
			text-decoration: none;
			color: #2ed27f;
		}

		div.hack table span.link:hover {
			color: black;
			background-color: #2ed27f;
		}

		div.hack table td {
			padding: 0;
			border-left: 1ex solid transparent;
			border-right: 1ex solid transparent;
		}

		div.hack table td:first-child {
			border-left: 0ex solid transparent;
		}

		div.hack table td:last-child {
			min-width: 12em;
			border-right: 0ex solid transparent;
		}

blink, .blink {
  -webkit-animation: blink 1s step-end infinite;
  -moz-animation: blink 1s step-end infinite;
  -o-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite;
}

@-webkit-keyframes blink {	
	67% { opacity: 0 }
}

@-moz-keyframes blink {
	67% { opacity: 0 }
}

@-o-keyframes blink {
	67% { opacity: 0 }
}

@keyframes blink {
	67% { opacity: 0 }
}



.delay1 {
	-webkit-animation: delay 1s step-end;
	-moz-animation: delay 1s step-end;
	-o-animation: delay 1s step-end;
	animation: delay 1s step-end;
}

.delay2 {
	-webkit-animation: delay 2s step-end;
	-moz-animation: delay 2s step-end;
	-o-animation: delay 2s step-end;
	animation: delay 2s step-end;
}

.delay3 {
	-webkit-animation: delay 3s step-end;
	-moz-animation: delay 3s step-end;
	-o-animation: delay 3s step-end;
	animation: delay 3s step-end;
}

.delay4 {
	-webkit-animation: delay 4s step-end;
	-moz-animation: delay 4s step-end;
	-o-animation: delay 4s step-end;
	animation: delay 4s step-end;
}

@-webkit-keyframes delay {
	0% { opacity: 0 }
	100% { opacity: 1 }
}

@-moz-keyframes delay {
	0% { opacity: 0 }
	100% { opacity: 1 }
}

@-o-keyframes delay {
	0% { opacity: 0 }
	100% { opacity: 1 }
}

@keyframes delay {
	0% { opacity: 0 }
	100% { opacity: 1 }
}


/** MENU */

ul.menu {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	list-style-type: none;
	background-color:rgba(46, 210, 127, 0.4);
	/* background: url("bg.png"); */
}

ul.podmenu {
	position:fixed;
	bottom:2em;
	background-color:rgba(46, 210, 127, 0.4);
}


ul.menu li, ul.podmenu li {
	padding: 0;
	display:inline-block;
}

ul.menu li a, ul.podmenu li a{
	display: block;
	text-align: center;
	text-decoration: none;
	/*border-radius: 1em;*/
	border-radius: 1px;
}

ul.menu,ul.podmenu {
	padding:0;
	margin:0;
}

ul.menu li {
	width: 24.8%;
}
ul.podmenu li {width:25%;height:2em;padding:0}
ul.podmenu li a {padding:0.3ex 0.5ex !important;font-size:1em}
ul.podmenu {
	padding:0.5em;
	position:absolute;	
	background-color: black;
	/*
	background: url("bg.png");
	*/
	background-color:rgba(46, 210, 127, 0.4);
	width:100%;
	left:0;
	display:none
}
ul.menu li:hover .podmenu {display:block}

ul.menu li a {
	padding: 1ex;
}

ul.menu li a:hover {
	color: gold;
}

ul.submenu li a {
	color: white;
	border: 1px solid black;
	margin-bottom: 1em;
}

ul.submenu li a:hover {
	background-color: gold;
}

ul.menu li {letter-spacing:-1.2px}




/* Classic Duncan web styles */

table, th, td {
    border: 1px solid #2ed27f;
}

table {
    border-collapse: collapse;
}

td {
	padding: 1em;
}


.hra_fotky {border-style:none !important}
.hra_fotky * {border:1px solid transparent;padding:0px !important}


.obalfotkythumb {float:left;height:130px}
.obalfotkythumb img {max-height:100%}
a img {border-style:none}
.dir {margin:10px;padding:5px;width:140px; height:164px; text-align:center; float:left;padding-bottom:1em;} 

.dir_nazev {text-align:center}  
a {text-decoration:none;padding:3px;font-weight:bold}
a {color:white;ine-height:1.4em}
a:hover {color:#00aa00;  
.dir a:hover {background-color:transparent;}
a:hover div {margin-bottom:10px}

.t{margin:5px;min-height:400px}
table{border-collapse:collapse}
table td{padding:10px;text-align:center}
table.hex {border-collapse:separate !important}
table.hex tr td {padding:0 !important}



.zpet {float:left;}
.like {margin:0;width:300px;margin-top:20px;float:right}

.program_rozcest a{display:block;height:40px;line-height:40px;text-decoration: none;padding:0em 1em 0em 1em;}
.program_rozcest a:hover {border-width:2px}
.program_rozcest {clear:both;position:relative;margin-bottom:14px;height:40px;text-align:center}
.program_rozcest .mid {font-size:30px}
.program_rozcest .prev {position:absolute;left:0px;top:0px}
.program_rozcest .next {position:absolute;right:0px;top:0px}

img#fotka {max-width:100%}

hr.clear {clear:both;color:transparent;background-color:transparent}