#mySlideshow {
    width: 109px;
    height: 166px;
    z-index:5;
  }


.jdSlideshow {
    display: none;
    overflow:hidden;
    position: relative;
  }


.jdSlideshow img {
    border: 0;
    margin: 0;
  }


.jdSlideshow .slideElement {
    width: 100%;
    height: 100%;
    background-color: #000;
    background-repeat: no-repeat;
  }


.jdSlideshow .loadingElement {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('imagenes/loading-bar-black.gif');
  }


.jdSlideshow .slideInfoZone {
    background-color : #ffffff;
    bottom : 0;
    color : #FF6600;
    font-family : Arial;
    font-size : 14px;
    font-weight : bold;
    height : 40px;
    left : 0;
    margin-bottom : 0px;
    margin-left : 0px;
    margin-right : 0px;
    margin-top : 0px;
    position : absolute;
    text-indent : 0;
    width : 100%;
    z-index : 10;
  }


.jdSlideshow .slideInfoZone h2 {
    color : inherit;
    font-family : Arial;
    font-size : 12px;
    font-weight : bold;
    margin-bottom : 2px;
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 2px;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
  }


.jdSlideshow .slideInfoZone p {
    color : #FF6600;
    font-family : Arial;
    font-size : 12px;
    margin-bottom : 2px;
    margin-left : 5px;
    margin-right : 5px;
    margin-top : 2px;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
  }


.jdSlideshow a {
    font-size: 100%;
    text-decoration: none;
    color: inherit;
  }


.jdSlideshow a.right, .jdSlideshow a.left {
    position: absolute;
    height: 100%;
    width: 40%;
    cursor: pointer;
    z-index:10;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
  }


* html .jdSlideshow a.right, * html .jdSlideshow a.left {
    filter:alpha(opacity=50);
  }


.jdSlideshow a.right:hover, .jdSlideshow a.left:hover {
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
  }


.jdSlideshow a.left {
    left: 0;
    top: 0;
    background: url('imagenes/fleche1.png') no-repeat top left;
  }


* html .jdSlideshow a.left {
    background: url('imagenes/fleche1.gif') no-repeat top left;
  }


.jdSlideshow a.right {
    right: 0;
    top: 0;
    background: url('img/fleche2.png') no-repeat top right;
  }


* html .jdSlideshow a.right {
    background: url('imagenes/fleche2.gif') no-repeat top right;
  }