.flipbook {
    width: 800px;
    height: 600px;
}

.flipbook .page {
    width: 400px;
    height: 600px;
    background-color: rgb(92, 87, 87);
    line-height: 300px;
    font-size: 20px;
    text-align: center;
}

.flipbook .page-wrapper {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    -o-perspective: 2000px;
    perspective: 2000px;
}

.flipbook .hard {
    background: #ccc !important;
    color: #333;
    -webkit-box-shadow: inset 0 0 5px #666;
    -moz-box-shadow: inset 0 0 5px #666;
    -o-box-shadow: inset 0 0 5px #666;
    -ms-box-shadow: inset 0 0 5px #666;
    box-shadow: inset 0 0 5px #666;
    font-weight: bold;
}

.flipbook .odd {
    background: -webkit-gradient(linear, right top, left top, color-stop(0.95, #FFF), color-stop(1, #DADADA));
    background-image: -webkit-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image: -moz-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image: -ms-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image: -o-linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    background-image: linear-gradient(right, #FFF 95%, #C4C4C4 100%);
    -webkit-box-shadow: inset 0 0 5px #666;
    -moz-box-shadow: inset 0 0 5px #666;
    -o-box-shadow: inset 0 0 5px #666;
    -ms-box-shadow: inset 0 0 5px #666;
    box-shadow: inset 0 0 5px #666;
}

.flipbook .even {
    background: -webkit-gradient(linear, left top, right top, color-stop(0.95, #fff), color-stop(1, #dadada));
    background-image: -webkit-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image: -moz-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image: -ms-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image: -o-linear-gradient(left, #fff 95%, #dadada 100%);
    background-image: linear-gradient(left, #fff 95%, #dadada 100%);
    -webkit-box-shadow: inset 0 0 5px #666;
    -moz-box-shadow: inset 0 0 5px #666;
    -o-box-shadow: inset 0 0 5px #666;
    -ms-box-shadow: inset 0 0 5px #666;
    box-shadow: inset 0 0 5px #666;
}


/*Estilo de mesarung*/

.magazine {
    width: 100%;
    height: 100%;
}

.magazine .turn-page {
    background-color: white;
}

.centrar {
    width: 32;
    height: 32;
    left: 50%;
    top: 40%;
    position: absolute;
}

#imagen-oculta {
    visibility: hidden;
}

#imagen-oculta2 {
    visibility: hidden;
}

#botonera-2 {
    border-radius: 3px;
    width: 100%;
    height: 80px;
    margin: 0px;
    background: linear-gradient(#CCC 0%, #333 100%);
    background: -moz-linear-gradient(#CCC 0%, #333 100%);
    background: -ms-linear-gradient(#CCC 0%, #333 100%);
    background: -o-linear-gradient(#CCC 0%, #333 100%);
    background: -webkit-linear-gradient(#CCC 0%, #333 100%);
}

menu {
    display: inline-block;
    width: 100px;
    text-align: center;
    margin: 10px auto;
    background: none;
    color: #fff;
    font: bold;
    padding: 10px;
}

menu:hover {
    background: -moz-linear-gradient(#FFF 0%, #C4C4C4 100%);
    background: linear-gradient(#FFF 0%, #DEDEDE 100%);
    background: -ms-linear-gradient(#FFF 0%, #DEDEDE 100%);
    background: -o-linear-gradient(#FFF 0%, #DEDEDE 100%);
    background: -webkit-linear-gradient(#FFF 0%, #DEDEDE 100%);
    opacity: 0.6;
    -moz-opacity: 0.6;
    -o-opacity: 0.6;
    -webkit-opacity: 0.6;
    -ms-opacity: 0.6;
    border-radius: 5px;
    color: red;
    box-shadow: 0 0 10px #FFf;
    -moz-box-shadow: 0 0 10px #FFf;
    -ms-box-shadow: 0 0 10px #FFf;
    -o-box-shadow: 0 0 10px #FFf;
    -webkit-box-shadow: 0 0 10px #FFf;
}