/* ================================================== */
/* jansochor.com, 10/2008
/* styled by J.Sochor; http://www.jansochor.com
/* ================================================== */

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

#horzScrollBox {position: fixed; top: 12px; left: 12px; width:300px; height: 30px; background-color: #000000; z-index: 999;}
/* IE.5-6 */ * html #horzScrollBox {display: none;}

#horzScroll {width: 30px; height: 30px; padding: 0; margin: 0; list-style: none;}
#horzScroll table {position:absolute; top:0; left:0; border-collapse:collapse; z-index:100;}

#horzScroll ul {padding: 0; margin: 0; list-style: none;}
#horzScroll li {width: 30px; height: 30px; display: block; float:left;}
#horzScroll li a {width: 30px; height: 30px; text-indent: -999px; text-decoration: none; background: #e90111 url(../imgs/hs-run.gif) center no-repeat; display: block;}
#horzScroll li a:hover {background: #c70202 url(imgs/hs-run-hover.gif) center no-repeat; text-decoration: none;}

#horzScroll li ul {position:absolute; top:0; left:30px; width:300px; height:30px; visibility: hidden;}
#horzScroll li ul li {width:30px; height:30px; margin: 0 0 0 12px; background: #000000; display: inline;}
#horzScroll li ul li a {width: 30px; height: 30px; text-indent: 0; display: block;}

#horzScroll li ul #scrollLeft a {background: url(../imgs/left.gif) center no-repeat;}
#horzScroll li ul #scrollLeft a:hover {background: url(../imgs/left-hover.gif) center no-repeat;}

#horzScroll li ul #scrollRight a {background: url(../imgs/right.gif) center no-repeat;}
#horzScroll li ul #scrollRight a:hover {background: url(../imgs/right-hover.gif) center no-repeat;}

#horzScroll li ul #AutoScrollLeft a {background: url(../imgs/pagestart.gif) center no-repeat;}
#horzScroll li ul #AutoScrollLeft a:hover {background: url(../imgs/pagestart-hover.gif) center no-repeat;}

#horzScroll li ul #AutoScrollRight a {background: url(../imgs/pageend.gif) center no-repeat;}
#horzScroll li ul #AutoScrollRight a:hover {background: url(../imgs/pageend-hover.gif) center no-repeat;}

#horzScroll li ul #PauseScroll a {background: url(../imgs/pause.gif) center no-repeat;}
#horzScroll li ul #PauseScroll a:hover {background: url(../imgs/pause-hover.gif) center no-repeat;}

#horzScroll li b {position:absolute; top: 0; left: 30px; width: 270px; height: 30px; background: #000000; visibility: hidden; display: block;}

#horzScroll li:hover {position:relative;}
#horzScroll li:hover ul li a:hover {background: #000000; color:#000;}
#horzScroll li:hover b, #horzScroll li a:hover b {visibility:visible;}
#horzScroll li:hover ul, #horzScroll li a:hover ul {visibility:visible;}

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