@import url("reset.css");
head, style, form, script { display: none; } 

@font-face {
    font-family: 'Times New Roman';
    src: local('Times New Roman'),
    src: url(fonts/times.ttf);
}


html { 
        height: auto;
        position:relative;
//        width: 99%;
     }
body {
/*font-family: Verdana, Arial, Helvetica, sans-serif; */
font-family: 'Times New Roman', Times, serif; 
/*background-image: url(../images/fon_ok.gif); */
/*background-image: url(../images/fon.png); */
background-image: url(../images/fo.png);
/*background-color: #f6f6da; /*#f3f3d0;*/
text-align: left; 
text-indent: 0px; 
//margin: 2em; 
padding: 2em;
color:  #2f3030;
font-size: 16pt;
}
p { text-align: justify; text-indent: 1.2em; margin-top: 0.5em; margin-bottom: 0em }
h1, h2 { text-align: center; text-indent: 0px; font-weight: bold; hyphenate: none; page-break-before: always; page-break-inside: avoid; page-break-after: avoid; }



body[name="notes"] { font-size: 100%; }
body[name="notes"] section title { display: run-in;   text-align: left; font-size: 110%; font-weight: bold; page-break-before: auto; page-break-inside: auto; page-break-after: auto; }
body[name="notes"] section title p {  text-align: justify; text-indent: 1.2em; margin-top:0em; margin-bottom: 0em }

body[name="notes"]  title { display: run-in;   text-align: left; font-size: 110%; font-weight: bold; page-break-before: auto; page-break-inside: auto; page-break-after: auto; }
body[name="notes"]  title p {  text-align: justify; text-indent: 1.2em; margin-top:0em; margin-bottom: 0em }
section title { display: run-in;   text-align: left; font-size: 110%; font-weight: bold; page-break-before: auto; page-break-inside: auto; page-break-after: auto; }

title { font-size: 110%; margin-top: 0.7em; margin-bottom: 0.5em; 
       text-align: center; text-indent: 0px; font-weight: bold; hyphenate: none; 
       page-break-before: always; page-break-inside: avoid; page-break-after: avoid; 
}
title p { text-align: left; text-indent: 0px }

empty-line { height: 1em }

hr { height: 1px; background-color: #808080; margin-top: 0.5em; margin-bottom: 0.5em }

strong, b {font-weight: bold; }
emphasis, i,em,dfn,var { font-style: italic }

v {  text-align: justify; text-align-last: right; text-indent: 2em hanging }

stanza + stanza { margin-top: 1em; }
stanza { margin-left: 15%; text-align: left; font-style: italic  }
poem { margin-top: 1em; margin-bottom: 1em; text-indent: 0px }
text-author { font-weight: bold; font-style: italic; margin-left: 5%}
epigraph { margin-left: 15%; margin-right: 1em; text-align: left; text-indent: 1em; font-style: italic; margin-top: 15px; margin-bottom: 25px }
cite { font-style: italic; margin-left: 5%; margin-right: 5%; text-align: justify; margin-top: 20px; margin-bottom: 20px }

subtitle, h3, h4, h5, h6 { text-align: center; text-indent: 0px; font-weight: bold; hyphenate: none; page-break-inside: avoid; page-break-after: avoid; }
subtitle { font-style: italic; margin-top: 0.3em; margin-bottom: 0.3em }


table { font-size: 100% }
table  caption { text-indent: 0px; padding: 4px; background-color: #EEE }

td, th { text-indent: 0px; padding: 3px }
th {  font-weight: bold; background-color: #DDD  }




pre { 
//display: block; 
width: 90%;
white-space: pre; text-align: left; font-family: "Courier New", "Courier", monospace; text-align: left }

description { display: none; }
title-info { display: none; }
annotation {display: none; }
date { display: none;}
genre { display: none; }
author { display: none; }
book-title { display: none; }
keywords { display: none; }
lang { display: none; }
src-lang { display: none; }
translator { display: none; }
document-info { display: none; }
publish-info { display: none; }
custom-info { display: none; }
coverpage, image, binary { display: none; }



b,strong,i,em,dfn,var,q,u,del,s,strike,small,big,sub,sup,acronym,tt,sa mp,kbd,code { 
   display: inline; 
   } 


u { text-decoration: underline; } 
del,s,strike,strikethrough { text-decoration: line-through; } 
small { font-size: 80%; } 
big { font-size: 130%; } 
sub { vertical-align: sub; font-size: 70% } 
sup { vertical-align: super; font-size: 70% } 

tt, samp, kbd, code, pre { 

 font-family: "Courier New", "Courier", monospace; 
 width-max: 95%;
}
 
pre { display: block; margin-top: 0.5em; margin-bottom: 0.5em; white-space: pre; text-align: left; } 

nobr { display: inline; hyphenate: none; white-space: nowrap; } 

h1,h2,h3,h4,h5,h6 { display: block; margin-top: 0.5em; margin-bottom: 0.3em; font-weight: bold; text-align: left;  } 
h1 { font-size: 120%; padding: 10px ; margin-top: 0.5em; margin-bottom: 0.5em; } 
h2 { font-size: 125%; padding: 10px ; margin-top: 0.5em; margin-bottom: 0.5em; } 
h3 { font-size: 125% } 
h4 { font-size: 125%; font-style: italic; } 
h5 { font-size: 115%; font-style: italic; } 
h6 { font-size: 105%; font-style: italic; } 

dl { margin-left: 0em; } 
dt { display: block; margin-left: 0em; margin-top:0.3em; font-weight: bold; } 
dd { display: block; margin-left: 1.3em; } 

a[type="note"] { vertical-align: super; font-size: 70%; text-decoration: none }
a { display:inline; text-decoration: underline;  } 

image { text-align: center; text-indent: 0px; display: block }
p image { display: inline }

li { display: list-item; text-indent: 0em;  }
ul { display: block; list-style-type: disc; margin-left: 1em }
ol { display: block; list-style-type: decimal; margin-left: 1em }

subtitle p, h1 p, h2 p, h3 p, h4 p, h5 p, h6 p { text-align: left; text-indent: 0px }
cite p, epigraph p { text-align: left; text-indent: 0px }


img { 
   margin: 0.5em; 
   text-align: center; 
   text-indent: 0em; 
   border-style: none;// outset; 
   border-width: 0;// medium;
max-width: 95%; 
   } 

//-----------------------------
/*scroll*/
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?15773448');
  src: url('../font/fontello.eot?15773448#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?15773448') format('woff'),
       url('../font/fontello.ttf?15773448') format('truetype'),
       url('../font/fontello.svg?15773448#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
  font-family: 'fontello';
  src: url('fonts/fontello.eot?47812804');
  src: url('fonts/fontello.eot?47812804#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?47812804') format('woff'),
       url('fonts/fontello.ttf?47812804') format('truetype'),
       url('fonts/fontello.svg?47812804#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

.icon:before {
	font:normal 100%/0.9 fontello;
	display: inline-block;
//	width:1em;
	text-align: center;
}

.up:before { content: "\2B06\2B06\2B06"; }

#scroll {
	position:fixed;
	bottom:0.3em;
	right:0.3em;
	background:#555;
	border-radius: 3px;
	font-size:120%;
	padding: 0.1em;
	opacity: 0.8;
}
#scroll a {color:#fff; padding: 0px 0.2em; line-height: 1.4; display: block;}

//----------------- block_font_size

#font_block  {
 position:absolute;
 list-style: none outside none;
 padding-top: 15px;
 padding-left: 5px;
}

.jfontsize-button {
//    font: bold 14px arial;
    padding: 5px;
    background: #555;
    border-radius: 3px;
    font-size:120%;
    opacity: 0.8;
    color: #fff;
    cursor: pointer;
    text-decoration: none;

}

 
.jfontsize-button:hover {
    text-decoration: none;
    background: #333;
    color: yellow;
    border: solid 1px #333333;
}
 
.jfontsize-disabled, .jfontsize-disabled:hover {
    color: #aaa;
    border: solid 1px #eee;
    background: #eee;
}

#last_audiobooks {
	margin-top: 20px;
	float:left;
	width: 70%;
	border: 1px solid #c7c7c7;
        border-radius: 5px;
}
#last_audiobooks li{
	list-style:none;
	list-style-position:outside;
	padding-left: 5px;
	padding-top: 5px;
        padding-bottom: 5px;
}

.m_shop {
        background: #f0f0f0;
        margin: 5px;
        padding: 5px;
//	width: 341px;
//	height: 490px;
	border-bottom: 1px  double #c0c0c0;
        border-radius: 5px;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 6px 6px 6px -6px #777;
}
