HTML,BODY {height:100%;}
BODY {
	margin: 0; padding: 0;
	min-height: 100%;
	min-width: 1004px;
	font-family: Arial, Tahoma, Verdana, sans-serif; 
	font-size: 100%;
	/*   position: fixed;  IE */
	background: #F5F5F5 url('/images/d/spacer.gif') no-repeat;
	background-attachment: fixed;
}
img { border: none; }
a { outline: 0; color: #007DD8;}
a:hover { color: #555555;}
p, ul, ol, td, th, div {}
td {vertical-align:: top;}
form {	margin: 0; padding: 0;}

.l-align {text-align: left;}
.r-align {text-align: right;}
.j-align {text-align: justify;}

/*  Это для галереи  */

.highslide-credits { display: none !important; }
.highslide-caption { display: none; }
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}

.root {
	width: 100%;
	min-height:100%;
	display: table;
	border-collapse: collapse;
	//width: auto;
	background-color: #FFF;
}

.root:after { content:""; clear:both; display:block;}

.head-wrapper {
	height: 116px;
	background: url(/images/design/top_back.gif) repeat-x 0 0;
}

.logo {
	padding: 19px 0 0 19px;
	float: left;
}

.quote {
	float: right;
	padding:36px 20px 0;
}


.logo p {
	margin: 0;
}

.top-menu {}
.top-menu ul{
	display:none; height:59px; list-style:none; margin:0 auto;
	width:350px; text-align: center;
}

.top-menu li {}
.top-menu a, .top-menu span {}
.top-menu a:hover, .top-menu span {}

.mid-wrapper {
	height: 185px;
	background: #3497D0 url(/images/design/top_frame_b.gif) repeat-x 0 100%;
}

.in-mid-wrapper {
	height: 185px;
	background: #FFF url(/images/design/top_frame_b.gif) repeat-x 0 100%;
}

.swf { 
	background-color: #3497D0; height: 160px; //text-align: center;
	margin-right: 35%;
	background: url(/images/design/top_frame_back.gif) no-repeat scroll 0 100%;
	height: 185px;
}

.top-picture { 
	background-color: #3497D0; height: 160px; //text-align: center;
	margin-right: 35%;
	background: url(/images/design/top_frame_b.gif) no-repeat scroll 0 100%;
	height: 185px;
}

.top-picture i { 
	display: block;
	height: 160px;
	background: #FFF url(/images/design/main_pic.gif) no-repeat scroll 0 0;
}

#swf {
	background-color: #3497D0;
	height: 160px;
	width: 500px;
	margin: 0 auto;
}

.right-side, .in-right-side {
	float: right; height: 185px;
	background: url(/images/design/stick_back1.jpg) no-repeat 25px 0;
	width: 38%;
}

.in-right-side {
	float: right; height: 185px;
	background: url(/images/design/in_stick_back1.jpg) no-repeat 25px 0;
	width: 38%;
}

.right-side ul, .in-right-side ul {
	display: block;
	margin: 7px 0 0 45px; padding: 0; list-style: none; height: 155px;
	background: url(/images/design/rm-sprite.gif) no-repeat 0 0;
}

.right-side ul li , .in-right-side ul li {
	display: block;
	height: 26px;
	overflow: hidden;
}

.right-side ul a , .in-right-side ul a , .in-right-side span {
	display: block;
	height: 50px;
	overflow: hidden;
	padding-top: 25px;
}

.right-side ul a:hover , .in-right-side ul a:hover, .in-right-side span {
	background: url(/images/design/rm-sprite.gif) no-repeat 0 -155px;
}



.news-wrapper {
	padding-left: 20px;
	/*
	position:relative;
	top:-12px;
	*/
	padding-top: 12px;
	background: url(/images/design/film.gif) no-repeat 0 0;
}
.news-wrapper .newsItem{
	float: left;
	width: 33%;
}

.news-wrapper .newsText, p#other-news{
	margin-right: 20px;
	font-size: 12px;
}

p#other-news{
	clear: both;
}

.news-wrapper .newsDate {
	padding-right: 10px;
	float: left;
	font-weight: bold;
	color: #007DD8;
	background: transparent url(/images/design/s.gif) no-repeat scroll 99% 4px;
}

.news-wrapper .newsTitle {
	font-weight: bold;
	color: #007DD8;
}

.news-wrapper .newsShort {
	margin-top: 8px;
}

.banners {
	background: #FFF url(/images/design/bot_frame_b.gif) repeat-x scroll 0 100%;
	height:129px;
	//padding-right: 1px;
	//overflow-x: hidden;
}

ul.b-wrapper {
	margin: 0; padding: 0; height: 115px;
	display: table; width: 100%;
	//width: auto; //display: block;
	list-style-type: none;
}

ul.b-wrapper A{
	text-decoration: none;
	//cursor: hand;
}

ul.b-wrapper li {
	width: 33%; float: left;
	background: url(/images/design/bibl_pic.gif) no-repeat 100% 22px;
}

ul.b-wrapper li.b-first {
	background: url(/images/design/ab_pic.gif) no-repeat 100% 22px;
}

ul.b-wrapper li.b-last {
	width: 34%;
	background: url(/images/design/hist_pic.gif) no-repeat 100% 22px;
}

.b-descr{
	display: block;
	height: 90px;
	color: #555;
	font-size: 11px;
	padding-left: 14px;
	padding-top: 10px;
	background: url(/images/design/bot_pic_back2.gif) no-repeat 0 0;
	margin-right: 118px;
}

ul.b-wrapper li.b-first .b-descr {
	background: url(/images/design/bot_pic_back.gif) no-repeat 0 0;
	padding-left: 20px;
}

span.b-title {
	display: block;
	height: 22px;
	color: #FFF;
	background-color: #007DC5;
	padding-left: 30px;
	background-image: url(/images/design/plus.gif);
	background-repeat: no-repeat;
	background-position: 14px 0;
	font-weight: bold; font-size: 11px;
	text-transform: lowercase;
}

ul.b-wrapper li.b-first span.b-title {
	padding-left: 37px;
	background-image: url(/images/design/plus.gif);
	background-repeat: no-repeat;
	background-position: 20px 0;
	font-weight: bold; font-size: 11px;
	text-transform: lowercase;
}

ul.b-wrapper li.b-last span.b-title {
	padding-left: 25px;
	background-image: url(/images/design/plus.gif);
	background-repeat: no-repeat;
	background-position: 8px 0;
	font-weight: bold; font-size: 11px;
	text-transform: lowercase;
}

ul.b-wrapper li.b-last .b-descr {
	background: url(/images/design/bot_pic_back3.gif) no-repeat 0 0;
	padding-left: 8px;
}

span.b-title b {
	display: block;
	padding-top: 4px;
}

.content-wrapper {
	clear: both;
	margin: 0;
}

.content-left {
	/* float: left; */
	/* width: 66%; */
	min-height: 100px;
	margin-right: 35%;
}

.text {
	margin: 0 20px 60px 20px;
}

.text p , .text ul, .text ol, .text td, .text th, .side-bar p {
	font-size: 0.8em;
	color: #000;
}

.text table {
	border-collapse: collapse;
	border: 1px solid #CACACA;
	width: 100%;
}

.text td, .text th {padding: 4px;font-size: 11px;}
.text td {padding: 4px; border: 1px solid #CACACA;}
.text th {
	padding: 4px; border: 1px solid #CACACA; /* border-bottom: 2px solid #CACACA */
	background-color: #EAEAEA;
}

.text h1 {
	_position: relative;
}

.text h1, .text h2 {
	color: #676767;
	margin: 8px 0;
	font-size: 0.9em; font-weight: bold;
}

.text h3 {
	font-size: 0.8em;
}

.text form {margin: 0; padding: 0;}

.text .newsListItem {
	font-size: 0.8em;
}
.text .newsText {margin-bottom: 16px;}
.text .newsDate {}
.text .newsTitle {margin-bottom: 8px;}
.text .newsTitle a {}
.text .newsShort {}

.newsLinkYearsContainer {font-size: 0.8em;}
.newsLinkYear {margin-right: 10px;}
.newsLinkYearCurrent {}
.newsLinkMonthsContainer {}
.newsLinkMonth {}
.newsLinkMonthCurrent {}

.content-right {
	float: right;
	width: 35%;
	/* background-color: #ebacca; */
	min-height: 100px;
	color: #676767;
}

.side-bar {
	margin: 0 32px;
}

.side-bar-2 {
	margin: 40px 32px;
}

.select-menu {
	clear: both;
	margin: 20px 0 40px; font-size: 12px; 
	height: 60px;
	background-color: #FFF;
}
.select-menu fieldset {border: none; margin: 0; padding: 0;}

.select-menu label { display: block; }

.select-menu div.m-label,
.select-menu div.m-select {
	height:30px;
	padding-bottom:0;
	padding-top:12px;
}
.select-menu div.m-label {
	width: 32%; text-align: right; float: left;
	margin-right: -3px; font-weight: bold;
	padding-top:14px;
}
.select-menu div.m-select {
	width: 67%; text-align: left; float: right;
	border: 1px solid #DDDDDD; background-color: #F5F5F5;
	border-right: none;
}

.select-menu div.m-decor {
	width: 67%; float: right;
	height: 20px;
	background: transparent url(/images/design/quick_bot_back.gif) no-repeat scroll 0 0;
}
.select-menu select {
	margin-left: 10px;
}

.bottom {
	background-color: #F5F5F5;
	min-height: 100px;
	height: auto;
	_height: 100px;
	border-top: solid 1px #DDDDDD;
	padding-bottom: 30px;
	font-size: 12px;
}

.bottom p {
	margin: 0;
}

.copyNatk {
	float: left; width: 40%;
	margin: 12px 0 0 12px;
}

.copyIBC {
	float: right;
	margin:  12px 12px 0 0;
}

.copyIBC a#ibc {
	background:transparent url(/images/design/ibc_logo.gif) no-repeat 0 0;
	display:block;
	height:46px;
	padding-left:3px;
	padding-top:0;
	width:90px;
	text-decoration: none;
}

.copyIBC a#oaxite {
	margin-left:4px;
}

.text {
	display:table;
	width:95%;
	//width: auto;
}
h1 {}
h1.newsTitle {margin-bottom: 20px;}

.navMenu {
	height: 24px;
	margin-left: 30px;
	margin-bottom: 10px;
	font-size: 12px;
	background: url(/images/d/nav-grad.gif) no-repeat left bottom;
}

.navMenu {// margin-left: 30px;}
.navMenu ul {	margin: 0;	padding: 0;	list-style: none;}
.navMenu ul li {	float: left;}
.navMenu li {	margin-left: 12px;	padding-right:16px;}
.navMenu li.menuNavFirst {}
.navMenu li.menuNavLast {}
.navMenu i {	display: none;}

/*
	IE Fix
*/

body, .root {
	_width: expression(document.body.clientWidth <= 1004 ? '1004px' : 'auto');
}

ul.foste {
	list-style: none;
	padding-left: 0;
	display: table;
	margin-left: 0;
	margin-bottom:0;
	//display: block;
}

ul.foste ul {
	display: list-item;
	margin-left: 0;
}

.red-star {
	color:red;
	font: bold 16px 'Courier new', Courier, Monospace;
	margin-left:2px;
}

ul.foste li {
	/* clear: both; */
	display: table;
	//margin-left: 0;
	margin-bottom: 10px;
	//display: block;
}

ul.foste ul li { display: list-item; margin-left: 16px;}

ul.foste div.field-label {
	margin-bottom: 2px;
	vertical-align: top;
}

p.htmltxt {
	display: table;
}

div.opt-group {
	display: table-cell;
	//display: block;
	/* margin-left: 150px; */
	//margin-left: 0;
	
}

ul.foste label {
	width: auto;
	margin-bottom: 2px;
	display: block;
}

ul.foste input {
	margin-bottom: 2px;
	width: 250px;
}

ul.foste input.chk {
	width: auto;
}

ul.foste textarea {
	clear:both;
	display:block;
	height:100px;
	margin-bottom:2px;
	width:400px;
}

p.fos-comment {}
p.errors {	color: red;}

/* menu */

.menu {
	background: #001f45 url(/images/design/top_line.gif) no-repeat;
	height:32px;
}
.menu .hide span { display: none; }

#mm1, #mm2, #mm3, #mm4, #mm5 {
	display: block; height: 30px;
	background: url(/images/design/mm-sprite.gif) no-repeat 0 -30px;
}

#mm1 {background-position: 0 -30px;}
#mm2 {background-position: -101px -30px;}
#mm3 {background-position: -217px -30px;}
#mm4 {background-position: -348px -30px;}
#mm5 {background-position: -462px -30px;}

#li1 {left: 0;}
#li2 {left: 101px;}
#li3 {left: 217px;}
#li4 {left: 348px;}
#li5 {left: 462px;}

#mm1:hover{background-position: 0 0px;}
#mm2:hover{background-position: -101px 0px;}
#mm3:hover{background-position: -217px 0px;}
#mm4:hover{background-position: -348px 0px;}
#mm5:hover{background-position: -462px 0px;}

.hover-mm1{background-position: 0 0px		!important;}
.hover-mm2{background-position: -101px 0px	!important;}
.hover-mm3{background-position: -217px 0px	!important;}
.hover-mm4{background-position: -348px 0px	!important;}
.hover-mm5{background-position: -462px 0px	!important;}

#li1, #mm1 {width: 101px;}
#li2, #mm2 {width: 116px;}
#li3, #mm3 {width: 131px;}
#li4, #mm4 {width: 114px;}
#li5, #mm5 {width: 114px;}

.menu ul.nj-1-level {
	background: url(/images/design/menu_back.gif) repeat-x 0 2px;
	height: 32px;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top: 2px;
	position: relative;
	//margin-top: 0px;
}

#li1, #li2, #li3, #li4, #li5 {display: block; float: left; margin-top:2px; position: absolute;}

.menu ul.nj-1-level > li > a {
	/* padding-left: 200px; */
	/* overflow: hidden; */
}

.menu ul.nj-2-level {
	position: absolute;
	visibility: hidden;
	background-color: #007dc5;
	border-left: solid 1px #FFF;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 10px 0;
}

.menu ul.nj-2-level {}
.menu ul.nj-2-level li {display: block; position: relative;}

.menu ul.nj-2-level a span {//display: block;}
.menu ul.nj-2-level a, .menu ul.nj-2-level a:hover {
	font-size: 12px; color: #FFF; display: block; margin: 0;
	height: 18px; padding: 4px 20px;
	white-space: nowrap; /* position: absolute; */
}

.menu ul.nj-2-level a:hover {
	background-color: #003366;
}

.menu ul :hover ul {
/*	visibility: visible; */
}

.pager ul {padding: 0; list-style-type: none;}
.pager ul li {display: block; float: left; margin-right: 2px; width: 22px; height: 22px; }
.pager ul li.pager-first { width: 85px;}
.pager ul li.pager-last {width: 160px;	margin-left: 7px;}

#ajax-loader {
	display: none; width: 240px; height: 40px;
	background: #fff url(/images/d/loader.gif) no-repeat 10px 10px;
	position: fixed; padding-top: 25px; text-align: center; font-size: 11px;
	_position: absolute; _top: expression(document.body.scrollTop + "px");
	border: solid 3px #73ccff;
}

ul.collectionBlock {margin: 0; padding: 0;list-style: none;}
ul.collectionBlock li {clear: both; font-size: 0.75em; display: block; margin: 5px 0;}
ul.collectionBlock .cg-title {padding: 5px 0; display: block;}

ul.photoGallery {list-style: none; margin: 20px 0; padding: 0;}
ul.photoGallery li {clear: left; display: table; width: 100%; //width: auto; //display: block;}
ul.photoGallery .cg-pic {margin-right: 20px;}
ul.photoGallery li .name , ul.photoGallery li .author , ul.photoGallery li .desc {
	margin-bottom: 4px;
	font-size: 12px;
	position: relative;
}

ul.photoGallery li .author {font-weight: bold; padding-top: 12px;}
ul.photoGallery li .name {font-size: 11px; margin-bottom: 16px;}



.cg-pic {
	position: relative;	float: left; background: #FFF;
}
.cg-pic a {
	display: block; margin: 12px 14px 14px 12px; 
	position:relative;
	z-index:10;
}

i.corners {
	position: absolute; display: block; background: url(/images/design/photo-border.gif) no-repeat 0 0;
	width: 48px; height: 48px;
}

i.corner-tl {	left: 0;}
i.corner-tr {	right: 0; background-position: -51px 0;}
i.corner-bl {	left: 0; bottom: 0; background-position: 0 -51px;}
i.corner-br { bottom:0; right: 0; background-position: -51px -51px;}

.mCasual {
	padding: 0; margin: 30px 0;
	font-size: 12px;
}

/**
 *	Opera fix
 *	html:first-child .mid-cont { display: table; }
 */

@media all and (min-width: 0px) {}

/**
 * FireFix
 */

@-moz-document url-prefix() {}


