/* typography.css */
body {font-size:100%; line-height:1.2em; color:#fff; background:#005502; font-family:Arial, Tahoma, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal; color:#fff; margin-bottom:0; font-family:Arial, Tahoma, sans-serif; text-align: left;}
h1 {font-size:1.5em; line-height:1.2em; margin-top:0; margin-bottom:0.5em; font-style:italic; color:#FFD900;}
h2 {font-size:1.3em; line-height:1.2em; margin:0 0 0.5em 0; font-style:italic; color:#FFD900;}
h3 {font-size:1.2em; line-height:1.2em; margin:0 1em 0.5em; color: #FFD900;}
h4 {font-size:1.1em; font-weight:bold; line-height:1.25em; margin:1em 2em 0.4em 2em;}
h5 {font-size:1em; font-weight:bold; margin:1em 3em 0.3em 3em;}
h6 {font-size:0.8em; font-weight:bold; margin:1em 0 0.5em 0; text-transform: uppercase; text-align: center;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

a, legend.hand {color:#009;text-decoration:underline;}
a:focus, a:hover {color:#000;}
a span.arrow {text-decoration:none;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {color:#69f;border-bottom:1px dotted #69f;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;line-height:normal;}
pre, code, tt {font-family:"andale mono","lucida console",monospace;}
li {margin: 0 2em;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
th {font-size:0.8em; font-weight:bold; background:#C3D9FF; text-align:center; color:#036; padding:6px 5px; border-bottom:#06f solid 1px;}
tr.even td {background:#5c6b8a;}
tr.odd td {background:transparent;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.note {font-size:0.8em; color:#888;}
.lh1 {line-height:1em;}
.lh2 {line-height:2em;}
#content .maintext .hide {display:none;} /* ������ ������ �� �������� */
#maintext p {
	font-size: 1.2em;
}
/* cms.css */
.servicelinks {margin:3px 0 20px 0;}
#div_picadd div {width: auto; float:left; padding: 0 5px;}
#div_picadd div input {width: 160px;}
.linkpath {font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 0.8em; color: #999; margin: 0 0 2%;}
.linkpath a {color: #999;}
.linkpath a:hover {color: #666;}
.login {font-size: 0.8em; width: 60px;}
.div_list {width: 100%}
.div_list:after{content: "";display: block;clear: both;}

/* grid.css */
body {  }

img { border:0; }

table { border:0; border-collapse:collapse; font-size:inherit; }

.wrapper {
	max-width: 1200px;
	width:80%;
	min-width: 970px;
	margin: 0 auto;
}

/*ul { margin:0; padding:0;}*/
ol { margin:0 0 1.5em 2.5em; }

p { margin-bottom:1em; margin-top:0; }

/* Page layout */
#layout {
	width:100%;
	min-height:75vh;
	background-image: url('/img/bg.jpg');
	background-size: cover;
	background-position: 50% 75%;
	background-attachment: fixed;
	background-repeat: no-repeat;
	min-width:1000px;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px solid #fff;
}
#layout.sec {border: none;}
.clear { clear:both; float:none; height:0px; font-size:0; }

/* Link's color */
a:link, legend.hand { color:#64d5ff; text-decoration:underline; }
a:visited { color:#64d5ff; }
a:hover { color:white; text-decoration:underline; }

b:active, b:focus, bimg { outline:0; }

.header_inclose { margin:0; zoom:1; }

/* #logo {display: block; width:21%; height:229px; float:left; background:url(/img/logo.png) center no-repeat; margin-top:28px; margin-left:4%; cursor:pointer; cursor:hand} */
#logo {
	display: block;
	width:20%;
	height:115px;
	float:left;
	margin-top:50px;
	cursor:pointer;
	background-image: url('/img/logo.png');
	background-size: 100%;
	background-repeat: no-repeat;
}

#sysmenu {width: auto; position:absolute; top: 0; right: 0; height: 25px; text-align: right; font-size: 12px}
#sysmenu a {display: inline-block; padding: 10px 10px 0 0; color: #fff}
#sysmenu li {position:relative; list-style: none; display: inline-block; margin: 0}
#sysmenu li ul {display: none; margin:0; position:absolute; top:25px; left:0px; width:140px; padding:10px 5px 10px 20px; background:white}
#sysmenu li ul li {display: list-item; text-align: left; margin: 5px 0; color: #000}
#sysmenu li ul a {color: #000; padding: 0;}
#sysmenu li:hover ul {display: block}
#login_form {width:30em; position:absolute; right:1em; top:3em;}
#nav {width: 42%; float:right; text-align: right; height:20px; margin-top:15px;}
#nav a {display: inline-block; width: 12%; height: 20px; background: url('/img/nav.png') no-repeat}
#nav a.home {background-position: 50% 0}
#nav a.smap {background-position: 50% -22px}
#nav a.cont {background-position: 50% -44px}
#nav img {margin-right:4em; }

#top_menu { width:74%; float:right; margin-top:92px; margin-left:1%; }

#top_menu ul { margin:0; padding:0; }
#top_menu ul li { position:relative; display:block; float:left; margin: 0;}
#top_menu ul li.sep { margin:0 0.8em; }

#top_menu ul li a { color:white; text-shadow: 0px 0px 3px #000; text-decoration:none; font-style:italic; display: inline-block;}
#top_menu ul li a:hover { text-decoration:underline; }

#top_menu ul li ul {display: none; margin:0; position:absolute; top:20px; left:-20px; width:190px; padding:10px 20px; background: rgba(4, 135, 7, 0.9); border: 1px solid rgba(255,255,255,.3);}
#top_menu ul li:hover ul {display: block}

#top_menu ul li ul li { display:block; float:none; font-size:0.9em; margin: .8em 0; }
#top_menu ul li ul li a, #top_menu ul li ul li span { color:#fff; font-style:normal; }
#top_menu ul li ul li span {text-decoration: underline;}

#header {
}
#header .header-top {
	height: 185px;
	background: rgba(205, 242, 207, 0.38);
	border-bottom: 1px solid #fff;
}
#header.sec {width:100%; height:252px; background:url(/img/sec_buildings.png) 100% 100% no-repeat;}
#layout.sec .content_inclose {
	background-image: url('/img/gradient.gif');
	background-color: #005502;
	background-repeat: repeat-x;
	padding: 20px;
	min-height: 500px;
}
.content_inclose .container {max-width: 1200px; width:80%; min-width: 970px; margin:1.5em auto 0; font-size:0.8em; }

#content { float:left; width:73%; margin-right: 2%; }
#address { float:right; width:25%; text-align:right; }
#maintext {clear: both}

#heading { float:left; width:33%}
#news { float:left; clear: none; width:66%; margin:0.4em 0 0 0}
#news ul {margin: 0}
#news li { display:block; margin: 0 0 1em 0; list-style: none}
#news span.date { display:block; width:4em; font-style:italic; color:#7d94c2; }
#news span.item { display:block; margin-left:6em; margin-top:-1.2em; }

#rmenu {font-size: 1.2em; width: 25%; float: right;}
#rmenu ul {float: left; width: 246px}
#rmenu ul li {list-style: none; margin: 0}
#rmenu ul li a, #rmenu ul li span {display: table-cell; width: 246px; height: 25px; padding: 2px 25px; vertical-align: middle}
#rmenu ul li span {background: #FFD900 /*url('/img/menu_bg.png') no-repeat center*/; color: #004784}

#footer { font-size:0.75em; margin-top:3em; margin-bottom: 30px; }

#madeby {float:left; width:15%; font-size:0.9em; line-height: 1.2em}
#madeby a {display: inline-block; width: 110px; height: 31px; padding-left:39px; background: url('/img/ideal_logo.png') no-repeat; text-decoration: none; color: #fff}
#madeby a:hover b { color:#64d5ff; }
#madeby b {clear: both; text-decoration: underline}

#copyright { width: 60%; float:left; text-align:center; }
#copyright.sec {
	width:75%;
	text-align: left;
	vertical-align: middle;
}

#search { float:left; width:25%; text-align: right; }
#search.default {margin-bottom:15px; vertical-align: middle;}
#search_field {width:170px; border:0; background:white; padding: 5px 15px; border-radius: 20px; }
#search_btn {height:20px; width:20px; border:0; margin-left: -28px; background-image: url('/img/search.png'); background-size: contain; background-color: #fff; vertical-align: middle; position: relative; top: -2px;}

#logo_overlay {display:block; position:absolute; left:7%; top:80px; width:auto; height:auto; z-index:99999;}
#logo_overlay img {display:block; width:100px; height:130px; margin:0; padding:0;}
#slogan_div {display:block; position:absolute; top:55px; left:30%; right:5%; font-size:0.8em; line-height: 1.2em}
#slogan_div .b {color:#64d5ff;}
#layout .right {
	text-align: right;
}
.pictures .item img {
	max-width: 100%;
}

/*------Gallery------*/
#content.gal {
	width: 100%;
	margin: 0;
}
#gallery .pictures {
	display: flex;
	flex-flow: row wrap;
}
#gallery .pictures .item {
	width: 23.65%;
}
.pictures .item>a {
	display: block;
	width: 100%;
	height: 200px;
	background-size: cover;
}
#rmenu .pictures .item {
	width: 100%;
}
#maintext .pictures {
	width: 290px;
}
@media (max-width: 1024px) {
	#search {
		width: 24%;
	}
}