.activ_tab{ color:#FFF; }
.noactiv_tab{ color:#000; }
.promocje_menu_item{  height:12px; width:5px;   }

ul.tabs {
	margin: 0;
	padding: 0;
	 z-index:999;
	list-style: none;
	height: 48px; /*--Set height of tabs--*/
	 
	 
	width: 100%;
}
ul.tabs li {
	
 
	padding: 0;
	height: 10px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 10px; /*--Vertically aligns the text within the tab--*/
	 
 border: 1px solid #7E6C3E; margin:1px;
 
	 /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
   background-color:#000; float:left;
}


ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block; 
	font-size: 1.2em;
	padding: 0 2px;
	  /*--Gives the bevel look with a 1px white border inside the list item--*/

	 
 
	
}
ul.tabs li a:hover {
  color:#FFF;
  background-color:#FFF;
	
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
 color:#FFF;
  background-color:#4C0E03;

	  /*--Makes the active tab look like it's connected with its content--*/
}