* {
    box-sizing: border-box;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

[class*="col-"] {
    float: left;
    padding: 5px;
}

.header {
    background-color: #581639;
    color: #FDF7F5;
    padding: 15px;
    text-align: center;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 600px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

/* mari.css */
body, blockquote, p {
    margin: 0;
    padding: 0;
}

img, a img, iframe { border: none; }

/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    font-size: 100%;
    font-weight: normal;
}

h1, h2 {
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    line-height: 130%;
}

h2, h3, h4, h5, h6 {
    color: #275E87;
}

h2.lead
{
    padding-top: 0px;
    margin-top: -0.5em;
}

/* Lists
------------------------------*/

ul, ol, dl, li, dt, dd {
    margin: 0;
    padding: 0;
}

/* Links
------------------------------*/



/* Forms
------------------------------*/
p {
    padding: 0 20px 1em 20px;
}

form, fieldset {
    margin: 0;
    padding: 0;
}

fieldset { border: 1px solid #000; }

legend {
    padding: 0;
    color: #000;
}

input, textarea, select {
    margin: 0;
    padding: 1px;
    font-size: 100%;
    font-family: Georgia, "Times New Roman", Times, serif;
}

select { padding: 0;

}

:focus {
    outline: 0;
}

/* Tricks
-----------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;    }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
    background: #fefded;
    margin: 0px;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 100%;
    line-height: 150%;
    text-align:left;
    color: #040000;
}
h1 {
    font-size: 1.85em;
}
h2 {
    font-size: 1.4em;
}
h3 {
    font-size: 1.35em;
}
h4 {
    font-size: 1.15em;
}
body a, a:link {color: #731613}
body a:visited {color: #731613}
body a:hover {color: #ae2d28}
body a:active {color: #ae2d28}
table {
    font-size: 16px;
    line-height: 150%;
}
table tr {
    font-size: 16px;
    line-height: 130%;
}

.LR {position:absolute;width:209; padding:5px;display:none; background-color: #fefded;}
.lr td {font-size: 0.85em;}

.recl{background-color:#581639;color:#FDF7F5;font-weight:bold;text-align:left;}

.rb{color:#a6170f;font-weight: bold;}
.header {
    background-image: url(http://myriamm.ru/imgs/up.gif);
    background-repeat: repeat-x;
    background-position: top;
    height: 110px;
    padding-top: 40px;
}
.header-forum {
    background-image: url(http://myriamm.ru/imgs/up.gif);
    background-repeat: repeat-x;
    background-position: top;
    height: 10px;
}
.header-blog {
    background-repeat: repeat-x;
    background-position: top;
    height: 10px;
    padding-top: 80px;
}
.top {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #3b1514;
    text-align: center;
}
.top-blog {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #3b1514;
    text-align: center;
    background-image: url(http://myriamm.ru/imgs/stripe-up.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
}
.signature {
    font-style: italic;
}
.phone-et-email {
    color: #e3d7ae;
    text-align: left;
}
.phone-et-email .name {
}
.phone-et-email .email-phone {
    color: #e3d7ae;
    position: absolute;
    top: 0;
    right: 0;
    top: 42px;
    right: 10px;
}

.phone-et-email a:link, a:visited {
    color: #e3d7ae;
}

.phone-et-email a:hover, a:active {
    color: #f7e8b3;
}

.accent-box {
    background-color: #eeedd8;
    background-image: url(imgs/pale-accent-box-top.jpg);
    background-position: top;
    background-repeat: repeat-x;
}
.accent-box-bottom{
    background-image: url(imgs/pale-accent-box-bottom.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}
.accent-box-left{
    background-image: url(imgs/pale-accent-box-left.jpg);
    background-position: left;
    background-repeat: repeat-y;
}
.accent-box-right{
    background-image: url(imgs/pale-accent-box-right.jpg);
    background-position: right;
    background-repeat: repeat-y;
}
.accent-box-top-left{
    background-image: url(imgs/pale-accent-box-top-left.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.accent-box-top-right{
    background-image: url(imgs/pale-accent-box-top-right.jpg);
    background-position: top right;
    background-repeat: no-repeat;
}
.accent-box-bottom-left{
    background-image: url(imgs/pale-accent-box-bottom-left.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}
.accent-box-bottom-right{
    background-image: url(imgs/pale-accent-box-bottom-right.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.accent-box-text{
    padding: 20px;
    height: 20px;
}
.baloon-box {
    background-image: url(imgs/ballon-top.jpg);
    background-position: top;
    background-repeat: repeat-x;
    color: black;
}
.baloon-box-bottom{
    background-image: url(imgs/ballon-bottom.jpg);
    background-position: bottom;
    background-repeat: repeat-x;
}
.baloon-box-left{
    background-image: url(imgs/ballon-left.jpg);
    background-position: left;
    background-repeat: repeat-y;
}
.baloon-box-right{
    background-image: url(imgs/ballon-right.jpg);
    background-position: right;
    background-repeat: repeat-y;
}
.baloon-box-top-left{
    background-image: url(imgs/ballon-top-left.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}
.baloon-box-top-right{
    background-image: url(imgs/ballon-top-right.jpg);
    background-position: top right;
    background-repeat: no-repeat;
}
.baloon-box-bottom-left{
    background-image: url(imgs/ballon-bottom-left.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;
}
.baloon-box-bottom-right{
    background-image: url(imgs/ballon-bottom-right.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
}
.baloon-text {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
}
.baloon-box-back {
    background-color: #e4d5b4;
    float: right;
    width: 50%;
}
.forum {
    float: right;
    display: inline;
}
.small {
    font-size: 0.85em;
}
.big {
    font-size: 1.25em;
}
.menu-item {
    font-size: 1.3em;
    line-height: 125%;
}

.menu-item-selected {
    font-size: 1.5em;
    line-height: 125%;
}

@media only screen and (min-width: 600px) {
    .main-block {
        background-image: url(imgs/left-line.gif);
        background-repeat: repeat-y;
        background-position: left;
        padding-left: 30px;
    }
}

.left-menu {
}

.archi {
    font-size: 1.1em;
    text-transform: uppercase;
    margin-bottom: 0.3em;
}
.first {
}

.caption {
    color: #e3d7ae;
    font-style: italic;
    font-size: 1em;
}

.fleur{
    position: absolute;
    left: 0;
    top: 17px;
}

.news{
    background-image: url(imgs/fleuron!.gif);
    background-repeat: no-repeat;
    background-position : 0px 3px;
    padding-left: 20px;
}

.unread {
    color: #00008B;
}

.more-air {
    line-height: 200%;
}

#signature {
    font-size: 0.85em;
    margin-left: 20px;
}

#blog{
    width: 100%;
    margin: 0;
    padding: 0;
}

#blog td{
    vertical-align: top;
}

#blog-right_column {
    width: 20%;
}

#blog-center_column {
    width: 80%;
}

#blog-center_column-left {
    width: 30%;
}
.blog-center_column-left-text {
    margin-top: 1.1em;
    margin-left: 30%;
    display: block;
}
.blog-center_column-left-text-comments {
    margin-left: 30%;
    display: block;
}

#blog-center_column-right {
    width: 70%;
}

.emphasis {
    color: #275E87;
    font-style: italic;
}

#stripe {
    margin: 0;
    position: absolute;
    top: 124px;
    width: 450px;
    margin-left: -225px;
    height: 215px;
    left: 50%;
}

.stripe
{
    width: 100%;
    height: 193px;
    background-image: url(imgs/stripe-down.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}
.middle
{
    text-align: center;
    background-image: url(imgs/stripe-middle.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.blog-header {
    color: #464646;
    line-height: 300%;
    text-transform: lowercase;
    font-style: italic;
    font-size: 2.5em;
}
#blog-topics {
    margin-top: 40px;
    min-height: 300px;
}
.blog-margins-subhead {
    padding-bottom: 10px;
    margin-left: 20px;
    text-transform: uppercase;
}
.blog-topics-up {
    background-image: url(imgs/blog-topics-up.jpg);
    background-position: top right;
    background-repeat: no-repeat;
    height: 115px;
}
.blog-topics-down {
    background-image: url(imgs/blog-topics-down.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
}


.blog-topics-text {
    width: 180px;
    overflow: hidden;
    padding-top: 20px;
    padding-left: 20px;
}
.right-column {
    float: right;
    right: 0;
    width: 230px;
}

.right-column-text {
    padding-left: 20px;
    padding-right: 20px;
    display: block;
}
.blog-entry-header {
    color: #275E87;
    text-transform: uppercase;
    font-size: 1.1em;
    display: block;
    text-align: center;
}
/* dropdown menu */
.dropbtn {
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline;
    width: 15%;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fefded;
    min-width: 200px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    text-decoration: none;
    display: block;
    padding-left: 5px;
}

.show {display: block;}

.mobile-menu {
    background-color: #3b1514;
}
.mobile-phone-email {
    display: inline;
    color: #e3d7ae;
    float: right;
    padding-right: 10px;
}

.mobile-phone-email a:link, a:visited {
    color: #e3d7ae;
}

.mobile-phone-email a:hover, a:active {
    color: #f7e8b3;
}
.search {
    display: inline;
}

@media only screen and (max-width: 600px) {
    .not-mobile {
        display: none;
    }
}
@media only screen and (min-width: 601px) {
    .mobile {
        display: none;
    }
}