/* CSS Document */
#bene {width:240px; height:320px; position:relative; padding:20px 0 0 20px; background:transparent; margin:0;
  border: none;}
#bene i#thumbs {display:inline-block; width:50px; height:300px; overflow:hidden; float:left; margin: 0; padding: 0px;
  border: none;}
#bene i#thumbs a {float:left; color: #15397f; margin:0 10px 10px 0; background:transparent;
   width:40px; height:40px; border: none;}
#bene i#thumbs a em {float: left; width:40px; height:40px; border: none; background-position: top left;}
#bene i#thumbs a:hover em {background-position: top right;}
#bene i#thumbs a em u {position:absolute; left:70px; width:140px; height:auto; display: none;
  text-decoration: none;z-index:50;}
#bene i#thumbs a em p {text-decoration: none; width:130px;margin: 10px 0 0 0;padding:0 6px 0 4px; text-align: center;
 font-style: normal; background: url(../bg_imgs/kartacky_ikonky_textove_pozadi_140x2_stred.png) repeat-y;}
#bene i#thumbs a em p b {color: #ec1c24;}
#bene i#thumbs a:hover em u {display: block;}


#fity {width:240px; height:320px; border: none; padding:20px 0 0 20px;}
#fity ul {list-style:none; padding:0; margin:0; width:50px; position:relative; float:left;}
/* #fity ul li {display:inline; width:42px; height:42px; float:left; margin:0 0 5px 5px; overflow: hidden;} */
#fity ul li {display:inline; width:42px; height:42px; float:left; margin:0 0 5px 5px; overflow: hidden;}
#fity ul li a {position:relative; display:block; width:40px; height:40px; text-decoration:none;
  color:#15397f; background-position: top left; border: none;}
#fity ul li a:hover {white-space:normal; background-position: top right; border:none;}
#fity ul li a em {position:absolute; left:46px; top:0; width:130px; height:auto; visibility:hidden}
#fity ul li a:hover em {visibility: visible;}
#fity ul li a em p {text-decoration: none; width:130px;margin: 0px 0 0 0;padding:0 6px 0 4px; text-align: center;
 font-style: normal; background: url(../bg_imgs/kartacky_ikonky_textove_pozadi_140x2_stred.png) repeat-y;}
#fity ul li a em p b {color: #ec1c24;}

.scroll-pane {float: left; width: 324px; height: 100px; background:transparent; color: #15397f; overflow: auto; z-index:1}
.scroll-panx {float: left; width: 220px; height: 230px; background:transparent; color: #15397f; overflow: auto;}
/*#bene i#thumbs a:active em , #bene i#thumbs a:focus em u,#bene i#thumbs a:hover em u {display: block;} */

.scroll-panx a,.scroll-panx a:visited, .scroll-panx a:hover {color: #ec1c24;}
.scroll-pane a,.scroll-pane a:visited, .scroll-pane a:hover {color: #ec1c24;}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #eee;
}
.jScrollPaneDrag {
	position: absolute;
	background: #15397F;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}