* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
	height: 100%;
	background-image: url('img/back9.jpg');
}
table, td, th {
border-spacing: 0;
border-width: 0;
}
table, tr, td, th, form, address, blockquote {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
}
.data th, .data td {
padding: 0 2em 1em 0;
}
.grey {
	background: #E0E0E0;
}

/*navigation*/


#navigation {
padding:0px 0px;
margin-top: -12px;

}
#navigation a  {
display:block;
background:url(navigation-main.png);
height:47px;
text-indent:-9000px;
}
#navigation a.link1 {background-position:-19px -1px;}
#navigation a.link1:hover {background-position:-19px -51px;}
#navigation a.activelink1 {background-position:-19px -102px;}
#navigation a.link2 {background-position:-155px -1px;}
#navigation a.link2:hover {background-position:-155px -51px;}
#navigation a.activelink2 {background-position:-155px -102px;}
#navigation a.link3 {background-position:-288px -1px;}
#navigation a.link3:hover{background-position:-288px -51px;}
#navigation a.activelink3 {background-position:-288px -102px;}
#navigation a.link4 {background-position:-410px -1px;}
#navigation a.link4:hover {background-position:-410px -51px;}
#navigation a.activelink4 {background-position:-410px -102px;}
#navigation a.link5 {background-position:-545px -1px;}
#navigation a.link5:hover {background-position:-545px -51px;}
#navigation a.activelink5 {background-position:-545px -102px;}

#navigation li{
	float:left;
	border-right:0px solid #333;
	width: 140px;
}



/* Водный транспорт*/
.water a:link {
	text-decoration: underline;
	color: #0099FF !important;
	border-color: #0099FF !important;
	cursor: pointer;
}
.water a:visited {
	text-decoration: underline;
	
	cursor: pointer;
}
.water a:active {
	text-decoration: underline
}
.water a:hover {
	text-decoration: underline; 
	color: #006699 !important;
	border-color: #006699 !important;
}
/* Специальный транспорт*/
.spec a:link {
	text-decoration: underline;
	color: #9900CC;
	border-color: #9900CC;
	cursor: pointer;
}
.spec a:visited {
	text-decoration: underline;
	
	cursor: pointer;
}
.spec a:active {
	text-decoration: underline
}
.spec a:hover {
	text-decoration: underline; 
	color: #663366 !important;
	border-color: #663366 !important;
}
/* Малая авиация*/
.avia a:link {
	text-decoration: underline;
	color: #FF6600;
	border-color: #FF6600;
	cursor: pointer;
}
.avia a:visited {
	text-decoration: underline;
	
	cursor: pointer;
}
.avia a:active {
	text-decoration: underline
}
.avia a:hover {
	text-decoration: underline; 
	color: #993300 !important;
	border-color: #993300 !important;
}
/* ЖД транспорт*/
.railway a:link {
	text-decoration: underline;
	color: #FF0000;
	border-color: #FF0000;
	cursor: pointer;
}
.railway a:visited {
	text-decoration: underline;
	cursor: pointer;
}
.railway a:active {
	text-decoration: underline
}
.railway a:hover {
	text-decoration: underline; 
	color: #CC0000 !important;
	border-color: #CC0000 !important;
}
/* автотранспорт*/
.auto a:link {
	text-decoration: underline;
	color: #339900;
	border-color: #339900;
	cursor: pointer;
}
.auto a:visited {
	text-decoration: underline;
	cursor: pointer;
}
.auto a:active {
	text-decoration: underline
}
.auto a:hover {
	text-decoration: underline; 
	color: #336600 !important;
	border-color: #336600 !important;
}
#navigation .selected a {
   
}
#navigation .selected a.selected {
	color: black;
}
#navigation .selected a.selected:hover {
	color: #A52A2A;
}
.pseudo_link {
    border-bottom: 1px dashed #4682B4;
    cursor: pointer;
    //cursor: hand;
    line-height: 1.6em;
}
#logo a:link,#logo a:visited,#languages a:link,#languages a:visited {
    color: #191970;
}
#logo img.hover,
#logo a:hover img{
	display: none;
}
#logo a:hover img.hover {
	display: block;
}

img {
	border: none;
}
.clear {clear: both;}
/* Wrapper
-----------------------------------------------------------------------------*/
#wrapper {
	width: 1000px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	
}
	.light {
		position: absolute;
		background-image: url('img/light-index.png');
		height: 20px;
		width: 100%;
		z-index: 100;
	}
	#rightMenu {
		position: absolute;
		top: 0;
		right: -29px;
		width: 35px;
		z-index:inherit;
	}
		#navigationMenu a {
			height: 31px;
			width: 35px;
			display: block;
			position: relative;
		}
		#navigationMenu span {
			width: 0;
			left: 27px;
			padding: 0;
			position: absolute;
			overflow: hidden;
			font-family: 'Myriad Pro',Arial, Helvetica, sans-serif;
			font-size: 13px;
			line-height: 29px;
			color: white;
			font-weight: normal;
			text-decoration: underline;
			-webkit-transition: 0.25s;
			-moz-transition: 0.25s;
			transition: 0.25s;
		}
		#navigationMenu a{
			/*background:url('img/navigation.jpg') no-repeat;*/
			height:31px;
			width:35px;
			display:block;
			position:relative;
		}
		/* General hover styles */
		#navigationMenu a:hover span{ width:auto; padding:0 5px;overflow:visible; }
		#navigationMenu .gps {background:url('img/1-monitoring.png') no-repeat; white-space: nowrap;}
		#navigationMenu .geo {background:url('img/1-geoinformer.png') no-repeat;}
		#navigationMenu li{
			height:31px;
			padding:2px 2px 2px 0;
			width:30px;
		}
/* Header
-----------------------------------------------------------------------------*/
#header {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
	background-image: url('img/back3.png');
	border-left:1px solid #ff4f06;
	border-right:1px solid #ff4f06;
}
#headerwater {
	margin: 0 auto;
	width: 1000px;
	height: 80px;
	overflow: hidden;
	background-image: url('img/back.png');
	border-left:1px solid #0099FF;
	border-right:1px solid #0099FF;
}
	.border-top {
		position: relative;
		float: left;
		background-image: url('img/border-top.png');
		height: 2px;
		width: 100%;
		margin-top: 10px;
	}
	#logo{
		left: 10px;
		top: 13px;
	}
	#menu{
		
		top: 7px;
	}
	#logo{
		color: #777;
		font-style: italic;
		font-size: 85%;
		float: left;
		position: relative;
		
	}
	
	#logo .slogan {
		left: 71px;
		position: absolute;
		white-space: nowrap;
	}
	#menu{
		float: left;
		margin-left: -120px;
		position: relative;
		left: 120px;
		height: 4.5em;
		overflow: hidden;
	}
		#menu table td {
			width: 150px;
		}
		#menu a, #menu b{
			font-size: 13px;
			margin-left: 60px;
			display: block;
			position: relative;
			height: 4.6em;
			text-decoration: none;
			font-weight: normal;
			font-family: 'Trebuchet MS', Arial, sans-serif;
			text-align: left;
		}
		#menu a:visited {
			color: #2070BB;
		}

		#menu a:focus,#menu a:active {
			border: none;
		}

		#menu a span {
			text-decoration: underline;
		}

		#menu .words_1 span {
			position: relative;
			top: 1.1em;
		}

		#menu .words_2 span {
			position: relative;
			top: .75em;
			line-height: 14px;
		}
		#menu a {
			padding-left: 60px;
			margin-left: 0;
		}
		#menu a ins {
			background-image: url('img/menu_icon.png');
			background-repeat: no-repeat;
		}

		#menu .pic_0 a ins {
			background-position: 0 -3px;
		}

		#menu .pic_120 a ins {
			background-position: -154px -3px;
		}

		#menu .pic_240 a ins {
			background-position: -306px -3px;
		}

		#menu .pic_360 a ins {
			background-position: -461px -3px;
		}

		#menu .pic_480 a  ins {
			background-position: -618px -3px;
		}

		#menu b {
			padding-left: 60px;
			margin-left: 0;
			color: #777;
			
		}

		#menu b ins {
			font-weight: normal;
			background-image: url('img/menu_icon.png');
		}

		#menu b ins {
			background-repeat: no-repeat;
		}

		#menu .pic_0 b ins {
			background-position: -77px -3px;
		}

		#menu .pic_120	b ins {
			background-position: -230px -3px;
		}

		#menu .pic_240	b ins {
			background-position: -384px -3px;
		}

		#menu .pic_360	b ins {
			background-position: -537px -3px;
		}

		#menu .pic_480	b ins {
			background-position: -693px -3px;
		}

		#menu b ins {
			cursor: default;
			color: #6b6b6b;
		}

		#menu .pic_0 a ins,
		#menu .pic_0 b ins,
		#menu .pic_120 a ins,
		#menu .pic_120 b ins,
		#menu .pic_240 a ins,
		#menu .pic_240 b ins,
		#menu .pic_360 a ins,
		#menu .pic_360 b ins,
		#menu .pic_480 a ins,
		#menu .pic_480 b ins
			{
			height: 55px;
			left: 0;
			overflow: hidden;
			position: absolute;
			width: 60px;
			padding: 0;
		}
		#menu .pic_0 a,#menu .pic_0 b {
			padding-left: 47px;
		}

		#menu .pic_120 a,#menu .pic_120 b {
			padding-left: 52px;
		}

		#menu .pic_240 a,#menu .pic_240 b {
			padding-left: 37px;
		}

		#menu .pic_360 a,#menu .pic_360 b {
			padding-left: 42px;
		}

		#menu .pic_480 a,#menu .pic_480 b {
			padding-left: 42px;
		}

		#menu .pic_0 a ins,#menu .pic_0 b ins {
			width: 39px;
		}

		#menu .pic_120 a ins,#menu .pic_120 b ins {
			width: 44px;
		}

		#menu .pic_240 a ins,#menu .pic_240 b ins {
			width: 30px;
		}

		#menu .pic_360 a ins,#menu .pic_360 b ins {
			width: 34px;
		}

		#menu .pic_480 a ins,#menu .pic_480 b  ins {
			width: 34px;
		}

		#menu .pic_0 a ins {
			background-position: -16px -3px;
		}
		#menu .pic_0 a:hover ins {
			background-position: -56px -3px;
		}

		#menu .pic_120 a ins {
			background-position: -165px -3px;
		}
		#menu .pic_120 a:hover ins {
			background-position: -204px -3px;
		}

		#menu .pic_240 a ins {
			background-position: -332px -3px;
		}
		#menu .pic_240 a:hover ins {
			background-position: -371px -3px;
		}

		#menu .pic_360 a ins {
			background-position: -481px -3px;
		}
		#menu .pic_360 a:hover ins {
			background-position: -520px -3px;
		}

		#menu .pic_480 a  ins {
			background-position: -635px -3px;
		}
		#menu .pic_480 a:hover  ins {
			background-position: -675px -3px;
		}

		#menu .pic_0 b ins {
			background-position: -94px -3px;
		}

		#menu .pic_120 b ins {
			background-position: -242px -3px;
		}

		#menu .pic_240 b ins {
			background-position: -408px -3px;
		}

		#menu .pic_360 b ins {
			background-position: -558px -3px;
		}

		#menu .pic_480 b ins {
			background-position: -713px -3px;
		}

/* Content
-----------------------------------------------------------------------------*/
#content {
	margin: 0 auto;
	width: 1000px;
	background-image: url('img/back.png');
	border-left:1px solid #ff4f06;
	border-right:1px solid #ff4f06;
}
	
	#content a, #content li{
		font-size: 130%;
		line-height: 1.2;
	}
	#content p{
		font-size: 130%;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	#content h1 {
		font-size: 290%;
		font-weight: bold;
		line-height: 1.2;
		padding: 10px 0 10px 20px;
		color: #FF6600;
	}
	#content h2,h3 {
		line-height: 1.2;
		padding: 10px 0 10px 0;
	}
	#content .waterheader{
		color: #09F;
	}
	.column {
		overflow: hidden;
		padding: 0 0 20px 0;
	}
	.column-left {
		float: left;
		width: 80%;
		padding-left: 20px;
		padding-right: 10px;
		text-align: justify;
	}
	.column-right {
		float: right;
		margin: 0 20px 0 0;
		width: 130px;
		text-align: center;
	}
	.column-width {
		width: 96%;
		float: left;
		padding-left: 20px;
		padding-right: 20px;
		text-align: justify;
	}
		.left {
		float: left;
		padding-left: 20px;
	}
	.right {
		padding-left: 150px;
		text-align: justify;
		width: 83%;
	}
	ul {
		list-style-type: none;
		padding-left: 1em;
		display: inline-block;
	}
		li {
			padding: 0.5em 0 0.5em 1.2em;
		}
		/*
		ul>li:before {
			content: '\2014\a0';
			color: #111;
			float: left;
			margin-left: -1.5em;
		}
		ul.sample>li:before {
			content: '';
		}
		*/
		.leftpic{
			float:left;
			padding-left: 10px;
			padding-right: 30px;
			padding-top: 15px;
		}
		.rightpic{
			
			padding-left: 0px;
			padding-right: 0px;
			padding-top: 10px;
		}
	
/* Footer
-----------------------------------------------------------------------------*/
#footer {
	margin: 0 auto;
	width: 1000px;
	margin: 0px auto 0;
	height: 70px;
	color: #636363;
	background-image: url('img/back.png');
	border-bottom:1px solid #ff4f06;
	border-left:1px solid #ff4f06;
	border-right:1px solid #ff4f06;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;	
}
	.border-bottom {
		position: relative;
		background-image: url('img/border-bottom.png');
		height: 2px;
		width: 100%;
	}
	#footer .left {
		float: left;
		padding: 15px 10px 15px 20px;
		width: 300px;
	}
	#footer .center {
		float: left;
		padding: 23px 10px 23px 10px;
		text-align: center;
		width: 300px;
	}
	#footer .right {
		padding: 23px 10px 23px 0;
		display: block;
		text-align: right;
		width: 980px;
	}
	.to{
		position: absolute;
		padding-top: 5px;
		margin-top: 18px;
		padding-bottom: 5px;
		width: 100px;
		font-size: 12px;
		background-color: red;
		
		color: white;
		border-style: solid;
	}