.wowbook {
    position: relative;
    zoom: 1;
}

.wowbook-page {
    zoom: 1;
}

.wowbook-page-content {
    position: absolute;
    overflow: hidden;
    zoom: 1;
}

/* marker class */
.wowbook-left {
}

.wowbook-right {
}

.wowbook-disabled {
}

.wowbook-handle {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 10000;
    /* without this Chrome will mess the zindex of hardcover when it flips, making
       the cover to jump when the "curl page corner on hover" is enabled */
    -webkit-transform: translate3d(0px, 0px, 10000px);
}

.wowbook-handle.wowbook-disabled {
    display: none;
}

/* shadows */
.wowbook-shadow-clipper {
    position: absolute;
    overflow: hidden;
    z-index: 999; /* 1 a menos do que o verso da pagina sendo foldada */
    zoom: 1;
}

.wowbook-shadow-container {
    display: none;
    position: absolute;
    z-index: 999; /* 1 a menos do que o verso da pagina sendo foldada */
    zoom: 1;
}

.wowbook-shadow-internal {
    background: url(./shadow_internal_fold.png) repeat-y;
    height: 500px;
    width: 200px;
    position: absolute;
    zoom: 1;
}

.wowbook-shadow-fold {
    background: url(./shadow_fold.png) right top repeat-y;
    height: 500px;
    width: 100px;
    position: absolute;
    zoom: 1;
}

.wowbook-shadow-fold-flipped {
    background-image: url(./shadow_fold_flip_h.png);
}

.wowbook-fold-gradient {
    background: url(./fold_gradient.png) right top repeat-y;
    height: 500px;
    width: 125px;
    position: absolute;
    top: 0;
    zoom: 1;
}

.wowbook-fold-gradient-flipped {
    background-image: url(./fold_gradient_flip_h.png);
}

.wowbook-fold-gradient-container {
    position: absolute;
    z-index: 1001; /* 1 a mais que o verso da pagina sendo foldada */
}

.wowbook-gutter-shadow {
    height: 100%;
    width: 40px;
    position: absolute;
    top: 0;
}

.wowbook-left .wowbook-gutter-shadow {
    background: url(./gutter_shadow_left.png) right top repeat-y;
    right: 0;
    width: 70px;
}

.wowbook-right .wowbook-gutter-shadow {
    background: url(./gutter_shadow_right.png) right top repeat-y;
    left: 0;
}

.wowbook-hard-page-shadow {
    background: #888;
    position: absolute;
    top: 0;
    z-index: 999; /* 1 a menos do que o verso da pagina sendo foldada */
}

.wowbook-page-number {
    bottom: 0;
    padding-bottom: 0.3em;
    position: absolute;
}

.wowbook-left .wowbook-page-number {
    left: 0;
    padding-left: 0.5em;
}

.wowbook-right .wowbook-page-number {
    right: 0;
    padding-right: 0.5em;
}

.wowbook-book-shadow {
    -moz-box-shadow: 0 0 14px #666;
    -ms-box-shadow: 0 0 14px #666;
    -webkit-box-shadow: 0 0 14px #666;
    -o-box-shadow: 0 0 14px #666;
    box-shadow: 0 0 14px #666;
}

.wowbook-page-holded {
}

.wowbook-page-holded object {
    /* visibility: hidden; */
}

/* Thumbnails */
.wowbook-thumbnails {
    background: none;
    left: 0px;
    top: 0px;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    image-rendering: optimizeQuality;
    z-index: 10000;
}

.wowbook-thumbnails .wowbook-clipper {
    overflow: hidden;
    position: relative;
}

.wowbook-thumbnails ul {
    position: relative;
    margin: 0;
    padding: 0;
}

.wowbook-thumbnails .wowbook-button {
    background: none no-repeat 50% 50% #333;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
}

.wowbook-thumbnail {
    cursor: pointer;
    display: inline-block;
    *display: inline; /* for IE7 */
    zoom: 1; /* for IE7 */
    overflow: hidden;
    position: relative;
    vertical-align: top;
}

/* BUGFIX. IE8 apparently ignores background-position
   when zoom<>1 is applied and the element has position:absolute */
.wowbook-thumbnail .wowbook-page-content {
    position: relative;
}

.wowbook-thumbnail.wowbook-right {
    margin-right: 1em;
}

.wowbook-overlay {
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100000;
}

/* Thumbnails - horizontal */
.wowbook-horizontal.wowbook-thumbnails {
    width: 100%;
}

.wowbook-horizontal.wowbook-thumbnails .wowbook-clipper {
    height: 100%;
    position: relative;
    margin: 0 30px; /* margin is the width of the buttons */
}

.wowbook-horizontal.wowbook-thumbnails ul {
    display: inline-block;
    *display: inline; /* IE7 */
    *zoom: 1; /* IE7 */
    white-space: nowrap;
}

.wowbook-horizontal.wowbook-thumbnails .wowbook-button {
    width: 30px;
    height: 100%;
    background-image: url("arrow_left.png");
}

.wowbook-horizontal.wowbook-thumbnails .wowbook-next.wowbook-button {
    left: auto;
    right: 0;
    background-image: url("arrow_right.png");
}

.wowbook-horizontal .wowbook-thumbnail {
    /* without this, the "nowrap" value set in the "ul" will
       be inherited and (probably)	mess with your thumbnails */
    white-space: normal;
    /* BUT IE7 NEED THIS */
    *white-space: nowrap;
}

.wowbook-horizontal .wowbook-thumbnail .wowbook-page-content {
    /* AGAIN, IE7 NEED THIS */
    *white-space: normal;
}

/* Thumbnails - vertical */

.wowbook-vertical.wowbook-thumbnails {
    display: inline-block;
    height: 100%;
}

.wowbook-vertical.wowbook-thumbnails .wowbook-clipper {
    position: absolute;
    top: 30px;
    bottom: 30px; /* this value is the height of the buttons */
}

.wowbook-vertical.wowbook-thumbnails .wowbook-button {
    height: 30px;
    width: 100%;
    background-image: url("arrow_up.png");
}

.wowbook-vertical.wowbook-thumbnails .wowbook-next.wowbook-button {
    bottom: 0;
    top: auto;
    background-image: url("arrow_down.png");
}

.wowbook-vertical .wowbook-thumbnail.wowbook-right {
    margin-right: 0;
}

.wowbook-vertical .wowbook-thumbnail:first-child {
    margin-left: 50%;
}

nav {

    height: 26px;
    text-align: center;
}

nav ul {
    padding: 0;
    bborder-width: 1px;
    border-radius: 6px;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    width: 432px;
    margin: auto;
}

nav li {
    float: left;
    bborder-left: 1px solid #d2d2d2;
}

nav li:first-child {
    border-left: 0;
}

nav li:first-child a {
    border-radius: 6px 0 0 6px;
}

nav li:last-child a {
    border-radius: 0 6px 6px 0;
}

nav a {
    position: relative;
    display: block;
    padding: 0 14px;
    font-size: 11px;
    font-weight: bold;
    color: #666;
    color: rgb(221, 221, 221);
    height: 26px;
    line-height: 26px;
    text-shadow: 0 1px #fff;
    background: #fafafa;
    background-color: #fcfcfc;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0);
    background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0);
    background-image: -ms-linear-gradient(top, #fcfcfc, #f0f0f0);
    background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0);
    background-image: linear-gradient(top, #fcfcfc, #f0f0f0);

    background-color: #2C2C2C;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(top, #333333, #222222);
    background-image: -moz-linear-gradient(top, #333333, #222222);
    background-image: -ms-linear-gradient(top, #333333, #222222);
    background-image: -o-linear-gradient(top, #333333, #222222);
    background-image: linear-gradient(top, #333333, #222222);

    /*-webkit-box-shadow: inset 1px 1px #fafafa, inset -1px -1px #fafafa;
    -moz-box-shadow: inset 1px 1px #fafafa, inset -1px -1px #fafafa;
    -ms-box-shadow: inset 1px 1px #fafafa, inset -1px -1px #fafafa;
    -o-box-shadow: inset 1px 1px #fafafa, inset -1px -1px #fafafa;
    box-shadow: inset 1px 1px #fafafa, inset -1px -1px #fafafa; }*/
}

nav a:hover {
    color: #333;
    color: rgb(221, 221, 221); /* FIXME */
    z-index: 10;
    text-decoration: none;
    /*
    /-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 1px 1px #fafafa, inset -1px -1px #fafafa;
    /-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 1px 1px #fafafa, inset -1px -1px #fafafa;
    /-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 1px 1px #fafafa, inset -1px -1px #fafafa;
    /-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 1px 1px #fafafa, inset -1px -1px #fafafa;
    /box-shadow: 0 0 3px rgba(0, 0, 0, 0.3), inset 1px 1px #fafafa, inset -1px -1px #fafafa;
    */
}

nav li.active a, nav a:active, nav a:visited {
    color: #333;
    color: rgb(221, 221, 221);
    bbackground: #fff;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}

nav {
    height: 46px;
    position: relative;
    z-index: 2147483647;
    zoom: 1;
    margin-top: 20px;
}

nav li {
    width: 48px;
}

nav a {
    display: block;
    height: 46px;
    width: 48px;
    padding: 0;
    background: #000000 no-repeat;
    background-position: 8px 7px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

nav #zoomplus {
    background-image: url(../../images/flipbook/zoom_in.png);
}

nav #zoommoins {
    background-image: url(../../images/flipbook/zoom_out.png);
}

nav #first {
    background-image: url(../../images/flipbook/arrow_double_left.png);
}

nav #last {
    background-image: url(../../images/flipbook/arrow_double_right.png);
}

nav #next {
    background-image: url(../../images/flipbook/arrow_right.png);
}

nav #back {
    background-image: url(../../images/flipbook/arrow_left.png);
}

nav #slideshow {
    background-image: url(../../images/flipbook/slideshow_play.png);
}

nav #slideshow.wowbook-disabled {
    background-image: url(../../images/flipbook/slideshow_pause.png);
}

nav #flipsound {
    background-image: url(../../images/flipbook/sound_on.png);
}

nav #flipsound.wowbook-disabled {
    background-image: url(../../images/flipbook/sound_off.png);
}

nav #thumbs {
    background-image: url(../../images/flipbook/thumbs.png);
}

nav a:hover {
    background-color: #2C2C2C;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(top, #555555, #222222);
    background-image: -moz-linear-gradient(top, #555555, #222222);
    background-image: -ms-linear-gradient(top, #555555, #222222);
    background-image: -o-linear-gradient(top, #555555, #222222);
    background-image: linear-gradient(top, #555555, #222222);
}

nav a:active,
nav a:hover,
nav a {
    outline: none;
}

#main {
    margin-top: 20px;
}