
/********************************
 * generic als elements styling
 ********************************/
.als-container {
    position: relative;
    width: 100%;
    margin: 0px auto;
}

.als-viewport {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
}

.als-wrapper {
    position: relative;
    list-style: none;
}

.als-item {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    float: left;
}

.als-prev, .als-next {
    position: absolute;
    cursor: pointer;
    clear: both;
}


/**************************
 * specific als elements
 * styling for #lista1
 **************************/



#lista1 .als-item {
    min-height: 260px;
    min-width: 125.6px;
}

#lista1 .als-item img {
    position: relative;
    display: block;
    vertical-align: middle;
    margin-bottom: 8px;
}

#lista1 .als-prev, #lista1 .als-next {
    top: 119px;
    width: 15px;
    height: 22px;
}

#lista1 .als-prev {
    left: -1px;
}

#lista1 .als-next {
    right: -1px;
}





#lista2 .als-item {
    min-height: 260px;
    min-width: 125.6px;
}

#lista2 .als-item img {
    position: relative;
    display: block;
    vertical-align: middle;
    margin-bottom: 8px;
}

#lista2 .als-prev, #lista2 .als-next {
    top: 119px;
    width: 15px;
    height: 22px;
}

#lista2 .als-prev {
    left: -1px;
}

#lista2 .als-next {
    right: -1px;
}


#lista3 .als-item {
    min-height: 260px;
    min-width: 125.6px;
}

#lista3 .als-item img {
    position: relative;
    display: block;
    vertical-align: middle;
    margin-bottom: 8px;
}

#lista3 .als-prev, #lista3 .als-next {
    top: 119px;
    width: 15px;
    height: 22px;
}

#lista3 .als-prev {
    left: -1px;
}

#lista3 .als-next {
    right: -1px;
}
