/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.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 {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 958px;
    height: 298px;
	margin-left:0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.content-top .jcarousel-clip { width:958px;}
.content-top .jcarousel-next,.content-top .jcarousel-prev{ 
	width:40px; height:298px; float:left; position:absolute;  top:0; cursor:pointer;
	opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=20);
}

.content-top .jcarousel-next:hover,.content-top .jcarousel-prev:hover{ 
	opacity: 1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=40);
}
.content-top .jcarousel-next {
    z-index: 3;
    display: none;
	right:0px;
	background: url(img/carrousel-next.png) no-repeat center center;
}

.content-top .jcarousel-prev {
    z-index: 3;
    display: none;
	left:0px;
	background: url(img/carrousel-prev.png) no-repeat center center;
}
.content-top .jcarousel-next-disabled,.content-top .jcarousel-prev-disabled { background:none; cursor:default;}


.jcarousel-control { position:absolute; width:958px; text-align:center; top:265px; z-index:5;}
.jcarousel-control a { text-decoration:none; margin:0 5px; padding:0 5px; background:url(img/carrousel-num.png) no-repeat center bottom; font-size:8px; line-height:9px;}
.jcarousel-control a span { display:none;}
.jcarousel-control a.activo, .jcarousel-control a:hover { background-position: center top; }


/* grid_3 */
.grid_3 .jcarousel-list li,
.grid_3 .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 220px;
    height: 136px;
	margin-left:0;
}
.grid_3 .jcarousel-item img { margin:0 10px 10px 0; border:4px solid #ccc; float:left; }

.grid_3 .jcarousel-list-vertical li,
.grid_3 .jcarousel-item-vertical { float:none; width:220px; height:68px; }

.grid_3 .jcarousel-next,
.grid_3 .jcarousel-prev{ 
	width:11px; height:11px; cursor:pointer; position:absolute; top:140px; z-index: 3; display: none;
	background:url(img/bot-pag.png) no-repeat top left;}
.grid_3 .jcarousel-next {
	right:0px;
	background-position:right top;
}

.grid_3 .jcarousel-prev {
	right:12px;
	background-position:left top;
}
.grid_3 .jcarousel-next-disabled { background-position:right bottom; cursor:default;}
.grid_3 .jcarousel-prev-disabled { background-position:left bottom; cursor:default;}
.grid_3 .jcarousel-clip-horizontal { width:220px;}
.jcarousel-clip-vertical { height:136px;}
.jcarousel-container-grid .mas { text-align:right; padding:2px 28px 0 0; color:#787878; font-size:1.1em;}

.jcarousel-item-placeholder {
    background: transparent url(img/facebox/loading.gif) 50% 50% no-repeat;
}

#mycarousel { list-style:none; margin:0; padding:0;}
#mycarousel li{ list-style:none; margin:0; padding:0;}