div.panel h3 { margin: 0px 0px 14px 0px; padding: 0; }

#slider { width: 500px; margin: 0 auto; margin-bottom: 20px; position: relative; }
#slider p { width: 435px; display: block;  }

.scroll { height: 250px; width: 490px; overflow: hidden; overflow-x: hidden; position: relative; clear: left; }
.scrollContainer div.panel { padding: 20px; height: 210px; width: 450px; background: url(../img/bgRecomendacion.jpg) top left no-repeat; }

ul.navigation { list-style: none; margin: 0; padding: 0; padding-bottom: 9px; display: block; overflow: auto; }
ul.navigation li { display: inline; margin-left: 20px; float: left; }
#slider ul.navigation li a:hover { background-position: top left; }
#slider ul.navigation li a.selected { background-position: top left; }
#slider ul.navigation li a span { display: none; }

.scrollButtons { position: absolute; top: 150px; cursor: pointer; }
.scrollButtons.leftX { width: 16px; height: 16px; left: -40px; top: 165px; display: inline; }
.scrollButtons.rightX { width: 16px; height: 16px; right: -40px; display: inline; }
.hide { display: none; }

ul.navigation a.selected { background-position: top left; }

#bR1 a { display: block; width: 25px; height: 25px; background:url(../img/1.jpg) 0px -25px no-repeat; }
#r1 p { margin-top: 70px;text-indent: 0px; }
#bR2 a { display: block; width: 25px; height: 25px; background:url(../img/2.jpg) 0px -25px no-repeat; }
#r2 p { margin-top: 35px;text-indent: 0px; }
#bR3 a { display: block; width: 25px; height: 25px; background:url(../img/3.jpg) 0px -25px no-repeat; }
#r3 p { margin-top: 50px;text-indent: 0px; }
#bR4 a { display: block; width: 25px; height: 25px; background:url(../img/4.jpg) 0px -25px no-repeat; }
#r4 p { text-indent: 0px; }
#bR5 a { display: block; width: 25px; height: 25px; background:url(../img/5.jpg) 0px -25px no-repeat; }
#r5 p { text-indent: 0px; }
#bR6 a { display: block; width: 25px; height: 25px; background:url(../img/6.jpg) 0px -25px no-repeat; }
#r6 p { margin-top: 55px;text-indent: 0px; }
#bR7 a { display: block; width: 25px; height: 25px; background:url(../img/7.jpg) 0px -25px no-repeat; }
#r7 p { margin-top: 40px;text-indent: 0px; }
#bR8 a { display: block; width: 25px; height: 25px; background:url(../img/8.jpg) 0px -25px no-repeat; }
#r8 p { margin-top: 55px;text-indent: 0px; }
#bR9 a { display: block; width: 25px; height: 25px; background:url(../img/9.jpg) 0px -25px no-repeat; }
#r9 p { margin-top: 70px;text-indent: 0px; }