.body-letter {
    background: url('../images/FA-N_2_CORRES-Intro_04-01.jpg') no-repeat 0 0;
    //background: url('../images/bg-test.jpg') no-repeat 0 0;
}

.content-header h1 br {
    line-height: 1.25em;
}

.content-middle .content-middle-intro h2 {
    width: 406px;
    line-height: 1.3em;
    margin-top: 0.4em;
    margin-bottom: 0.95em;
}

.content-middle-intro {
    text-align: center;
    margin: 0 auto;
}
.content-middle-intro .content-middle-intro-container {
   display: inline-table;
   margin-bottom: 0.7em;
}

.content-middle-intro .content-middle-intro-container:nth-child(1) {
   margin-right: 5.5em;
}

.content-middle-txt p{
    width: 73%;
}

.content-middle-book .book-description {
    width: 290px;
    min-height: 100px;
    float: left;
}

.content-footer ul li.letter-btn a {
    background: url('../images/btn-letter.png') no-repeat 16px 13px;
    width: 102px;
}

/** list **/
.list ul li {
    display: inline;
    margin-right: 42px;
    line-height: 76px;
}

.list ul li:nth-child(7n) {
    margin-right: 0px;
}

.list ul li img {
    width: 170px;
    height: 210px;
}

/** filters **/

.filters-years.decades ul li:nth-child(5) {
    margin-right: 86px;
}

.filters-years.continents ul li {
    font-size: 4em;
    margin: 40px 105px 30px 25px;
}

.wrapper-container {
    padding: 30px 0 0 0px;
    float: left;
}

.filters-authors ul {
    /*-moz-column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 1em;
    column-count: 3;
    column-gap: 1em;*/
}

.filters-themes ul li {
    margin: 22px 46px 24px 0px;
}

#scroller {
    left: 60px;
}

#scroller ul li:nth-child(1) {
    margin-top: 0px;
}

#scroller ul li a.getBookImage img {
    width: 100px;
    height: 128px;
}

.iScrollVerticalScrollbar {
	top: 20px;
}

.book-page {
    width: 1120px;
    height: 730px;
    margin-left: 0px;
    margin-top: 30px;
    float: left;
}

.book-page .zoomHolder img {
    width: 570px;
    height: 730px;
}

.zoomHolder
{
   width: 570px !important; 
   height: 730px !important;
   position: relative;
   overflow: hidden;
   //display: inline;
   float: left;
}

.transcription {
   width: 530px;
   height: 100%;
   background: #2f2f2f;
   float: right;
   position: relative;
   z-index: 1;
   overflow: hidden;
}

.transcription-gradient {
   width: 30px;
   height: 730px;
   position: absolute;
   top: 234px;
   left: 1220px;
   background: url('../images/bg-transcription-left.png') no-repeat 0px 0px;
   z-index: 4;
}


.fake-margin {
   width: 52px;
   height: 100%;
   //background: #2f2f2f;
   float: right;
   position: relative;
   z-index: 1;
   overflow: hidden;
   background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(47,47,47,1) 100%);
}

.transcription .transcription-container {
    margin: 1em 0.5em 0.5em 30px;
    font-family: 'TradeGothicLTStd-Light';
    font-size: 1.3em;
    line-height: 1.2em;
    color: #fff;
    white-space: nowrap;
    //width: 100%;
    
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    
    
}

.transcription .transcription-container .letter-wrap {
    text-align: right;
    line-height: 0.3em;
    margin-bottom: 0.6em;
}

.transcription-container > div {
	/*list-style: none;
	padding: 0;
	margin: 0;
	
	height: 100%;
	text-align: center;*/
        max-width: 526px;
}



/** tooltip **/

.tooltip-title {
    white-space: nowrap;
}

.tooltip-bureaugodin .ui-tooltip-content br {
    line-height: 0.8em;
}

.tooltip-bureaugodin .ui-tooltip-content {
    font-size: 1.9em;
    padding-top: 0.2em;
}

.tooltip-bureaugodin .ui-tooltip-content span {
    font-size: 0.65em;
    font-family: 'TradeGothicLTStd-Bold';
}

.tooltip-bureaugodin .ui-tooltip-content strong {
    font-family: 'TradeGothicLTStd-Bold';
}