/********************
  Overall Demo pages
 ********************/
body                   { }
a, a img               { border: 0; text-decoration: none; }

#page-wrap, #demo2     { position: relative}

    
pre, code              { font: 13px/1.8 Monaco, MonoSpace; margin: 0 0 15px 0; padding: 5px; background: #fff; block: inline; width: 100%; overflow-x: auto; }
blockquote             { margin-left: 30px; }



#nav                   { display: block; width: 100%; margin: 10px auto; text-align: center; line-height: 3em; }
#nav a                 { text-align: center; background: #fff; color: white;  padding: 10px; white-space: nowrap; }
#nav a.git             { background: #fff; }
#nav a.play            { background: #fff; }
#nav a.issue           { background: #fff;; }
#nav a:hover, #nav a.current { background: #fff; }

.themeselector, .ani   { margin: 0 auto; text-align: center; }

#status                { color: #00a; font-weight: bold; }
.alert                 { color: #f00; font-weight: bold; }
.alert a, .attention   { color: #a00; }
.data                  { width: 100%;border-collapse: collapse; }
.data td, .data th     { padding: 0 0px; }
.data th               { background: #fff;; }
.data .col             { width: 200px; }

/*****************
  Main demo page
 *****************/
#main #slider1         {  width: 423px; height: 95px; list-style: none;}
#main #slider2         {  width: 423px; height: 95px;      list-style: none; }

/* Set slider1 panel 5 stuff - adding padding directly to the panel will
   shift panels after it, so we need a wrapper */


/* Set slider2 panel sizes, Main & FX demo pages */
#slider2 .panel1 { width: 423px; height: 95px;}
#slider2 .pane21 {  width: 423px; height: 95px;}
#slider2 .pane31 {  width: 423px; height: 95px;}
#slider2 .pane41 {  width: 423px; height: 95px;}
#slider2 .pane51 {  width: 423px; height: 95px;}

/* For Specific Slides, these also apply to FX demo pages */

.rightside             { float: right; ; }

.quoteSlide            { }
.quoteSlide blockquote { font: italic 24px/1.5 Georgia, Serif; text-align: center; color: #444; margin: 0 0 10px 0; }
.quoteSlide p          { text-align: center; }

/***************************
  FX Demo Page
 ***************************/
/* Demo page accordions */
.accordion             { width: 100%; margin: 0 auto; }
.accordion .ui-widget-content a { color: #004499; }




/* border around image to show current page */
#demo2 div.anythingSlider-metallic .thumbNav a:hover,
#demo2 div.anythingSlider-metallic .thumbNav a.cur {  }


/** Demo 2 **/
#demo2 #slider2        {  width: 423px; height: 95px;  list-style: none; }

/** Demo 3 **/
#demo2 #slider3        {  width: 423px; height: 95px;  list-style: none; }

/* expand image */
#slider3 img           {  width: 423px; height: 95px;  position: relative; }
#slider3 .panel        { position: relative; }

/* position caption close button */
.caption-top .close,
.caption-right .close,
.caption-bottom .close,
.caption-left .close   { font-size: 100%; cursor: pointer; float: right; display: inline-block; }

/* captions */
/* set to position: relative here in case javascript is disabled, script sets captions to position: absolute */
#slider3 .caption-top,
#slider3 .caption-right,
#slider3 .caption-bottom,
#slider3 .caption-left { background: #fff; color: #fff; padding: 10px; margin: 0; position: absolute; z-index: 10; opacity: .8; filter: alpha(opacity=80); }

/* Top caption - padding is included in the width (480px here, 500px in the script), same for height */
#slider3 .caption-top  { left: 0; top: 0; width: 480px; height: 30px; }

/* Right caption - padding is included in the width (130px here, 150px in the script), same for height */
#slider3 .caption-right  { right: 0; bottom: 0; width: 130px; height: 180px;  }

/* Bottom caption  - padding is included in the width (480px here, 500px in the script), same for height */
#slider3 .caption-bottom { left: 0; bottom: 0; width: 480px; height: 30px; }

/* Left caption - padding is included in the width (130px here, 150px in the script), same for height */
#slider3 .caption-left   { left: 0; bottom: 0; width: 130px; height: 180px;  }

/******************
  Expand demo page
 ******************/
#wrapper1              {  width: 423px; height: 95px; margin: 0 auto; }
#wrapper2              { width: 423px; height: 95px;  margin: 0 auto; }
#expand #slider1,
#expand #slider2       { width: 423px; height: 95px;;  list-style: none; }
body#expand h2,
body#expand h3         { text-align: center; }

/***************************
  Video Compatibility table
 ***************************/
.video-info            { width: 700px; margin: 0 auto; margin-top: 50px; font-size: 18px; }
.video-info h2         { text-align: center; }
.video-info ul,
.video-info li         { margin: 0; }
.video-info sup        { font-size: 12px; }
.video-info th.header  { width: 25px; }
.good                  { background: #fff; }
.bad                   { background: #fff; }
.prob                  { background: #fff; }
.group                 {  }

/******************
  css3 demo page
 ******************/
.animations            { margin: 20px 20px 20px 5px; }
.ani                   { margin-top: 10px; }

/******************
  tooltips (Jatt)
 ******************/
.tooltip { cursor: pointer; }
#tooltip {
 min-width: 100px;
 color: #dddddd;
 background: #fff;
 
 display: none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align: left;
 z-index: 1000;
}
#tooltip .body {
 display: block;
 text-align: center;
}


.cl{
 clear: left;
}
.enleia{float: left; margin-left: 0px;}




.anythingSlider .anythingBase {
	height: 95px!important;
}

.anythingSlider .anythingBase {
	height: 95px!important;
}