@import "vlightbox.css";
@import "visuallightbox.css";

div { overflow: hidden; _height: 100%; }

a { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; }

#fotos { }
  #fotos .wrapper { background: #EAEAEB; padding: 5px; }
    #fotos .wrapper .btn { width: 16px; height: 88px; cursor: pointer; background-position: center center; background-repeat: no-repeat; }
    #fotos .wrapper .btnLeft { background-image:url(../galeria/setaesq.gif); float: left; margin: 0 2px 0 0; }
    #fotos .wrapper .btnRight { background-image: url(../galeria/setadir.gif); float: right; }
    #fotos .wrapper .scrollArea { float: left; height: 88px; }
      #fotos .wrapper .scrollArea .scrollable { position: relative; height: 88px; }
        #fotos .wrapper .scrollArea .scrollable .items { width: 20000em; position: absolute; }
          #fotos .wrapper .scrollArea .scrollable .items div { width: 120px; height: 88px; float: left; margin: 0 2px 0 0; }
            #fotos .wrapper .scrollArea .scrollable .items div a { margin: 0; overflow: hidden; float: left; }
            #fotos .wrapper .scrollArea .scrollable .items div a:hover { border: 3px solid #003; }
              #fotos .wrapper .scrollArea .scrollable .items div a:hover img { margin: -3px; }
              #fotos .wrapper .scrollArea .scrollable .items div a img { width: 120px; height: 88px; }