/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 451px;
	height:156px;
	margin: 0 20px;
	padding:10px 0;
}

.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

.scrollable img {
	float:left;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width: 445px;
	height:146px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}






/* root element for accordion. decorated with rounded borders and gradient background image */
#acordeon {
	width: 237px;
	-background:#666;
}

#acordeon div.basicBox.flex {
	margin-bottom: 0;
	margin-top: 1px;	
}

#acordeon div.basicBox.flex.current {
	background-image:url(../img/box/gris_01.png);
}

#acordeon div.basicBox.pane {
	display: none;
	margin-bottom: 0;
	cursor:pointer;	
}

#acordeon div.basicBox.pane h3 {
	font-weight:normal;
}