/* Edit these rules to customize your carousel :)
 * Note: the class name 'carouseljs' is assigned to the DIV element that the script wraps around your supplied UL/OL.
*/

.carouseljs ol, .carouseljs ul { width: 774px;}
.carouseljs ol li, .carouseljs ul li { width: 135px; height: 108px; float:left; display:inline;}
.carouseljs .cjs-left, .carouseljs .cjs-right {width: 26px; height: 100%; cursor: pointer; background: #09c;}

/* Botões */
.carouseljs .cjs-left { background:url(../imagens/carousel_botao_esquerda.gif) no-repeat 0 0;}
.carouseljs .cjs-right {background:url(../imagens/carousel_botao_direita.gif) no-repeat 0 0;}
.carouseljs .cjs-disabled {cursor: default;}

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

.carouseljs {overflow: hidden; position: relative; width:774px;}
.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;}