/* TANGO */
.jcarousel-skin-tango .jcarousel-container {background: none;}

.jcarousel-skin-tango .jcarousel-container-horizontal {width:940px; padding:0px; height:284px;}

.jcarousel-skin-tango .jcarousel-clip-horizontal {width:  870px;height: 284px;margin:0 0 0 30px;padding:0;}

.jcarousel-skin-tango .jcarousel-item {width:160px;height: 280px;background-color:#fff;margin-left:10px;border:2px ridge #ccc;padding:0;}



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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {position: absolute;top: 0px;right: 0; width: 25px; height: 270px; cursor: pointer; background: transparent url(../img/seta_dir.jpg) no-repeat 0 50%;margin-left:0;}

.jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 0px;left: 0;width: 30px;height: 270px;cursor: pointer;background: transparent url(../img/seta_esq.jpg) no-repeat 0 50%;}


/** CARROSSEL
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}

.jcarousel-clip { z-index: 1; padding: 0; margin: 0; overflow: hidden; position: relative;margin:0 auto;}

.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: 180px; height: 270px;}

/**
 * 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: 1;display: none;}

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




 /* Lancamentos Destaque */
.boxgrid{ width: 180px; height: 270px; 	float:left;  overflow: hidden; 	position: relative; padding: 0px;}
.boxgrid img{ position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p{ padding: 15px 5px 5px 5px; color:#666666; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }

.boxcaption{  position: absolute; background:#DEDEDD; height: 100px; width: 165px; opacity: .9; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);	/* For IE 8 */	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	}
.captionfull .boxcaption {	top: 260;	left: 0;}
.caption .boxcaption {top: 245;	left: 0;}

.boxcaption h3{font:8pt Arial, Helvetica, sans-serif; font-weight:700; color:#333333; font-size:13px;margin:5px 0 0 5px}