* {margin: 0px; padding: 0px;}
html, body {
    height: 100%;
    min-height: 100%;
    font-family: times new roman,serif;
}

.conteiner-pg {padding: 10px; margin-top: 5px;}
.clear {clear: both;}
#page-flipbook {
    background: #2e3230;
    height: auto !important;
    min-height: 100%;
    position: relative; 
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
}
#page-flipbook #data_img {position: relative;}
#data_img #img_bg_loaded {
    background: url(load_proces.gif) no-repeat 50% 50% #ffffff;
    opacity: 0.4;
    position: absolute;    
}

#bg_flip{
    background: url(font-bg.jpg) repeat;
    /*
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    */
    height: 100%;
    overflow: hidden;
    transition: opacity 1s ease-in-out 0s;
    width: 100%;
    position: absolute;
    z-index: 0;
}

/**************** BOOK CONTENER IMG ***********************/
#book-contener {position: absolute; z-index: 1; top:50%; left: 50%;}
#book-contener ul li {
    list-style: none outside none;

}
#book-contener td.row #left-row,#book-contener td.row #right-row {width: 22px; background: url(row_v_book.png) repeat-y; position: relative; cursor: pointer;}
#book-contener td.row #left-row {margin-right: -2px;}
#book-contener #left-row #l-bg-row {    
    background: url("prev_ico.png") no-repeat scroll 0 0 transparent;
    margin-left: 2px;
}
#book-contener #right-row #r-bg-row, #book-contener #left-row #l-bg-row {
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 23px;
    height: 16px;    
}
#book-contener #right-row #r-bg-row {    
    background: url("next_ico.png") no-repeat scroll 0 0 transparent;
    margin-left: 3px;
}
#book-contener td.row #right-row {margin-left: -2px;}

#book-contener #data-b img {border: 1px solid #363636;}
/************************************************************/

/************************** PANEL TOP *********************/
#page-flipbook #panel-top-info {
    background: #444b4d;
    height: 40px;
    width: 100%;
    border: 1px solid #1C1C1C;
    border-top: 1px solid #828282;
    position: relative;
}
#panel-top-info h1 {
    color: #F59A00;
    font-size: 28px;
    margin-left: 30px;
    margin-top: 1px;    
    float: left;
}
#panel-top-info h1 span {font-size: 16px; color: #E8E8E8;}
#panel-top-info #page-count span, #panel-top-info #page-count a {float: left;}
#panel-top-info #page-count {
    color: #FFFFFF;
    float: right;
    font-size: 16px;
    margin-right: 30px;
    margin-top: 8px;    
}
#panel-top-info #page-count a#home-link {
    background: url("home_ico.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 29px;
    margin-left: 10px;
    margin-top: -3px;
    width: 35px;
}

#panel-top-info #page-count .number_p {
    background: none repeat scroll 0 0 #363C3D;
    border: 1px solid #CFCFCF;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: block;
    float: left;
    height: 19px;
    margin: -2px 8px 0;
    padding: 1px 12px 2px;
    width: 20px;
}
/**********************************************/

/**************** PANEL BOTTOM ************/
#panel-bottom-info {
    position: absolute;
    width: 100%;
    background: url(panel_bottom_bg.png) repeat-x;
    bottom: 15px;
    height: 37px;
    
}
#panel-bottom-info ul {
    float: right;
    margin-right: 30px;
    margin-top: 3px;    
}
#panel-bottom-info li.ico_b {margin-right: 10px;}
#panel-bottom-info ul li{ float: left; list-style: none;}
#panel-bottom-info li a {display: block;}
#panel-bottom-info li#print a {background: url(print_ico.png) no-repeat; width: 35px; height: 29px;}
#panel-bottom-info li#download a {background: url(down_ico.png) no-repeat; width: 35px; height: 29px;}
#panel-bottom-info li#navigate {margin: 7px 0 0 30px;}
li#navigate span {float: left; display: block; margin-right: 10px; cursor: pointer; }
li#navigate span#first {background: url(first_ico.png) no-repeat; width: 23px; height: 16px;}
li#navigate span#prev {background: url(prev_ico.png) no-repeat; width: 23px; height: 16px;}
li#navigate span#next {background: url(next_ico.png) no-repeat; width: 23px; height: 16px;}
li#navigate span#last {background: url(last_ico.png) no-repeat; width: 23px; height: 16px; margin-right: 0px;}
/******************************************/
/**************************************/
/* SLIDER WIDGET */

/* Overlays */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 11px;
    z-index: 2;
}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal {
    background: none repeat scroll 0 0 #979998;
    border: 1px solid #E8E8E8;
    border-radius: 3px 3px 3px 3px !important;
    height: 8px;
    width: 200px; 
}
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
/* Component containers
----------------------------------*/

#catalog-fltr .ui-widget-content { border: 2px solid #636363; background: #474c47; color: #333333; }
#catalog-fltr .ui-widget-content a { color: #333333; }
#catalog-fltr .ui-widget-header {background: #bebeb4; color: #ffffff; font-weight: bold; }
#catalog-fltr .ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none repeat scroll 0 0 #F59A00;
    border: 1px solid #1C1C1C;
    color: #1C94C4;
    font-weight: bold;    
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus { 
    border: 1px solid #363636; 
    background: #fdf5ce; 
    font-weight: bold; 
    color: #c77405; 
} 
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff; font-weight: bold; color: #eb8f00; }