body {background: url(../../assets/images/bg/bg-videos.jpg) 50% 30px #e8e8e8 no-repeat }

.container { position: relative; margin: -45px 0 20px 50px }
.aside { position: relative; float: right; margin: -10px 0 0 }

.seccion { position: relative; float: left; margin: -5px 0 0 }
.seccion .video { position: relative; background: url(../../assets/images/bg/videos.png) 0 0 no-repeat; width: 560px; height: 397px; padding: 40px 0 0 40px }
.seccion .flash { float: left; margin: 0 0 27px }
.seccion ul.share { position: absolute; bottom: -35px; right: 30px }
.seccion ul.share li { float: left; width: 115px; height: 20px }

.slide { position:relative; background: url(../../assets/images/bg/gallery.png) 0 0 no-repeat; width: 597px; height: 177px; margin: 40px 0 0; padding: 0; text-align: left }
.slide h3 { font: 23px/42px 'DINEngschriftStd',Arial,Verdana,Tahoma,'Sans-serif'; color: #1896d1; padding: 15px 0 0 45px; text-transform: uppercase }
.slide .scrollable { position:relative; width: 550px; height: 65px; overflow:hidden; float: left; margin: 5px 0 0 45px } 
.slide .scrollable .items { width:20000em; position:absolute }  
.slide .items div { width: 550px; float: left }
.slide .items div ul li { display: block; float: left; margin: 0 5px 0 0 }
.slide .items div ul li img { display: block; width: 71px; height: 54px }
.slide .items div ul li a { display: block; border: 5px solid #f0992b }
.slide .items div ul li a:hover { border: 5px solid #F06522 }
.slide .right,
.slide .left { position: absolute; display: block; background: url(../../assets/images/slide/left.png) no-repeat 0 0; width: 56px; height: 54px; top: 61px; ttext-indent: -9000px; cursor: pointer }
.slide .left { left: -15px }
.slide .right { right: -15px; background: url(../../assets/images/slide/right.png) no-repeat 0 0 }
.slide .right:hover,
.slide .left:hover { background-position: 0 -54px }
a.disabled { visibility:hidden !important}

/* slide range */
#scrollbar { position:relative; float: left; width: 135px; height: 341px; margin: 0 0 0 20px }
#scrollbar .viewport { width: 110px; height: 341px; overflow: hidden; position: relative; }
#scrollbar .overview { list-style: none; width: 1416px; padding: 0; margin: 0; position: absolute; left: 0; top: 0 }
#scrollbar .overview img { position:relative; display: block; width: 89px; height: 67px; margin: 0 0 14px; border: 4px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(../../assets/styles/ie-css3.htc) }
#scrollbar .scrollbar { position: relative; float: right; margin: 0 10px 0 0; clear: both; height: 280px; }
#scrollbar .track { width: 10px; height:341px !important; position: relative; background: url(../../assets/images/slide/track.png) 0 0 no-repeat; }
#scrollbar .thumb { background: url(../../assets/images/slide/range.png) 0 0 no-repeat; height: 50px !important; width: 52px; cursor: pointer; overflow: hidden; position: absolute; left: -20px; top: 0 }
#scrollbar .thumb .end,
#scrollbar .disable { display: none; }