/* Центральная колонка
================================== */

.centerCol h2 {
  padding: 0px 0px 10px 0px;
  font-size: 20px;
  text-align: left;
  line-height: 22px;
  font-weight: normal;
}
.centerCol h3 {
  padding: 15px 0px 0px 0px;
  font-size: 20px;
  line-height: 22px;
  text-align: left;
  font-weight: normal;
}
.centerCol p {
  text-align: justify;
  line-height: 18px;
  font-size: 14px;
}

.centerCol a:link, .centerCol a:visited {
  color: #8B4513;
  text-decoration: none;
}
.centerCol a:active, .centerCol a:hover {
  color: #FF0000;
  text-decoration:  none;
}

.centerCol .mes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #999999;
	text-align: right;
}

* HTML .centerCol .mes { 	/* for IE */
	margin-top: 0px;
}

* HTML hr { /* for IE */
	margin: 0px;
	bottom: 0px;
}

.comment {
	background-color: #f3f3f3;
	padding: 10px 15px 10px 15px;
	border: 1px dotted #999999;
	text-align: justify;
}

.oculus-epz-title {
  font-family: Arial,
  Helvetica, sans-serif;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 10px;
  font-weight: bold;
}

.oculus-epz-text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin-bottom: 10px;
    margin: 0px 0px 5px 0px;
    display: block;
}
.oculus-epz-img {
    width: 45px;
    margin: 10px 20px 5px 0px;
    float: left;
    display: block;
}
.centerCol .oculus-epz-text h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
  	font-weight: normal;
    padding-top: 10px;
    padding-bottom: 5px;
}

.zList {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  border: none;
  display: flex;
  flex-wrap: wrap;
}

.zList .zBox {
  width: 48%;
  margin: 1%;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 5px;
}

.centerCol .zText a:link, .centerCol .zText a:visited {
  color: #000000;
  text-decoration: none;
}

.centerCol .zText a:active, .centerCol .zText a:hover {
  color: #FF0000;
  text-decoration:  none;
}

.centerCol .zList a {
  background-color: #F4F4F4;
  display: block;
}

.centerCol .zList a:active, .centerCol .zList a:hover {
  background-color: #E0FFE0;
  color: #ff0000;
  text-decoration: none;
}

.zList .zTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding-top: 2px;
  color: #000000;
}

.zList p {
  font-size: 11px;
  font-weight: normal;
  padding: 0px;
  margin: 0px;
  color: #696969;
}

.zList .zImg {
  float: left;
  margin: 0px 10px 0px 0px;
}

.zError {
	margin: 30px 30px 30px 30px;
	padding: 10px 10px 10px 10px;
    border: 3px dotted #B22222;
    text-align: center;
}

.zLink ul {
  margin: 0;
  padding-top: 10px;
  line-height: 18px;
}
.zLink li {
  padding-left: 0px;
  margin-left: 22px;
  list-style-image: url(/image/design/more/sidebar-bullet.gif);
  display: inline: /* :KLUDGE: Removes large gaps in IE/Win */
}

.zImgList {
  max-width: 468px;
  margin-bottom:35px;
}

.zImgList h2 {
  font-size: 20px;
  margin-top: 15px;
}

.zImgList img {
  border: none;
}

.centerCol .hDate {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.85rem;
  line-height: 1rem;
  margin: -5px 0px 5px 0px;
  color: #AAAAAA;
}

.centerCol p.seeMore {
  text-align: center;
  padding: 15px 0px 20px 0px;
  font-weight: bold;
}

.epig {
  padding: 5px 0px 0px 50%;
  text-align: left;
  color: #228B22;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 10px;
}
.epepi {
  padding: 5px 0px 20px 30%;
  text-align: left;
  font-size: 1rem;
  color: #696969;
}

.fbBlock {
  margin: 20px 0 10px 0;
  width: 100%;
}

.fsBox {
  margin: 0px;
  padding: 0px;
  background: #ffffff url(/image/fen-shy/fsp_fon.jpg) no-repeat left top;
}
.fsTitle {
  padding: 5px 0px 5px 0px;
  color: #000000;
  margin-bottom: 0px;
  font-style: italic;
  font-weight: bold;
}
.fsText {
  padding: 0px 0px 15px 20%;
  text-align: justify;
}
.fsOldText {
  padding: 20px 0px;
  font-style: italic;
}
.fsComment {
  background-color: #F5F5F5;
  padding: 10px 15px 10px 15px;
  border: 1px dotted #999999;
  border-radius: 5px;
  text-align: justify;
  margin: 30px 0;
}

.flowerDay {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
    background: #ffffff url(/image/flower/moon/tr.gif) no-repeat left top;
    background-size: cover;
}
.flowerImgTitle {
	font-family: Arial, Helvetica, sans-serif;
    width: 146px;
	font-size: 11px;
	text-align: center;
}
.centerCol p.flowerTitle {
	font-size: 1.0rem;
	text-align: left;
    font-weight: bold;
}
.fotoBox {
	margin: 10px 0px;
	padding: 5px 5px;
    border: 1px dotted #935C26;
	text-align: center;
	background-color: #FFFFFF;
}
.fancyboxTitle {
    font-weight: bold;
}
.fancyboxText {
	padding: 5px 0px 2px 0px;
    font-weight: normal;
}

/* horoNav
=======================*/

.centerCol .horoNav {
	font-size: 12px;
	margin: 0px 0px 45px 0px;
	padding: 0px;
}

.centerCol .horoNav ul {
  margin: 0;
  padding: 0;
  float: right;
  background-color: #FFFFFF;
  list-style: none;
}

.centerCol .horoNav ul li {
  float: left;
  display: inline-block;
}

.centerCol .horoNav ul a {
  padding: 0px 11px;
  line-height: 30px;
  background-color: #EAEAEA;
  margin-right: 2px;
  text-decoration: none;
  color: #000000;
  float: left;
  display: block;
  width: auto;
  text-align: center;
}

.centerCol .horoNav ul a:hover {
  color: #FFFFFF;
  background-color: #696969;
}

.centerCol .horoNav ul a.selHoro {
  background-color: #6B8E23;
  color: #FFFFFF;
}

.centerCol .horoNav ul a:hover.selHoro {
  color: #FFFFFF;
  background-color: #696969;
}

/* horoNav New
=======================*/

.centerCol .horoNavNew {
	font-size: 12px;
	margin: 0px 0px 25px 0px;
	padding: 0px;

  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  width: 250px;
  float: right;
}

.centerCol .horoNavNew a {
  padding: 0px 11px;
  line-height: 30px;
  background-color: #EAEAEA;
  margin-right: 3px;
  margin-bottom: 3px;
  text-decoration: none;
  color: #000000;
  display: block;
  width: auto;
  text-align: center;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.centerCol .horoNavNew a:hover {
  color: #FFFFFF;
  background-color: #696969;
}

.centerCol .horoNavNew a.selHoro {
  background-color: #6B8E23;
  color: #FFFFFF;
}

.centerCol .horoNavNew a:hover.selHoro {
  color: #FFFFFF;
  background-color: #696969;
}

@media screen and (max-width: 502px) {
  .zImgList {
    width: 244px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .zList {
    width: 214px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .zList .zBox {
    width: 100%;
  }
  .flowerDay {
    background: none;
}
}