body, html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	z-index:0;
	font-size:small;
	font-family:Tahoma,Arial,Verdana,San-Seriff;	
	background-color:#4176C1;
}
.clear {
	clear:both;
	height:0;
	font-size:0;
	overflow:hidden;
	clear:both;
}
.wrap {
	height:100%;
	margin:0;
	padding:0;
}
body > .wrap {
	height:auto; 
	min-height:100%;
}
.main {
	padding-bottom:53px;/*
	background-color:green;*/
}
/* CLEAR FIX*/
.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 */
.header, .header_bg {	 
	position:relative;
	height:93px;
	width:100%;
}
.header {
	z-index:999;
	background-image:url(../i/header_bg_last.jpg);	
	background-repeat:repeat-x;
}
.header_bg {
	z-index:1000;
	background-image:url(../i/header_bg.jpg);
	background-repeat:no-repeat;
}
.footer, .footer_bg {
	position:relative;
	/*margin-top:-53px; good for FF and bug for IE */
	margin-top:-28px;
	height:53px;
	clear:both;
}
.footer{
	background-image:url(../i/footer.png);
	background-repeat:no-repeat;
}
.footer_bg{
	background-image:url(../i/footer_bg.png);
	background-repeat:repeat-x;
}
/*============================================== header elements ==================================*/
.lang {
	float:right;
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
}
.lang img {
	border:none;
	width:16px;
	height:9px;
	margin:0px 10px 0px 0px;	
}
/*=============================================== main menu =======================================*/
.header ul {
	list-style:none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0px 0px 0px 370px;
	padding:12px 0px 0px 0px;
}
.header ul li {
	position:relative;
	display:block;
	float:left;
	width:110px;		
	text-align:center;
}
.header ul li a {
	text-decoration:none;
}
.header ul li img {
	width:48px;
	height:48px;
	margin:0;
	padding:0;
	border:none;
	z-index:500;
}
.header ul li span{
	cursor:pointer;
	display:block;
	width:110px;
	text-align:center;
	color:#99DFEB;
	font-weight:bold;
	margin:0;
	padding:0;
	z-index:500;
}
.header ul li ul{
	position:absolute;
	display:none;
	margin:0;
	padding:0;
	width:110px;		
	left:0px;
	z-index:500;
}
.header ul li ul li {
	float:left;
	width:110px;		
	text-align:center;	
	z-index:500;
	background-color:#4176C1;
}
.header ul li ul li a{
	margin-bottom:10px;
	width:110px;
	background-color:#4176C1;
}
.header ul li ul li span{
	background-color:#4176C1;
	width:110px;
	margin:10px 0px 10px 0px;
}
/*========================================= полоса разделения ====================================================*/
.sline {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:3px;
	line-height:0px;
	background-repeat:repeat-x;
	background-image:url(../i/sep.png);
}
/*========================================= detail elements =====================================================*/
.detail{
	text-align:center;
}
.detail h3{
	color:#FFFFFF;
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}
.dc {
	display:block;
	position:relative;
	margin:0px auto 0px auto;
	width:90%;
	background-color:#5483C7;
	padding:0px 0xp 0px 0px;
}
.ltxt { 
	position:relative;
	display:block;
	clear:both;
	width:600px;
	margin:0px auto 0px auto;
}
.ltxt p{
	margin:10px 0px 5px 0px;
	color:#FFFFFF;
	float:left;
	width:150px;
	padding:3px 0px 0px 3px;
	text-align:left;
}
.ltxt div, .ltxt em{
	text-align:left;
	float:left;
	width:335px;
	margin:10px 0px 5px 0px;
	padding:0px 0px 0px 0px;
}
.ltxt div input {
	text-align:left;
	width:90%;
	color:#383A3C;
	border:1px solid #383A3C;	
}
.ltxt div sup {
	width:90%;
	color:#FFFFFF;
}
.ltxt div input:disabled{
	background-color:#B3C8E7;
}
.ltxt div select {
	color:#383A3C;
	border:1px solid #383A3C;
	width:90%;
}
.ltxt div span{
	color:red;
}
.chk input {
	color:#383A3C;
	border:none;
	width:auto;
	outline:1px solid #383A3C;
}
/*========================================= feedback =====================================================*/
.fbInfo, .fbError {
	display:none;
	margin-bottom:15px;
	clear:both;
	position:relative;
	width:auto;
}
.fbInfo ul, .fbError ul {
	list-style-type:none;
	text-align:left;
}
.fbInfo li, .fbError li {
	height:16px;
	margin-top:6px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:0px 0px 0px 24px;
	vertical-align:middle;
}
.fbInfo li {
	color:#000000;
	background-image:url(../i/check.png);
}
.fbInfo {
	border:solid 1px #2C9336;
	background-color:#9DE1A4;
}
.fbError {
	border:solid 1px #BF0000;
	background-color:#FF7C7C;
}
.fbError li {
	color:#000000;
	background-image:url(../i/error.png);
}
/*=========================== page list ==========================================================================*/
.listcontainer {
	display:block;
	position:relative;
	width:90%;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	background-color:#5483C7;
	height:50px;
}
.listcontainer input {
	position:relative;
	float:right;
	margin:15px 0px 15px 0px;
	width:200px;
	color:#383A3C;
	border:1px solid #383A3C;	
}
.listcontainer ul{
	display:block;
	float:left;
	position:relative;
	padding:0;
	margin:15px 0px 0px 25px;
}
.listcontainer li {
	color:#FFFFFF;
	display:inline;
	list-style-type:none;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 0px;
}
.listcontainer a{
	color:#FFFFFF;
	text-decoration:none;
}
/*========================================= simple table ================================================================*/
h3{
	color:#FFFFFF;
	text-align:center;
}
.hdr div, .hdr span{
	display:block;
	position:relative;
	float:left;
	border:1px solid #6295e8;
	padding:0px 0px 0px 0px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
}
.hdr {
	font-weight:bold;
	display:block;
	position:relative;
	width:90%;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	clear:both;
}
.row {
	color:#FFFFFF;
	display:block;
	position:relative;
	width:90%;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
	clear:both;	
}
.row div, .row span{
	float:left;
	display:block;
	position:relative;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	border:1px solid #6295E8;
}
.hdr span, .row span{
	vertical-align:middle;
	text-align:center;
	width:50px;
}
.hdr div, .row div{
	width:150px;
}
.row img{
	margin:auto 0px auto 0px;
	border:none;
}
.row a {
	color:#FFFFFF;
	text-decoration:none;
}
/*========================================= grants table ================================================================*/
.granthdr {
	position:relative;
	display:block;
	width:90%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	border-bottom:solid 1px #C4C6D7;
	color:#FFFFFF;
	background-color:#5483C7;
}
.granthdr div, .granthdr em {
	float:left;
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	font-style:normal;
}
.granthdr em {
	/*background-color:red;*/
	width:150px;
}
.granthdr div{
	/*background-color:lightgreen;*/
	width:45px;
}
.granthdr p {
	display:block;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.granthdr input{
	border:none;
	margin:0px 0px 10px 0px;
}
.grantrow {
	position:relative;
	display:block;
	width:90%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	border-bottom:solid 1px #C4C6D7;
	color:#FFFFFF;
	background-color:#5483C7;
}
.grantrow div {
	/*background-color:green;*/
	text-align:left;
	position:relative;
	display:block;
	float:left;
	width:150px;
	padding:0px 0px 0px 0px;
	margin:10px 5px 10px 5px;	
}
.grantrow p {
	/*background-color:lightgreen;*/
	text-align:center;	
	width:45px;
	display:block;
	float:left;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 5px 0px 5px;
}
.grantrow input {
	padding:0px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	border:none;
	vertical-align:middle;
}
/* ====================================================== Главное меню карты ============================================*/
.map_mainmenu, .map_mainmenu_bg {
	position:relative;
	display:block;
	width:100%;
}
.map_mainmenu_bg {
	height:53px;
	padding:0px 0px 0px 0px;	
	background-image:url(../i/map_menu_bg_last.jpg);
	background-repeat:repeat-x;	
	z-index:0;
}
.map_mainmenu {
	height:43px;	
	padding:10px 0px 0px 0px;
	background-image:url(../i/map_menu_bg.jpg);
	background-repeat:no-repeat;	
	z-index:1;
}
/* временной фильтр */
.time_filter {
	display:block;
	float:left;
	position:relative;
	width:293px;
	height:100%;
	padding:0px 0px 0px 27px;
}
.time_filter p{
	position:relative;
	color:#FFFFFF;
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
}
.time_filter input{
	width:130px;
	color:#383A3C;
	border:1px solid #383A3C;	
}
/* Избранные точки */
.fav_points{
	width:265px;
	display:block;
	float:left;
	height:100%;	
}
.fav_points, .fav_points p, .fav_points img{
	position:relative;
	padding:0px 0px 0px 0px;	
}
.fav_points p{	
	color:#FFFFFF;
	margin:0px 0px 3px 10px;
}
.fav_points select, .fav_points input{
	margin:0px 0px 0px 10px;
	float:left;
	width:180px;
	color:#383A3C;
	border:1px solid #383A3C;	
}
.fav_points img {
	cursor:pointer;
	margin:3px 0px 0px 5px;
	width:16px;
	height:16px;
	float:left;
}
/*поиск по адресу*/
.find {
	width:260px;
	display:block;
	float:left;
	height:100%;
}
.find p{	
	color:#FFFFFF;
	margin:0px 0px 3px 5px;
}
.find input{
	margin:0px 0px 0px 5px;
	float:left;
	width:180px;
	color:#383A3C;
	border:1px solid #383A3C;	
}
.find img {
	cursor:pointer;
	margin:3px 0px 0px 5px;
	width:16px;
	height:16px;
	float:left;
}
/* управление картами и слоями */
div.mapmng{
	position:relative;
	display:block;
	float:left;
	height:100%;
	width:160px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}
img.mapmng, #showAllLayers{
	border:none;
	margin:3px 0px 0px 0px;
	float:left;
	height:30px;
	cursor:pointer;
}
img.mapmng{
	margin:3px 0px 0px 0px;
	width:30px;
}
#showAllLayers{
	margin:3px 0px 0px 10px;
	width:60px;
}
#checkAreaImg{
	position:relative;
	display:block;	
	margin:10px 0px 0px 10px;
	width:16px;
	height:16px;
	border:none;
	float:left;
}
#checkAreaImg img {
	cursor:pointer;
	border:none;
}
/* =================================== карта и список объектов =============================================================*/	
.map, .objs {
	height:723px;	/* 53 - 777 */
}
.map {
	overflow:hidden;
	background-color:#458CE7;
}
.objs {
	float:left;
	width:320px;
	background-color:#4176C1;	
}
/*====================================== поиск объекта ======================================================================*/
.objs_search {
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
}
	/* в детальке КО. поиск по группе и объектам */
.objs_search img {
	float:left;
	display:block;
	width:16px;
	height:16px;
	border:none;
	margin:17px 0px 0px 5px;
	cursor:pointer;
}
.objs_search input {
	float:left;
	width:130px;
	margin:15px 0px 10px 27px;
	color:#383A3C;
	border:1px solid #383A3C;	
}
.objs_search ul, .objs_search li {
	padding:0px 0px 0px 0px;
	float:left;
}
.objs_search ul {
	margin:15px 0px 10px 10px;
	list-style:none;
}
.objs_search li {
	margin:0px 0px 0px 3px;
}
.objs_search li a, .objs_search li{
	text-decoration:none;
	color:#FFFFFF;
}
/* Меню объектов в списке объектов */
.objs_menu, .objs_menu_l, .objs_menu_r{
	position:relative;
	display:block;
	float:left;
	left:27px;
	height:24px;
	margin:6px 0px 6px 0px;		
}
.objs_menu {
	background-color:#1C4C91;
	width:240px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;	
}
.objs_menu_l, .objs_menu_r{
	width:13px;
}
.objs_menu_l{
	background-image:url(../i/l_obj_menu.png);
}
.objs_menu_r{
	background-image:url(../i/r_obj_menu.png);
}
.objs_menu img {
	margin:4px 5px 0px 0px;
	position:relative;
	display:block;
	float:left;
	height:16px;
	width:16px;
	cursor:pointer;
}
/* Список объектов */
.obj_list{
	overflow:auto;
	position:relative;
	display:block;
	width:320px;
	/*height:598px;	*/
	height:635px;
}
.obj{
	position:relative;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:52px;
}
.obj_1, .obj_2 {
	position:relative;
	display:block;
	width:100%;
	height:26px;
}
/* первая строка элемента объекта */
.obj_1 {	
	background-color:#638FCC;
}
.obj_1 div, .obj_1 div p, .obj_1 p {
	color:#FFFFFF;
	position:relative;
	display:block;	
	margin:0px 0px 0px 0px;
}
.obj_1 div {
	float:left;
	overflow:hidden;
	padding:0px 0px 0px 15px;
}
.obj_1 div p{
	font-weight:bold;
	float:left;
	padding:4px 0px 0px 2px;
	width:auto;
}
.obj_1 p {
	font-weight:bold;
	width:133px;
	float:right;
	padding:4px 15px 0px 2px;
	cursor:pointer;
}
/* вторая строка элемента объкта */
.obj_2, .obj_2 p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	display:block;
}
.obj_2 div {
	margin:0px 0px 0px 15px;
	float:left:
	width:15px;
}
.obj_2 div img, .obj_2 p img{
	position:relative;
	display:block;
}
.obj_2 div img {
	margin:5px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	width:16px;
	height:16px;
	float:left;	
}
.wb{
	border:1px solid #FFFFFF;
}
.obj_2 p {
	float:right;
	width:150px;
}
.obj_2 p img {
	margin:4px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:16px;
	height:16px;
	float:left;
	position:relative;
	border:none;
}
.ptr {
	cursor:pointer;
}
/*=color combo block start */
.color_combo {
	cursor:pointer;
	border-color				:#C4C6D7;
	border-bottom-style	:solid;
	border-width				:1px;
	background-color		:#FFFFFF;
	width								:40px;
	height							:16px;
	float								:left;
	position:relative;
	background-image		:url(../i/combo.gif);
	background-repeat		:no-repeat;
	background-position	:top right; 
	margin:0px 5px 0px 0px;	
}
.color_list {
	border							:solid 1px #C4C6D7;
	background-color 		:#FFFFFF;
	padding-left 				:2px;
	position 						:absolute;
	width								:163px;
}
.color, .color:hover{
	font-size						:1%;
	width								:6px;
	height							:6px;
	margin-right				:1px;
	margin-top					:2px;
	margin-bottom				:2px;
	border-color				:#000000;
	border-style				:solid;
	border-width				:1px;
	float								:left;
}
.color:hover{
	border-color				:#FFFFFF;
}
/*=color combo block end */
/*======== список объектов в параметрах отчета =================================*/
.rptobj p{
	float:left;
	margin:10px 10px 0px 0px;
	width:200px;
}
.dateperiod {
	text-align:center;
	margin:0px auto 0px auto;
}
/* ================================ control area ===============================*/
.alt{
	background-color:#638FCC;	
}
.area {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	display:block;
	width:100%;
	height:26px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:26px;
	vertical-align:middle;
}
.area img, .area p {
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;	
	cursor:pointer;
}
.area p {
	background-color:lightgreen;
}