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

			
/* Easy Slider INICIO */

	#slider ul, #slider li,	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
	#slider2{margin-top:1em;}
	
/*	Estos son los valores que toma easySlider1.7.js para hacer la animación	*/ 
	#slider li, #slider2 li{ 
		width:961px;  /* ESTE NUMERO ES VARIABLE SEGUN EL ANCHO DE RESOLUCION 
						961 para 1024x768
						1209 para 1280x768
						!!!!!!!!!!!!!!!!!!! este valor es = al ancho de #contenedor
					*/
		height:400px;
		overflow:hidden; 
		}	
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:40px;
		height:80px;
		z-index:1000;
		opacity:0.5;
		/*
		position:absolute;
		
		 left:15px;  ESTE NUMERO ES VARIABLE SEGUN EL ANCHO DE RESOLUCION 
						15 para 1024x768 y 1024x600
						20 para 1280x768
						XX para 1360x768
						XX para 1440x768
						
						*************************(total-#contenedor.width)/2
		
		top:220px;      ESTE NUMERO ES VARIABLE SEGUN EL ALTO DE RESOLUCION 
						220 para 1024x768 y 1024x600
						220 para 1280x768
						300 para 1280x1024
						
						+ el margen que sale (altoTotal-35-15-400-120-120-10-10-25)/2;
						altos y margenes y paddings de todos los divs
		*/
		}	
		
	
	#nextBtn, #slider1next{ 
		/*
		left:936px;     ESTE NUMERO ES VARIABLE SEGUN EL ANCHO DE RESOLUCION 
						936 para 1024x768 y 1024x600
						1188 para 1280x768
						1220 para 1280x1024
						
						1080 para 1280x1024 pero con el contendor en 961
						(total-#contenedor.width)/2+#contenedor.width-#nextBtn.width 
						ESTO QUEDA ANULADO POR LAS DECLARACIONES MAS ABAJO
		*/				
		}	
		
															
	#prevBtn a, #nextBtn a,	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:40px;
		height:80px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
		
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	#prevBtn, #nextBtn{
		position:relative;
		top:-250px; /*modifica -250*/
		left:0;
		}	
				
	#prevBtn:hover, #nextBtn:hover{
		opacity:1;
		}	
		
	#nextBtn{
		top:-330px; /*modifica -330*/
		left:921px; /*961 - 40   seria siempre el ancho del slide - el ancho de este elemento*/
		}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

			
/* Easy Slider PRODUCTOS */

	#productos #prodslider ul, #productos #prodslider li,	#productos #prodslider2 ul, #productos #prodslider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
	#productos #prodslider2{margin-top:1em;}
	
/*	Estos son los valores que toma easyprodslider1.7.js para hacer la animación	*/ 
	#productos #prodslider li, #productos #prodslider2 li{ 
		width:961px;  
		height:550px;
		overflow:hidden;
		}	
		
	#productos #prevBtn, #productos #nextBtn,
	#productos #prodslider1next, #productos #prodslider1prev{ 
		display:block;
		width:40px;
		height:80px;
		z-index:1000;
		
		}	
		
	
	#productos #prevBtn a, #productos #nextBtn a,	#productos #prodslider1next a, #productos #prodslider1prev a{  
		display:block;
		position:relative;
		width:40px;
		height:80px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
		
	#productos #nextBtn a, #productos #prodslider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	#productos #prevBtn, #productos #nextBtn{
		position:relative;
		top:-320px;
		left:0;
		}	
		
	#productos #nextBtn{
		top:-400px; /*350+80*/
		left:921px; /*961 - 40   seria siempre el ancho del slide - el ancho de este elemento
		}