.container {
    position: relative;
    width: 100%;
    min-width: 720px;
    min-height: 100%;
    margin: 0;
    padding: 20px 0 0 0;
    background: url("../images/bg-wood.jpg") repeat;
    background-clip: padding-box;
}

/*--- ДИАЛОГ-НАКЛЕЙКА с текстом --------------------------------------------------------------------------------------*/

.sticker-dialog {
    /* статический по высоте блок стикера-текста */
    position: relative;
    margin: 10px auto;
    /* эксперименты с наклейкой Н2*/
    /*min-width: 600px;*/
    height: 200px;
    padding: 0 200px;
    background: url("../images/sticker-dialog-sprite.png") 0 0 no-repeat,
    url("../images/sticker-dialog-sprite.png") 100% -400px no-repeat,
    url("../images/sticker-dialog-sprite.png") 0 -200px repeat-x;
    background-clip: border-box, border-box, content-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sticker-dialog > .content {
    height: 112px;
    line-height: 112px;
    margin: 28px auto 0;
    padding: 0;
    color: #000000; /* основной цвет на стикерах-репликах */
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sticker-dialog > .content > p {
    display: inline-block;
    line-height: 112px;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    padding: 0;
    font: 30px/36px 'DoloresCyr-Regular', 'Comic Sans MS', Sans-Serif;
}

.container img,
.container iframe {
    margin: 10px;
    padding: 0;
    /* тройная обводка картинки через тройную тень */
    box-shadow: 0 0 0 1px #000, 0 0 0 4px #fff, 0 0 0 5px #000;
}

.container .highlight {
    /* красная рамка: тройная обводка картинки через тройную тень */
    box-shadow: 0 0 0 1px #000, 0 0 0 4px #ff0000, 0 0 0 5px #000;
}

.container .no-decorations,
.container img.no-decorations,
.container iframe.no-decorations,
.container .no-decorations img,
.container .no-decorations iframe,
.container .paper-sheet .content .no-decorations,
.container .paper-sheet .content img.no-decorations,
.container .paper-sheet .content iframe.no-decorations,
iframe[src*="robokassa"] {
    /* убрать все обводки, тени и прочее */
    outline: none;
    border: none;
    box-shadow: none;
    text-decoration: none;
}

.container .navigation {
    /*display: block;*/
    margin: 10px auto;
    width: 100px;
    height: 100px;
    border: none;
    outline: none;
}

.container .navigation.down-two {
    background: url("../images/arrow-down-two.png");
    background-size: cover;
}

.container .navigation.down-three {
    background: url("../images/arrow-down-three.png");
    background-size: cover;
}

.container .navigation.down {
    background: url("../images/arrow-bold-down.png");
    background-size: cover;
}

.sticker {
    /* желтый стикер-бумажка квадратная (внутри которой в контейнере будет  немного текста) */
    display: inline-block;
    width: 400px;
    height: 400px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 60px 50px 60px 50px;
    overflow: hidden;
    color: #3b2349; /* основной цвет текста на желтых стикерах */
    text-overflow: ellipsis;
    text-align: center;
    background-clip: padding-box;
    background: url("../images/sticker-type4-400px.png") no-repeat;
    background-size: cover;
}

.sticker + .sticker {
    background: url("../images/sticker-type2-400px.png") no-repeat;
}

.sticker + .sticker + .sticker {
    background: url("../images/sticker-type3-400px.png") no-repeat;
}

.sticker > .content {
    /* содержимое желтого стикера по которому будет обрезаться контент */
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.sticker > .content > h3,
.paper-sheet > .content > h3 {
    /* содержимое заголовка желтого стикера */
    width: 100%;
    margin: 20px 0;
    padding: 0;
    font: normal 20px/24px 'DoloresCyr-Bold', Sans-Serif;
}

.sticker > .content strong {
    /* важная фраза содержимого желтого стикера */
    font: normal 16px/21.6px 'DoloresCyr-Bold', Sans-Serif;
    color: #c80000;
}

.paper-sheet {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    width: 98%;
    margin: 0 auto;
    box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.5);
    border-radius: 1px;
    overflow: hidden;
    text-align: left;
    color: #653ab9; /* основной цвет текста на страницах */
    background-clip: padding-box;
}

.paper-sheet h1,
.paper-sheet h2,
.paper-sheet h3 {
     /* заглавия темнее текста */
     color: #3b2349;
 }

.paper-sheet .classic h1,
.paper-sheet .classic h2,
.paper-sheet .classic h3 {
    /* классический текст с черным шрифтом */
    color: #000000;
}

.paper-sheet .intro {
    font-family: "Intro-Inline", "Arial", Sans-Serif;
    color: #ff0000;
    font-weight: normal;
}

.paper-sheet > .content.classic h3 {
    /* переназначаем заголовок Н3 для классического стиля текста */
    font: normal 20px/24px "Verdana", "Tahoma", "Arial", Sans-Serif;
}

.paper-sheet .paper-sheet {
    margin: 0 auto 20px;
}

.paper-sheet .paper-sheet > .content {
    background: #f4f4f4; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #ffffff 1%, #f4f4f4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #ffffff 1%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #ffffff 1%, #f4f4f4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #ffffff 1%, #f4f4f4 100%); /* IE10+ */
    background: linear-gradient(135deg,  #ffffff 1%, #f4f4f4 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4', GradientType=1 ); *//* IE6-9 fallback on horizontal gradient */
}

/*
.paper-sheet .paper-sheet > .content.classic {
    font-family: "Verdana", "Tahoma", "Arial", Sans-Serif;
    font-size: 1em;
    color: #000000;
}


.paper-sheet .paper-sheet > .content p,
.paper-sheet .paper-sheet > .content ul,
.paper-sheet .paper-sheet > .content ol,
.paper-sheet .paper-sheet > .content ul > li,
.paper-sheet .paper-sheet > .content ol > li,
.paper-sheet .paper-sheet > .content ul p,
.paper-sheet .paper-sheet > .content ol p {
    font-family: "Verdana", "Tahoma", "Arial", Sans-Serif;
    font-size: 1em;
    color: #000000;
}
*/


.paper-sheet .paper-sheet > .content ul p,
.paper-sheet .paper-sheet > .content ol p {
    font-size: 0.8em;
}

.paper-sheet.vertical {
    padding: 0 0 0 70px;
    background: url("../images/paper-border-left.png") left repeat-y;
}

.paper-sheet.horizontal {
    padding: 70px 0 0 0;
    background: url("../images/paper-border-top.png") top repeat-x;
}

.paper-sheet.old {
    padding: 0;
    background: url("../images/bg-paper-old2.jpg") repeat;
    border: solid 1px rgba(90,24,2,0.2);
    color: #3b2349; /* основной цвет текста на старых страницах (темнее) */
}

.paper-sheet.math {
    padding: 0;
    background: url("../images/bg-paper-cell-crumpled.jpg") repeat;
    border: solid 1px rgba(90,24,2,0.2);
}

.paper-sheet.old > .content,
.paper-sheet.math > .content {
    margin: 0;
    padding: 20px 20px 20px 20px;
    background: transparent;
    text-align: center;
}

.paper-sheet.old > .content:before {
    /* печать сверху слева на листе старой бумаги */
    content: "";
    display: inline-block;
    position: absolute;
    z-index: 10;
    width: 200px;
    height: 100px;
    left: 10px;
    top: 0px;
    background: url("../images/stamp3.png") no-repeat;
    background-size: cover;
    opacity: 0.70;
}

.paper-sheet.old > .content p,
.paper-sheet.old > .content li {
    margin: 20px 0 20px 0;
    padding: 0;
    font: normal 18px/21.6px "TrixieCyr-Plain", Sans-Serif;
    text-align: left;
}

.paper-sheet.old > .content li {
    margin: 5px 0 5px 0;
}

.paper-sheet.old > .content ul,
.paper-sheet.old > .content ol {
    padding: 0 30px 10px 30px;
    margin: 0;
}

.paper-sheet.old > .content ul.important-border,
.paper-sheet.old > .content ol.important-border {
    padding: 0 30px 20px 30px;
}

.paper-sheet.old > .content ul p:nth-child(1),
.paper-sheet.old > .content ol p:nth-child(1) {
    padding: 0;
    margin: 10px 0 0;
    font-weight: bold;
}

.paper-sheet.old > .content > h3 {
    /* содержимое заголовка старого листа */
    margin: 20px 0;
    font: normal 24px/28.8px 'TrixieCyr-Plain', Sans-Serif;
}

.paper-sheet > .content > .important-border {
    border: dashed 2px #7c0000;
}

.container .paper-sheet > .content p.important-border {
    padding: 10px;
}

.container  .paper-sheet > .content > h3.important-border {
    color: #7c0000;
    padding: 0 0 10px 0;
}

.paper-sheet > .content > .title-field {
    /* 3х мерный заголовок Н1 на тканевом фоне */
    width: 100%;
    box-sizing: border-box;
    margin: 10px auto 20px;
    padding: 10px;
    color: #ffffff;
    background: url("../images/bg-maroon-cloth.jpg");
    border: solid 1px rgb(55, 0, 0);
    box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.5);
    text-shadow: 3px 3px 3px rgba(0,0,0,0.9);
    border-radius: 3px;
}

.paper-sheet > .content > .important-brushfield {
    /* базовое важное поле с дазайном "краска" */
    width: 100%;
    box-sizing: border-box;
    padding: 10px 16%;
    font-family: "LatoLight", "Arial", Sans-Serif;
    color: #ffffff;
    /*color: #ff0202;*/
    background: url("../images/brushstroke-red.png") repeat-y;
    background-size: 100% 100%;
}

.paper-sheet > .content > .important-brushfield.orange {
    /* оранжевый вариант */
    color: #ffff7a;
    background: url("../images/brushstroke-orange.png") repeat-y;
    background-size: 100% 100%;
}

.paper-sheet > .content > .important-brushfield.yellow {
    /* оранжевый вариант */
    color: #ff0202;
    background: url("../images/brushstroke-yellow.png") repeat-y;
    background-size: 100% 100%;
}

.paper-sheet > .content > .title-field.funny {
    color: #ff0202;
    text-shadow: none;
    background: url("../images/bg-diag-lines-1.gif");
    border: solid 1px rgba(0, 124, 0, 0.50);
    box-shadow: 2px 3px 5px 0 rgba(0,0,0,0.5);
    border-radius: 3px;
}

.paper-sheet.old > .content > p:first-child,
.paper-sheet.old > .content > h3:first-child {
    /* первый абзац на листе старой бумаге должен иметь больше отступ, чтобы печать его не закрывала */
    margin: 35px 0 20px 0;
}

.paper-sheet > .content {
    margin: 0;
    padding: 20px 20px 20px 20px;
    background-clip: padding-box;
    background: #ededed; /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #f4f4f4 1%, #ededed 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#f4f4f4), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg,  #f4f4f4 1%,#ededed 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg,  #f4f4f4 1%,#ededed 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg,  #f4f4f4 1%,#ededed 100%); /* IE10+ */
    background: linear-gradient(135deg,  #f4f4f4 1%,#ededed 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ededed', GradientType=1 ); *//* IE6-9 fallback on horizontal gradient */
    text-align: center;
}

/*.container .paper-sheet.math { color: #653ab9; }*/

.paper-sheet > .content p {
     margin: 20px 0 20px 0;
     padding: 0;
 }

.paper-sheet > .content ul, .paper-sheet > .content ol
{
    text-align: left;
}

/* --- РИСУНКИ НА ЛИСТЕ и вариации размеров --------------------------------------------------------------------------*/
.paper-sheet > .content img {
    display: inline-block;
    width: 80%;
    margin: 1%;
    padding: 0;
    /* тройная обводка картинки через тройную тень (дублируется) */
    /*box-shadow: 0 0 0 1px #000, 0 0 0 4px #fff, 0 0 0 5px #000;*/
    vertical-align: top;
}

.paper-sheet > .content img.highlight {
     /* красная рамка: тройная обводка картинки через тройную тень (дублируется)*/
     /*box-shadow: 0 0 0 1px #000, 0 0 0 4px #ff0000, 0 0 0 5px #000;*/
 }

.paper-sheet > .content img.size95 {
    /* 1шт на листе большом */
    width: 95%;
}

.paper-sheet > .content img.size60 {
    /* 1шт на листе большом */
    width: 60%;
}

.paper-sheet > .content img.size50 {
    /* 1шт на листе большом */
    width: 50%;
}

.paper-sheet > .content img.size45 {
    /* 2шт на листе большом */
    width: 45%;
}

.paper-sheet > .content img.size30 {
    /* 3шт на листе большом */
    width: 30%;
}

.paper-sheet > .content img.size23 {
    /* 4шт на листе большом */
    width: 23%;
}

.paper-sheet > .content img.size14 {
    /* 6шт на листе большом */
    width: 14%;
}

.paper-sheet > .content img.aspect {
    /* 6шт на листе большом */
    width: 25px;
    height: 25px;
    /*box-shadow: 0 0 0 1px #000;*/
    box-shadow: none;
    vertical-align: middle;
}

/* --- Центрирование кнопки ВК-шара ---*/
.paper-sheet > .content #vkshare0 {
    text-align: center;
    margin: 0 auto;
}