@font-face {
      font-family: "Nomenica";
      src: url('Nomenica-1_0.ttf') format("truetype");
   }


body {
	margin: 0;
	background: #334d00;
	color: white;
	font-size: 125%;
	
}

.botleft, .botright {
	position: absolute;
	bottom: 0;
pointer-events: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
background: none !important;
position:fixed;
}

.botleft {
	left: 0;
}

.botright {
	right: 0;
}

.bordertop {
	top: 4em;
}

div.menu {
	height: 4em;
	background: #28140b;
}

div.page {
	margin: 4em;
	background-color: rgba(0,0,0,0.5);
}

div.content {
	margin: 1em;
	padding:1em;
	
}

.menu ul {
	list-style: none;
	width: 100%;
}

.menu ul li {
	display: inline-block;
	width: 24%;
	height: 4em;
	vertical-align: middle;
	line-height: 4em;
	text-align: center;
}

ul.menu > li:hover, ul.podmenu >li:hover {
	cursor: pointer;
	animation-name: menu;
    animation-duration: 0.5s;
	animation-direction: forward;
	animation-iteration-count: 1;
	color: gold;
	text-shadow: 0px 0px 50px red;
}



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;;
	*/
}


/** MENU */
/*
ul.menu {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	list-style-type: none;
	background-color:#310000;
	color:white;
}

ul.podmenu {
	position:fixed;
	bottom:2em;
	background-color:#310000;
	color:white;
}


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: 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.menu li a {
	padding: 1ex;
}


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


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


ul.podmenu {
	padding:0.5em;
	position:absolute;	
	background-color:#310000;
	left:0;
	top:4em;
	display:none

}

ul.menu li:hover .podmenu {display:block}



/* 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 {
  background-color:#ffc0c0;
  color:#310000;
}

a:hover {
font-family:'Nomenica'
}

.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}