@media screen
{
	body
	{
		font-family: Arial, Verdana, Tahoma, sans-serif;
		text-align: center;
		vertical-align: top;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		background-color: #0012EC;
		/*behavior: url(http://www.conmetron.cz/css/csshover.htc);*/
	}

div#nav
{
	float: left;
	margin: 1px 0 0 0;
	background-color: #ff0000;
	border-bottom: 0px solid #fff;
	width: 860px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	z-index: 199;
	line-height: 1.5em;
	position: relative;
	display: block;
	clear: both;
	Text-Transform: uppercase;
}

div#nav ul
{
	margin: 0;
	padding: 0;
	background-color: #ff0000;
	border: 0px solid #ccc;
/*	border-width: 0 1px; */
}

div#nav li
{
	position: relative;
	list-style: none;
	margin: 0;
  float: left;
  width: auto;
  line-height: 1.5em;
}

div#nav li:hover
{
	background: #fff;
	color: #000;
}

div#nav li.submenu
{
/*	background: url(dropmenu.gif) 95% 50% no-repeat; */
}

div#nav li.submenu:hover
{
	background-color: #fff;
}

div#nav li.submenu:hover a
{
	color: #000;
}
div#nav li a
{
	display: block; padding: 0.25em 1em 0.25em 1em;
  text-decoration: none; width: auto;
  color: #FFF;
  font-weight:bold;
}

div#nav li a:hover
{
  color: #000;	
}

div#nav>ul a {width: auto;}

div#nav ul ul {position: absolute; width: 16em;
  display: none; background-color: #f0b97b;border: 1px solid #eb9f4b;	z-index: 200;
}
div#nav ul ul li {background-color: #f0b97b;border-bottom: 1px solid #eb9f4b; width: 100%; font-size: 11px; line-height: 1em;	z-index: 200;}
div#nav ul ul li:hover {background-color: #fff;	z-index: 200;}
div#nav ul ul li a {color: #000;	z-index: 200;}
/*div#nav li.submenu li.submenu {background: url(http://www.conmetron.cz/css/submenu.gif) 95% 50% no-repeat;	z-index: 200;}*/
div#nav li.submenu li.submenu:hover {background-color: #fff;	z-index: 200;}
div#nav li.submenu li.submenu:hover {background-color: #fff;	z-index: 200;}
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 2.0em; left: -1px;}
div#nav ul.level3 {top: -1px; left: 7em;
  border-top: 1px solid #CCC;}

	#main
	{
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		width: 860px;
		background-color: #FFFFFF;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-left: 2px #ffffff solid;
		border-right: 2px #ffffff solid;
		border-bottom: 1px #ffffff solid;
		display: table;
		clear: both;
	}

	div#nav #zpet
	{
		position: absolute;
		z-index: 100;
		top: 2px;
		left: 800px;
	}
	
	#zpet a
	{
		color: #FFFFFF;
		font-size: Arial, Verdana, sans-serif;
		font-size: 12px;
		font-weight: bold;
	}

	#flags
	{
		text-align: right;
		width: 840px;
		_width: 860px;
		height: 86px;
		_height: 91px;
		background-color: #F5E99E;
		padding-left: 0px;
		padding-right: 20px;
		padding-top: 5px;
		padding-bottom: 0px;
		border-left: 0px #ffffff solid;
		border-right: 0px #ffffff solid;
		background-repeat: no-repeat;
		background-position: top left;		
		background-image: url(../img/flags.gif);
		clear: both;
		display: block;
	}

	#flags img
	{
		border: 0 0 0 0;
	}
	
	#motto
	{
		text-align: left;
		width: 860px;
		height: 156px;
		background-color: #F5E99E;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-left: 0px #ffffff solid;
		border-right: 0px #ffffff solid;
		background-repeat: no-repeat;
		background-position: top left;		
		background-image: url(../img/motto.jpg);
		clear: both;
		display: block;
	}

	#slideshow
	{
		text-align: left;
		width: 759px;
		height: 160px;
		background-color: #F5E99E;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-left: 0px #ffffff solid;
		border-right: 0px #ffffff solid;
		background-repeat: no-repeat;
		background-position: top left;		
		background-image: url(../img/slideshow.jpg);
		clear: both;
		display: block;
	}

	#menu
	{
		text-align: left;
		width: 759px;
		height: 40px;
		background-color: #F5E99E;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		border-left: 0px #ffffff solid;
		border-right: 0px #ffffff solid;
		clear: both;
		display: block;
	}
	
	#menu img
	{
		border: 0 0 0 0;
	}
/*
	#leftcol
	{
		display:block;
		width: 280px;
		height: 100%;
		float:left;
		margin-right: 0px;
		border-right: 0px #ffffff solid;
		border-bottom: 0px #f0f0f0 solid;
		background-color: #FEE82D;
	}

	#leftcol h1
	{
		line-height: 1em;
		margin: 1em 1em 0em 1em;
		padding-bottom: 0em;
		color: #333333;
		font-size:12px;
		text-align: left;
		font-weight: bold;
	}

	#leftcol h2
	{
		line-height: 1em;
		margin: 1em 1em 0em 1em;
		padding-bottom: 0em;
		color: #000000;
		font-size:12px;
		text-align: right;
		font-weight: normal;
	}

	#leftcol p
	{
		line-height: 1.2em;
		margin: 1em 1em 0em 1em;
		padding-bottom: 0.5em;
		color: #333333;
		font-size:11px;
		text-align: left;
		border-bottom: Opx #e57301 solid;
		font-family: Arial, Verdana, sans-serif;
	}

	#leftcol p.right
	{
		line-height: 1.5em;
		margin: 0em 1em 1em 1em;
		padding-bottom: 0.5em;
		color: #72630C;
		font-size:12px;
		text-align: right;
		border-bottom: Opx #e57301 solid;
	}

	#leftcol a.podrobnosti
	{
		color: #72630C;
		font-size:12px;
		text-align: right;
		text-decoration: none;
		font-weight: bold;
	}

	#leftcol a.podrobnosti:hover
	{
		text-decoration: underline;
	}
*/
	#rightcol
	{
		display:block;
		clear:right;
		position: relative;
/*		width: 527px; */
		width: 840px;
		margin-left: 0px;
		float:right;
		font-size: 12px;
	}
	
	#rightcol a {
		text-decoration: underline;
		color: #0012EC;
	}

		#rightcol a:hover {
		text-decoration: none;
		color: #0012EC;
	}
	
	#rightcol h1
	{
		line-height: 1em;
		margin: 1em 0.5em 0em 0em;
		padding-bottom: 0.5em;
		color: #A70001;
		font-size:14px;
		text-align: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	#rightcol h2
	{
		line-height: 1.5em;
		margin: 0em 2em 0em 1em;
		padding-bottom: 0em;
		color: #000000;
		font-size:13px;
		text-align: left;
		font-weight: bold;
	}

	#rightcol h3
	{
		line-height: 1.5em;
		margin: 0em 2em 0em 1em;
		padding-bottom: 0em;
		color: #72630C;
		font-size:13px;
		text-align: left;
		font-weight: bold;
		font-style: italic;
	}

	#rightcol h2.right
	{
		line-height: 1em;
		margin: 0em 2em 0em 1em;
		padding-bottom: 0em;
		color: #000000;
		font-size:12px;
		text-align: right;
		font-weight: normal;
	}
	
	#rightcol h2 a
	{
		color: #72630C;
		text-decoration: none;
	}

	#rightcol h2 a:hover
	{
		color: #72630C;
		text-decoration: underline;
	}

	#rightcol p,ul,ol
	{
		line-height: 1.5em;
		margin: 1em 2em 1em 1em;
		padding-bottom: 0.5em;
		color: #333333;
		font-size:12px;
		text-align: justify;
		border-bottom: 0px #e57301 solid;
	}

	#rightcol li
	{
		line-height: 1.5em;
		margin: 0em 2em 0em 2em;
		padding-bottom: 0em;
		color: #72630C;
		font-size:12px;
		text-align: justify;
		border-bottom: 0px #e57301 solid;
	}

	#rightcol li a
	{
		color: #72630C;
		text-decoration: none;
	}

	#rightcol li a:hover
	{
		color: #72630C;
		text-decoration: underline;
	}

	#rightcol img
	{
		border: 1px solid #A70000;
	}

	#rightcol table
	{
		width: 488px;
		margin: 0em 2em 1em 1em;
		padding: 0 0 0 0;
		border: 1px #A70000 solid;
	}
	
	#rightcol td
	{
		margin: 0 0 0 0;
		padding: 2px 2px 2px 2px;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		color: #72630C;
		background-color: #F3E48A;
	}

	#rightcol td.header
	{
		margin: 0 0 0 0;
		padding: 2px 2px 2px 2px;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		font-weight: bold;
		background-color: #E6C616;
		color: #A70000;
	}

	#rightcol td.footer
	{
		margin: 0 0 0 0;
		padding: 2px 2px 2px 2px;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		font-weight: bold;
		background-color: #E6C616;
		color: #A70000;
	}
	
	#rightcol #nostyle table {
		width: 488px;
		margin: 0em 2em 1em 1em;
		padding: 0 0 0 0;
		border: 0;
	}
	
	#rightcol #nostyle td {
		margin: 0 0 0 0;
		padding: 2px 2px 2px 2px;
		font-family: Arial, Verdana, sans-serif;
		font-size: 12px;
		vertical-align: top;
		color: #000000;
		background-color: #FFFFFF;
	}

	#textmenu
	{
		text-align: center;
		vertical-align: middle;
		width: 759px;
		height: 40px;
		background-color: #E6C616;
		border-left: 0px #ffffff solid;
		border-right: 0px #ffffff solid;
		color: #ffffff;
		font-size:12px;
		padding-top: 1em;
		background-repeat: repeat-x;
		background-position: top left;		
		background-image: url(../img/bkgmenu.gif);
	}
	
	#textmenu a
	{
		margin: 1em 1em 0em 1em;
		color: #A70001;
		font-size:12px;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		font-weight: bold;
	}
	
	#textmenu a:hover
	{
		text-decoration: underline;
	}

	#copyright
	{
		text-align: center;
		vertical-align: middle;
		width: 860px;
		height: 81px;
		color: #FFFFFF;
		font-size:12px;
		padding-top: 2em;
		background-repeat: no-repeat;
		background-position: top left;		
		background-image: url(../img/copy.gif);
		float: left;
	}


	#copyright a
	{
		color: #FFCC00;
		font-size:12px;
		text-align: right;
		text-decoration: none;
	}

	#copyright a:hover
	{
		text-decoration: underline;
	}

	#rightcol div.program
	{
		width: 42%;
		float: left;
		padding: 0em 0em 0em 0em;
		margin: 0em 1em 5px 1em;
		border-top: 5px #a70000 solid;
		background-color: #E6C616;
	}
	
	#rightcol div.program img
	{
		float: left;
		border-top: 0px #A70000 solid;
		border-right: 1px #A70000 solid;
		border-bottom: 1px #A70000 solid;
		border-left: 1px #A70000 solid;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	#rightcol div.program a
	{
		color: #a70000;
		text-decoration: none;
		font-weight: bold;
		
	}

	#rightcol div.program a:hover
	{
		color: #a70000;
		text-decoration: underline;		
	}

}