/* © teKiLLa, 2007 */

/* тянущийся беграунд */
.bg {
		position: absolute; top: 0;  font-size: 0;
		height: 100%;}

	.left-bg {
		float: left; left: 0; width: 15px; _margin-right: -15px; _position: relative !important;
		background: #E3F5FF url(../images/common/body-bg.gif) bottom right repeat-x;}

	.right-bg {
		float: right; right: 0; width: 15px; 
		_margin-left: -15px; _left: 100%;
		background: #E3F5FF url(../images/common/body-bg.gif) bottom left repeat-x;}

/* Header */
	.header {
		position: relative; height: 197px; width: 100%;
		background: #75CFFE url(../images/common/header-bg.gif) top left repeat-x;}

		.header-top {
			position: absolute; top: 0; left: 0; height: 23px; width: 828px;
			background: url(../images/common/header-top.gif) top left no-repeat;}
		
		.header-img-bg {
			position: absolute; top: 23px; left: 0; height: 174px; width: 100%;
			background: url(../images/common/header-img-bg.gif) top left repeat-x;}
		
		.header-img {
			position: absolute; top: 23px; left: 0; height: 174px; width: 100%;
			background: url(../images/common/header.jpg) top left no-repeat;}
			
		
		/* logo */
		.logo-1 {
			position: absolute; top: 37px; left: 21px;}
		.logo-2 {
			position: absolute; top: 45px; left: 177px;}
		.logo-3 {
			position: absolute; top: 117px; left: 177px;}
		
		/* header contacts */
		.header-contacts {
			position: absolute; top: 93px; right: 0; width: 180px;}
			
			.header-cont {
				position: relative; float: left; padding-bottom: 6px;				
				background: url(../images/common/head-undrl.gif) bottom left repeat-x;}
			.header-cont a, .header-cont a:visited, .header-cont a:hover, .header-cont a:active {
				font-size: 1.2em; text-transform: uppercase; color: #196494; text-decoration: none;}
				
			.header-contacts-letter {
				position: absolute; top: 0; right: 20px; width: 44px; height: 31px;
				background: url(../images/common/contacts-letter.gif) 0 0 no-repeat;}
		
/* Main structura */
	.main {
		position: relative; //height: 1%;}

		.left {
			position: relative;	float: left; 
			width: 200px; _margin-right: -3px; z-index: 2;} 

		.right {
			position: relative;	float: right; 
			width: 231px; _margin-left: -3px;} 

		.center {
			position: relative;	//height: 1%; 
			margin: 0 231px 0 200px; _margin: 0 228px 0 197px;  z-index: 1;}

			.center-inner {
				position: relative; //height: 1%;
				_width: 100%; _margin-right: -100%;
				float: left; //float: none;}
				
/* left column */
.left-top-bg {
	position: relative; height: 4px;
	background: url(../images/common/left-top.gif) top left no-repeat;}
	
/* right column */
.right-top-bg {
	position: relative; height: 4px;
	background: url(../images/common/right-top.gif) top left no-repeat;}
	
/* center column */
.center-top-bg {
	position: relative; height: 4px;
	background: url(../images/common/center-top-bg.gif) top left repeat-x;}
	
.center-top-img {
	position: absolute; top: 0; left: 216px; height: 37px; width: 325px;
	background: url(../images/common/center-top-img.gif) top left no-repeat;}
	
	
/* MENU */

	.menu {
		padding-left: 17px; position: relative; _height: 1%;
		background: url(../images/common/menu-left-bg.gif) 13px -5px repeat-y;}
		
	
		.menu-header, .menu-header:visited, .menu-header:active, .menu-header:hover {
			position: relative; display: block; min-height:15px; _height: 35px; 
			padding:10px 35px 10px 10px;
			background: #98B6D7 url(../images/common/menu-bg.gif) left top repeat-x;
			font-size: 1em; font-family: Tahoma, Sans-Serif; 
			color: black; text-decoration: none; text-transform: uppercase;}
		
			.menu-sep {
				position: absolute; right: 30px; top: 0; height: 100%;
				border: #FAF7F3 solid; border-width: 0 1px 0 0;}
	
			.menu-select {
				position: absolute; top: 13px; right: 10px;  display: block; width: 9px; height: 5px;
				background: url(../images/common/menu-select.gif) right top no-repeat;
				cursor: pointer; cursor:hand;}
				
			.menu-select-hover {
				position: absolute; top: 13px; right: 12px;  display: block; width: 5px; height: 10px;
				background: url(../images/common/menu-select-hover.gif) right top no-repeat;
				cursor: pointer; cursor:hand;}
			
				.menu-content {
					position:  relative;
					margin-right: 30px;
					padding: 10px 5px 10px 20px;
					}
					.menu-content-bg {
						position: relative; _height: 1%;}
						.submenu-bg {
							position: absolute; bottom: -80px; right: -40px; height: 162px; width: 5px;
							background: url(../images/common/submenu-bg.gif) bottom right no-repeat;}
				
				.menu-content ul li {
					position: relative; padding: 0 0 .4em 1em;  _height: 1%;
					list-style-type: none; background: url(../images/common/content-list.gif) no-repeat 0 .5em;}
					
					.menu-content ul li a, .menu-content ul li a:visited {
						font-size: 1em; font-family: Tahoma, Sans-Serif; color: #196494;}
					.menu-content ul li a:active, .menu-content ul li a:hover {
						color: #990000;}
						
/* ASK: "Письмо прокурору" */
	.letter-pros {
		text-align: center; margin-left: 14px;}
		.letter-pros a, .letter-pros a:visited, .letter-pros a:active, .letter-pros a:hover {
			font-size: 1.4em; color: white; text-decoration: none; //float: left; }
		.letter-pros a img {
			 background: #950101;}
			 
	.letter-pros-bg {
		position: relative; _float: left;}
		.left-list {
			position: absolute; top: 0; left: -9px; height: 170px; width: 10px;
			background: url(../images/common/left-list.gif) top left no-repeat;}
			
/* CONTACTS */
	.contacts {
		position: relative; _height: 1%;
		margin-left: 15px; margin-bottom: 5px; _margin-top: -3px; padding: 10px 0 60px 20px; 
		border: 1px #E5E5E5 solid; border-width: 0 1px 1px 0;
		background: url(../images/common/contacts-bot.gif) bottom left repeat-x;}
		
		.contacts-address, .contacts-hours {
			margin-top: 10px; padding-right: 5px;
			font-family: verdana, tahome, sans-serif; font-size: .8em; color: #333333 !important;}
		.contacts p {color: #333333;}
			
		.contacts-separate {
			height: 1px; margin: 10px 0 10px -20px;
			background: url(../images/common/dotted-line.gif) top left repeat-x;}
		
		.contacts-bg {
			position: absolute; bottom: 20px; right: -35px;
			height: 33px; width: 70px;
			background: url(../images/common/contacts-bg.gif);}
			
/* MAP REGIONS */
	.map-region {
		position: relative; margin-right: 15px;}
		
		.map-region-bg {
			position: absolute; top: 0; right: 0; _right: 14px; height: 193px; width: 42px;
			background: url(../images/common/map-region-bg.gif) top right  no-repeat;}
			
		.main-region-header {
			text-align: right; margin-right: 57px;}
			.main-region-header img { background: #5D5C60; color: white;}
			
		.map-region-content {
			position: relative;
			margin-top: -25px; padding: 40px 0 7px 10px; 
			background: url(../images/common/dotted-line-v.gif) 0 0 repeat-y;}
			
			.map-reg-form {
				position: relative; margin-top: 20px;}
				.map-reg-form select {
					width: 170px; border: 1px #2B608C solid;}
		.map-region-btn {
			text-align: right; padding-right: 51px; padding-top: 2px; color: #2B608C;}
			.map-region-btn input { color: #2B608C;}
		
/* USEFUL LINKS */
	.useful-links-header {
		position: relative;
		margin-top: 10px;}
		.useful-links-header img { background: #1E5880; color: white;}
	
	.useful-links-content {
		position:  relative;
		padding: 20px; margin-right: 35px; //margin-top: -4px; 
		background: #F7F2ED url(../images/common/right-block-bg.gif) top left repeat-y;}
		.useful-links-content a, .useful-links-content a:visited, .useful-links-content a:active {
			color: #4d4d4d; text-decoration: none; font-family: tahoma, verdana, sans-serif; font-size: 1em;}
			.useful-links-content a:hover {color: #2B608C;}
			
			
/* TENDERS */
	.tenders-header {position: relative;}
		.tenders-header img {background: #626063; color: white;}
	
	.tenders-content {
		padding: 20px 20px 10px 20px; margin-right: 35px; //margin-top: -4px;
		background: #F7F2ED url(../images/common/right-block-bg.gif) top left repeat-y;}
		.tenders-content a, .tenders-content a:visited, .tenders-content a:active {
			color: #4d4d4d; text-decoration: none; font-family: tahoma, verdana, sans-serif; font-size: 1em;}
			.tenders-content a:hover {color: #2B608C;}
			
		.tenders-bg {
			position: relative; margin-left: 121px; margin-right: -50px; margin-bottom: -10px; height: 139px;
			background: url(../images/common/tenders-bg.gif) bottom left no-repeat;}
		.tenders-bottom {
			height: 29px;
			background: url(../images/common/tenders-bottom.gif) top left no-repeat;}
		.tenders-list {
			position: absolute; top: 0; right: 4px; height: 221px; width: 11px;
			background: url(../images/common/tenders-list.gif) top left no-repeat;}
			
			
/* PROSECUTOR: "Обращение прокурора" */
	.prosecutor {
		padding: 20px 30px;}
		
		.prosecutor-content *{
			color: #333;}
			.prosecutor-content  p {
				margin: .2em 0;}
				

/* NEWS */
	/* news side */
	.news-side {
		position: relative; 
		margin: 10px 1px 10px 0; padding: 20px 30px 0 40px;
		background: #F7F2ED;}
		
		.ns-head-bgr {
			position: relative;
			margin: 0 .1em 0 0; //height: 1%;
			background: url(../images/common/ns-head-bgr.gif) bottom left repeat-x;}
		
			.ns-head-undrl {
				position: relative; float: left; padding-bottom: 6px;
				font-size: 1.2em; text-transform: uppercase; color: #565A65;
				background: url(../images/common/ns-head-undrl.gif) bottom left repeat-x;}
				
			.news-side-bg {
				position: absolute; top: -42px; right: 20px; width: 99px; height: 67px;
				background: url(../images/common/news-side-bg.gif) 0 0 no-repeat;}
				
		.news-side-item {
			margin-top: 10px; padding-bottom: 15px; font-family: tahoma, verdana, sans-serif;}
			.ns-nolast { background: url(../images/common/ns-sep.gif) bottom left repeat-x;}
			
			.news-side-item p {
				color: #333; font-size: 1em;}
				
			.news-side-date {
				color: #565A65; font-size: 1.5em;  font-family: tahoma, verdana, sans-serif;}
				.news-side-day, .news-side-day:visited {
					 font-size: 1em; color: #196494; text-decoration: none;}
				.news-side-day:active, .news-side-day:hover {
					color: #800101;}
					
				.news-side-mon, .news-side-mon:visited {
					font-size: .7em; //font-size: .8em; color: #565A65; text-decoration: none;}
				.news-side-mon:active, .news-side-mon:hover {
					color: #800101;}
					
			.more a, .more a:visited 		{ text-decoration: none; color: #800101;}		
			.more a:hover, .more a:active 	{ color: #196494;}				
			.more a span 					{ text-decoration: underline;}	
		
		.ns-archive { position: relative; float: right; background: #303644; padding: 2px 10px;}
		
			.ns-archive a, .ns-archive a:visited {
				color: white; text-decoration: none;  font-family: tahoma, verdana, sans-serif;}
				
		/* news */
		.news-date {
			font-size: 1em;  font-family: tahoma, verdana, sans-serif;}
			
			.news-date a, .news-date a:visited {
				text-decoration: none; font-size: .9em; color: #565A65;}
			.news-date a:active, .news-date a:hover {
				color: #800101;}
		
		.news-topic 	{ text-decoration: none;}		
		.news-preview 	{ font-size: .9em !important;}
		.news-image 	{ margin-top: 6px; margin-right: 10px;}
			
		/* archive */
		
		.archive-cont {
			margin-top: 20px;}
		
		
/* Footer */
	.main {
		padding-bottom: 73px;}

	.footer {
		position: relative; height: 73px; margin-top: -73px;
		background: #87D5FE;
		}
		.footer-bg {
			height: 73px; margin: 0 15px; 
			background: #4B505C url(../images/common/footer-bg.gif) top left repeat-x;}

		
		
	.develop 		{ position: absolute; top: 20px; right: 20px; text-align: center;}
		.develop a 	{ text-decoration: none; color: #FEFEFE !important;}
	
	.footer-contacts	{ position: absolute; left: 40px; top: 25px; width: 400px; text-align: left;
					  	  color: #FEFEFE; font-family: Verdana, Tahoma, Sans-Serif; font-size: .8em;}
		
	.counters 		{ position: absolute; top: 23px; right: 220px;}
		.counter 	{ position: relative; float: left; padding-left: 10px;}