img a, a img {
	border: none;
	}
/* This is the box where the links are located*/
#my-glider {
	width: 660px;
	border-width: 0 0px 0px 0px;
	border-style: solid;
	/*border-color: #000;*/
	background:url(../images/bookshelf_bottom_bg.gif);
	}
div.glider_wrapper{
	width: 660px;
	/*border: 1px solid #000;*/
	background-color: #eee;
	background:url(../images/bookshelf_bottom_bg.gif);
	margin:0 auto;
}	
	
div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 653px; 
	height: 117px;
	overflow: hidden;
	margin:0px 1px;
	/*margin: 0 auto;*/
	background:#fff;
	/* This puts a box around the items 
	border:1px solid #000;*/
	}
	
	div.scroller div.section {
	/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
	height:117px;
	overflow:hidden;
	border-left: 1px solid #000;
	border-right: 1px solid #fff;
	background-image: url(/images/libhome/bg_bookshelf2.jpg);
	background:url(../images/bookshelf_bottom_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
		}
div.scroller div.shelves {
	height: 117px;
	margin: 0 auto;
		}

#my-glider .scroller .shelves .section ul {
	padding: 0;
	margin: 18px 0 0 0;
	}
#my-glider .scroller .shelves .section ul li {
	display:inline;
	list-style-type:none;
	padding: 0 5px;
	margin: 0;
}		
		
		
div.controls {
		background:url(../images/bookshelf_bottom_bg.gif);
		/* background-color: #6ed1f6;*/
		color: #FFF;
		font-size: 75%;
		height: 25px;
		padding-top: 10px;
		font-weight: bold;
			}
		
div.controls a {
	padding: 5px 20px;
	position: relative;
		}
	
div.controls a:link {
		text-decoration: none;
		color: #fff;
		}
div.controls a:visited {
		text-decoration: none;
		color: #fff;
		}
div.controls a:hover {
		text-decoration: underline;
		color: #fff;
		}			
		
.activo {
		background: #2f3192; outline: none;
}