.headBanners{
	position:absolute; 
	width:100%; 
	height:380px; 
	text-align:left; 
	top:102px;
	z-index:1;
 
	
}  


.top_promo{ position:relative; height:280px; width:100%;   }
.tab_container_p{ width:height:280px; width:100%; position:absolute;   z-index:1;  }
.promocje_menu_p{ width:80px;  position:relative; width:960px; margin:0 auto;  right:0px;    text-align:right; bottom:-25px; z-index:99;   }
.promocje_text_p{ position:absolute; height:320px; width:100%;  text-align:left;    }
.promocje_pix_p{   position:absolute; height:380px; width:100%; text-align:left;  border:0px solid #FFF; background-position:top center; background-repeat:no-repeat;   }
 
.headContent{
	position:absolute; 
	width:960px;   
	height:410px;  	
	
	 
}

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

ul.tabs {
	margin-top: 320px;
	margin-left: 860px;
	padding: 0;
	 z-index:999;
	list-style: none;
	height: 48px; /*--Set height of tabs--*/
 
	 
	width: 120px;
}
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 #DDD; 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:#C4232A;

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