ul.gtabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #DDD;
 
	width: 100%;
	

}
ul.gtabs li { 
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
 
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #AAA;
	
 -webkit-border-top-right-radius: 10px; /* prawy górny */
 -webkit-border-top-left-radius: 10px; /* lewy dolny */
 -khtml-border-radius-topright: 10px;
 -khtml-border-radius-topleft: 10px;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
	
}
ul.gtabs li a {
	text-decoration: none;
	color: #FFF;display: block;
	font-size: 1.2em; 
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	 
}
ul.gtabs li a:hover {
	color:#FFF; 
}
 
html ul.gtabs li.active, html ul.gtabs li.active a:hover    { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #A32A16;  
	border-bottom: 1px solid #fff;
	color: #FFF; /*--Makes the active tab look like it's connected with its content--*/ 
}


 
.gtab_container {
 border:1px solid #DDD;
	border-top: none;
	 
	clear: both;
	  width: 100%;
 
	position:relative;
	 
 

-webkit-border-bottom-right-radius: 10px; /* prawy górny */
 -webkit-border-bottom-left-radius: 10px; /* lewy dolny */
 -khtml-border-radius-bottomright: 10px;
 -khtml-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;  
}
.gtab_content { 
	position:absolute;
	padding: 20px  ;
 
  
}