/* -------------------------------------------------- */
/* horizontal scroller, ovladac  
/* -------------------------------------------------- */

#horzScrollBox {
	width:300px;
	height: 30px;
	position: fixed;
	top: 12px;
	left: 12px;
	background-color: #000000;
	z-index: 999;
	/* IE 5.0 fix, spatne funguje, vypnuto :( */
	_display: none; 
	_position: absolute; 
	_top: expression( ( 12 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	_left: expression( ( 12 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	/* IE fix */
}	
#horzScroll {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 30px;
	height: 30px;
}
#horzScroll ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#horzScroll li {
	display: block;
	width: 30px;
	height: 30px;
}
#horzScroll li a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -999px;
	text-decoration: none;
	background: #c70202 url(hs-run.gif) center no-repeat;
}
#horzScroll li a:hover {
	text-decoration: none;
	background: #c70202 url(hs-run-hover.gif) center no-repeat;
}
#horzScroll table {
	position:absolute;
	border-collapse:collapse;
	top:0;
	left:0;
	z-index:100;
}
#horzScroll li {
	float:left;
}
#horzScroll li ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:30px;
	width:300px;
	height:30px;
}
#horzScroll li ul li {
	display:block;
	display:inline;
	background: #8c8c84;
	width:30px;
	height:30px;
	margin-right: 0;
	margin-left: 12px;
}
#horzScroll li ul li a {
	text-indent:0;
	display:block;
	width:30px;
	height:30px;
}
#horzScroll li ul #scrollLeft a {
	background: url(left.gif) center no-repeat;
}
#horzScroll li ul #scrollLeft a:hover {
	background: url(left-hover.gif) center no-repeat;
}
#horzScroll li ul #scrollRight a {
	background: url(right.gif) center no-repeat;
}
#horzScroll li ul #scrollRight a:hover {
	background: url(right-hover.gif) center no-repeat;
}
#horzScroll li ul #AutoScrollLeft a {
	background: url(pagestart.gif) center no-repeat;
}
#horzScroll li ul #AutoScrollLeft a:hover {
	background: url(pagestart-hover.gif) center no-repeat;
}
#horzScroll li ul #AutoScrollRight a {
	background: url(pageend.gif) center no-repeat;
}
#horzScroll li ul #AutoScrollRight a:hover {
	background: url(pageend-hover.gif) center no-repeat;
}
#horzScroll li b {
	visibility:hidden;
	display:block;
	width:270px;
	height:30px;
	position:absolute;
	top:0;
	left:30px;
	background: #ffffff;
}
* html #horzScroll li a:hover {
	position:relative;
	white-space:normal;
}
* html #horzScroll li a:hover ul li a:hover {
	color:#000;
	background: #ffffff;
}
#horzScroll li:hover {
	position:relative;
}
#horzScroll li:hover ul li a:hover {
	background: #8c8c84;
	color:#000;
}
#horzScroll li:hover b, #horzScroll li a:hover b {
	visibility:visible;
}
#horzScroll li:hover ul, #horzScroll li a:hover ul {
	visibility:visible;
}

/* pomocnej objekt pro urceni konce horizontaly */
#endPage {
	float: left;
}