/**
 * @copyright	Copyright (C) 2005 - 2018 Open Source Matters, Inc. All rights reserved.
 * @license		GNU General Public License version 2 or later; see LICENSE.txt
 */
body {
	background: #fff;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	font-size: 76%;
	color: #333;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333;
}
h3 {
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #135cae;
}
h4 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
a:link, a:visited {
	color: #1B57B1; 
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	color: #00c;	
	text-decoration: underline;
	font-weight: normal;
}
div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }
/* STYLES FOR JOOMLA! EDITOR */
hr#system-readmore  { border: red dashed 1px; color: red; }
hr.system-pagebreak { border: gray dashed 1px; color: gray; }
.front-info {
	text-align: center;
}
.front-info img {
	max-width: 100%;
}

/* ===== КНОПКА СКРОЛЛ ВВЕРХ ===== */
.scrollup {
  position: fixed !important;
  bottom: 32px !important;
  right: 32px !important;
  width: 44px !important;
  height: 44px !important;
  background: rgba(255,255,255,0.85) !important;
  border: none !important;
  border-radius: 50% !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.10) !important;
  color: #9c8a7a !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition: background 0.25s, box-shadow 0.25s, transform 0.25s !important;
  padding: 0 !important;
}
.scrollup:hover {
  background: rgba(255,255,255,0.98) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,0.14) !important;
  transform: translateY(-3px) !important;
  color: #b8756a !important;
}
.scrollup:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.10) !important;
}
.scrollup .glyphicon {
  font-size: 14px !important;
  color: inherit !important;
}