.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}

.jcarousel-list li,
.jcarousel-item {
padding:5px 0 5px 20px;
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 190px;
    height: 142px;

}
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}



/* GRAFICO */
.jcarousel-skin-grafico .jcarousel-container {margin:0 auto; background: #000;	border: 1px solid #000;}
.jcarousel-skin-grafico .jcarousel-container-horizontal {width: 800px; padding: 5px 35px;}
.jcarousel-skin-grafico .jcarousel-clip-horizontal {width:  800px; height: 147px;}
.jcarousel-skin-grafico .jcarousel-item {width: 190px; height: 142px;}
.jcarousel-skin-grafico .jcarousel-item-placeholder {background: #fff; color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-grafico .jcarousel-next-horizontal{
    position: absolute;
    top: 68px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
   background: transparent url(../imagens/seta_graficos_right.png) no-repeat 0 0;
}

.jcarousel-skin-grafico .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-grafico .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-grafico .jcarousel-next-disabled-horizontal,
.jcarousel-skin-grafico .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-grafico .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -96px 0;}

.jcarousel-skin-grafico .jcarousel-prev-horizontal {
    position: absolute;
    top: 68px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
   background: transparent url(../imagens/seta_graficos_left.png) no-repeat 0 0;

}

.jcarousel-skin-grafico .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-grafico .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-grafico .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-grafico .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-grafico .jcarousel-prev-disabled-horizontal:active {cursor: default;    background-position: -96px 0;}

/*
.jcarousel-skin-grafico ul li{float:left;margin-right:7px;}
.jcarousel-skin-grafico ul li a,ul li a img{overflow:hidden;float:left;}
.jcarousel-skin-grafico ul li a:hover{border:7px solid #006ca0;}
.jcarousel-skin-grafico ul li a:hover img{margin:-7px;}
*/

.jcarousel-skin-grafico li {padding:0; float: left; position: relative; width: 190px; height: 142px;}
.jcarousel-skin-grafico span{
	cursor:pointer;
	width: 190px;
	height: 142px;
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	background: url(../imagens/mascara_graficos.png) no-repeat;
}
.jcarousel-skin-grafico a:hover span {background-position: left -142px;}



/* WEB */

.jcarousel-skin-web .jcarousel-container {margin:0 auto; background: #000;	border: 1px solid #000;}
.jcarousel-skin-web .jcarousel-container-horizontal {width: 800px; padding: 5px 35px;}
.jcarousel-skin-web .jcarousel-clip-horizontal {width:  800px; height: 147px;}
.jcarousel-skin-web .jcarousel-item {width: 190px; height: 142px;}
.jcarousel-skin-web .jcarousel-item-placeholder {background: #fff; color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-web .jcarousel-next-horizontal{
    position: absolute;
    top: 68px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
   background: transparent url(../imagens/seta_web_right.png) no-repeat 0 0;
}

.jcarousel-skin-web .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-web .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-web .jcarousel-next-disabled-horizontal,
.jcarousel-skin-web .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-web .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -96px 0;}
.jcarousel-skin-web .jcarousel-prev-horizontal {
    position: absolute;
    top: 68px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
   background: transparent url(../imagens/seta_web_left.png) no-repeat 0 0;
}

.jcarousel-skin-web .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-web .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-web .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-web .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-web .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -96px 0;}

/*
.jcarousel-skin-web ul li{float:left;margin-right:7px;}
.jcarousel-skin-web  ul li a,ul li a img{overflow:hidden;float:left;}
.jcarousel-skin-web  ul li a:hover{border:7px solid #da0000;}
.jcarousel-skin-web  ul li a:hover img{margin:-7px;}
*/

.jcarousel-skin-web li {padding:0; float: left; position: relative; width: 190px; height: 142px;}
.jcarousel-skin-web span{
	cursor:pointer;
	width: 190px;
	height: 142px;
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	background: url(../imagens/mascara_web.png) no-repeat;
}
.jcarousel-skin-web a:hover span {background-position: left -142px;}


/* VIDEO */

.jcarousel-skin-video .jcarousel-container {margin:0 auto; background: #000; border: 1px solid #000;}
.jcarousel-skin-video .jcarousel-container-horizontal {width: 805px; padding: 5px 35px;}
.jcarousel-skin-video .jcarousel-clip-horizontal {width:  800px; height: 147px;}
.jcarousel-skin-video .jcarousel-item {width: 190px; height: 142px;}
.jcarousel-skin-video .jcarousel-item-placeholder {background: #fff; color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-video .jcarousel-next-horizontal{
    position: absolute;
    top: 68px;
    right: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
   background: transparent url(../imagens/seta_videos_right.png) no-repeat 0 0;
}

.jcarousel-skin-video .jcarousel-next-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-video .jcarousel-next-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-video .jcarousel-next-disabled-horizontal,
.jcarousel-skin-video .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-video .jcarousel-next-disabled-horizontal:active {cursor: default; background-position: -96px 0;}


.jcarousel-skin-video .jcarousel-prev-horizontal {
    position: absolute;
    top: 68px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
   background: transparent url(../imagens/seta_videos_left.png) no-repeat 0 0;

}
.jcarousel-skin-video .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-video .jcarousel-prev-horizontal:active {background-position: -64px 0;}
.jcarousel-skin-video .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-video .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-video .jcarousel-prev-disabled-horizontal:active {cursor: default; background-position: -96px 0;}

/*
.jcarousel-skin-video ul li{float:left;margin-right:7px;}
.jcarousel-skin-video ul li a,ul li a img{overflow:hidden;float:left;}
.jcarousel-skin-video ul li a:hover{border:7px solid #00a30f;}
.jcarousel-skin-video ul li a:hover img{margin:-7px;}
*/




.jcarousel-skin-video li {padding:0; float: left; position: relative; width: 190px; height: 142px;}
.jcarousel-skin-video span{
	cursor:pointer;
	width: 190px;
	height: 142px;
	display: block;
	position: absolute;
	top: 0;
	left: 10px;
	background: url(../imagens/mascara_videos.png) no-repeat;
}
.jcarousel-skin-video a:hover span {background-position: left -142px;}


