/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

#image_wrap {
	width:242px;
	text-align:center;
	margin:0px 0 -10px 0;
	/*border:1px solid #fff;*/
	/*background-color:#efefef;*/
	/*outline:1px solid #ddd;*/
	/*-moz-ouline-radius:4px;*/
}
	
/*##############################*/
/* Scrollable Horizontal*/
/*##############################*/

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 222px;
	height:50px;
	/* custom decorations */
	/*border:1px solid #ccc;*/
	/*background:url(../images/galeria/h300.png) repeat-x;*/
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {width:20000em;position:absolute;clear:both;}.items div {float:left;width:250px;height:50px;}/* this cannot be too large */

/* single scrollable item */
/*.scrollable img {float:left;margin:20px 5px 20px 21px;background-color: transparent; padding:2px;border:1px solid #ccc;width:100px;height:75px;-moz-border-radius:4px;-webkit-border-radius:4px;}*/
.scrollable img {float:left;margin:0px 2px 0px 4px;background-color: transparent; padding:0px;width:67px;height:50px;}

/* active item */
/*.scrollable .active {border:2px solid #000;position:relative;cursor:default;}*/
.scrollable .active {position:relative;cursor:pointer;}

/*##############################*/
/*Scrollable Buttons*/
/*##############################*/

/* this makes it possible to add next button beside scrollable */
.scrollable {float:left;cursor:pointer}

/* prev, next, prevPage and nextPage buttons */
a.browse {background:url(../images/galeria/hori_large_centros.png) no-repeat;display:block;width:10px;height:50px;float:left;cursor:pointer;font-size:1px;}

/* right */
a.right { background-position: 0 -50px; clear:right; margin-right: 0px;}
a.right:hover { background-position:-10px -50px; }
a.right:active { background-position:-20px -50px; } 


/* left */
a.left { margin-left: 0px; } 
a.left:hover { background-position:-10px 0; }
a.left:active { background-position:-20px 0; }

/* up and down */
a.up, a.down { background:url(../images/galeria/vert_large.png) no-repeat; float: none;margin: 10px 50px;}

/* up */
a.up:hover { background-position:-30px 0; }
a.up:active { background-position:-60px 0; }

/* down */
a.down { background-position: 0 -30px; }
a.down:hover { background-position:-30px -30px; }
a.down:active { background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {visibility:hidden !important;}