.top-ventas .scrollable {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 220px;
    margin: 0 auto
}

#opiniones .scrollable {
    width: 750px;
    height: 110px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}
	#opiniones .items li {
    width: 750px
	}

@media all and (max-width: 767px) {
#opiniones .scrollable {
    width: 575px;

}
	#opiniones .items li {
    width: 575px
	}

}

#destacado .scrollable {
    width: 950px;
    height: 410px;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

#categorias header .slider {
    width: 21.5em;
    height: 200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.scrollable .items {
    width: 20000em;
    position: absolute;
    clear: both
}

#opiniones .scrollable .items {
    position: relative
}

#categorias header .items {
    height: 2000em
}

.items li {
    float: left!important;
    width: 175px
}



#destacado .items li {
    width: 950px
}

#categorias header .slider li {
    float: none;
    width: auto
}

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

a.browse {
    background: url(../images/sprite-hd.png) no-repeat;
    display: block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    font-size: 1px;
    position: absolute;
    top: 110px;
    z-index: 9
}

#destacado a.browse {
    width: 60px;
    height: 48px;
    top: 180px;
    opacity: 0.7
}

#main-nav .submenu a.right {
    background-position: -25px -111px;
    clear: right;
    margin-right: 0;
    right: 10px
}

a.right:hover {
    background-position: 25px -111px
}

a.right:active {
    background-position: 25px -111px
}

#opiniones a.right {
    background-position: -75px -111px;
    top: 80px;
    right: 10px
}

#destacado a.right {
    background-position: -180px -310px;
    right: 5px
}

#categorias header a.right {
    background-position: -126px -111px;
    right: 0;
    top: 165px
}

#main-nav .submenu a.left {
    background-position: 0 -111px;
    margin-left: 0;
    left: 10px
}

a.left:hover {
    background-position: 0 0
}

a.left:active {
    background-position: 0 0
}

#opiniones a.left {
    background-position: -50px -111px;
    top: 80px;
    left: 10px
}

#destacado a.left {
    background-position: -120px -310px;
    left: 5px
}

#categorias header a.left {
    background-position: -100px -111px;
    right: 0;
    top: 10px
}
#destacado a:hover { opacity: 1 }

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

a.up:hover {
    background-position: -30px 0
}

a.up:active {
    background-position: -60px 0
}

a.down {
    background-position: 0 -30px
}

a.down:hover {
    background-position: -30px -30px
}

a.down:active {
    background-position: -60px -30px
}

a.disabled {
    visibility: hidden!important
}

.navi {
    width: 100%;
    height: 34px;
    z-index: 8;
    position: relative;
    text-align: center
}

#proyectos .navi {
    width: 485px
}

.navi a {
    width: 8px;
    height: 8px;
    margin: 12px 3px;
    background: url(../images/navigator.png) 0 0 no-repeat;
    font-size: 1px;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline
}

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

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