.scrollable-wrapper{
	margin:0 auto;
	width: 620px;
	height:110px;
	}
/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width:480px;
    height:100px;
}

/*
   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 {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.items div {
    float:left;
    width:480px;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:0px 8px;
    width:140px;
    height:97px;
	border:1px solid #fff;
	cursor:pointer;
}

/* active item */
.scrollable .active {
    position:relative;
    cursor:default;
}


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

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background:no-repeat;
	background-position:center;
    display:block;
    width:60px;
    height:100px;
    float:left;
    margin:0 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right { background-image:url(../images/scrollable/next.png); clear:right; margin-right: 0px;}
a.right:hover { }
a.right:active { }

/* left */
a.left { margin-left: 0px; background-image:url(../images/scrollable/prev.png); }
a.left:hover  { }
a.left:active { }

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

@media only screen and (min-width : 1264px) {
	}

@media only screen and  (max-width: 1010px) {
	}
	
	
	
	
	
	
	
	
	
	
	
/*-------------------------------------galeria de scuola-------------------------------------------------------*/



.scuola .scrollable-wrapper{
	margin:0 auto;
	width: 620px;
	height:110px;
	}
/*
  root element for the scrollable.
  when scrolling occurs this element stays still.
  */
.scuola .scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width:445px;
    height:100px;
}

/*
   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.
*/
.scuola .scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

.scuola .items div {
    float:left;
    width:480px;
}

/* single scrollable item */
.scuola .scrollable img {
    float:left;
    margin:0px 3px;
    width:140px;
    height:97px;
	border:1px solid #fff;
}

/* active item */
.scuola .scrollable .active {
    position:relative;
    cursor:default;
}


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

/* prev, next, prevPage and nextPage buttons */
.scuola a.browse {
    background:no-repeat;
	background-position:center;
    display:block;
    width:60px;
    height:100px;
    float:left;
    margin:0 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
.scuola a.right { background-image:url(../images/scrollable/next.png); clear:right; margin:0px 0px 0px 0px; width:40px;}
.scuola a.right:hover { }
.scuola a.right:active { }

/* left */
.scuola a.left {
	
	
	width: 40px;
margin: 0 0 0 -15px; background-image:url(../images/scrollable/prev.png); }
.scuola a.left:hover  { }
.scuola a.left:active { }

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

@media only screen and (min-width : 1264px) {
	}

@media only screen and  (max-width: 1010px) {
	}