/* Horizontal Carousel */
.event_carousel {width: 562px;height: 120px;margin-bottom: 10px;position: relative;text-align:center;}
.event_carousel .container {float: left;width: 498px;height: 120px;position: relative;   overflow: hidden;}
.event_carousel ul {margin: 0;padding:0;width: 100000px;position: relative;top: 0;left: 0; overflow:hidden; height: 175px;}                      
.event_carousel ul li { width: 164px; height: 119px;   list-style:none;    float:left; background:#ccc;  border-left:#fff solid 2px;margin:0 0 40px 0; }
.event_carousel .previous_button { float:left;  width: 32px; height: 120px; background: url(prototype-ui/horizontal/left.png); z-index: 100; cursor: pointer;}
.event_carousel .previous_button_over { background: url(prototype-ui/horizontal/left_over.png);}
.event_carousel .previous_button_disabled { background: url(prototype-ui/horizontal/left_disabled.png); cursor: default; background-repeat: no-repeat; }
.event_carousel .next_button { float:left; width: 32px; height: 120px; background: url(prototype-ui/horizontal/right.png); z-index: 100; cursor: pointer;background-repeat: no-repeat; }
.event_carousel .next_button_over {  background: url(prototype-ui/horizontal/right_over.png);}
.event_carousel .next_button_disabled {background: url(prototype-ui/horizontal/right_disabled.png);cursor: default;}


.foto_carousel2 {width: 176px;height: 100px;position: relative;text-align:center; padding:10px 0 10px 0;}
.foto_carousel2 .container {float: left;width: 180px;height: 100px;position: relative;   overflow: hidden;}
.foto_carousel2 ul {margin: 0;padding:0 0 0 3px!important;width: 100000px;position: relative;top: 0;left: 0; overflow:hidden; height: 175px; }                      
.foto_carousel2 ul li { width: 164px; height: 119px;   list-style:none;    float:left; background:#000;  margin:0 0 40px 0;border-left:#000 solid 3px; }



.foto_carousel {width: 527px;height: 100px;position: relative;text-align:center; padding:10px 0 10px 0;}
.foto_carousel .container {float: left;width: 498px;height: 100px;position: relative;   overflow: hidden;}
.foto_carousel ul {margin: 0;padding:0;width: 100000px;position: relative;top: 0;left: 0; overflow:hidden; height: 175px; }                      
.foto_carousel ul li { width: 164px; height: 119px;   list-style:none;    float:left; background:#000;  margin:0 0 40px 0;border-left:#000 solid 3px; }
.foto_carousel .previous_button { float:left; width: 10px; height: 100px; background: url(../../images/lenta_arrow_left.gif); z-index: 100; cursor: pointer;background-position:center;background-repeat: no-repeat; }
.foto_carousel .previous_button_over { background: url(../../images/lenta_arrow_left.gif);background-position:center;background-repeat: no-repeat;  }
.foto_carousel .previous_button_disabled { background: url(../../images/lenta_arrow_left.gif); cursor: default; background-position:center;background-repeat: no-repeat; }
.foto_carousel .next_button { float:left;  width: 19px; height: 100px; background:  url(../../images/lenta_arrow_right.gif); z-index: 100; cursor: pointer;background-repeat: no-repeat; background-position:center; }
.foto_carousel .next_button_over {  background: url(../../images/lenta_arrow_right.gif);background-position:center;background-repeat: no-repeat; }
.foto_carousel .next_button_disabled {background: url(../../images/lenta_arrow_right.gif);cursor: default; background-position:center;background-repeat: no-repeat; }


.foto_l {width: 527px;height: 100px;position: relative;text-align:center; padding:10px 0 10px 0;}
.foto_l .container {float: left;width: 508px;height: 100px;position: relative;   overflow: hidden;}
.foto_l ul {margin: 0;padding:0;width: 100000px;position: relative;top: 0;left: 0; overflow:hidden; height: 175px; padding-left: 10px; }                      
.foto_l ul li { width: 164px; height: 119px;   list-style:none;    float:left; background:#000;  margin:0 0 40px 0;border-left:#000 solid 3px; }


.cine_carousel {width: 489px;height:64px;position: relative;text-align:center; padding:10px 0 10px 0;}
.cine_carousel .container {float: left;width: 460px;height: 64px;position: relative;   overflow: hidden;}
.cine_carousel ul {margin: 0;padding:0;width: 100000px;position: relative;top: 0;left: 0; overflow:hidden; height: 175px; }                      
.cine_carousel ul li { width: 112px; height: 64px;   list-style:none;    float:left; background:#000;  margin:0 0 40px 0;border-left:#000 solid 3px; }
.cine_carousel .previous_button { float:left;  width: 10px; height: 64px; background: url(../../images/lenta_arrow_left.gif); z-index: 100; cursor: pointer;background-position:center;background-repeat: no-repeat; }
.cine_carousel .previous_button_over { background: url(../../images/lenta_arrow_left.gif);background-position:center;background-repeat: no-repeat;  }
.cine_carousel .previous_button_disabled { background: url(../../images/lenta_arrow_left.gif); cursor: default; background-position:center;background-repeat: no-repeat; }
.cine_carousel .next_button { float:left; width: 19px; height: 64px; background:  url(../../images/lenta_arrow_right.gif); z-index: 100; cursor: pointer;background-repeat: no-repeat; background-position:center; }
.cine_carousel .next_button_over {  background: url(../../images/lenta_arrow_right.gif);background-position:center;background-repeat: no-repeat; }
.cine_carousel .next_button_disabled {background: url(../../images/lenta_arrow_right.gif);cursor: default; background-position:center;background-repeat: no-repeat; }



/* vertical Carousel */

.ui_vertical_carousel {
}

#vertical_carousel {
  float:left;
  width: 350px;
  height: 270px;
  margin-bottom: 10px;
  position: relative;
}

#vertical_carousel .container {
  float:left;  
  width: 260px;
  height: 175px;
  overflow: hidden;
}

#vertical_carousel ul {
  margin: 0;
  padding:0;
  height: 100000px;
  position: relative;
  top: 0;
  left: 0;
}

#vertical_carousel ul li {
  width: 260px;
  height: 175px;
  text-align: center;      
  list-style:none;   
  float:left;
}                         

#vertical_carousel .previous_button {
  float:left;
  height: 32px;
  width: 175px;
  background: url(prototype-ui/vertical/left.png);
  cursor: pointer;    
  display:inline;
  margin: 0 0 10px 40px;
}

#vertical_carousel .previous_button_over {
  background: url(prototype-ui/vertical/left_over.png);
}

#vertical_carousel .previous_button_disabled {
  background: url(prototype-ui/vertical/left_disabled.png);
  cursor: default;
}

#vertical_carousel .next_button {
  float:left;
  height: 32px;
  width: 175px;
  background: url(prototype-ui/vertical/right.png);
  display:inline;
  margin-left: 40px;
  cursor: pointer;
}

#vertical_carousel .next_button_over {
  background: url(prototype-ui/vertical/right_over.png);
}

#vertical_carousel .next_button_disabled {
  background: url(prototype-ui/vertical/right_disabled.png);
  cursor: default;
}