/*GENERAL*/
    @font-face {
    font-family: 'Andalus';
    src:  url('../fonts/andalus.woff2') format('woff2'),
            url('../fonts/andalus.woff') format('woff');
    }

    html, body {
        margin: 0;
        
    }
    html { 
        background: url('../img/bg.png') no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        -o-background-size: cover;
    }
    body {
        background-color: transparent;
        padding-bottom: 2%;
        overflow-x:hidden;
    }
    /*Header*/
        .navbar-default{
        background: rgba(255,255,255,0.8);
        background-image:none;
        }
        .navbar-default .navbar-brand {
            color: #000;
            
        }
        .navbar .nav > li > a {
            color: #000;
            
        }
        .navbar-fixed-bottom{
            background: rgba(255,255,255,0.5);
        background-image:none;
        
        }

        .navbar {min-height:5px !important}

        .navbar-nav > li > a, .navbar-brand {
            padding-top:8px !important; 
            padding-bottom:0 !important;
            height: 35px;
        }

        .navbar-default .navbar-nav > .active > a, 
        .navbar-default .navbar-nav > .active > a:hover, 
        .navbar-default .navbar-nav > .active > a:focus {
            color: #000;
            background: white;
        }
        .navbar-fixed-bottom .container{
            line-height: 2%;
            height: 2%;
            padding-bottom: 0;
            min-height: 0px;
        }
    /*Fin Header*/

    /*Texto*/
        .textoinfo{
            margin-top:20px;
            color:white;
            font-size:14px;
            text-shadow: 1px 1px #000;
        }
        .textoinfo2{
            font-style: oblique; 
            color: white; 
            text-shadow: 1px 1px #000;
        }
        .divider {
            height: 1px;
            width:100%;
            display:block;
            margin: 9px 0;
            padding-right: 9px;
            overflow: hidden;
            background-color: white;
            -webkit-box-shadow:0px 1px 3px #000;
            -moz-box-shadow:0px 1px 3px #000;
            box-shadow:0px 1px 3px #000;
        }
    /*FIN TEXTO*/

    /* Libro */
        .book {
            margin:0 auto;
            width: 100%;
            
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            
        }
        .page {
            height: 100%;
            background-color: #FFFFFF;
        }
        .book .page img {
            max-width: 100%;
            height: 100%;
        }
        .book .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%);
        }
        .book .odd{
            background:-webkit-gradient(linear, right top, left top, color-stop(0.95, #fff), color-stop(1, #cacaca));
            background-image:-webkit-linear-gradient(right, #fff 95%, #cacaca 100%);
            background-image:-moz-linear-gradient(right, #fff 95%, #cacaca 100%);
            background-image:-ms-linear-gradient(right, #fff 95%, #cacaca 100%);
            background-image:-o-linear-gradient(right, #fff 95%, #cacaca 100%);
            background-image:linear-gradient(right, #fff 95%, #cacaca 100%);
        }

    /*FIN Libro*/

    /*ToolTips*/
        .tooltip-inner {
            background-color: #3b9da8;
            color: #fff;
            font-style: oblique;
        }

        .tooltip.top .tooltip-arrow {
            border-top-color: #3b9da8;
        }

        .tooltip.right .tooltip-arrow {
            border-right-color: #3b9da8;
        }

        .tooltip.bottom .tooltip-arrow {
            border-bottom-color: #3b9da8;
        }

        .tooltip.left .tooltip-arrow {
            border-left-color: #3b9da8;
        }
    /*FIN ToolTips*/

    /*Estrellas*/
        #estrellas{
            padding-left:15%;
            padding-right:15%;
            
        }
        .estrella{
            margin-top: 20px;
            width:55px;
            height:55px;
        }
        .uno{
            padding-left:30%;
        
        }
        .dos{
            padding-left:70%;
        
        }
        .tres{
            padding-left:50%;
        }
        .cuatro{
            padding-left:15%;
        }
        .cinco{
            padding-left:20%;

        }
        .seis{
            padding-left:75%;
        }
        .siete{
            padding-left: 40%;

        }
        .ocho{
            padding-left:55%;
        }
        .nueve{
            padding-left:30%;
        }
        .diez{
            padding-left:60%;
        }
    /*FIN Estrellas*/

/*FIN GENERAL*/

/*Media Queries*/
    @media screen and (max-width:767px){
        #contact_form{
        width: 90%;
        margin: 0 auto;
        }
        .centrar{
        width:90%;
        margin: 0 auto;
    }
    }
    @media screen and (min-width: 900px){
    .centrar{
        width:70%;
        margin: 0 auto;
    }
    #contact_form{
        width: 70%;
        margin: 0 auto;
        }
    }
    @media screen and (min-width: 767px){
    .centrar{
        width:77%;
        margin: 0 auto;
    }
    #contact_form{
        width: 77%;
        margin: 0 auto;
        }
    }
/*FIN MediaQueries*/

/*Comprar*/
   .table{
    color:white;
    width: 70%;
    text-shadow: 1px 1px #212121;
    margin-top: 2%;
    margin: 0px auto;
    text-align: center;
   }
   .table-responsive{
    margin-top: 2%;
   }
    #sombraportada {
        position: relative;
        -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
        -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
        margin:0 auto;
        background: white;
        width:295px;
        height:398px;
    }
    #boxshadow img {
        width: 100%;
        border: 1px solid #8a4419;
        border-style: inset;
    }
    #boxshadow::after {
        content: '';
        position: absolute;
        z-index: -1; /* hide shadow behind image */
        -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
        width: 70%;
        left: 15%; /* one half of the remaining 30% */
        height: 100px;
        bottom: 0;
    }
/*FIN Comprar*/

/*Contacto*/
    .input-group-addon{
        padding-left:20px;
    }

    .form-group {
    margin-bottom: 8px;
    }
    #feedbackForm {
        font-size: 12px;
    }
    .control-label{
        color:white;
        text-shadow: 1px 1px #000;

    }
    #contact_form h2, #contact_form p{
        color: white;
        text-shadow: 1px 1px #000;

    }
/*Fin Contacto*/