body {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 auto;
	background: transparent url("img/bg.gif") center top no-repeat;
	background-color:#6C000A;
}

a, a:visited, a:link { color:#6C000A; text-decoration:none; }

a:hover { color: #000078; }

h1 {
	font-size:16px;
	margin:0;
	color:#000078;
	border-bottom: 1px dashed #333333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
	text-transform: uppercase;
}

h2 { font-size:12px; margin:0; color:#333333; border-bottom: 1px dashed #333333; border-top:1px dotted #333333; }

h1 a, h1 a:visited, h1 a:link { text-decoration:none; }

h2 a, h2 a:visited, h2 a:link { text-decoration:none; padding:10px; line-height:25px; }

h2 img { margin-right:5px; border:0; }



div.wrap1 {
	width: 858px;
	margin: 0 auto;
	overflow: hidden;
	border-top: 40px solid #6C000A;
	border-right: 5px solid #6C000A;
	border-bottom: 5px solid #6C000A;
	border-left: 5px solid #6C000A;
}

div.wrap1 .wrap2 {
	width: 856px;
	background-repeat:repeat-y;
	border: 1px solid #FEFEFE;
	margin: 0 auto;
	overflow: hidden;
}

div.wrap2 .logo {
	width:796px;
	height:68px;
	margin:0 auto;
	background-image: url("img/logo.jpg");
	background-repeat:no-repeat;
	color:#FEFEFE;
	font-size:22px;
	font-weight:bold;
	padding:30px;
}

div.logo .slogan {
	font-size:9px;
	font-weight:normal;
	margin-top:3px;
}

div.info, div.info1 {
	width:816px;
	line-height:40px;
	background-color:#FEFEFE;
	padding-left:20px;
	padding-right:20px;
	
	background-repeat:repeat-x;
}

div.info1 {
background-color:#6C000A;
	color:#FEFEFE;
	font-size: x-small;
}

div.info1 a, div.info1 a:link, div.info1 a:visited { color:#999; text-decoration:none;}

div.info1 a:hover { color: #FEFEFE; text-decoration:none;}

div.wrap2 .leftpanel, div.wrap2 .rightpanel {
	width:200px;
	display: inline;
	float:left;
}

div.wrap2 .mainpanel {
	width:456px;
	float:left;
}

div.leftpanel .header, div.rightpanel .header {
	background-image:url(img/header.png);
	background-repeat:no-repeat;
	width:180px;
	line-height:35px;
	padding-left:20px;
	color:#FEFEFE;
	overflow:hidden;
	font-weight:bold;
}

.text { padding:8px; text-align:justify; }

.text img { margin-right:10px; margin-bottom: 10px; border:0;  float:left; }

.text_ { padding:15px; text-align:justify; }

.text_ img { vertical-align:middle; border:0; }

span.divider {
	border-bottom:1px dashed #333333; 
	padding-bottom:5px; 
	margin-bottom:5px; 
	display:block;
}

div.rightpanel .inquiry, div.leftpanel .inquiry {
	padding:8px; 
	text-align:justify;
}

.inquiry a, .inquiry a:link, .inquiry a:visited, .inquiry a:hover { text-decoration:none; }

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 15em;
}

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

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #FEFEFE;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

div#menu .menu {
		height: 27px;
		width: 856px;
		background-image: url('img/menu.png');
		background-repeat: repeat-x;
	}
	
	*> div#menu .menu { margin-top: -11px; }
	
	div#menu .menu ul {
		padding: 0;
		list-style: none;
		line-height: normal;
		margin-left: -7px;
	}
	
	*> div#menu .menu ul { margin-left:0; }
	
	div#menu .menu li {
		display: inline;
		
	}
	
	div#menu li span.left {
		background-image:url(img/menu-left.gif);
		background-repeat:no-repeat;
		width: 5px;
		height: 35px;
		overflow: visible;
		position: relative;
		bottom:8px;
		vertical-align: bottom;
		visibility:visible;
		display:block;
		padding-top: 0px;
		margin-bottom: -32px;
		float:left;
	}
	
	div#menu li span.hlavny {
		background-image:url(img/menu-central.gif);
		background-repeat:repeat-x;
		height: 35px;
		overflow: visible;
		position: relative;
		bottom:8px;
		vertical-align: bottom;
		visibility:visible;
		display:block;
		float: left;
		padding-top: 0px;
		margin-bottom: -32px;
		text-align: center;
		text-decoration: none;
		padding-left:20px;
		padding-right:20px;
	}
	
	
	div#menu li span.hlavny a, div#menu li span.hlavny a:visited, div#menu li span.hlavny a:link { color:#000000; }
	
	div#menu li span.hlavny_ {
		height: 35px;
		overflow: visible;
		position: relative;
		bottom:8px;
		vertical-align: bottom;
		visibility:visible;
		display:block;
		float: left;
		padding-top: 0px;
		margin-bottom: -32px;
		text-align: center;
		text-decoration: none;
		padding-left:20px;
		padding-right:20px;
	}
	
	div#menu li span.right {
		background-image:url(img/menu-right.gif);
		background-repeat:no-repeat;
		width: 6px;
		height:35px;
		overflow: visible;
		position: relative;
		bottom:8px;
		vertical-align: bottom;
		visibility:visible;
		display:block;
		padding-top: 0px;
		margin-bottom: -32px;
		float: left;
	}
	
	div#menu .menu a, div#menu .menu a:visited, div#menu .menu a:active {
		color:#FEFEFE;
		display:block;
		float: left;
		padding: 16px 0 0 0;
		margin:0;
		text-align: center;
		text-decoration: none;
	}

	div#menu .menu img {
		display:block;
		float: left;
		margin: 0px;
		margin-bottom: -16px;
		padding: 2px 0 0 0;
		text-align: center;
		text-decoration: none;
	}
	
	div#menu .menu a:hover { color:#FEFEFE; text-decoration:underline; }

/* categories */

ul#categories {
	width:200px;
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 11px;
}

ul#categories li {
	display: block;
	padding: 0px;
	line-height: 30px;
	border-bottom: 1px #e4d0c7 solid;
	border-top: 1px solid #f9faf7;
	height: 30px;
	margin-top: -2px; 
	margin-bottom: -2px;
}

*> ul#categories li { margin-top: 0px; margin-bottom: 0px; }

ul#categories li.selected {
	text-decoration: none; 
	background-color:#e4d0c7;
}

ul#categories li a {
	display: block;
	overflow: hidden;
	padding: 0px 0px 0px 40px;
	line-height: 30px;
	text-decoration: none;
	font-size: 11px;
	color: 000;
	background: url(img/arrow.gif) 26px 12px no-repeat;
}
ul#categories li a:hover { 
	text-decoration: underline; 
	background-color:#e4d0c7;
}

.clear{
		clear:both;
	}
	

	#rightMenu{
	width:230px;
	padding-left:10px;
	padding-right:10px;
	float:right;
	background-color: #FEFEFE;
	border: thin dotted #CCCCCC;
	}
	
	/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{		
		width:180px;	
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		width:180px;	
		padding-left:2px;	

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:0px solid #000;
		font-weight:bold;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		color:blue;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}