/* contenedor - required settings */  
.scrollable {position:relative; overflow:hidden; width: 750px; height: 550px; margin: 0 auto;}

/* fila elementos - this cannot be too large */
.scrollable .items {width: 20000em; position: absolute; clear: both;}

.items div  {float: left; width: 750px; background: url(../img/bck_trabajo.png) top center no-repeat; height: 500px; position: relative;}

/* items */
.scrollable img {float:left; width: 750px; height: 380px; margin: 58px 0 30px;}

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


/* FLECHAS */

a.browse {
	display:block; width:55px; height:50px; float:left; cursor:pointer; font-size:1px; background: url(../img/flechas.png) no-repeat 0 0;}

a.right {position: absolute; background-position: -55px -50px; top: 160px; right: 25px;}
a.right:hover {background-position: -55px 0;}
a.right:active {background-position: -55px 0;} 
a.left {position: absolute; background-position: 0 -50px; top: 160px; left: 25px;} 
a.left:hover {background-position: 0 0;}
a.left:active {background-position: 0 0;}

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




/*  NAVIGATION  */
.navi {}
.navi a img {margin-right: 5px; border: 1px solid #138a8c;}
.navi a:hover img {border: 1px solid #116162;}
.navi a.current img {border: 1px solid #9bd9d7;}