#myGallery
{
  width:440px;
  height:300px;
  z-index:5;
  display:none;
  border:1px solid #000;
}

.jdGallery
{
  overflow:hidden;
  position:relative;
}

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

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

.jdGallery .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('img/loading-bar-black.gif');
}

.jdGallery .slideInfoZone
{
  position:absolute;
  z-index:10;
  width:100%;
  margin:0px;
  left:0;
  bottom:0;
  height:40px;
  background:#333;
  color:#E3E3E6;
  text-indent:0;
  overflow:hidden;
}

* html .jdGallery .slideInfoZone
{
  bottom:-1px;
}

.jdGallery .slideInfoZone h2
{
  padding:0;
  font-size:100%;
  margin:0;
  margin:2px 5px;
  color:inherit;
  font-weight:bold;
}

.jdGallery .slideInfoZone p
{
  padding:0;
  font-size:95%;
  margin:2px 5px;
  color:#eee;
}

.jdGallery div.carouselContainer
{
  position:absolute;
  height:120px;
  width:100%;
  z-index:10;
  margin:0px;
  left:0;
  top:0;
}

.jdGallery a.carouselBtn 
{
  position:absolute;
  bottom:0;
  right:30px;
  height:20px;
  /*width:100px; background:url('img/carousel_btn.gif') no-repeat;*/
  text-align:center;
  padding:0 10px;
  font-size:15px;
  font-weight:bolder;
  background:#333;
  color:#a3b1cf;	/*Boton Images*/
  cursor:pointer;
}

.jdGallery .carousel
{
  position:absolute;
  width:100%;
  margin:0px;
  left:0;
  top:0;
  height:100px;
  background:#333;
  color:#fff;
  text-indent:0;
  overflow:hidden;
}

.jdGallery .carousel .carouselWrapper
{
  position:absolute;
  width:100%;
  height:78px;
  top:10px;
  left:0;
  overflow:hidden;
}

.jdGallery .carousel .carouselInner
{
  position:relative;
}

.jdGallery .carousel .carouselInner .thumbnail
{
  cursor:pointer;
  background:#000000;
  background-position:center center;
  float:left;
  border:solid 1px #fff;
}

.jdGallery .carousel .label
{
  font-size:13px;
  position:absolute;
  bottom:5px;
  left:10px;
  padding:0;
  margin:0;
}

.jdGallery .carousel .label .number
{
  color:#b5b5b5;
}

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

.jdGallery a.right, .jdGallery a.left
{
  position:absolute;
  height:99%;
  width:25%;
  cursor:pointer;
  z-index:10;
  filter:alpha(opacity=50);
  -moz-opacity:0.4;
  -khtml-opacity:0.4;
  opacity:0.5;
}

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

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

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

* html .jdGallery a.left { background:url('img/fleche1.gif') no-repeat center left; }

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

* html .jdGallery a.right { background:url('img/fleche2.gif') no-repeat center right; }

.jdGallery a.open
{
  left:0;
  top:0;
  width:100%;
  height:100%;
}

.withArrows a.open
{
  position:absolute;
  top:0;
  left:25%;
  height:99%;
  width:50%;
  cursor:pointer;
  z-index:10;
  background:none;
  -moz-opacity:0.8;
  -khtml-opacity:0.8;
  opacity:0.8;
}

.withArrows a.open:hover { background:url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background:url('img/open.gif') no-repeat center center;
  filter:alpha(opacity=80); }