body {margin:0px; background-color:#CCCCCC;background-image:url("/image/wood1~r-0-c2150dd952d3dbcb9e73474a.jpg");box-sizing:border-box;}
.annot,.online_text{text-align:justify;vertical-align:top;color:black;font:17pt Times New Roman;text-indent:30px;padding:10px 30px 5px 30px;}
.h1_naz,.h1_avt,.h1_online{text-transform:capitalize;
    text-align:center;
    margin:0px auto;
    vertical-align:top;
    color:black;
    font:17pt Monotype Corsiva;
    padding:0px;
    padding-bottom:20px;}
.h1_online{padding-top:20px;font:bold 18pt arial;text-transform:none;}
.h1_naz{text-transform:none;font:40pt Monotype Corsiva;padding:20px;}
.h1_avt{text-align:right; font:30pt Monotype Corsiva;padding-bottom:50px;padding-top:30px;}
p.online_text{margin:2px 0px;}
a.dark_a,.online_text a{text-align:center;margin:0px auto;vertical-align:top;color:red;text-decoration:none;margin-left:5px; margin-right:5px;font:15pt Monotype Corsiva;padding:0px;}
a.dark_a:hover,.online_text a:hover{color:black;text-decoration:underline;}
a.dark_a{text-decoration:underline;margin:0px;font-size:16pt;}
.stat{display:none;}
.krasiv,a.krasiv {text-decoration:none;color:#db3d18;font:14pt Monotype Corsiva;}
a.krasiv:hover {text-decoration:underline;color:#db3d18;font:14pt Monotype Corsiva;}
.tb_kom{text-align:center;vertical-align:middle;width:70%;margin:0px auto;padding-top:10px;}
.kom{text-align:justify;vertical-align:top;color:black; font:11pt Verdana;text-indent:30px;}
.sape{font-size:10pt; color:#FF9900; background-color:#150d00; text-align:justify; border:1px solid #CD853F; padding:10px;width:500px;}
.partneri{ color:#FFCC99; text-align:center; font:bold 17px Monotype Corsiva;  padding-bottom:10px; padding-top:0px;width:100%;}
.love_rom{text-align:center;color:#FFCC99;margin-top:0px;margin-bottom:0px;font:bold 35pt Monotype Corsiva;}
.poisk{text-align:center;color:#CCFF66;font:bold 18pt Monotype Corsiva; margin-bottom:5px;}
.poisk,.poisk_und{font:bold 18pt Monotype Corsiva; margin-bottom:5px;}
.poisk{color:#CCFF66;}
.poisk_und{text-decoration:underline;color:orange;}
h1.sm,.twhitesm{color:#FFCC99;font:9pt Monotype Corsiva;margin:0px;padding:0px;}
.b_n,.epigraph {font:bold 13pt Monotype Corsiva;text-align: justify;
}
#online-menu{background:linear-gradient(to bottom, #ffffff 5%, #FFFFCC 100%);
    display:flex;flex-direction:row;
    justify-content:left;
    align-items:  flex-start;
    width:600px;
    height:40px;
    border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    position: fixed;
    top:0px;
    right:0px;
    z-index:0;}
#online-menu a.home{
    background:url("/image/home~r-0-91c7e286df919e6b30818165.gif") no-repeat;
    background-position: center center;
    width:50px;
    height:40px;
    margin-left:10px;
    z-index:80;
    display:block;

position: relative;}
#online-menu a.home:hover{
    background:url("/image/home_hover.gif") no-repeat;background-position: center center;}
#razd_lib,#razd_page{cursor:pointer;width:150px;}
#razd_lib .title_lib,#razd_page .title_lib{font:bold 10pt Arial; align-self: center;}
#razd_lib .but_title_lib{display:none;}
#razd_page .title_lib p{display:flex;flex-direction:row;
    justify-content:left;align-items:center;height:40px;margin: 0px;padding: 0px}
#razd_page .title_lib p .zag_page{display:block;align-self: center;}
#razd_page .title_lib p .zag_page_mob{display:none;align-self: center;}
.title_lib .page{background: white;padding:4px;font:bold 12pt Arial;border:1px solid green;border-radius: 20px;
    -moz-border-radius:20px;align-self: center;}
#online-menu .main_menu,#online-menu .rate_menu{display:flex;flex-direction:column;align-items:center;}
#online-menu .rate_menu{width:90px; justify-content:left;align-items:flex-start;}
#online-menu #razd_lib .menu_lib,#online-menu #razd_page .menu_lib,#online-menu .rate_menu .menu_lib{
    display:none;
    border-radius: 0px 0px 20px 20px;
    -moz-border-radius: 0px 0px 20px 20px;
    width:150px;
    z-index:8;
    margin:0px 5px 0px 0px;
    border:2px solid green;
    border-top:0px;
    position:relative;
    background:linear-gradient(to bottom, #FFFFCC 5%, #ffffff 100%);
}
#online-menu .main_menu .menu_lib a{
        display:block;
    padding:7px;
    border-top:1px green solid;
color:black;
    font:bold 10pt Arial;
    text-decoration:none;}
#online-menu .main_menu .menu_lib a:hover{background:orange;    border-radius:20px;
    -moz-border-radius: 20px;}
#online-menu .rate_menu .rating{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:  center;
    cursor:pointer;
    z-index:80;
    height: 40px;
width:80px;}
#online-menu .rate_menu .rating .golos,#online-menu .rate_menu .rating .ocenka{
    align-self: center;
    font:bold 10pt Arial;
    color:black;
    width:40px;
    height: 40px;
}
#online-menu .rate_menu .menu_lib {width:40px;padding:3px;}
#online-menu .rate_menu .rating .ocenka{
    background:url("/image/star_orange.png") no-repeat;
    background-position: center center;
}
#online-menu .rate_menu .menu_lib .ocenka_opt{
    background:url("/image/star_orange_sm.png") no-repeat;
    background-position: center center;
    height:25px;
    margin:0px;
    font:bold 10pt Arial;
    color:black;
}
#online-menu .rate_menu .menu_lib .ocenka_opt:hover{
    background:url("/image/star_orange_sm_hover.png") no-repeat;
    background-position: center center;
    cursor:pointer;
}
#online-menu .rate_menu .menu_lib .ocenka_opt p{margin:0px;padding:4px;height:25px;}
#poisk{background:url("/image/lupa~r-0-620d8474ea39c9f0f7fe1b49.gif") no-repeat;
    width:35px;
    height:35px;
    z-index:80;
    float:right;
    margin:5px 5px 0px 0px;
    position:absolute;
    top:0px;
    right:0px;
cursor:pointer;}
#search_box{
    width:400px;
    height:80px;
    background: #150d00;
    top:43px;
    right:0px;
    border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    position: fixed;
    border:2px solid orange;
    display:none;
}
.icon_close_bl{position: absolute;
    cursor:pointer;
    z-index:200;
    clear:both;
    width: 20px;
    display:block;
    height: 21px;
    top:0px;
    right:0px;
    background:url("/image/krest_sm.png") no-repeat;}
.search_but{
    background:white url("/image/lupa_sm.gif") no-repeat;
    background-position:center center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    width:35px;height:35px;
    border:1px solid orange;
    cursor:pointer;}
input[name=search]{width:250px;height:25px;border:1px solid orange;}
.komment_fon_top{padding:0px;margin:0px auto;width:700px; height:58px; background-image: url("/image/topkom~r-0-cb888a276f18dfc5fcaf5f04.jpg");}
.komment_komm{padding:0px; margin:0px auto;width:700px;background-image: url("/image/kom~r-0-31a6674e0ab31ed554fff500.jpg");}
.komment_fon_bottom{padding:0px;margin:0px auto;width:700px; height:58px; background-image: url("/image/bottomkom~r-0-5fe0d50d830ed2b5bae725d3.jpg");}
.kom_gl{width:100%; text-align:center;margin:0px auto;}
.cover{max-width:800px}
.top_ch{font:14pt Monotype Corsiva;text-align:left;padding-left:100px;}
@media screen and (max-width: 900px){
    .komment_fon_top{width:100%;
        background:#ccb281;
        border-radius: 20px 20px 0px 0px;
        -moz-border-radius: 20px 20px 0px 0px;}
    .komment_komm{width:100%;background:#ccb281;}
    .komment_fon_bottom{width:100%;
        background:#ccb281;
        border-radius: 0px 0px 20px 20px;
        -moz-border-radius: 0px 0px 20px 20px;}
    .kom_gl{border-radius: 20px;
        -moz-border-radius: 20px;border:3px solid darkolivegreen;
        width:80%}
    .tb_kom{text-align:center;vertical-align:middle;width:90%;margin:0px auto;padding-top:10px;}
    .annot,.online_text{padding:10px 10px 5px 10px;}

}
@media screen and (max-width: 600px){
    #online-menu{width:100%;border-radius: 0px;
        -moz-border-radius:0px}
    #razd_lib{width:40px;}
    #razd_lib .title_lib{display:none;}

    #razd_lib .but_title_lib {
        background: url("/image/menu.png") no-repeat;
        width: 60px;
        background-position: center center;
        height: 40px;
        display: block;
    }
    #razd_lib .but_title_lib:hover{
        background: url("/image/menu_hover.png") no-repeat;
        width: 60px;
        background-position: center center;
    }
     #online-menu #razd_page .menu_lib{width:80px}
    #razd_page{width:70px}
    #razd_page .title_lib p .zag_page{display:none;}
    #razd_page .title_lib p .zag_page_mob{display:flex;}
    .title_lib .page{padding:1px;width:15px;}
    .main_menu .menu_lib{margin-left: 30px;}
    #search_box{
        width:320px;}
    .cover{max-width:290px}
    .top_ch{padding-left:0px;}
    .sape{width:290px;padding:3px;}
    .h1_naz{padding:3px;}
    .h1_avt{padding-bottom:30px;padding-top:20px;}
    .annot,.online_text{padding:5px;font:14pt Arial;}


}
@media screen and (max-width: 360px){
    #online-menu a.home{display:none;}

}