/* Slider itself */
.royalSlider.iskin {	
	/*padding-bottom: 26px;*/
}
/* Slider with thumbs (used to add padding based on thumbnails size)*/
.royalSlider.iskin.with-thumbs {

}
/* 
	Left and right navigation arrows 	
*/
.royalSlider.iskin .arrow {	
	background:url(../images/genericos/controls-sprite2.png) no-repeat 0 0;

	/* change arrows size here */
	width: 32px;
	height: 32px;
	margin-top:-10px;	
	
	-moz-opacity: 0.8;	
	opacity: 0.8;
}
/* arrow position in slider with thumbs */
.royalSlider.iskin.with-thumbs .arrow {
	margin-top:-49px;
}

/* left arrow */
.royalSlider.iskin .arrow.left {
	background-position: top left;
	/*left: -23px;*/	
}
/* right arrow */
.royalSlider.iskin .arrow.right {
	background-position: top right;
	/*right: -23px;*/
}

/*SLIDER*/

/* Arrow hover state */
.royalSlider.iskin .arrow:hover {	
	-moz-opacity: 1;	
	opacity: 1;	
}
/* Arrow disabled state */
.royalSlider.iskin .arrow.disabled {
	-moz-opacity: 1;	
	opacity: 1;	
}
.royalSlider.iskin .arrow.left.disabled {	
	background-position: -32px 0px;	
}
.royalSlider.iskin .arrow.right.disabled {	
	background-position: -136px 0px;	
}
/* 

	Bullets and thumbnails navigation
	
*/
.royalSlider.iskin .royalControlNavOverflow a {	
	background: url(../images/genericos/controls-sprite2.png) no-repeat 0 -164px transparent;
	width:18px;
	height:18px;
	margin-top:10px;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
/* Current bullet */
.royalSlider.iskin .royalControlNavOverflow a.current {	
	background-position: 0 -182px !important;
}
/* Bullet hover state */
.royalSlider.iskin .royalControlNavOverflow a:hover {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
/* Bullets nav or thumbnails main container */
.royalSlider.iskin .royalControlNavOverflow {
	margin-top:-30px;
}
.royalSlider.iskin .thumbsArrow {
	background:url(../images/genericos/controls-sprite2.png) no-repeat 0 0;
	width: 28px;
	height: 57px;
	
	-moz-opacity: 0.8;	
	opacity: 0.8;	
}
.royalSlider.iskin .thumbsArrow.left {
	background-position: -116px -132px;
	left: 0;	
}
.royalSlider.iskin .thumbsArrow.right {
	background-position: -156px -132px;
	right: 0
}
.royalSlider.iskin .thumbsArrow:hover  {	
	-moz-opacity: 1;	
	opacity: 1;	
}
.royalSlider.iskin .thumbsArrow.disabled {	
	-moz-opacity: 1;	
	opacity: 1;
}
.royalSlider.iskin .thumbsArrow.left.disabled {	
	background-position: -36px -132px;
}
.royalSlider.iskin .thumbsArrow.right.disabled {	
	background-position: -76px -132px;
}