body {margin: 0px;background-image: url(images/fondo_01.jpg);background-repeat: repeat-x;background-position: top;}
#footer {background-color: #666;font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #CCC;line-height: normal;text-decoration: none;}
.textFooter {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #999;
line-height: normal;text-decoration: none;}
a.textFooter {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #999;line-height: normal;text-decoration: none;}
a.textFooter:hover {color: #FFF;}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	line-height: normal;
	text-decoration: none;
	text-align: justify;
}
.textAzul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: normal;
	text-decoration: none;
	text-align: justify;
}

a.text {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #999;line-height: normal;text-decoration: none;}
a.text:hover {color: #333333;}
.titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003366;
}
#slider{
   margin: 0 auto;
}
/*===========*/
/*=Slider*/
/*===========*/
 
#slider{
   margin: 0 auto;
}
 
#slider ul, #slider li,
#slider2 ul, #slider2 li{
    margin:0;
    padding:0;
    list-style: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:920px;
    height:250px;
    overflow:hidden; 
}
 
#prevBtn, #nextBtn,
#slider1next, #slider1prev{ 
    display:block;
    width:30px;
    height:54px;
    position:absolute; /* Posiciono de forma absoluta a los botones, absoluta con respecto a su elemento padre, osea el slider-wrapper */
    top:40%; /* Mitad vertical del slider */
    z-index:1000;
}
 
/*
Aquí como pueden ver hago lo que les comentaba
*/
 
#slider-wrapper {
    position: relative;
}
 
/*
Luego posiciono a la derecha el botón de Next
*/
 
#nextBtn, #slider1next{ 
    right: 0px;
}
 
/*
Y posiciono a la izquierda el botón de Previous
*/
 
#prevBtn, #slider1prev{ 
    left: 0px;
}   
 
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{  
    display:block;
    position:absolute;
    width:30px;
    height:54px;
    background:url(images/flecha_izq.png) no-repeat 0 0; 
    text-indent: -9999px;
}   
#nextBtn a, #slider1next a{ 
    background:url(images/flecha_der.png) no-repeat 0 0; 
}