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

/* Mude o ID para definir cada slider */
#slider{width: 697px;height: 304px;list-style: none;overflow-y: auto;overflow-x: hidden;}
#slider img{width: 100%;height: 100%;}
#slider .panel{position: relative;}
#slider{background: #000;}
#slider li{position: relative;}

/* // // // CORES, BORDAS E FUNDOS // // // */
/* Padrão, repouso, sem hover ou focus */
div.anythingSlider .anythingWindow {border-top: 0px solid #777;border-bottom: 0px solid #777;}
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a { background: #777;color: #000;}

/* Ativo, hover ou focus*/
div.anythingSlider.activeSlider .anythingWindow {border-color: #7D9DF5;}
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {background-color: #FFF;}
div.anythingSlider.activeSlider .anythingControls ul a.cur span img{outline: 2px solid #A3A3A3;} /* Apenas as miniaturas ativas. Hover e focus não definidos. */

/***********************
  Cascading Style Shits do Slider
 ***********************/
div.anythingSlider {display: block;margin: 0 auto;overflow: visible !important;position: relative;}
div.anythingSlider .anythingWindow {overflow: hidden;position: relative;width: 100%;height: 100%;}

.anythingBase {background: transparent;list-style: none;position: absolute;overflow: visible !important;top: 0;left: 0;margin: 0;padding: 0;}

.anythingBase .panel {background: transparent;display: block;overflow: hidden;float: left;padding: 0;margin: 0;}
.anythingBase .panel.vertical {float: none;}

/* Navegador por miniatura */
div.anythingSlider .anythingControls {outline: 0; display: none; position: absolute; top: 5px; right: 5px;z-index: 2;}
div.anythingSlider .anythingControls ul {margin: 0; padding: 0;}
div.anythingSlider .anythingControls ul li {display: block;}
div.anythingSlider .anythingControls ul a {display:block;text-decoration:none;width:108px;height:47px;margin:10px 5px 0 0;text-align: center;} /* Configuração das miniaturas */
div.anythingSlider .anythingControls ul a span img{outline: 1px solid #FFF;} /* Miniatura em estado de repouso, default */
div.anythingSlider .anythingControls ul a:hover span img{outline: 2px solid #A3A3A3;} /* Miniatura em estado ativo, hover ou focus */
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; } /* DIV onde ficam as miniaturas */

div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

/* Não retirar! */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {transition-duration: 0;-o-transition-duration: 0;-moz-transition-duration: 0;-webkit-transition-duration: 0;}