/* Left accordion container */
.accordion {
	float: left;
	width: 170px;
}

/* accordion content div, default display is hidden */
.accContent {
	display: none;
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: justify;
	margin-bottom: 5px;
}

/* Title links (clickable to show their content and hide others) */
.acctitle {
	display: block;
	font-weight: 900;
	padding: 3px 3px 0px 3px;
	background-color: #000;
	color: #FFFFFF;
	cursor: pointer;
	border-bottom: 1px solid white;
	width: 164px;
	background: url(../img/main_bg_task.jpg);
	background-repeat: repeat-x;
	height: 30px;
	text-align: left;
	text-indent: 3px;
}

/* Takie same jak acctitle, ale dla funkcji studia dla wszystkich zwinietych menu*/
.acctitle3 {
	display: block;
	font-weight: 900;
	padding: 3px 3px 0px 3px;
	background-color: #000;
	color: #FFFFFF;
	cursor: pointer;
	border-bottom: 1px solid white;
	width: 164px;
	background: url(../img/main_bg_task.jpg);
	background-repeat: repeat-x;
	height: 30px;
	text-align: left;
	text-indent: 3px;
}

.acctitle_img {
	margin-right: 10px;
	padding-top: 3px;
}

/* Default accordion class (usually first one so it is always visible) */
.defaultAccordion {
	display: block;
}

/* Right accordion container */
.accordion2 {
	float: left;
	width: 575px;
}

/* Title links (clickable to show their content and hide others) */
.acctitle2 {
	display: block;
	font-weight: 900;
	padding: 3px 3px 0px 3px;
	background-color: #000;
	color: #FFFFFF;
	cursor: pointer;
	border-bottom: 1px solid white;
	width: 569px;
	background: url(../img/main_bg_task.jpg);
	background-repeat: repeat-x;
	height: 30px;
	text-align: left;
	text-indent: 3px;	
}

.acctitles {
	display: inline;
	font-weight: 900;
	padding: 3px 3px 0px 3px;
	background-color: #000;
	color: #FFFFFF;
	cursor: pointer;
	border-bottom: 1px solid white;
	width: 510px;
	background: url(../img/main_bg_task.jpg);
	background-repeat: repeat-x;
	height: 30px;
	text-align: left;
	text-indent: 3px;

}

.acctitles_more {
	display: inline;
	font-weight: 900;
	padding: 10px 3px 0px 3px;
	background-color: #000;
	color: #FFFFFF;
	cursor: pointer;
	border-bottom: 1px solid white;
	width: 53px;
	background: url(../img/main_bg_task.jpg);
	background-repeat: repeat-x;
	height: 23px;
	text-align: left;
	text-indent: 3px;
	float: left;
	font-size: 10px;
}

p.acctitlep {
	display: block;
	font-weight: 900;
	padding: 6px 3px 0px 3px;
	background-color: #000;
	color: #FFFFFF;
	border-bottom: 1px solid white;
	width: 569px;
	background: url(../img/main_bg_task.jpg);
	background-repeat: repeat-x;
	height: 30px;
	text-align: left;
	text-indent: 3px;
}

/* Menu */
.accordion3 {
	float: left;
	width: 170px;
}

p.acctitlep3 {
	display: block;
	font-weight: 900;
	padding: 6px 3px 0px 3px;
	background-color: #000;
	color: #FFFFFF;
	border-bottom: 1px solid white;
	width: 163px;
	background: url(../img/main_bg_task.jpg);
	background-repeat: repeat-x;
	height: 30px;
	text-align: left;
	text-indent: 3px;
}

/* Portfolio */  
	.accordion4 {
		float: left;
		width: 750px;
		margin-left: -5px;
	}
	p.acctitlep4 {
		display: block;  
		font-weight: 900;
		padding: 6px 3px 0px 3px;  
		background-color: #000;
		color: #FFFFFF;  
		border-bottom: 1px solid white;
		width: 744px;
		
		background: url(../img/main_bg_task.jpg);
		background-repeat: repeat-x;
		height: 30px;
		text-align: left;
		text-indent: 3px;
	}