/* CSS Document */
body {
	background: #EDEDED;
	margin: 0px 0px 10px 0px;
	font-size:75%;
	font-family: arial;
	}

div#container {
	text-align:center;
	margin: 0 auto 0;
	width: 850px;
	border: 2px solid #C6C6C6;
	background: url('images/c-back.gif') 0 0 repeat-y;
  background-color:#FFFFFF;
}
	
div#main {
  width:850px;
  height: 317px;
  background: #fff;
}
	
	
div#left-col  {
  width: 275px;
  height: 317px;
  border-top: 0px;
  border-left: 0px;
  border-right: 2px solid #C6C6C6;
  border-bottom: 2px solid #C6C6C6;
  float: left;
}

div#top-menu {
  width: 275px;
  height: 28px;
}

div#top-menu  li{
  margin: 0px;
  text-decoration: none;
  list-style-type: none;
  float: left;
}


div#top-menu ul{
  padding: 0px;  
  margin: 0px;
}
div#top-menu a{
  width: 91px;
  height: 23px;
  display: block;
  border-right: 1px solid #AAA9A9;
  background: url('images/t-m-back.gif') 0 0 repeat-x;
  color: #AAA9A9;
  text-decoration: none;
  padding-top: 5px;
  margin: 0px;
  border-bottom: 2px solid #C6C6C6;
}

div#top-menu a.current{
  width: 91px;
  height: 23px;
  display: block;
  border-right: 1px solid #AAA9A9;
  background: url('images/t-m-back.gif') 0 0 repeat-x;
  color: #AAA9A9;
  text-decoration: none;
  padding-top: 5px;
  margin: 0px;
  border-bottom: 2px solid #AF3636;
}

div#top-menu  li.contact a{
  float:left;
  border-right: 0px solid #AAA9A9;
}

div#top-menu a:hover{
  border-bottom: 2px solid #AF3636;
}

/*div#top-menu a:hover{
  background: url('images/t-m-back-hover.gif') 0 0 repeat-x;
  color: #080057;
}*/
div#logo{
  border-bottom: 2px solid #C6C6C6;
  background: #0467A8;
  height: 126px;
 }
div#logo img{
	border:none;
  margin:0px;
  padding:0px;
}
div#left-motive img{
  margin:0px;
  padding:0px;
  display: block;  
}
div#right-col{
  float: left;
  width: 573px;
  background: #fff;
}
div#right-col h1{
  padding-bottom: 0px;
  width: 533px;
  height: 45px;  
  background: url('images/h-back.gif') 0 0;
  color: #066DAE;
  font-size: 17px;
  font-weight: regular;
  padding-top: 24px;
  padding-left: 20px;
  padding-right:20px;
  text-align:center;
  margin: 0px;
  }
div#right-motive{
  width: 573px;
  border-bottom: 2px solid #C6C6C6;
}

div#right-motive img{
 display: block;
}

div#right-menu {
  border-left: 12px solid #C6C6C6;
  border-right: 2px solid #C6C6C6;
  width: 263px;
  float: left;
}

div#text {
  background-color:#FFFFFF;
  width:513px;
  overflow:visible;
  float: left;
  text-align:left;
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 30px 10px 30px;
	font-size: 100%;
  
} 

div#text p{
	color: #444;
} 

#col-left{
  width:200px;
  background:#fff;
  float:left;
  padding:30px 0 20px 30px;
  position:relative;
  z-index:2;
  }

/* ********* MAIN MENU ********** */
#col-left ul{ 
  text-align: left;
  list-style:none;
  padding:0px;
  margin:0px 0px 0 0;
  width:200px;
  float:left;
  _margin-left: -5px;
  }
  
#col-left ul li{
  display:block;
  position:relative;
  z-index:100;
  border-right:1px solid #BBBABA;
  border-bottom:1px solid #BBBABA;
}

#col-left ul li ul {
  width: 200px;
  border-top: 1px solid #BBBABA;
}

#col-left ul li:hover, #col-left ul li.hover { 
  border-left-color: #BBBABA;
  }
#col-left ul a{ 
  display:block;
  overflow:hidden;
  color: #929292;
  padding:7px;
  text-decoration:none;
  zoom:1;}


#col-left ul li a.selected{ 
  display:block;
  overflow:hidden;
  color: #AF3636;
  padding:7px;
  text-decoration:none;
  zoom:1;
}

#col-left ul li a:hover{ 
  color: #AF3636;
}

#col-left ul li li a.selected{ 
  color: #AF3636;
}
  
#col-left ul a:hover{ 
  color: #080057;
  }

/* ********* MAIN MENU -- SUB MENU *********** */

#col-left ul li .submenu{
  display:none;
  position:absolute;
  left:199px; _left:199px;
  bottom: -1px; _bottom: 224px;
  border-left: 1px solid #C6C6C6;
/*  top:-20px;
  _top:-1px;*/
  }
#col-left ul li:hover .submenu, #col-left ul li.hover .submenu{
  display:block;
  background:#fff;
  }
#col-left ul li:hover .submenu ul, #col-left ul li.hover .submenu ul{
  display:block;
  float:none;
  margin:0px;
  }
#col-left ul li:hover .submenu ul li, #col-left ul li.hover .submenu ul li{
  background:#fff;
  display:block;
  position:relative;
  z-index:100;}





.text-img {
  margin: 10px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #8A8A8A;
  float: right;
}


h1 {
	color: #AF3636;
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	margin: 10px 0px 10px 0px;
	text-align: left;
	border-bottom: 1px solid #AAA9A9;
}
h2 {
	color: #AF3636;
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0px 10px 0px;
}
h3 {
	color: #AF3636;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0px 10px 0px;
}
h4 {
	color: #AF3636;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin: 10px 0px 10px 0px;
}



p {
	color: #8A8A8A;
	font-family: arial;
	font-size: 100%;
	text-align:justify;
	/*text-indent:20px;*/
}

a {
	color: #AF3636;
}

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

.bold {
	font-weight: bold;
	color: #080057;
}

td {
	font-family: arial;
	font-size: 12px;
	text-align:left;
}

.c-b {
	clear: both;
	height:0px;
	font-size:1px;
	line-height:1px;
	display:block;
	width:100%;
	margin-top:-1px;
}

.odkazy{
margin: 0 auto 0;
padding-top: 20px;
	width: 850px;
	color:#BBB;
	text-align:right;
	
}

.odkazy a{
	color: #BBB;
}