/*-scrolls---*/

.holder {
	float: left;
	/*margin: 10px;*/
		z-index: 600;
}
.holder_der {
	/*float: left;*/
	/*margin: 10px;*/
		z-index: 600;
			width:591px; /*width:616px; - 25 de sep*/
	height:370px;
	background-color: #FFFFFF;
	position: absolute;
	top:0;
	right:0px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.scroll-pane {
	width: 267px;
	height: 350px;
	overflow: auto;
	/*background: #ccc;*/
	/*float: left;*/
	font-family: verdana;
	font-size: 10.25px;
	line-height: 1.5em;
	color: #666666;
	padding:0;
	margin:0;
	position:relative;
	z-index: 600;
}

.scroll-pane_der {
	width: 590px;
	height: 370px;
	overflow: auto;
	/*background: #ccc;*/
	/*float: left;*/
	font-family: verdana;
	font-size: 10.25px;
	line-height: 1.5em;
	color: #666666;
	padding:0;
	margin:0;
	position:relative;
	z-index: 600;
}

.deg_scroll {
	position: relative;
	height: 50px;
	background: url(../images/mask_deg.png) !important;
	filter: none !important;
	background-image: none;
	top: 0px;
	margin-right: 0px;
	margin-top: -50px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mask_deg.png');
background-repeat: no-repeat;
	z-index:500;
	width: 260px;
}

.deg_scroll_ancho {
	position: relative;
	height: 50px;
	background: url(../images/mask_deg2.png) !important;
	filter: none !important;
	background-image: none;
	top: 0px;
	margin-right: 0px;
	margin-top: -50px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='mask_deg2.png');
/*background-repeat: no-repeat;*/
	z-index:500;
	width: 580px;}
	
	.deg2_scroll {
	position: relative;
	height: 50px;
	background: url(../images/mask_nar.gif);
	top: 0px;
	margin-right: 7px;
	margin-top: -50px;
	z-index:500;
	width: 270px;}
/*----*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	/*background-color: #f3f3f3;/*UN RECT GRIS */
	background: url(../images/track.gif) repeat-y center;/* UNA LINEA*/ 
}
.jScrollPaneDrag {
	position: absolute;
		/*background: #d8d8d8 url(../images/drag_scroll.gif) no-repeat 50% 50%; por si prefiero que cambie el tamaņo*/ 
	background: transparent url('../Images/barra_scroll.gif') repeat-y;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}