/* Edit these rules to customize your carousel :)
 * Note: the carouseljs class is assigned to the div that the script wraps around the UL/OL
 */

#carousel .carouseljs ol,
#carousel .carouseljs ul {
  width: 100%;
}

#carousel .carouseljs ol li,
#carousel .carouseljs ul li {
  width: 91px;
  height: 71px;
  padding-right: 1px;
  background: url('/img/fondo_mini.jpg') no-repeat;
}

#carousel .carouseljs ol li:hover,
#carousel .carouseljs ul li:hover {
  cursor: pointer;
  width: 91px;
  height: 71px;
  padding-right: 1px;
  background: url('/img/fondo_mini_gris.jpg') no-repeat;
  filter:alpha(opacity=60);
  -moz-opacity:0.6; 
  -khtml-opacity:0.6;
  
}

#carousel .carouseljs .cjs-left,
#carousel .carouseljs .cjs-right {
  width: 20px;
  height: 100%;
  cursor: pointer;
}
#carousel .carouseljs .cjs-left {
  background: url('/img/1.jpg') no-repeat;
}
#carousel .carouseljs .cjs-right {
  background: url('/img/2.jpg') no-repeat;
}
#carousel .carouseljs .cjs-disabled {
  /*background-position: 0 -160px;*/
  /*background: url('/img/1.jpg') no-repeat;*/
  cursor: default;
}
#carousel .carouseljs li img {
  display: block;
}

/* Only edit these rules if you know what you're doing */

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

.carouseljs a.cjs-left,
.carouseljs a.cjs-right {
  float: left;
  overflow: hidden;
  text-indent: -9999em;
}

.carouseljs ol,
.carouseljs ul {
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;
}

.carouseljs ol li,
.carouseljs ul li {
  float: left;
  display: inline; /*ie6... */
}

.botones
{
font-family: Arial Narrow;
font-size: 14px;
color: #a0a0a0;
}

.menu
{
font-family: Arial Narrow;
font-size: 18px;
color: #000000;
}

a.linkmenu
{
color: #a0a0a0;
text-decoration: none;
}

a.linkmenu:hover
{
color: #a0a0a0;
text-decoration: underline;
}