/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin: 0px 0 0 0 !important; 
	padding:0;	
	border-left: 10px solid #FFFFFF;
	height: 45px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 6px 0 0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	border: 10px solid #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	display: block;
	height: 35px;  
	line-height: 35px;
	width: 100px;
	text-align: center;	
	text-decoration: none;
	color: #000000;
	background-color: #959595;
	padding: 0px;
	margin: 0px;	
	position: relative;
	top: 0px;
}
ul.tabs a.first {
	border-left: 0 none;
}
ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-color: #FFFFFF;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-color: #e2e2e2;
	border-bottom: 10px solid #e2e2e2;
	cursor:default !important; 	
}

/* initially all panes are hidden */ 
.panes .pane {
	display:none;		
}
/* tab pane styling */
.panes div.holder {
	display:none;		
	min-height: 440px;
	padding: 25px 15px 24px 15px;
	border: 10px solid #FFFFFF;	
	background-color: #e2e2e2;
}
.panes div.holder h2 {
	margin-top: 0;
}
.panes div.holder .text_aktualita {
	/*margin-left: 195px;*/
}
.panes div.holder h3 {
	margin: 0;
}

/* table */
.panes div.holder table {
	width: 570px;
}

/*rozcestnik v TABU */
.panes div.holder .rozcestnik_obal {
	background: url(../images/rozcestniky/rozcestnik_obal_bg_tab.png) repeat-y left top;
	margin-bottom: 20px;
}
.panes div.holder .rozcestnik_obal.half {
	background: url(../images/rozcestniky/rozcestnik_obal_bg_half_tab.png) repeat-y left top;
}
.panes div.holder .rozcestnik {
	float: left;
	width: 275px;
	margin: 0 20px 0 0;
	padding-bottom: 5px;	
}
.panes div.holder .rozcestnik.last {
	margin-right: 0;
}
.panes div.holder .cleaner_rozcestnik {
	background: url(../images/rozcestniky/delitko_rozcestnik_tab.png) no-repeat left top;
	height: 1px;	
	float: none; 
	clear: both;
}
.panes div.holder .cleaner_rozcestnik.half {
	background: url(../images/rozcestniky/delitko_rozcestnik_half_tab.png) no-repeat left top;
}	
.panes div.holder .rozcestnik h2 {
	font-size: 16px;
	line-height: 20px;
	margin: 5px;
	text-align: center;
}