.scroll-mask{
display: block;
background: transparent;
display: block;
width: 638px;
height: 338px;
margin: 0;
overflow: hidden;
z-index: 1;
}

.scroll-mask-inner{
float: left;
width: 10000px;
height: 338px;
background: transparent;
border: 0;
}

.slide-element{
float: left;
display: block;
width: 618px;
height: 318px;
padding: 10px;
background: transparent;
}

.slide-element .slide-element-izq{
float: left;
display: inline-block;
width: 270px;
height: 278px;
margin: 0 10px 0 0;
padding: 0;
border: 0;
z-index: 1;
overflow: hidden;
}

.slide-element .slide-element-izq .mask-img-slide{
display: block;
width: 270px;
height: 218px;
margin: 0;
padding: 0;
z-index: 1;
background: #ccc;
overflow: hidden;
}

.slide-element .slide-element-izq .mask-img-slide img{
border: 0;
}

.slide-element .slide-element-izq .box-comentario-foto,
.slide-element .slide-element-izq .box-comentario-video{
display: block;
width: 268px;
height: 49px;
margin: 5px 0 0 0;
padding: 2px 0 2px 0;
z-index: 1;
overflow: hidden;
border: 1px solid #c0c0c0;
}

.slide-element h1,
.slide-element p{
margin: 0 10px 5px 10px;
}

/* CONTROLES */

.scroll-controls{
position: relative;
z-index: 20;
width: 100px;
height: 25px;
padding: 5px 5px 0 5px ;
margin: -42px 0 0 520px;
background: transparent;
color: #333;
}

.scroll-controls .btn-scroll-back{
float: left;
display: inline-block;
width: 20px;
height: 25px;
margin: 0 5px 0 0;
background: transparent url(btn-scroll-back.png) 0 0 no-repeat;
color: #333;
cursor: pointer;
overflow: hidden;
}

.scroll-controls .btn-scroll-back:hover{
background: transparent url(btn-scroll-back.png) 0 -25px no-repeat;
color: #fff;
}

.scroll-controls .btn-scroll-next{
background: transparent url(btn-scroll-next.png) 0 0 no-repeat;
color: #333;
float: left;
cursor: pointer;
display: block;
width: 20px;
height: 25px;
margin: 0 5px 0 0;
vertical-align: top;
}

.scroll-controls .btn-scroll-next:hover{
background: transparent url(btn-scroll-next.png) 0 -25px no-repeat;
color: #fff;
}

.scroll-controls .btn-scroll-play{
background: transparent url(btn-scroll-play.png) 0 0 no-repeat;
float: left;
cursor: pointer;
display: block;
width: 20px;
height: 25px;
margin: 0 5px 0 0;
vertical-align: top;
color: #333;
}

.scroll-controls .btn-scroll-play:hover{
background: transparent url(btn-scroll-play.png) 0 -25px no-repeat;
color: #fff;
}

.scroll-controls .btn-scroll-stop{
background: transparent url(btn-scroll-stop.png) 0 0 no-repeat;
float: left;
cursor: pointer;
display: block;
width: 20px;
height: 25px;
margin: 0 5px 0 0;
vertical-align: top;
color: #333;
}

.scroll-controls .btn-scroll-stop:hover{
background: transparent url(btn-scroll-stop.png) 0 -25px no-repeat;
color: #fff;
}

.slide-element-scroll-actividad{
display: block;
width: 618px;
height: 25px;
margin: 10px 0 0 0;
border: 1px solid #c0c0c0;
}

.slide-element-scroll-actividad span{
float: left;
display: inline-block;
height: 20px;
padding: 2px 5px 3px 3px;
vertical-align: middle;
border-right: 1px solid #c0c0c0;
}

.slide-element-scroll-actividad span img{
border: 0;
vertical-align: middle;
}