html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;  padding: 0;  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  list-style-position: outside
}
body { 
  /*line-height: 1.5;*/
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  min-width:1000px;
}
em {font-style: italic;}
/* Tables still need 'cellspacing="0"' in the markup. */
/*table { border-collapse: separate; border-spacing: 0; }*/
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }

/* Remove possible quote marks (/assets/i/") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
/*******************LAYOUT**********************/
#outwrap, #wide_outwrap {height:100%; min-width:990px; margin:0; padding:0}
#outwrap {background:url(/assets/i/fsbg.png) repeat-y 100% 0;}
html, body {height: 100%;}
body {background:url(/assets/i/pbg.png)}
#pagebody { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */}
#pagebody {background:url(/assets/i/fsbg.png) repeat-y 0 0, url(/assets/i/fsbg.png) repeat-y right top;}
#header {height:215px; background:url(/assets/i/fbg_dbl.png) repeat-x bottom; position:relative; z-index:4}
#header #hinner{height:91px; background:url(/assets/i/hbg_sh.png) repeat-x; text-align:center; padding-top:15px}
#church {position:absolute; right:3%; top:15px}
#header #hinner #logo {position:absolute; left:11px; top:15px}
#header #tm, #header #tm2 {height:30px;}

#trow .adress {background:#e56901; color:#fff; border:#fff solid 2px; width: 350px; float:right; margin:20px 3% 0 0; font-family:Tahoma; font-size:13px; text-align:right; padding:3px 6px}
#trow .adress .phone {font-weight:bold; font-size:14px}
#trow #logo {float:left; margin:0 0 0 8%}
#bottom {height: 132px; background:url(/assets/i/fbg_dbl.png) repeat-x top; margin-top:-10px; clear:both; /*overflow:hidden;*/ position:relative; z-index:5}
#bottom p {padding:25px 10px 0} .copyright{float:left} .counters {float:right; margin-right:10px; /*position:absolute; top:10px; right:10px*/} 
.brcounters {text-align:center}

#bottom .binner {margin:55px 0 0; padding:0 0 10px; background:#871c18; position:absolute; width:100%}
#bottom .binner #bm {margin:0 auto 10px; position:relative; clear:both; text-align:center}
#bottom .binner .counters p {float:right; padding:0; margin:0 0 0 5px}


#wide_content {
    margin-top:20px;
    padding-bottom:30px;
    width:100%;
    table-layout:fixed;
}

#left_column, #right_column {
    width:210px;
    min-width:210px;
    padding-left:10px;
    padding-right:10px;
}

div.column_hover_block, div.column_hover_block a  {
    color:#871c18 !important;
    font-size:14px !important;
    text-decoration:none !important;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    padding-top:10px;
    padding-bottom:10px;
}

#center_column {
    padding:0px 5px 10px 5px;
    overflow: hidden;
}

div.column_hover_block:hover  {
    background-color:#cda190 !important;
}
a.menu_item_common {
    text-decoration:none;
}
  
h1.mainTpl {margin-top:1.25em;}
  
/*******************STYLES**********************/
.inner { /*padding-bottom: 5000px; margin-bottom: -5000px;*/ overflow: hidden;}
.text {background-color:rgba(255,255,255,0.5); padding:10px 10px 50px 10px; /*padding-bottom: 5000px; margin-bottom: -5000px;*/}
.text ul { margin-left:10px; }
.text ol { margin-left:20px; }
ul.wayfinder, ul.wayfinder ul { list-style:none; }
ul.wayfinder li {margin-top:5px;}
.text ul li a {  padding:3px 0px 0 24px; background:url(/assets/i/pimp.png) no-repeat 2px 2px;}
.text ul li ul li a {  padding:3px 0px 0 24px; background:url(/assets/i/pimp_inner.png) no-repeat 2px 2px;}
.text ul li ul {margin-left:15px;}


#deyatelnost h4:hover {background-color:#871c18; color:#fff;}
#vopros div, #nmLink div {background-color:#cda190;}
#vopros div:hover, #nmLink div:hover {background-color:#871c18 !important; color:#fff !important;}

.lmenu {background:url(/assets/i/mbg.png); width:auto}
.lmenu li {list-style-type:none; height:22px; width:auto; white-space: nowrap;}
.lmenu li a {padding:3px 2px 0 20px; background:url(/assets/i/pimp.png) no-repeat 2px 0; height:19px; color:#871c18 !important; text-decoration:none; display:block; font-size:14px; width:auto; 
    transition: background-color 0.1s;  -webkit-transition: background-color 0.1s; }
.lmenu li a:hover, .lmenu li a.active {color:#fff !important; background:#871c18 url(/assets/i/pimp.png) no-repeat 2px -22px;}

.ltopmenu {margin-left:240px; float:left; background-color:rgba(104,55,55,0.7); border-top-left-radius:25px; border-top-right-radius:25px; border-top:1px solid #a55957; height:31px;}
.ltopmenu li {list-style-type:none; height:35px; float:left;}
.ltopmenu li a {color:#f8f1f1 !important; display:block; height:23px; padding:6px 18px 2px 18px; text-decoration:none; font-size:14px;
    border-top-right-radius:25px;
    border-right: 1px solid #a55957;
    border-left: 0px solid #a55957;
    border-top:1px solid #a55957;
    margin-top:-1px;
}
.ltopmenu li.first a {padding-left:30px; padding-right:30px;}
.ltopmenu li.active a {
    background-color:#aa5f5c;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-right: 1px solid #a55957;
    border-left: 1px solid #a55957;
}

.ltopmenu li.leftFromActive a {
    border-top-left-radius:25px;
    border-top-right-radius:0px;
    border-left: 1px solid #a55957;
    border-right: 0px solid #a55957;
}

#tm {
background: #871c18; /* Old browsers */
background: linear-gradient(to bottom,  #871c18 0%,#5e1010 100%); /* W3C */
}
#tm2 {
background: #871c18; /* Old browsers */
background: linear-gradient(to bottom,  rgba(135,28,24,1) 0%,rgba(94,16,16,1) 95%,rgba(94,16,16,0) 100%); /* W3C */
}

/*SubMenu*/
.ltopmenu ul.subitem {position:absolute; z-index:10; left:240px; opacity:0; display:none; margin-top:0px;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
    background-color:#a55957;
    background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
}
.ltopmenu li.first ul.subitem {border-top-left-radius:0px;}
.ltopmenu li.last ul.subitem {margin-left:100px;}
.ltopmenu li.active ul.subitem {opacity:1; display:block;}
.ltopmenu ul.subitem li {padding:0; float:left; list-style-type:none;}
.ltopmenu ul.subitem li a {color:#f8f1f1 !important; text-decoration:none; font-size:14px; line-height:15px; padding:6px 18px 2px 18px; border-left-width:0px; border-right: 1px solid #842B2B; border-top:0px solid #a55957;}
.ltopmenu ul.subitem li.last a {border-right-width:0px;}
.ltopmenu ul.subitem li a {
    background:none;
    border-radius:0px;
}
.ltopmenu ul.subitem li a:hover {background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0) 70%);}
.ltopmenu ul.subitem li.active a { background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0) 70%); }


.bmenu {margin:0 auto}
/*.bmenu li {display:inline; position:relative}*/
.bmenu td {padding:5px}
.bmenu li a, .bmenu td a {color:#f8f1f1; padding:6px 3px 2px; text-decoration:none; text-transform:uppercase; font-size:14px; /*width:auto*/}
.bmenu ul {margin:5px 0}
/*.bmenu ul li {margin:0 0 2px}*/
.bmenu li a {font-size:10px; color:#e7e7e7; padding:1px 3px}
/*.bmenu li ul {position:absolute;}*/
/*.ltopmenu li a:hover,*/ .bmenu td a:hover, .bmenu li a:hover {text-decoration:underline}
#center table {margin-bottom:20px}
#breadcrumbs {margin-bottom:10px}
/*******************TYPOGAPHY**********************/
body {color:#871c18; font-family:Arial, Helvetica, sans-serif; font-size:16px}
a {color:#838971}

#center ul, #center ol {padding-left:15px; margin-bottom:10px}
#center ul li, #center ol li {margin-bottom:4px}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #871c18; text-align:center; text-transform:uppercase; padding:3px 0 }
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {background:url(/assets/i/hpbg.png) no-repeat 0 50%; padding-left:20px; margin-left:-20px}

h1, .h1 { font-size: 1.4em; line-height: 1; margin-bottom: 0.5em; background-color:#e6bd87; } 
h2 { font-size: 1.2em; margin-bottom: 0.75em; }
h3 { font-size: 1em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

p  { margin: 0 0 1.5em; }
#right h4 {height:18px; padding:2px 0 2px 22px; background:#cfa392 url(/assets/i/pimp.png) no-repeat 3px 1px; text-align:left !important}
#right h4 span {font-size:14px; padding:0; margin-left:0; display:block; background:none}
/*************** Calendar *************************/
.calendar {border-top:1px solid #E6BD87; border-right:1px solid #E6BD87; margin:0 auto}
.calendar caption {color:#fff; background:#E6BD87; border:solid #871c18; border-width:0px; padding:3px; text-align:center}
.calendar caption a, .calendar td a {text-decoration:none !important}
.calendar th {padding:3px; background:#cfa392; font-size:14px; font-weight:bold; color:#fff}
.calendar td {padding:2px}
.calendar td a {display:block; font-weight:bold}
.calendar td.cur, .calendar td.cur a {color:#871c18 !important; font-weight:bold}
.calendar td.curDay{background:#E6BD87}
.calendar td.cur {background:#cfa392}
.calendar td.cal_link {background:#eee}
.calendar th, .calendar td {/*background:#fff;*/ border-bottom:1px solid #E6BD87; border-left:1px solid #E6BD87; text-align:center}
.calendar th.wend {color:#CC0000 !important}

#daycal {background:url(/assets/i/cal/calbg.png) no-repeat 0 0; height:209px; width:208px; margin:-10px auto 22px; text-align:center; padding:50px 0 0}
#daycal ul {padding:0 !important; margin:0}
#daycal ul li {list-style-type:none; text-transform:uppercase; margin:0 !important}
#daycal ul li.r1 {height:26px; padding-top:8px; color:#fff; font-size:13px; font-weight:700}
#daycal ul li.r2 {height:72px}
#daycal ul li.r2 span {display:block}
#daycal ul li.r2 span.day {font-size:48px; height:48px; font-weight:bold}
#daycal ul li.r2 span.wday {font-size:14px; height:16px; font-weight:bold; text-transform:lowercase}  
/*************** WSIG *************************/
.justifyfull {text-align: justify}
.justifyright {text-align: right}
.justifycenter {text-align: center}
.jf {text-align: justify}
.jr {text-align: right}
.jl {text-align: left}
.jc {text-align: center}
/*************** SEARCH *************************/
#ajaxSearch_form {padding:3px 10px 0 0}
#ajaxSearch_input {width:115px; height:16px; background:#e1e1e1; font-size:11px; border:1px solid #871C18; padding:0 2px 2px;
margin:1px 0 0;}
#ajaxSearch_submit {margin:2px 5px 5px 2px; font:bold 11px Arial, Sans-serif; background:#E6BD87; height:18px; color:#333;
border:0px solid #871C18; cursor:pointer}
#ajaxSearch_form label {display:block; float:left;}
/*************** ADDED FROM GREG *************************/
.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
.rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 7px 0 7px 7px; /* Отступы вокруг картинки */
   }
.ditto_page {
	margin: 0 2px;	
}
table.tableWithBorders {border-collapse: collapse;}
table.tableWithBorders td, table.tableWithBorders th {border:1px solid #871c18; padding:10px; vertical-align:middle;}
table.tableWithBorders td p { margin-bottom:0px;}
table.tableWithBorders th {font-weight:bold; text-align:center;}

#RaspisanieOneDay { display:block; margin-top:0.65em;}
#RaspisanieOneDay h4 { margin-bottom:0px;}
#RaspisanieOneDay p  { text-indent:-50px; margin-left:50px; margin-bottom:0px; text-align:left;}
#social_nets_schedule p { margin-bottom:0px; }

#recaptcha_area { text-align:center;}
.error {color:red;}

ul.subfolderPaginationMonth, ul.subfolderPaginationMonth li, ul.subfolderPaginationYear, ul.subfolderPaginationYear li {
    display:inline-block;}
ul.subfolderPaginationMonth li.active a, ul.subfolderPaginationYear li.active a {
    font-weight:bold; padding:3px 12px 0 12px;}
ul.subfolderPaginationMonth li a, ul.subfolderPaginationYear li a {
    background:none; padding:3px 12px 0 12px;}
    
div.paginationNav li {
    display:inline;
    padding:0px 10px 0px 10px;
}

div.paginationNav li a.active {
    font-weight:bold;
    font-size:120%;
}

p.photos {text-align:center; position:relative; z-index:100; }
p.photos img {vertical-align:middle;}

span.holiday { font-size:14px; color:red;}
span.holyday { font-size:14px; color:red;}
#RaspisaniePodrobnoe span.holiday {font-weight:bold; font-size:16pt;}
#RaspisaniePodrobnoe span.holyday {font-weight:bold; font-size:16pt;}
#RaspisaniePodrobnoe span.raspH3 {font-weight:bold;}
.holydayService {font-weight:bold; color:red;}
.bigTime {font-size:120%; text-decoration: underline;}

#vajno table {margin: 0 auto; table-layout:fixed; }
#vajno table td {border: 0px solid #871c18; }
.displaynone, #bigpic div a img { display:none; }
div.vajnoItemDivider {position:relative; top:1px; height:3px; margin-left:10px; margin-right:10px;
    background: linear-gradient(to bottom,  #f7d39d 0%,#b99e76 100%);}
tr.last div.vajnoItemDivider {display:none;}

#bigPicContainer { vertical-align:top; text-align:center;}
#bigPicContainer table {height:500px;}
#bigPicData div { text-align:center; padding:10px 20px 10px 20px; margin-bottom:5px; background-color: rgba(255, 255, 255, 0.5);}
#bigPicData div a { text-decoration:none; font-weight:bold; color:#871c18; }
#bigPicData div a img {display:none;}
#bigPic { height:100%; background-position:center bottom; background-repeat: no-repeat;}
#bigPic a, #bigPic a div { display:block; height:100%; text-decoration:none; }

#vajnoList {vertical-align:top; text-align:center;}
#vajnoList table {margin-left:10px; border-collapse: collapse; table-layout:fixed;}
#vajnoList table td { margin-bottom:0px; border-bottom: 0px solid #871c18;}
#vajnoList table tr {height:100px;}
#vajnoList table td.smallPicText a div { padding:5px 5px 0px 5px; height:90px; overflow: hidden;  }
#vajnoList table tr.current td.smallPicText a div { background-color: rgba(255, 255, 255, 0.5); }
#vajnoList table tr.first td {border-top: 0px solid #871c18; }
#vajnoList table td.smallPic {vertical-align:middle; text-align:center; width:100px;}
#vajnoList table td a img {width:90px; height:90px; }
#vajnoList table tr.current td a img {border: 2px ridge #871c18; padding:1px;}
#vajnoList table td.smallPicText a { font-size:14px; line-height:15px; text-decoration:none; color:#871c18; }

#nashamolitva h1 {font-size: 30px; line-height: 34px; font-family: 'Times New Roman',Times,serif; text-align: center;
  background-color:initial; text-transform:none; margin-bottom: 0px;
}
#nashamolitva h1.smallH1 {font-size: 23px; line-height: 40px;}
#nashamolitva div.aim {font-style: italic; text-align: center; font-size: 14px; line-height:1.42857; max-width:600px;}
#nmCenterBackgr {background-image:url(/assets/i/nashamolitva/hram.jpg); background-position:center bottom; 
  background-repeat: no-repeat; height:529px; margin-top: 20px; margin-bottom:20px;}
#nmCenterBackgrOrnament {background-image:url(/assets/i/nashamolitva/ornament.png); height:27px;}  
#videoOV {padding:20px; border-radius:5px; max-width:425px; background-color:rgba(255,255,255,0.7); position:relative; top:130px;   text-shadow: 0px 0px 2px #fff;}
#videoOV iframe {display:block;}

div.nmMolitvaBlock {width:180px; padding: 10px 20px 20px; text-align:center;
  border:4px ridge #a55147;
  border-image:url(/assets/i/nashamolitva/border.png) 4 4 round;
  display:inline-block;
  margin: 5px 2px;
}

div.nmMolitvaBlock div.title {margin-bottom:10px; color:black; height: 70px; margin-top:20px;}
div.nmMolitvaBlock a {background-image:url(/assets/i/nashamolitva/chitat.png); 
  display:block; 
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  width:147px;
  margin: 10px auto;
  color:white;
  font-weight:bold;
  text-decoration:none;
}

div.nmMolitvaBlock a:hover { text-decoration:underline;}

div.nmMolitvaHelpBlock {width:220px; text-align:center;
  border:4px ridge #a55147;
  border-image:url(/assets/i/nashamolitva/border.png) 4 4 round;
  display:inline-block;
  margin: 5px 2px;
  background-color:white;
  vertical-align: middle;
}
div.nmMolitvaHelpBlock:hover {background-color:transparent;}
div.nmMolitvaHelpBlock a {color: #891c18; text-decoration:none;}
div.nmMolitvaHelpBlock div.title { font-size: 30px;
  font-family:'Times New Roman',​Times,​serif;
  margin-top:20px;
}
div.nmMolitvaHelpBlock div.intro { 
  text-decoration:underline;
  margin-top:10px;
  padding:0 10px;
  height:50px;
}
p.molitva{  text-align:justify;  line-height: 30px;  font-weight:bold; }
p.opisanieMolitvi { text-align:justify; font-style: italic; margin-bottom:0px;}
p.opisanieMolitviPodpis {text-align:right; font-style: italic;}

form.loginLoginForm {display:none;}
div.loginLogin {margin-bottom:20px;}
div.loginRegister {text-align:center;}

#adminPanel input {padding-top:3px; padding-bottom:3px;}
.createLinkSelect {width:208px;}
.editThisButtonDiv,.createLinkDiv {padding-bottom: 1em;}
.np_edit_this_button,.createLinkButton,.createLinkSelectMobile,.createLinkSelect {height: 2.5em;}


img.sectionPicButton { border:0 solid #cda190; margin:15px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.7); transition: all 0.3s ease;}
img.sectionPicButton:hover {transform: scale(1.05); box-shadow: 5px 5px 7px 0px rgba(0,0,0,0.7);}

:focus{ outline:0; }

p.photosWithNames {
  text-align:center;
}

a.folderWithPhotos {
  background-image:url(../images/zoloto/folder.png);
  padding:60px 20px 0px 20px;
  display:inline-block;
  width:260px;
  height:238px;
  text-align:center;
  vertical-align:middle;
}
a.folderWithPhotos img {max-width:245px; max-height:180px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.7);
margin-bottom:10px;margin-top:10px; vertical-align:middle;  }

a.photoWithName {
  padding:30px 10px 10px 10px;
  display:inline-block;
  /*background-color: rgba(255, 255, 255, 0.6);*/
  /*width:320px;*/
  /*height:330px;*/
  text-align:center;
  margin:10px;
  vertical-align:middle;
  border-radius:3px;
}
a.photoWithName img {
  max-width:280px; max-height:270px; vertical-align:middle; 
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.7);
  margin-bottom:10px;
  border-width:0px;
}
a.photoWithName span.photoWithNameTitle { color: #871c18; max-width:300px; display:inline-block; }

#announcements { margin-top:-10px; }
a.announcement{
  color: #871c18;
  font-size: 14px;
  text-decoration: none;
  padding:5px 0px;  
  border-bottom:1px solid #871c18;
  display:block;
}
a.announcement div {
  transition: background-color 0.1s ease 0s;
  text-align:center;
  padding:10px 5px;  
}

a.announcement div:hover {  background-color: #cda190; }
a.announcement div img {  margin-top:5px; }

.auto-resizable-iframe {   margin: 0px auto;}
.auto-resizable-iframe > div {  position: relative;  padding-bottom: 75%;  height: 0px;}

.auto-resizable-iframe iframe, .auto-resizable-iframe object {  position: absolute;  top: 0px;  left: 0px;  width: 100%;  height: 100%;}

.wideImg {width:80%; max-width:800px}
img.portret {float:left; margin:0 10px;}

div.voskrsob {margin-top:10px; text-align:center; font-weight:bold; color:#871c18; }

@font-face { font-family: 'PonomarUnicode'; font-style: normal;  font-weight: 400; src: url(PonomarUnicode.ttf); }
.tserkslav {font-family: 'PonomarUnicode';}
@font-face { font-family: 'CyrillicOld'; src: url(CyrillicOld.ttf); }
.cyrillicOld {font-family: 'CyrillicOld';}

#mobilemenu{display:none;}
#gotoMobileBtn {display:none;}

@media only screen and (max-width: 1000px) {  #gotoMobileBtn {display:block;} }

.el-share-wrap {display:inline;}

.mobileBlockOnly {display:none;}

@media only screen and (max-width: 1090px) { #podpisRasp {display:none} }

div.newspublisher {padding:0 0 0 0!important;}
textarea#np-introtext {width:100%!important;}
textarea#np-content {width:100%!important;}

div.newspublisher input {width:100%!important; max-width:400px;}
div.newspublisher input.checkbox, #newspublisherForm input[type=checkbox] { width:2em!important;}
div.newspublisher fieldset { background-color: transparent!important; }
div.newspublisher input.submit, div.newspublisher input.cancel {height:50px}
@media only screen and (max-width: 450px) {
  div.np-date-hints > span.np-time-hint {margin-left: 20px!important;}
  div.newspublisher input {width:200px!important;}
}
