#wrappscroll
{
	background:url(../imagenes/scroll/fondo.png) no-repeat;
	width: 635px;
	height: 120px;
}

div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 595px;	 
	height:92px;
	margin-top: 14px;
	background-color: white;    		
}

#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
	margin-top:1px;	
}
 
#thumbs div { 
    float:left; 
    width:194px; 
    height:88px;     
    color:#fff; 
    border:1px solid gray; 
    cursor:pointer;
    margin-left: 3px;
}
 
#thumbs div.hover {  filter:alpha(opacity=70); -moz-opacity:0.7;  background-color:#444; }
 
 
#thumbs div.active {    background-color:#066;    cursor:default;}

div.scrollable {	float:left; }

/*a.prev, a.next {	margin-top:118px;}*/

a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../imagenes/scroll/left.png) no-repeat;
	float:left;
	margin:45px 1px;
	cursor:pointer;
}

a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -18px; }

a.disabled {	visibility:hidden !important; }

a.next, a.nextPage {	background-image:url(../imagenes/scroll/right.png);	clear:right;}

div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../imagenes/scroll/navigator.png) 0 0 no-repeat;
	cursor:pointer;
}


div.navi a:hover {	background-position:0 -8px;}


div.navi a.active {	background-position:0 -16px;}
