html{
	text-align:center;
	height:100%;
	width:100%;
	background:#BAE290 url(../i/body-bg.jpg) repeat-x top left;
	}

body {
    min-height:100%;
	height:auto;
	width:100%;
	min-width:800px;	
	position:relative;
	color:#333;	
	font:normal .75em Tahoma, Verdana, Arial, sans-serif;
	line-height:150%;	
	background:url(../i/footer-line-bg.gif) repeat-x bottom left;
  	}
	
/********************************************/	
/*  TAGS  ***********************************/	
*{
	margin:0;
	padding:0;
	}
		
img {
	border:none;
	}
a {
	color: #496A72;
	outline:none;
	}
	a:hover {
		text-decoration:underline;
		}
p {	padding-bottom:1em;
  	text-align: justify;
	}
.notify {
	color: #BF4D00;
	font-weight: normal;
	font-size: 130%; 	
	}	
	
	

ul,ol {
	padding:5px 5px 5px 10px;
	}
	 li {
	 	margin:0 0 0 10px;
		padding:2px 0;
		}
h1 {
	font:normal 2.2em Arial, Helvetica, sans-serif;
	line-height:100%;
	color:#fff;
	padding-bottom:.5em;
	}
h2 {
	font:normal 1.7em Arial, Helvetica, sans-serif;
	line-height:100%;
	color:#fff;
	padding-bottom:.3em;
	}	
h3 {
	font:normal 1.4em Arial, Helvetica, sans-serif;
	line-height:100%;	
	color:#fff;
	padding-bottom:.2em;
	}	
h4 {
	font:normal 1.3em Arial, Helvetica, sans-serif;
	line-height:100%;
	color:#fff;
	padding-bottom:.2em;
	}
	
table {
	border-collapse:collapse;
	vertical-align:top;
	margin:0;
	}
	td {
		padding:0;
		margin:0;
		border:0;
		}
	blockquote {
	font-style:italic;
	} 
 .small {
 		font-size: 12px;
		color:#888;
		}
		
 input {
 	   outline: none;
 	   }		
 
/************************************************************/
/**  FORMATTING STYLES  *************************************/
.line {
	height:1px;
	font-size:1px;
	width:600px;
	background:url(../i/line.png) no-repeat top left;
	margin:20px 0 0 0;
	}
	

/** Clearfix  *****************************************/	
.clearfix:after {
	content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/************************************************************/
/************************************************************/
/*  MAIN  *****************************************/

/******************************************/
/** Main-container  **********************/
#main-container {
	width:95%;
	text-align:left;
	margin:0 auto;
	position:relative;
	z-index:2;
	height:100%;
	}
#content {
	padding:0 2.5% 10em 2.5%;	
	}
#building, #building-small {
	position:absolute;
	top:63px;
	right:3%;
	z-index:0;
	}
#building {
	top: 93px;
	right: 5%;
	width:728px;
	height:562px;
	background:url(../i/building.png) no-repeat top left;
	/* background:url(../i/building.jpg) no-repeat top left; */
	}
#building-small {
	right: 4%;
	width:480px;
	height:357px;
	background:url(../i/building-small.png) no-repeat top left;
	}

/******************************************/	
/**  Header  ******************************/
#header {
	height:175px;
	width:100%;
	}
	#index-nav {
		font-family:Arial, Helvetica, sans-serif;
		width:100%;	
		padding:20px 0 0 0;
		height:33px;
		}
		#locate img{
			padding:0 1% 0 2.5%;			
			}
		#language{
			float:right;
			text-align:right;
			width:30%;
			}
			#language span {
				padding-right:10%;
				display:block;
				float:right;			
				font-size: 11px;					
				}
				#language a {
					color: #D1E3D8;
					font-size: 11px;
					}
				#language .active {
					color: #ABC9BE;
					text-decoration:none;
					}
		#logo {
			margin:23px 0 0 14%;
			position:relative;
			z-index:2;
			}
		#header-decor-1{
			position:absolute;			
			top:0;
			left:14%;
			width:210px;
			height:210px;
			background:url(../i/header-decor-1.png) no-repeat top left;
			z-index:-1;
			}
	
/******************************************/	
/**  Main-navigation  *********************/
#main-navigation {
	margin:0 0 60px 0;
	width:50%;
	}
	#main-navigation .line {
		margin:0;
		}
	#main-navigation ul {
		padding:10px 0 0 0;	
		margin:0;
		display: block;
		}		
		#main-navigation li{
			list-style:none;	
			display:block;
			margin:0;
			padding:0;
			width:100%;
			font-size:11px;
			cursor:pointer;
			}
			#main-navigation li span {
				display:block;			
				color: #fff;
				padding: 0 0 0 15%;
				line-height:2.5em;
				width:85%;
				font-size:12px;
				font-weight:bold;
				text-decoration:none;
				}
				
			#main-navigation li a {
				color: #fff;
				display:block;			
				padding: 0 0 0 15%;
				line-height:2.5em;
				width:85%;
				font-size:12px;
				font-weight:bold;
				text-decoration:none;
				}
				#main-navigation li a:hover {
					text-decoration:none;
					background:url(../i/item-nav-bg.png) repeat-x top left;
					color:#3F5970;	
					}
				#main-navigation li li span {
					text-decoration:none;
					background:url(../i/item-nav-bg-active.png) repeat-x top left;
					color:#3F5970;
					font-size:11px;
					font-weight:normal;
					text-decoration:none;
					line-height:2.5em;
					}
		#main-navigation li.box-nav{
			float:left;
			width:33%;
			}
			#main-navigation li.box-nav ul {
				padding:0;
				}				
				#main-navigation li.box-nav li a{
						font-size:11px;
						font-weight:normal;
						text-decoration:underline;
						}	
								
			

/******************************************/
/**  News-list  ***************************/
#news-list {
	width:40%;
	padding-bottom:2em;
	}
	dl.news-list {
	}
	dl.news-list dt {
		font-size:.9em;
		color:#fff;
		}
	dl.news-list dd {
		padding-bottom:1.3em;
		line-height:160%;
		}
		dl.news-list dd a {
			color:#496A72;
			}
.white { color: #fff }
div.arhieve { color: #fff }

			
/******************************************/
/** Forms **********************************/

.form { list-style: none; }
ul.form { width: 99%; margin-left: 0; padding-left: 0; }
.form li { 
	  clear: both;
	  height: 2em; 
	  margin: 0;
	  padding: 10px 0 0 0;
	  
	  }
.form li label { 
	  display: block;
	  float: left;
	  width: 30%; 
	  }
.form li div { 
	  float: left; 
	  width: 65%; 
	  }
.field { 
	   padding: 3px; 
	   background: #fff url(../i/field-bg.gif) repeat-x top;
	   border: #999 solid 1px;
	   }
.text { font-size: 120%; }
.textarea { font-size: 120%; }
.small  { width: 30% }
.medium { width: 65% }
.large  { width: 99% }	  



/******************************************/
/** Cols **********************************/
.col-a, .col-b, .col-c{
	float:left;
	padding-top:1.7em;
	}
	
		
.cols-2 .col-a {
	width:47%;
	margin-right:5%;
	}
.cols-2 .col-b {
	width:47%;
	}

.cols-3 .col-a {
	width:30%;
	margin-right:4%;
	}
.cols-3 .col-b {
	width:30%;
	margin-right:4%;
	}
.cols-3 .col-c {
	width:30%;
	}

.map {	
	padding:5px;
	background:#CBE9AD;	
	position:relative;
	left:-5px;
	}
	#mapflash {font-size:0; line-height:0;}
	p.noflash      { margin: 23%; font-size: 11px; }
    p.noflash a    { color: #000; }
	div.plannoflash { text-align: center }
    div.plannoflash h2 { text-align: left }
    div.mapnoflash { background: #E9F6DB url(../i/map@.gif) no-repeat center center; height: 286px; font-size:14px; line-height:120%; }
    div.mapnoflashZommed { background: url(../i/map.jpg) no-repeat center center; height: 324px; margin-top:5px; }
	div.mapnoflashRus { background: #E9F6DB url(../i/map@-rus.gif) no-repeat center center; height: 286px; font-size:14px; line-height:120%;}
    div.mapnoflashZommedRus { background: url(../i/map-rus.jpg) no-repeat center center; height: 324px; margin-top:5px; }
	div.mapnoflashEn { background: #E9F6DB url(../i/map@-en.gif) no-repeat center center; height: 286px; font-size:14px; line-height:120%; }
    div.mapnoflashZommedEn { background: url(../i/map-en.jpg) no-repeat center center; height: 324px; margin-top:5px; }
	


/******************************************/
/**  Footer  ******************************/
#footer {
	position:absolute;
	bottom:4px;
	left:5%;
	width:90%;
	height:9em;
	z-index:3;
	text-align:left;
	}
	#footer * {
		color:#496A72;
		}
	#footer-decor-1 {
		position:absolute;
		bottom:0;
		left:0px;
		width:150px;
		height:140px;
		background:url(../i/footer-decor-1.png) no-repeat bottom left;
		z-index:1
		}
	 #footer-decor-2 {
		position:absolute;
		bottom:0;
		right:0;
		width:160px;
		height:130px;
		background:url(../i/footer-decor-2.png) no-repeat bottom right;
		z-index:1;
		}
		#qb{
			position:absolute;
			bottom:50px; 
			right:0;
			z-index:2;
			}