#accordion {
    float: right;
	position: relative; /* required for effect */
}
.accordion-toggle {
	display: block;
	background-color: #423c3c;
	color: #ffffff;
	padding: 9px 14px 6px 14px;
	text-decoration: none;
	outline: 0;
}
.accordion-toggle:hover, .accordion-toggle:focus, a.accordion-toggle.active {
	background-color: #423c3c;
}

.accordion-content {
	overflow: hidden; /* required for effect */
	background: #302e2c;
	color: #c4bab1;
	display: none; /* graceful degradation */
}
.accordion-content p {
	/*margin: 9px 24px;*/
}

.horizontal .accordion-toggle {
	float: left; /* This make sure it stays horizontal */
	height: 141px;
	display: block;
	width: 67px; /* 73*/
	color: #ffffff;
	text-decoration: none;
	border-right: 2px solid #1a171b;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.horizontal .accordion-toggle.first {
    width: 23px;
    background: transparent url(/public/media/image/titol_cataleg_ca.jpg) no-repeat 0 0;
}

.horizontal .accordion-toggle.last {
    border: none;
	/*afegit...*/
}
.horizontal .accordion-toggle.extra_es {    
	width: 23px;
    background: transparent url(/public/media/image/titol_cataleg_es.jpg) no-repeat 0 0;
}
.horizontal .accordion-toggle.extra_ca {    
	width: 23px;
    background: transparent url(/public/media/image/titol_cataleg_ca.jpg) no-repeat 0 0;
}
.horizontal .accordion-content {
	height: 141px; /* defined to keep tabs even */
	float: left; /* This make sure it stays horizontal */
	overflow: hidden;
	display: none;
	background-color: #1a171b;
	color: #FFF;
}
.horizontal .accordion-content.clickable {
    cursor: pointer;
}
.horizontal .accordion-content p {
	width: 190px; /* defined to keep tabs even 208*/
	padding: 5px 10px 15px 10px;
}
/* to display active when JS is disabled, will be overwritten by JS */
.accordion-content.active, .horizontal .accordion-content.active {
	display: block;
}