/* ===========================
	Author: Kuznetsov V.A.
	Date: 5 oct 2014
	WWW: zabmix.ru
=========================== */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html { height: 100%; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
header, section, footer, aside, nav, menu, article { display: block; }

@font-face {
	font-family: 'PT Sans';
	font-style: normal;
	font-weight: 400;
	src: local('PT Sans'), local('PTSans-Regular'), url('./PT_Sans.woff') format('woff');
}

body {
	font-family: Tahoma, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #282421;
	width: 100%;
	height: 100%;
	background: #fff;
	cursor: default;
}
a {
	color: #1d548b;
	outline: none;
	text-decoration: underline;
	cursor: pointer;
}
a:hover { color: #103357; }

p { margin: 0 0 18px 0; }
img { border: none; }
input { vertical-align: middle; }

center {
	display: block;
	position:relative;
	z-index: 1;
	width: 100%;
	text-align: center;
	line-height: 12px;
}

sup, sub { vertical-align:baseline; position:relative; font-size: 10px; line-height:1em; }
sup { bottom:4px; }
sub { top: -4px; }

span.p { color: #524844;  }

small { font-size: 90%; }

.fl_l { float: left; }
.fl_r { float: right; }
.clear { clear: both; }
.ta_l { text-align: left; }
.ta_r { text-align: right; }
.ta_c { text-align: center; }

.clear_fix:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clear_fix { height: 1%; }
.clear_fix { display: block; }

a.link {
	border: none;
	text-decoration: underline;
}
a.nostyle {
	border: none;
	text-decoration: none;
	border: 0;
	border-bottom: none;
}
a.invert { text-decoration: none; }
a.invert:hover { text-decoration: underline; }

table.normal td {vertical-align: top;}

h1, h2, h3, h4, h5, h6 {
	position: relative;
	color: #000;
	font-family: Tahoma, sans-serif;
	font-size: 13px;
	line-height: 26px;
}
h1 {font-size:32px; font-family: 'Times New Roman', Century, sans-serif; padding-bottom: 14px; }
h2 {font-size:22px;}
h3 {font-size:16px; padding-bottom: 10px; text-align: center; color: rgb(17, 93, 129); }
h4 {font-size:24px; line-height: 24px; color: #67615c; padding-bottom: 5px; }
h5 {font-size:14px; padding-bottom: 3px;}
h6 {font-size:9px;}

font[size="1"] {font-size:8pt;}
font[size="2"] {font-size:9pt;}
font[size="3"] {font-size:10pt;}
font[size="4"] {font-size:12pt;}
font[size="5"] {font-size:14pt;}
font[size="6"] {font-size:18pt;}
font[size="7"] {font-size:24pt;}

ol { padding-left: 20px; }
ol li { list-style: decimal; }

.inline {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	zoom: 1;
}

.none { display: none; }
.space { height: 16px; }
.relative { position: relative; }

.fix_table {}
.fix_table th { vertical-align: middle;}
.fix_table td { vertical-align: top;}

/* fix для вертикального выравнивания */
.valign {
	display:table;
	position: relative;
	width: 100%;
}
.valign > span {
	display:table-cell;
	vertical-align:middle;
	width: 100%;
}

/* fix горизонтального выравнивания */
.jgrid {
	text-align: justify !important;
	text-justify: newspaper;
	text-align-last: left;    /*Жесткий left justify в оригинале AleXX*/
	zoom:1;
	font-size: 0 !important;
	line-height: 0;
}
.jgrid:after {
	content: '';
	display: inline-block;
	width: 100%;
	visibility: hidden;
	overflow: hidden;
}
.jgrid > * {
	text-align: left;
	font-size: 14px;
	line-height: 18px;
}

.jgrid .body {
	margin-bottom: 10px;
	border-bottom: 3px solid #007CD2;
}

button {
	border: 1px solid #bbb;
	cursor: pointer;
	padding: 5px 35px;
	margin: 0;
	overflow: hidden;
}

form label {
	display: block;
	padding-top: 5px;
}

hr {
	border: none;
	border-top: 1px solid #f0f0f0;
	margin: 10px 0;
	background: #808080;
}


#page {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

#holder{
	min-height: 100%;
	position:relative;
}

header {
	position: relative;
	text-align: center;
	padding: 8px 0 30px 0px;
	min-height: 62px;
	_height: 62px;
	margin: 0 auto;
	width: 980px;
}
header .logo {
	float: left;
}
header .logo {
	display: block;
	width: 261px;
	height: 92px;
}
header .enter {
	margin: 16px auto 0;
}
header .enter a {
	display: block;
	width: 187px;
	height: 38px;
	background: url('../pic/enter.png') no-repeat;
}
header .contact {
	float: right;
	text-align: initial;
	min-width: 290px;
}
header .contact a {
	color: #282421;
	margin: 0 8px 0 5px;
	height: 15px;
	line-height: 13px;
}
header .contact a.map {
	padding-left: 25px;
	background: url('../pic/map.png') top left no-repeat;
}
header .phone {
	height: 32px;
	line-height: 32px;
	padding-left: 35px;
	font-family: Tahoma;
	font-size: 24px;
	margin-bottom: 18px;
	background: url('../pic/phone.png') top left no-repeat;
	vertical-align: middle;
}
header .phone span {
	color: #67615c;
}


/* === следующие классы необходимы только для главной === */
.wrapper {
	min-height: 384px;
	height: auto !important;
	_height: 384px;
	padding-bottom: 200px;
}

.wrapper #top-full {
	background: url('../pic/main-bg-full.jpg') top center no-repeat;
	height: 384px;
}

.top-wrapper {
	position: relative;
	width: 980px;
	margin: 0px auto;
}

.top-request {
	margin-top: 20px;
	text-align: center;
}
.top-text {
	margin-top: 20px;
	text-align: center;
	width: 320px;
}
.top-text p {
	margin: 12px 0 0 0;
	font-size: 95%;
}


/* === этот использовать класс только на главной === */
.wrapper #page > nav {
	position: relative;
	width: 100%;
}


/* === главная навигация === */
#page > nav {
	position: relative;
	width: 980px;
	height: 49px;
	margin: 0 auto;
	margin-bottom: 4px;
	z-index: 1;
	font-family: Tahoma, sans-serif;
	background: url('../pic/menu-bg.png') 0px 0px repeat;
	-webkit-box-shadow: 0px 10px 20px #e5e5e5;
	-moz-box-shadow: 0px 10px 20px #e5e5e5;
	box-shadow: 0px 10px 20px #e5e5e5;
}
#page > nav div {
	position: relative;
	z-index: 1;
	width: 13px;
	height: 51px;
	margin: -1px 0 0 0;
	background: url('../pic/menu-border.png') 0px 0px repeat;
}
#page > nav div.l { margin-right: 10px; }
#page > nav div.r { margin-left: 10px; }
#page > nav a {
	margin: 5px 2px;
	border: 1px solid transparent;
	height: 37px;
	padding: 0 15px;
	line-height: 37px;
	text-decoration: none;
	color: #373737;
	font-size: 15px;
}
#page > nav a:hover {
	color: #1966ad;
}
#page > nav a.active {
	color: #1966ad;
	border-color: #e0e0e0;
	background: #fff;
	-webkit-box-shadow: inset 0px 2px 5px #e5e5e5;
	-moz-box-shadow: inset 0px 2px 5px #e5e5e5;
	box-shadow: inset 0px 2px 5px #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.gallery {
	position: relative;
	width: 888px;
	margin: 0 auto;
}
.null {
	margin: 0 0 50px 0;
	background: none;
}
.gallery .container {
	position: relative;
}
.gallery > div > .arrow {
	position: absolute;
	width: 18px;
	height: 35px;
	top: 50%;
	left: -18px;
	margin-top: -17px;
	margin-left: -5px;
	cursor: pointer;
	background: url('../pic/arrow-l.png') left bottom no-repeat;
}
.gallery > div > .arrow.r {
	left: 100%;
	margin-left: 5px;
	background: url('../pic/arrow-r.png') left bottom no-repeat;
}
.gallery > div > .arrow:hover {
	background-position: left top;
}
.gallery .im {
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 888px;
}


.items .items_each {
	width: 888px;
}
.items .item {
	position: relative;
	width: 296px;
	overflow: hidden;
	font-size: 0;
}
.items .item img {
	display: block;
	position: relative;
	height: 162px;
	width: auto;
}
.items .item a {
	font-size: 0;
}
.items .item * {
	position: relative;
	z-index: 6;
}


#page > h2 {
	font-size: 30px;
	margin: 20px 0px 20px;
}
.main-news {}
.main-news > div {
	width: 48%;
}
.main-news .body {
	margin-left: 80px;
}
.main-news .body a {
	font-size: 110%;
}
.main-news .body p {
	font-size: 95%;
	margin: 5px 0 0 0;
	line-height: 18px;
}
.main-news .date {
	color: #fff;
	text-align-last: center;   /*В оригинале tex-align AleXX */
	line-height: 38px;
	font-size: 16px;
	width: 58px;
	min-height: 52px;
	_height: 52px;
	padding: 8x 0 5px;
	background: #007cd2 url('../pic/news-date.png') left bottom no-repeat;
}
.main-news .date > div {
	font-size: 16px;
}


footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	min-height: 160px;
	_height: 160px;
	height: 160px;
	background: url('../pic/footer.png') right bottom no-repeat;
}
footer section {
	width: 980px;
	margin: 40px auto 0px;
}
footer .border {
	border-top: 4px solid #c1c5cb;
}
footer .search {
	position: relative;
	margin: -4px 0 4px 0;
	width: 184px;
	height: 25px;
	padding: 5px 5px 0px 5px;
	background: #c1c5cb url('../pic/search-o.png') top right no-repeat;
}
footer .search form * {
	float: left;
	border: 0;
	margin: 0;
}
footer .search form input {
	height: 16px;
	padding: 2px 4px;
	line-height: 16px;
	background: #fff url('../pic/search-r.png') top right no-repeat;
}
footer .search form button {
	padding: 10px;
	height: 0;
	width: 0;
	font-size: 0;
	background: url('../pic/search.png') 5px 3px no-repeat;
}
footer nav {
	margin: 10px 0 0 0;
	line-height: 13px;
	color: #ddd;
}
footer nav a {
	margin: 0 10px;
}
footer nav a:first-child {
	margin-left: 0;
}
footer .container {
	font-size: 12px;
	margin: 30px 0 0;
	white-space: nowrap;
}
footer .container .inline {
	margin-left: 80px;
	height: 33px;
}
footer .container .inline:first-child {
	margin-left: 0;
}
footer .container .logo {
	position: relative;
	margin: 0px 10px 0 0;
	width: 28px;
	height: 33px;
	background: url('../pic/logo_mini2.png') 0 0 no-repeat;
}
footer .container .custom span {
	color: #68635f;
}
footer .container .custom div {
	font-size: 18px;
}


/* wi class */
div.wi {
	padding-right: 8px;
	margin: 1px;
}
div.wi.not {
	padding: 0;
	margin: 1px;
}
div.wi input, div.wi select, div.wi textarea {
	border: 1px solid #d6d9da;
	background: #fff;
	padding: 3px 4px;
	margin: 0;
	width: 250px;
	font-family: Calibri, Tahoma, Verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
div.wi *:focus {
	border-color: #eb8b51;
	box-shadow: 0px 1px 3px #dddddd;
}
div.wi select {
	width: 258px;
}
label > div.wi {
	margin-top: 5px;
}
/* end wi */


/* @css "status message" */
.ms, .me {
	padding: 8px 10px;
	border: 1px solid #e1f0e7;
}
.ms {
	background: #edf6f1;
	color: #08441f;
}
.me {
	border-color: #ffd9c8;
	background: #fff8f5;
}
.messages_cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: white;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    color: #666;
    padding: 15px 0;
    font-size: 12px;
}
.messages_cookies-wrp {
    position: relative;
    width: 80%;
    margin: 0 auto;
}
.messages_cookies-close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: auto 0;
}
/* end "status message" */


/* ===========================
	Author: Kuznetsov V.A.
	Date: 5 oct 2014
	WWW: zabmix.ru
=========================== */
