/* standart
*/
body strong{font-weight: bold;}
body{font-family: Verdana;}

.inline{display: inline;}
.inlineblock{display: inline-block;}
.showbl{display: block;}
.hide {display: none;}
.hidevis {visibility: hidden;}
.fixOnTop {position: fixed;top: 0; }


.flleft{float: left;}
.flright{float: right;}
.clear{clear: both; height: 1px;}
.clearr{clear: right; height: 1px;}
.clearl{clear: left; height: 1px;}
.txtdecnone{text-decoration: none;}

.centerta{text-align: center;}
.clrgray{color: gray;}
.italic{font-style: italic;}
.bold{font-weight: bold;}

.w5{width: 5px;}
.w10{width: 10px;}
.w20{width: 20px;}
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w100{width: 100px;}
.w150{width: 150px;}
.w200{width: 200px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w800{width: 800px;}
.w900{width: 900px;}
.w1000{width: 1000px;}
.wp95{width: 95%}
.wp75{width: 75%}
.wp50{width: 50%}
.wp48{width: 48%}
.wp30{width: 30%}
.wp20{width: 20%;}

.m5{margin: 5px;}
.m7{margin: 7px;}
.m10{margin: 10px;}
.ml5{margin-left: 5px;}
.ml7{margin-left: 7px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml70{margin-left: 70px;}
.ml100{margin-left: 100px;}
.ml50{margin-left: 150px;}
.ml200{margin-left: 200px;}
.ml300{margin-left: 300px;}
.ml400{margin-left: 400px;}
.ml405{margin-left: 405px;}
.ml500{margin-left: 500px;}
.ml505{margin-left: 505px;}

.mt5{margin-top: 5px;}
.mt7{margin-top: 7px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mb5{margin-bottom: 5px;}
.mb7{margin-bottom: 7px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}

.fntp80{font-size: 80%;}
.fntp90{font-size: 90%;}
.fntp110{font-size: 110%;}
.fntp120{font-size: 120%;}
.fntp130{font-size: 130%;}
.fntp150{font-size: 150%;}
.fntp200{font-size: 200%;}

main {padding: 0}
main h3{
    font-family: verdana, sans-serif;
    font-size: medium;
    font-weight: normal;
    background-color: #80FFFF;
    text-align: center;
    margin: 3px 0 0; /*3px 0 0 145px;*/
    padding: 3px 0 7px;
    
}
main p{font-size: medium; padding: 7px;}

/* setup default begin */
#dialog-win, #popup-win, #loader {display: none;}

#loader{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*background: rgba(205, 214, 219, 0.8);  #2e0909*/
    background-color: #363f41;
    opacity: .8; 
    z-index: 100;
}
#loader img{
    position:fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#dialog-win, #popup-win{
    width: 100%;
    height: 100%;
    position:fixed;
    left: 0;
    top: 0;
   /* background-color: #800040;
    opacity: .7;*/
    background: #363f41; /*rgba(128, 0, 64, .8);*/
    z-index: 700;
}
/*debug:*/
#ttdeb{
    position: absolute;
    top: 170px;
    left: 120px;    
    width: 200px;
    height: 100px;
    color: darkblue;
    background-color: green;
}
/* login
*/
#userlogin{
    position: absolute;
    top: 7px;
    left: 12px;
    color: white;
    font-family: verdana, sans-serif;
    font-size: small;
    z-index: 1;
}
#userlogin a{color: white;text-decoration: none; border-bottom: 1px dashed #fff;}
#userlogin a:hover{border-bottom: 1px solid #fff;}
/* Menu mobile
    hesite
*/
#logo {width: 100%; height: 200px;}
#bmomenu ul{
    position: fixed;
    top:7px;
    left: 7px;
    z-index: 680;
    display: block;
/*    height: 37px; */    
    margin: 0;
    padding: 0;
    width: 100%;
}
#bmomenu ul{
    list-style-type: none;
}
#bmomenu ul li{
    display: inline-block;
}
#bmomenu .imomenu a img{
    height: 27px;
}
#bmomenu .momesite{
    margin: 0 7px;
    color: #3300ff; 
    text-shadow: 1px 1px 5px #fff, 0 0 1em #ffcc33;  
}
#bmomenu .privetus{
    margin-left: 17px;
    color: blue;    
}
#bmomenu ul.fixtom{
    background: blue;
    top:0;
    left: 0;
    padding: 7px;
    
}
#bmomenu ul.fixtom .momesite,#bmomenu ul.fixtom .privetus {
    color: white; 
    text-shadow: 1px 1px 2px #ffcc33, 0 0 1em #fff;
}

#mmenu {
    display: none;
    overflow-y:auto;
}
#mmenu ul {
    position: fixed;
    top:7px;
    left: 7px;
    z-index: 685;        
    margin: 0;
    padding: 10px;
    width: 230px;    
    list-style-type: none;
    display: block;
    background-color: white;
    color: #000;
    border: 2px outset darkblue;    
}
#mmenu ul li{
    border-bottom: 1px solid silver;
    padding: 7px;
}

#mmenu ul li a{
    text-decoration: none;
    display: inline-block;
    width: 100%;
}
#mmenu ul li :hover{
    background-color: whitesmoke;    
}
#mmenu ul li a:hover{
    color: yellow;
    text-shadow: 1px 1px 2px black, 0 0 5px blue;
}


/* MENU
*/
#gor_topmenu{
    margin-top: -45px;
}
.linemenu ul{
    list-style-type: none;  
    font: 1.1em Arial;  
}
.linemenu ul li{
    display: inline-block;
    /*background-color: #e0e2e4;*/ 
}
.linemenu ul li a{
    text-decoration: none;
    padding: 7px 10px;
    margin: 0;
    line-height: 30px;
}
.linemenu ul li a:hover, .linemenu ul li a:active{
    background-color: #fff;
    color: yellow;
    text-shadow: 1px 1px 2px black, 0 0 5px blue;
    
}
.linemenu ul li a:active{
    cursor: default;
}
/* LOGIN
*/
#winlogin{
    width: 100%;
    max-width: 400px;
    height: 240px;
    position:fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
    opacity: 1;
   z-index: 789;
}
#winlogin div.wlogin{
    width: 100%;
    height: 100%;
    border: 2px solid blue;
    background-color: #fff;
    font-family: Verdana;
    font-size: medium;   
    text-align: left; 
    padding-top: 3px;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;     
}
#winlogin .strmes{
    height: 27px;
    line-height: 27px;
    color: red;
    text-align: center;
}
#winlogin label{
    display: inline-block;
    margin: 10px 0 10px 20px;   
    width: 20%; 
}
#winlogin #wlinlin, #winlogin #wlinpwd{
    margin-left: 10px;
    width: 60%;
    font-size: larger;
}
#winlogin .wlinnl{
    margin: 20px;
    text-align: center;    
    font-size: small;
}
#winlogin .wlinnl a{text-decoration: none; padding: 0 20px;}

#winlogin .wlinbot {
    margin: 35px 40px;
    text-align: right;
}
#winlogin .wlinbot input{
    margin: 0 0 0 20px;
    font-size: medium;
    width: 130px;
}

#winlogin .wlogout{
    height: 100%;
    text-align: center;
    font-size: larger;
    font-family: Verdana;
    padding: 70px 0;
    background-color: #fff;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;     
}
#winlogin .wlinbout{
    margin: 65px 0;
    text-align: center;    
}



#winremember{
    width: 100%;
    max-width: 800px;
    height: 480px;
    position:fixed;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
    opacity: 1;
   z-index: 777;      

}
#winremember h2, #winlogin h2{
    text-align: center;
    background-color: #C6703F;
    color: #ffff64;
    padding: 5px 0;
    margin: 0;
    font-family: arial;
    font-weight: bold;
    
    border-radius:6px 6px 0 0;
    -webkit-border-radius:6px 6px 0 0;
    -moz-border-radius:6px 6px 0 0;
    -khtml-border-radius:6px 6px 0 0;    
    
}
#winremember .closewin, #winlogin .closewin{
    color: #fff;
    cursor: pointer;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 778;    
}
/*  TAB
*/
.page-tabs ul{
    list-style-type: none;  
    font: 1.0em Arial;
    font-weight: bold;
    margin: 0 50px 0 0;
    border-top: 1px solid blue;
    text-align: right;
}
.page-tabs ul li{
    display: inline-block;    
    background-color: #C6703F;
    border: 2px solid #C6703F; 
    margin: -3px 5px 0 5px;   
    
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
}
.page-tabs ul li a{
    text-decoration: none;
    padding: 12px 15px;
    margin: 0px;  
    color: #d5d55a; /*ffff64*/
    background-color: #C6703F;  
    display: block;    
}
.page-tabs ul li a:hover{
    background-color: #f5f3e5;
    color: #363f41;
}
.page-tabs ul li.sel, .page-tabs ul li.sel a{      
    background-color: #f5f3e5;
    color: #363f41;
    border-top: 2px solid #f5f3e5; 
}

.page-info{
    width: 100%;
    height: 348px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 2px solid #C6703F;
    background-color: #f5f3e5;
    
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px; 
      
}    

/* blopisd cfio cdayp cdayb cprim */
.blfotod {
    float: left;
    margin-right: 20px;
}
.blfotod img{height: 320px; margin: 5px;}
.blopisd{
    font-family: Verdana;    
}
.blopisd .cfio{padding: 20px 20px 30px;}
.blopisd .cfio{
    font-size: xx-large;
}
.blopisd .cdayp, .blopisd .cdayb{
    font-size: large;
}
.blopisd .cprim {
    font-size: large;
    padding: 5px 0;
}
.page-tab {
    font-family: Verdana;
    font-size: medium;
    /*
    border-bottom: 1px solid #FF80C0; 
    margin: 5px;*/
}
.table {display: table;}
div.mrow{
    /*display: table-row;*/
    font-family: Verdana;
    font-size: large;    
    padding: 9px 0;    
    /*border-bottom: 1px ridge #FFFDFD;    height: 30px;    line-height: 30px;       vertical-align:middle;    */
}
div.mrow fieldset{
    border: none;
    margin: 0;
    padding: 0;
}
div.dacap{
    float: left;
    width: 270px;
    padding-left: 5px;    
}
div.dacap .dat{
    display: inline-block;
    width: 45%;
    vertical-align: top;
}
div.opis{
    float: left;  
    line-height: 20px;  
}
.mrow img{
    width: 20px; 
    margin: 2px 4px;
    float: left;
    vertical-align: middle;
}
.mrow span.capop{
    font-style: italic;
    font-size: 75%;    
    width: 120px;
    padding-right: 7px;   
    display: inline-block;
    line-height: 15px; 
}
.clearline{clear: both; height: 3px;border-bottom: 1px ridge #FFFDFD;}
/*
.mrow span{
    border-right: 1px ridge #FFFDFD;
    vertical-align: middle;
    border-bottom: 1px ridge #FFFDFD;
}
.mrow span.dat{
    display: table-cell;    
    width: 110px;
    text-align: right;
    padding-right: 1px;
}
.mrow div.opis{
    display: table-cell;
    padding-left: 7px;
    border-right: none;
}
.mrow span.capop{
    font-style: italic;
    font-size: 75%;
    display: table-cell;
    width: 120px;
    padding-left: 5px;
}
div.dacap{
    margin: 0;
    padding: 0;
    border: none;
    width: 255px;
    display: table-cell;
}*/
 
.birthday{color: red;}
.memorial{color: #000;}
.ortholid{color: #0000FF;}
.reminder{color: #363f41;}
.secularh{color: green;}



/* Ortodox Calendar
*/
#ortod2ico{
    /*border: 2px solid blue;*/
    float: left;
    width: 145px;
    text-align: center;
    font: italic 12px Bookman Old Style;
    margin-right: 10px;
}
#ortod2ico .tdcap, #ortod2ico .tdico, #ortod2ico .ndico,#ortod2ico .ndcap{
    color: #000;
    background-color: #63ff9c;
    border: 1px solid yellow;
    margin: 3px 1px;
    padding: 7px 4px;
}
#ortod2ico .tdico, #ortod2ico .ndico{
    vertical-align: middle;
}
#ortod2ico .tdico img, #ortod2ico .ndico img{
    line-height: normal;
    display: inline-block;
    vertical-align: middle;    
}
#ortod2ico .activ{
    background-color: #63ff9c;
    border: 1px solid yellow;    
}
#ortod2ico .passiv{
    background-color: #ccccff;
    border: 1px solid #92c0ff;    
}
#ortod2ico .tdcap{
    
}
#ortod2ico .tdico{
    height: 215px;
    line-height: 215px;
}
#ortod2ico .ndico{
    display: none;
    height: 215px;
    line-height: 215px;
}
#ortod2ico .ndcap{
    
}

.ortodox-info{
    width: 100%;
    height: 348px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 2px solid blue;
    background-color: #fff;
    
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius:0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;     
}
.ortodox-info ul.curday{
    list-style-type: none;
    text-align: center;
}
.ortodox-info ul.curday li{
    display: inline-block;
}
.ortodox-info ul.curday li img{height: 25px;}
.ortodox-info .predday{
    float: left;
    width: 50px;   
}
.ortodox-info .nextday{
    float: right;
    width: 50px;   
}
.ortodox-info .capday{
    
}
.ortodox-info .icocaption{
    float: left;
    width: 135px;
    margin: 7px;
    text-align: center;
    white-space:pre-wrap;
}

#winlogin{}
/*
.linemenu ul{
    font: 1.1em Arial;  
}
.linemenu ul li{    
    background-color: silver; 
}
.linemenu ul li a{
    text-decoration: none;
    padding: 7px 10px;
    margin: 0;
}
.linemenu ul li a:hover, .linemenu ul li a:active{
    background-color: yellow;
}
.linemenu ul li a:active{
    cursor: default;
}
*/

/*OTLADKA
#dialog-win{
    width: 20%;
    height: 30%;
    position:fixed;
    left: 50px;
    top: 50px;
    z-index: 999;   
    background-color: #80FF80;
    color: #000; 
}
*/




#litree .onenottree{    
    border: 1px solid silver;
    margin: 3px;
    padding: 10px;
    background-color: #e0e2e4;
}
#litree label{
    display: inline-block;
    width: 300px;
    font-size: small;
}
#litree .thdb, #litree .contdb, #litree .prim{
    width: 300px;
    margin: 10px 0;
}
#litree .act, #litree .pv {width: 30px;} 
#litree .sort {width: 50px}
#litree p a{
    display: inline-block;
    width: 99%;
    margin: 1px;
    padding: 7px 50px;
    border: 1px solid silver;
    background-color: #e0e2e4;
    text-decoration: none;
}

#povidomadm h3{
    margin: 12px 0 3px 0;
}




@media screen and (min-width:365px) and (max-width:768px) {

    #gor_topmenu{
        margin-top: -45px;
    }
    .linemenu ul{          
        font: 0.8em Arial;  
    }
    .blfotod img {height: 200px;}
    #winremember{
        width: 100%;
        max-width: 580px;
        height: 300px;
    }
    .page-info{
        height: 220px;
    }
    .page-tabs ul{
        margin: 0 10px 0 0;
        font: 0.9em Arial;
    }
    .page-tabs ul li{
       margin: -3px 2px 0 0;       
    }
    .page-tabs ul li a{
        padding: 7px 3px;        
    }    
    
.ortodox-info{height: 220px}
.ortodox-info ul.curday li img{height: 17px;}
.ortodox-info .predday{
    width: 20px;   
}
.ortodox-info .nextday{
    width: 20px;   
}    
.ortodox-info .icocaption{
    width: 130px;
    margin: 3px;
}




}

@media screen and (min-width:365px) and (max-width:480px) {

    div.dacap {float:none; width: 450px; padding-right: 0;}
    div.dacap .dat{width: 35%; padding-left: 5px;}
    div.opis {float: none; text-align: center; white-space:pre-wrap;}
    
}

/* blopisd cfio cdayp cdayb cprim */

@media screen and (min-width:100px) and (max-width:365px) {

    
    #logo{width:100%}
    
    div.dacap {float:none; width: 360px; padding-right: 0;}
    div.dacap .dat{width: 35%; padding-left: 5px;}
    div.opis {float: none; text-align: center; white-space:pre-wrap;}
    
    #gor_topmenu{
        margin-top: -65px;
    }    
    .linemenu ul{          
        font: 1.2em Arial;  
    }
    
    #winremember{
        width: 100%;
        max-width: 340px;
        height: 500px;
    }
    #winremember h2{font-size: large;}
    #winremember .closewin{top: 7px;}
    .page-info{
        height: 430px;
    }    
    .page-tabs ul{
        margin: 0 12px 0 0;
        font: 0.78em Arial;
    }
    .page-tabs ul li{
       margin: -3px 2px 0 0; 
    }
    .page-tabs ul li a{
        padding: 10px 3px;
        
    }    
    .blfotod {
        display: block; 
        width: 100%;   
        padding: 0;
    }
    .blfotod img {        
        float: none;
        display: block;
        height: 370px; 
        width: auto;
        margin: 0 auto;        
    }
    .blopisd {
        padding: 20px 20px 30px 20px;
        margin: 0;         
        display: block; 
        width: 100%; 
        
    }
    .blopisd .cfio{
        font-size: x-large;        
        
    }
    .blopisd .cprim{
        font-size: large;
        padding: 5px 0;
        
    }    
.ortodox-info{height: 430px}
.ortodox-info ul.curday li img{height: 17px;}
.ortodox-info .predday{
    width: 20px;   
}
.ortodox-info .nextday{
    width: 20px;   
}    
.ortodox-info .icocaption{
    width: 125px;
    margin: 3px;
}
 
 
}