#carousel-container{
    position:relative;
    padding-top:10px;
    float:left;
    width:auto;
    display:inline;
}

#carousel-accordion-separator{
    position:relative;
    float:left;
    width:11px;
    height:278px;
}

#up-carousel-separator{
    position:relative;
    float:left;
    width:auto;
    display:inline;
    margin:0;
    padding:0;
}

#down-carousel-separator{
    position:relative;
    float:left;
    width:auto;
    display:inline;
    margin-top:244px;
    padding:0;
}

.btncarousel {
    position:absolute;
    font-size:4px;
    border:0 none;
    vertical-align:bottom;
    display:inline-block;
    text-decoration:none;
    padding:0;
    margin:0;
    z-index:2;
}

#btnwebpages-carousel {    
    width:114px;
    height:14px;
    top:275px;
    left:95px;
}

#btnapplications-carousel {
    width:114px;
    height:14px;
    top:275px;
    left:250px;
}

html>body #carousel-buttons {
    float:left;
    width:auto;
    height:298px;
    position:relative;
    background-image:url(../resources/images/carousel/carouselbackground.png);
}
.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:154px;
    height:150px;    
}

/**
 * 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".
 */
.jcarousel-next {
    z-index:3;
    display:none;
}

.jcarousel-prev {
    z-index:3;
    display:none;
}

/**
 * Skin configuration
 */

.jcarousel-container {
    float:left;
    width:auto;
    position:relative;
}

.jcarousel-container-horizontal {
    width:415px;
    height:278px;
}

.jcarousel-clip-horizontal {
    padding-top:66px;
    margin-left:38px;
    width:338px;
    height:150px;
}

.jcarousel-item {
    width:154px;
    height:150px;
    background-image:url(../resources/images/loader.gif);
    background-repeat:no-repeat;
    background-position:center;
}

.jcarousel-item-horizontal {
    margin-right:30px;
}

.jcarousel-item-placeholder {
    background:#fff;
    color:#000;
}

/**
 *  Horizontal Buttons
 */
html>body .jcarousel-next-horizontal {
    vertical-align:bottom;
    position:absolute;
    top:72px;
    right:12px;
    width:16px;
    height:111px;
    cursor:pointer;
    background-image:url(../resources/images/carousel/carouselrightarrow.png);
}

html>body .jcarousel-next-horizontal:hover {
    vertical-align:bottom;
    position: absolute;
    top: 72px;
    right:12px;
    width:16px;
    height:111px;
    cursor:pointer;
    background-image:url(../resources/images/carousel/carouselrightarrowhover.png);
}

html>body .jcarousel-prev-horizontal {
    vertical-align:bottom;
    position:absolute;
    top:72px;
    left:12px;
    width:16px;
    height:111px;
    cursor:pointer;
    background-image:url(../resources/images/carousel/carouselleftarrow.png);
}

html>body .jcarousel-prev-horizontal:hover {
    vertical-align:bottom;
    position:absolute;
    top:72px;
    left:12px;
    width:16px;
    height:111px;
    background-image:url(../resources/images/carousel/carouselleftarrowhover.png);
}

/**
 * De fractal pal mundo
 */
.picture-link {
    border:0 none;
    vertical-align:bottom;
    text-decoration:none;
    text-align:center;
    width:154px;
    height:150px;
    color:#000000;
    background-color:inherit;
}

.picture-image {
    border:0 none;
    vertical-align:bottom;
}

.picture-title {
    border:0 none;
    vertical-align:bottom;
    font-size:11px;
    font-weight:bolder;
    z-index:5;
}