@charset "utf-8";
/* CSS Document */

/*Carrousell*/
.stepcarousel { position: relative; /*border: 10px solid black;*/ overflow: scroll; width: 955px; /*Width of Carousel Viewer itself*/ height: 130px; /*Height should enough to fit largest content's height*/ z-index:10;/* position:relative; left:0; top:-110px;*/ display:inline-block; background:url(../../img/general_personaje_bar_bg.jpg) no-repeat left top #0AADEC; }
.stepcarousel .cinto { position: absolute; left: 0; top: 0;  }
.stepcarousel .panel { float: left; overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0px; /*margin around each panel*/ width: 955px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }

.stepcarousel2 { margin-left:80px; position: relative; /*border: 10px solid black;*/ overflow: scroll; width: 400px; /*Width of Carousel Viewer itself*/ height: 409px; /*Height should enough to fit largest content's height*/ z-index:10;/* position:relative; left:0; top:-110px;*/ display:inline-block; }
.stepcarousel2 .cinto { position: absolute; left: 0; top: 0;  }
.stepcarousel2 .panel { float: left; overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0px; /*margin around each panel*/ width: 955px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ }