*{
margin:0;
padding:0;
}
/*body{
background:grey;
} se aplica el estilo general*/
.main{
width:100%;
height:auto;
max-width:50%;
margin:0% auto;
}
.slides{
width:100%;
height:auto;
}
.slides img{
width:100%;
height:100%;
}
.slidesjs-pagination{
background:#424242;
list-style:none;
overflow:hidden;
}
.slidesjs-pagination li{
float:left;  
} 
.slidesjs-pagination li a{
display:block;
padding:10px 20px;
color:#fff;
text-decoration:none;
}
.slidesjs-pagination li a:hover{
background:#000;
} 
.slides .active{
background:#000;
}
.slidesjs-navigation{
background:#000;
color:#fff;
text-decoration:none;
display:inline-block;
padding:10px 20px;
float:right;
}