@charset "utf8";


.visorLibro{
    padding: 1em 0;
   /* background: #fafef6; */
    clear: both;
    float: none;
}

.visorLibro,
.contenedorLibro{
    overflow: hidden;
}

.contenedorDrag{
    display: inline-block;
    position: relative;
}

body{
    overflow-x: hidden;
}

.barraHerram,
.contenedorLibro {
    width: 100%;
    margin: .5em auto;    
}

/*#catalogo>div:first-child:not([style]){*/
#catalogo div.primeraPagina{
    width:50%;
    /*margin-left:50%;*/
}


#catalogo .imgpage{
    width: 100%;
    height: auto;
    display: none;
}

#catalogo .primeraPagina .imgpage,
#catalogo .page .imgpage{
    display: block;
}


.barraHerram{
    display: table;
    background: #faf5f5;
    border-radius: 3px;
    border: 1px solid #e9d3d3;
}

.barraHerram,
.barraHerram a{
    color: #701919;
}

.barraHerram .item.primario{
    display: table-cell;
}

.barraHerram .item.barraZoom{
    width: 50%;
}


.page img{
    width: 100%;
    height: 100%;
}


/**/

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #8f2100;
    background: #f43700;
}

.ui-widget.ui-widget-content {
    border: 1px solid #673932;
}

.ui-widget-content {
    /*background: #fff7f5;*/
    color: #8f2100;
    box-shadow: inset 0 0 0.3em rgba(86, 64, 57, .3);
}





.barraHerram .item{
    padding: .5em .7em;
}

.barraHerram .btn-group > .btn,.barraHerram .btn-group-vertical > .btn{
    float: none;
}

.info-pagina{
        padding: 6px 12px;
}


@media (max-width: 1023px) {
    .barraHerram>.item.barraZoom{
        width: 35%;
    }
}

@media (max-width: 991px) {
    .barraHerram>.item.barraZoom{
        width: 25%;
    }
    .barraHerram .btn{
        padding: 5px 10px;
    }
}


@media (max-width: 767px) {
    .barraHerram>.item.barraZoom{
        width: 20%;
    }
    .barraHerram .btn{
        padding: 4px 8px;
    }
}

@media (max-width: 568px) {
    .barraHerram>.item.barraZoom{
        width: 15%;
    }
    
    .barraHerram .btn{
        padding: 3px 6px;
    }
}



@media (max-width: 480px) {
    .barraHerram>.item.barraZoom{
        width: 10%;
    }
    
    .barraHerram .btn{
        padding: 2px 4px;
    }
}


@media (max-width: 400px) {
    .barraHerram>.item:first-child,
    .barraHerram>.item:nth-child(2){
        display: none;
    }
    
    .barraHerram .btn{
        padding: 2px 4px;
    }
}