/* ------------------------------------------------------------------------
	IMPLEMENTATION
	
	// Single pop
	// Look & Feel on CSS
	
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$("#slider").easySlider({
			// Opcionales
				prevId: 		'prevBtn',
				prevText: 		'Previous',
				nextId: 		'nextBtn',	
				nextText: 		'Next',
				controlsShow:		true,
				controlsBefore:	'',
				controlsAfter:		'',	
				controlsFade:		true,
				firstId: 		'firstBtn',
				firstText: 		'First',
				firstShow:		false,
				lastId: 		'lastBtn',	
				lastText: 		'Last',
				lastShow:		false,				
				vertical:		false,
				speed: 		800,
				auto:			false,
				pause:			2000,
				continuous:		false, 
				numeric: 		false,
				numericId: 		'controls'
			});
		});
	</script>	
	<div class="galeryContent">
		<div id="slider">
			<ul>
				<li>Slide1</li>
				<li>Slide2</li>
				<li>Slide3</li>
			</ul>
		</div>
	</div>
	
	SITE REFERENCE	
		http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider
	

------------------------------------------------------------------------- */
.galeryContent{
	position:relative;
	width:900px;
	height: 350px;
	/*margin: 0px 15px;*/
}

/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
/* // image replacement */
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		list-style-image: none;
	}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
		height: 350px;
		overflow:hidden;
		}	
	#prevBtn, #nextBtn, #slider1next, #slider1prev{ 
		display:block;
		width:40px;
		height:40px;
		position:absolute;
		left:10px;
		top:130px;
		z-index:999;
		/* -OPACITIY START- */
		filter:alpha(opacity=05);
		-moz-opacity:0.05;
		opacity: 0.05;
		/* -OPACITIY END- */
	}
	#prevBtn:hover, #nextBtn:hover, #slider1next:hover, #slider1prev:hover{
		/* -OPACITIY START- */
		filter:alpha(opacity=50);
		-moz-opacity:0.50;
		opacity: 0.50;
		/* -OPACITIY END- */
	}
	#nextBtn, #slider1next{ 
		left:850px;
	}			
											
	#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:40px;
		height:40px;
		background:url(../../SYS_cfg/SYS_imagenes/btn_prev.png) no-repeat 0 0;	
		}
		
	#nextBtn a, #slider1next a{ 
		background:url(../../SYS_cfg/SYS_imagenes/btn_next.png) no-repeat 0 0;	
		}	
		
	
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #7AC142;
		background:#C8E4AF;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#7AC142;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */