.scrollable {
    position:relative;
    overflow:hidden;
    width: 770px;
    height: 98px;
    padding-left: 0px;
    float: right;
    margin: 0px;
}

/* root element for scrollable items */
.scrollable .items {
    width:20000em;
    position:absolute;
    clear: both;
    height: 98px !important;
}

.scrollable ul {
    list-style: none;
    padding: 0;
}

.items li {
	float: left;
	width: 184px;
    height: 98px;
}

    /* right */
a.browse {
	display:block;
	width:14px;
	height:20px;
	float:right;
	cursor:pointer;
	font-size:1px;
    margin: 0;
}


a.right 	{ background: url('/accesible/imagenes/inicio/flecha_right.gif') no-repeat; clear:right; margin-right: 0px; opacity: 0.5}
a.right:hover 	{ opacity: 1}


/* left */
a.left 	    { background: url('/accesible/imagenes/inicio/flecha_left.gif') no-repeat; float: left; opacity: 0.5}
a.left:hover  	{ opacity: 1}


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

.items ul {
	overflow: hidden;
	clear: none !important;
	height: 98px !important;
	float: right !important;
	width: 184px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 8px;
}

.items ul li {
    float: right;
    width: 184px;
    height: 98px;
}

.items .item {
    width: 770px;
    height: 98px;
    float: left;
}

.items ul li img {

}


.divyt_canal {
	width: 184px;
	height: 98px;
	list-style: none;
	float: left;
	margin-top: 0;
	margin-right: 1px;
	margin-bottom: 0;
	margin-left: 0;

}

.divyt_canal ul {
    list-style: none;
    padding: 0;
    margin: 0px;
}

.items ul li img.dsp {
    margin-top: -10px;
    float: left;
}

.items ul li img {
    float: left;
}

.yt-left {
    width: 20px;
    float: left;
    margin: 30px 10px 0 20px;
}
.yt-right {
    width: 20px;
    float: right;
    margin: 30px 20px 0 0;
}