@charset "utf-8";
/* CSS Document */
#div_contents #promotion {position:relative; z-index:10; width:320px; height:260px; margin-bottom:10px; overflow:hidden;}
#div_contents .promotion {width:320px; height:260px;}
#div_contents .promotion {position:relative; margin-bottom:10px;}
#div_contents .promotion p {position:absolute; bottom:0; width:310px; height:40px; padding:5px 5px; color:#c2c2c2; background:#000; opacity:0.8; filter:alpha(opacity=80);}
#div_contents .promotion a {display:block; width:250px; cursor:pointer; font-size:12px; color:white;}

.jcarousel-skin-tango .jcarousel-container {position:relative; z-index:10;}
.jcarousel-skin-tango .jcarousel-container-horizontal {width:320px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:320px; height:260px;}
.jcarousel-skin-tango .jcarousel-item {width:320px; height:260px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right:10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder {background:#fff; color:#000;}

/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute; bottom:4px; right:10px; width:26px; height:26px; cursor:pointer; background: url("../imagens/seta_avan.png") no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position:absolute; bottom:4px; right:285px; width:26px; height:26px; cursor:pointer; background: url("../imagens/seta_voltar.png") no-repeat 0 0;}

/* Additional styles for the controls. */
.jcarousel-control { position:absolute; right:40px; bottom:8px; width:230px; height:20px; z-index:100; text-align:left;}
.jcarousel-control a {display:inline-block; padding:0 5px;text-indent:-99999px; margin:0; width:16px; height:22px; cursor:pointer;background:url("../imagens/btn.png") no-repeat;}
.jcarousel-control a:focus,
.jcarousel-control a:active {outline:none;}
.jcarousel-control a.selected {background:url("../imagens/btn_selec.png") no-repeat}
*

*html .jcarousel-control {position:absolute; bottom:8px;}
*html .jcarousel-control a {display:inline-block; padding:0 2px; text-indent:0px;}
*html .jcarousel-control a span {display:block; width:5px; height:5px; text-indent:-9999px;}
*+html .jcarousel-control {position:absolute; bottom:10px;}
*+html .jcarousel-control a {display:inline-block; padding:0 2px; width:5px; height:10px; text-indent:0px;}
*+html .jcarousel-control a span {display:block; width:5px; height:5px; text-indent:-9999px;}



.jcarousel-scroll {margin-top:10px; text-align:center;}
.jcarousel-scroll form {margin:0; padding:0;}
.jcarousel-scroll select {font-size:75%;}
/* jCarousel core stylesheet */
/* 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,
/* We set the width/height explicitly. No width/height causes infinite loops. */
.jcarousel-item {float:left; list-style:none; width:466px; height:218px;}
.jcarousel-item p {margin:0; padding: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". */
.jcarousel-next {z-index:3; display:none;}
.jcarousel-prev {z-index:3; display:none;}