/* initial styles */
#art-main {
	position: relative;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	margin: 0 auto;
	font-size: 13px;
	font-family: Arial, Arial Unicode MS, Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	cursor: default;
	overflow: hidden;
}
html, body {
	height: 100%;
}
body {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li {
	margin: 0;
	padding: 0;
}
header, footer, article, nav, .art-sheet, .art-hmenu a {
	-webkit-background-origin: border !important;
	-moz-background-origin: border !important;
	background-origin: border-box !important;
}
header, footer, article, nav, .art-sheet {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul {
	list-style-type: none;
}
ol {
	list-style-position: inside;
}
/* custom styles */
html {
	background: #000000 url(images/page.jpeg) no-repeat fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* --------------------- */
.art-sheet {
	width: 1000px;
	position: relative;
	margin: 10px auto 0;
	z-index: auto !important;
	cursor: auto;
/*	border-radius: 5px; */
/*	border: 1px solid #dddddd; */
	border: none;
}
/* ----------------------- */
.art-header {
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	margin: 0 auto;
	height: 180px;
	position: relative;
	z-index: auto !important;
}
.art-header>div.art-nostyle, .art-header>div.art-block, .art-header>div.art-post {
	position: absolute;
	z-index: 101;
}
.art-header .art-slider-inner {
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}
.art-header:before, .art-layout-cell:before, .art-footer:before, .art-nav:before {
	width: 100%;
	content: " ";
	display: table;
}
.art-header:after, .art-layout-cell:after, .art-layout-wrapper:after, .art-footer:after, .art-nav:after, .cleared, .clearfix:after {
	clear: both;
	font: 0/0 serif;
	display: block;
	content: " ";
}
/* ---------------------- */
.art-headline {
	display: inline-block;
	position: absolute;
	min-width: 50px;
	top: 20px;
	left: 24%;
	margin-left: -10px !important;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: 101;
}
.art-headline {
	font-size: 2em;
	font-family: Arial, Arial Unicode MS, Helvetica, Sans-Serif;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	text-shadow: 1px 1px #000066,  1px -1px #000066,  -1px 1px #000066,  -1px -1px #000066,  3px 3px 0px rgba(0,0,100, .7);
	padding: 0;
	margin: 0;
	color: #FEFEE7 !important;
	white-space: nowrap;
}
.art-slogan {
	display: inline-block;
	position: absolute;
	min-width: 50px;
	top: 130px;
	left: 24%;
	margin-left: -10px !important;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	z-index: 102;
	white-space: nowrap;
}
.art-slogan {
	font-size: 1em;
	font-family: Arial, Arial Unicode MS, Helvetica, Sans-Serif;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	text-align: left;
	text-shadow: 0px 0px 6px rgba(27, 27, 27, 0.99);
	padding: 0;
	margin: 0;
	color: #FFFFFF !important;
}
/* navigation ------------ */
.art-nav {
	background: transparent;
	margin: 0 auto;
	position: relative;
	text-align: left;
	z-index: 499;
}
ul.art-hmenu {
	margin: 0 10px;
}
/* ----------------------- */
.art-layout-wrapper {
	position: relative;
	margin: 0 auto 0 auto;
	z-index: auto !important;
}
/* ----------------------- */
.art-post {
	background: #DDD8D0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	margin: 3px;
}
.art-post {
	padding: 15px;
	min-height: 600px;
	background: url(images/gulls.jpg);
}
.art-post table {
	margin: 0 auto;
}
.art-post table td {
	vertical-align: top;
	text-justify: none;
}
/* ------------- */
.art-post .grid {
  display: grid;
  max-width: 90%;
  margin: 0 auto;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 10px;
}
.art-post .grid .item {
  display: block;
  float: left;
  padding: 5px;
  border: 1px solid #660000;
	border-radius: 5px;
  font-size: 1.1em;
  text-align: center;
}
.art-post .grid img {
  height: auto;
  width: 90%;
}
/* ------------- */
.art-post p {  
	font-size: 1.4em; /* для слабого зрения */
	text-indent: 20px;
}
.art-post .s {
	font-size: 0.8em;
  font-weight: normal;
}
.art-post h2 {  
	font-size: 1.9em; /* для слабого зрения */
  color: #000099;
	text-align: center;
	text-justify: none;
	margin-bottom: 20px;
}
.art-post h3 {  
	font-size: 1.6em; /* для слабого зрения */
	text-justify: none;
	margin-bottom: 10px;
}
.art-post h1,
.art-post h4,
.art-post h5,
.art-post h6 {  
	font-size: 1.4em; /* для слабого зрения */
	margin: 0;
  font-weight: normal;
}
.art-post li,
.art-post ul,
.art-post ol {  
	text-justify: none;
}
.art-post td,
.art-post th,
.art-post ul,
.art-post ol {  
	font-size: 1.4em; /* для слабого зрения */
}
.art-post ul {
	list-style-type: disc;
	margin: 0 0 0 24px;
}
.art-post li, .art-post li>ul {
	font-size: 1em;
	margin: 0 0 0 24px;
}
.art-post a {
	text-decoration: none;
	color: #0099dd;
}
.art-post a:hover {
	text-decoration: underline;
	color: #000066;
}
.art-post .date {
	font-size: 1em;
	color: #aaa;
	margin-bottom: 20px;
}
.art-post .url {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 1.1em;
	color: #aaa;
}
.art-post .scroll-h {
  overflow-x: auto;
  white-space: nowrap;
}
.art-post .scroll-v {
  overflow-y: auto;
}
/* ------------------------------- */
.art-footer {
	padding: 5px;
	color: #FFFFFF;
	font-size: 1em;
	text-align: center;
	text-shadow: 1px 1px #002,  1px -1px #002,  -1px 1px #002,  -1px -1px #002; 
}