/* carrossel controls */
.jcarousel-control {margin: 10px 0;}
.jcarousel-control div {width:37px; height:24px; text-indent:-9999px; border:1px solid #000; float:left; margin:5px; cursor:pointer; z-index:2;}
.jcarousel-control a:focus,
.jcarousel-control a:active {outline: none;}
.jcarousel-scroll {margin-top: 10px;text-align: center;}
.jcarousel-scroll form {margin: 0; padding: 0;}
.jcarousel-scroll select {font-size: 75%;}
#mycarousel-next,
#mycarousel-prev {cursor: pointer; margin-bottom: -10px; text-decoration: underline; font-size: 11px;}
/**
 * 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:843px; height: 562px;}
/**
 * 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;}
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 100%;}
.jcarousel-skin-tango .jcarousel-container-vertical { width: 843; height: 562px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  843px; height: 562px;}
.jcarousel-skin-tango .jcarousel-clip-vertical {width: 843px; height: 562px;}
.jcarousel-skin-tango .jcarousel-item {width: 843px; height: 562px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background: #fff; color: #000;}