#container { margin: 0 auto; position: relative; width: 610px; z-index: 0; } #frame { height: 341px; left: -80px; position: absolute; top: -3px; width: 739px; z-index: 0; } #example { height: 300px; position: relative; width: 610px; } #slides { z-index: 100; } .slides_container { border: 1px solid #FCEACC; display: none; height: 267px; overflow: hidden; position: relative; width: 610px; } #slides .slide { display: block; height: 267px; width: 610px; } /* ------------------------------------------------------------------- */ .text-slide { background-color: #000000; bottom: 0; color: #999; opacity: 0.7; padding: 10px 0 0 15px; position: absolute; width: 100%; } .orbit-caption a span, .orbit-caption a { color: #ddd !important; font-size: 24px !important; margin: 0; padding: 0; text-decoration: none; } .orbit-caption a:hover span, .orbit-caption a:hover { text-decoration: underline; } p.title a { font-family: 'RobotoBC', Arial; text-transform: uppercase; color: #F2AD00; font-size: 18px; margin: 0; padding: 0; } .orbit-caption ul li { float: left; padding-top:0; margin-top:-5px; margin-right:5px; } /*.orbit-caption ul li:after { color: #F2AD00; content: "|"; margin: 0 10px; } .orbit-caption ul li:last-child:after { content: ""; } */ /* ------------------------------------------------------------------- */ #slides .slide .agotado { background-color: transparent; background-image: url("../assets/banner-agotadas.png"); background-position: left top; background-repeat: no-repeat; display: block; height: 267px; position: absolute; width: 610px; z-index: 5000; } #slides .slide .banner-img { display: block; height: 267px; position: absolute; width: 610px; z-index: 1000; } #slides .next, #slides .prev { display: block; height: 43px; left: -39px; position: absolute; top: 107px; width: 24px; z-index: 101; } #slides .next { left: 590px; } .pagination { float: right; margin: 5px 0; } .pagination li { float: left; list-style: none outside none; margin: 0 2px; } .pagination li a { background-image: url("../assets/slide-active.png"); background-position: 0 0; display: block; float: left; height: 0; overflow: hidden; padding-top: 12px; width: 12px; } .pagination li.current a { background-image: url("../assets/slide-selected.png"); }