body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#FFFFFF;
	margin: 0; 
	padding: 0;
	color: #9A9B9C;
}
h1 {
background:url(images/nadpis.gif) left no-repeat;
color:#BED600;
font-size:14px;
padding:2px 2px 2px 30px; 
margin: 0px;
}
h2 {
background:url(images/nadpis.gif) left no-repeat;
color:#BED600;
font-size:14px;
padding:2px 2px 2px 30px; 
margin: 0px;
}
h5 {
color:#BED600;
font-size:14px;
padding:2px 2px 2px 30px; 
margin: 0px;
}
ul {
margin:0px;
padding:10px 0px 0px 20px
}
li {
list-style-image:url(images/list.gif);
}
 a{
color:#9A9B9C;
text-decoration:none
}
 a:hover{
color:#BED600;
text-decoration:none
}
 #container {
	width: 995px;
	height:600px;
	background-image:url(images/HBA_home.jpg);	
	border-bottom: 1px solid #BED600;
	border-top: 1px solid #BED600;
	position: absolute;
 	top: 50%;
 	left: 50%;
	margin: -300px 0 0 -497px;

}
#header{
	padding: 31px 0px 20px 0px;
	text-align:center;
}

#header img{
border:0px;
padding-left:0px
}

#acra{
float:right;
width:100px;
padding:15px 14px 0px 0px;
text-align:right;
font-size:9px;
color:#FFFFFF
}
#language {
height:40px;
padding: 0px 165px 0px 165px;
}
#languagemenu {
float: right;
background: url(images/lang.gif) bottom no-repeat;
padding-bottom:5px
}
#mainContent {
padding: 14px 165px 0px 165px;
height:353px;
background:url(images/bottomline.gif) bottom no-repeat
}
#storyleft {
float: left;
width:295px;
height:351px;
border-right:solid  2px #BED600;
padding-right:36px
}
#storyleftnext {
	width:20px;
	height:20px;
	position:absolute;
	left:439px;
	top: 489px
}
#storyleftnext a {
 	background-image: url(images/next_on.gif);
 	display:block;
  	height:20px;
}
#storyleftnext a:hover { 
	background-image: url(images/next_off.gif);
	display:block;
	height:20px;
}
#storyleftback {
	width:20px;
	height:20px;
	position:absolute;
	left:439px;
	top: 489px
}
#storyleftback a {
 	background-image: url(images/back_on.gif);
 	display:block;
  	height:20px;
}
#storyleftback a:hover { 
	background-image: url(images/back_off.gif);
	display:block;
	height:20px;
}
#storyleftback2 {
	width:20px;
	height:20px;
	position:absolute;
	left:410px;
	top: 489px
}
#storyleftback2 a {
 	background-image: url(images/back_on.gif);
 	display:block;
  	height:20px;
}
#storyleftback2 a:hover { 
	background-image: url(images/back_off.gif);
	display:block;
	height:20px;
}
#mainContent  p{
margin-bottom:0px;
margin-top:10px
}
#storyright {
float: left;
width:296px;
height:351px;
padding-left:36px;
text-align:justify
}
#storyright img{
border:0px;
padding-left:0px}
#menu{
	padding: 38px 165px 0px 165px;
	text-align:center;
	font-size:14px;
	color:#BED600;
}
#ukazka1{
float:left;
width:156px;
height:18px
}
#ukazka2{
float:left;
width:330px;
height:16px;
padding-top:2px;
padding-left:20px;
border-left: 2px solid #BED700
}
#ukazka3{
float:right;
width:140px;
height:20px;
}
#ukazka3 img{
border:0px
}
#last{
float:right;
padding-left:4px;
width:20px;
height:20px
}
#last a {
 	background-image: url(images/last_on.gif);
 	display:block;
  	height:20px;
}
#last a:hover { 
	background-image: url(images/last_off.gif);
	display:block;
	height:20px;
 }
 #next{
float:right;
padding-left:4px;
width:20px;
height:20px
}
#next a {
 	background-image: url(images/next_on.gif);
 	display:block;
  	height:20px;
}
#next a:hover { 
	background-image: url(images/next_off.gif);
	display:block;
	height:20px;
 }
  #back{
float:right;
padding-left:4px;
width:20px;
height:20px
}
#back a {
 	background-image: url(images/back_on.gif);
 	display:block;
  	height:20px;
}
#back a:hover { 
	background-image: url(images/back_off.gif);
	display:block;
	height:20px;
 }
  #cislo{
float:right;
padding:3px 0px 0px 4px;
width:34px;
height:17px;
text-align: center
}
 #first{
float:right;
padding-left:4px;
width:20px;
height:20px
}
#first a {
 	background-image: url(images/first_on.gif);
 	display:block;
  	height:20px;
}
#first a:hover { 
	background-image: url(images/first_off.gif);
	display:block;
	height:20px;
 }

#mainukazka{
height:310px;
padding:10px 0px 10px 0px;
clear:both

}
#mainukazka img{
border:0px
}
#menu1{
float:left;
width:156px;
text-align:center;
border-right:solid  2px #BED600;
}
#menu2{
float:left;
width:172px;
text-align:center;
border-right:solid  2px #BED600;
}
#menu3{
float:left;
width:172px;
text-align:center;
border-right:solid  2px #BED600;
}
#menu4{
float:left;
width:156px;
text-align:center;
}
.green{
color:#BED600;
}
.logoacra{
margin-top:8px;
margin-left:225px
}