/* главный федеральный инспектор по рт 02.2010 rh@e-kazan.ru */
	*				{margin: 0; padding: 0;}
	img				{border: 0;}
	html 			{height: 100%;}
	body			{font: 13px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%;}

	/* раскладка страницы 3ех колоночный макет 2-1-3 
	   плавающая центральная колонка 
	   минимальная ширина 1000px
	   максимальная 1300px
	   ширина левой колонки 225px
	   ширина правой колонки 180px */
	#wrapper		{min-height: 100%; height: auto !important; height: 100%; background: url(../images/header_bg.png) repeat-x; min-width: 1100px;}
	#page			{min-width: 1100px; max-width: 1300px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%;}
	#header			{height: 185px; overflow: hidden; position: relative; padding-left: 90px; background: url(../images/app_logo.png) no-repeat 22px top;}
	#middle			{width: 100%; padding: 0 0 100px; margin: 30px 0 0 0; height: 1%;}
	#middle:after	{content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
	#container		{width: 100%; float: left; overflow: hidden;}
	#content		{padding: 0 231px 0 267px;}
	#sl				{float: left; width: 267px; margin-left: -100%;}
	#sr				{float: left; width: 231px; margin-left: -231px;}
	#footer			{margin: -80px auto 0; height: 80px; background: #f1f1f1; min-width: 1100px;}

	/* шапка документа */
	#header h1{
		width: 634px;
		height: 90px;
		text-indent: -9999px;
		margin: 66px 0 0 240px;
		background: url(../images/app_title.png);
		}
	#header div{
		top: 20px;
		right: 0px;
		position: absolute;		
		}
		#header div p{
			float: left;
			margin-right: 5px;
			}
			#header div p #q_search_str{
				border: solid 1px #002b92;
				padding: 1px;
				}
				#header div p #q_search_str:focus{
					background: #ebf2fb;
					}
			#header div p #smb{   
				border: 0;
				width: 20px;
				height: 20px;				
				margin-right: 0;
				text-indent: -9999px;
				background: url(../images/sb.png);
				}
	#header a{
		left: 0;
		top: 50px;		
		width: 80%;
		height: 125px;
		display: block;
		position: absolute;		
		text-indent: -9999px;
		}

	/* информационное наполнение, общие стили */
	#content h1{
		color: #4c4c4c;
		font-size: 24px;
		line-height: 26px;
		font-weight: 500;
		margin: 0 0 15px 0;
		}
	#content h2{
		font-size: 18px;
		line-height: 20px;
		font-weight: 500;
		margin: 30px 0 15px 0;
		}
	#content h3{
		font-size: 13px;
		line-height: 15px;
		margin: 30px 0 13px 0;
		}
	#content h4{
		}
	#content p{
		margin-bottom: 10px;
		}
	#content a{
		color: #002b92;
		}
	#content ul.list{
		list-style: none;
		margin-left: 22px;
		}
		#content ul.list li{
			padding-left: 12px;
			margin-bottom: 6px;
			background: url(../images/li_marker_1.png) no-repeat left 8px;
			}
		#content ul.list.active li{
			background: url(../images/li_marker_2.png) no-repeat left 7px;
			}
			#content ul.list.active li p{
				padding: 0 0 5px;
				margin: 0;
				background: url(../images/sep.png) no-repeat left bottom;
				}
			#content ul.list.active li a{
				text-decoration: none;
				}
				#content ul.list.active li a:hover{
					text-decoration: underline;
					}
	#content span.date{
		color: #626262;			
		display: block;
		font-size: 12px;
		margin-top: -10px;
		padding-left: 15px;		
		margin-bottom: 23px;		
		background: url(../images/n_date.png) no-repeat left 4px;
		}
	#content p.img{
		padding: 3px 3px 0 3px;
		display: block;
		margin: 3px 10px 3px 0;
		background: #efefef;
		border: solid 1px #999;
		}
		#content p.img img{
			display: block;
			margin-bottom: 3px;
			}
		#content p.img:hover{
			background: #fff;
			}
		#content p.img.left{
			float: left;
			}
		#content p.img.right{
			float: right;
			margin: 3px 0px 3px 10px;
			}
	#content div.table{
		}
		#content div.table.small table{
			width: 30%;
			}
		#content div.table.medium table{
			width: 60%;
			}
		#content div.table.large table{
			width: 100%;
			}
		#content div.table table{
			border-collapse: collapse;
			border: solid 1px #dadada;
			}
			#content div.table table td{
				padding: 4px 8px;
				border-bottom: solid 1px #dadada;
				}
			#content div.table table thead td{
				color: #636363;
				background: #d1d1d1 url(../images/table.png) repeat-x;
				}
			#content div.table table tbody tr.even td{
				background: #f8f8f8;
				}
			#content div.table table tbody tr:hover td{
				background: #f1f1f1;				
				}
	#content span.highlight{
		}
	#content blockquote{
		}
	/* ... */

	/* список новостей */
	#content .news{
		list-style: none;
		}
		#content .news li{
			margin-bottom: 18px;
			padding-bottom: 18px;			
			background: url(../images/news_sp.png) repeat-x left bottom;
			}
		#content .news li span{
			color: #626262;			
			display: block;
			font-size: 12px;
			padding-left: 15px;
			background: url(../images/n_date.png) no-repeat left 50%;
			}
		#content .news li h3{
			margin: 8px 0;
			font-size: 13px;
			}
			#content .news li h3 a{
				color: #002b92;
				text-decoration: none;
				}
				#content .news li h3 a:hover{
					text-decoration: underline;
					}
		#content .news li img{
			float: left;
			padding: 3px;
			display: block;
			margin: 3px 16px 6px 0;
			background: #efefef;
			border: solid 1px #999;
			}	
	/* фоторепортажи просмотр */
	#content .carousel-gallery{
		height: 1%;
		overflow: hidden;
		}
	/* фоторепортажи на стартовой странице */
	#content .photoreports{
		height: 78px;
		overflow: hidden;
		list-style: none;
		display: inline-block;
		}
		#content .photoreports li{
			float: left;
			margin-right: 10px;
			}
			#content .photoreports li img{
				float: left;
				padding: 3px;
				display: block;
				background: #efefef;
				border: solid 1px #999;
				}
	/* фоторепортажи список */
	#content .photoreports-list{
		list-style: none;
		overflow: hidden;
		height: 1%;
		}
		#content .photoreports-list li{
			height: 1%;
			overflow: hidden;
			margin-bottom: 18px;
			padding-bottom: 18px;
			background: url(../images/news_sp.png) repeat-x left bottom;
			}
		#content .photoreports-list h3{
			margin: 0;
			}
		#content .photoreports-list .date{
			margin: 10px 0 0 118px;			
			}

	/* колонки */			
	#sl .handler/* левая колонка */{	
		overflow: hidden;
		background: #f1f1f1;				
		margin: 0 20px -1px 22px;
		padding: 4px 18px 10px 18px;		
		}
		/* навигация */
		#sl ul{
			list-style: none;
			font-weight: 600;
			margin-bottom: -11px;
			}
			#sl ul li{
				padding: 9px 0;
				background: url(../images/m_sep.png) repeat-x left bottom;
				}
				#sl ul li a{
					color: #002b92;
					text-decoration: none;
					}
					#sl ul li a:hover,
					#sl ul li a.active{
						color: #d51412;
						}
		#sl ul ul{
			margin: 0 0 -3px 10px;
			font-weight: 500;
			}
			#sl ul ul li{
				padding: 5px 0 5px 10px;
				background: url(../images/li_marker.png) no-repeat left 12px;				
				}

	#sr .handler/* правая колонка */{
		padding: 0 23px 0 28px;
		}
		/* список банеров, 3 типа списка */
		#sr ul{
			height: 1%;			
			list-style: none;
			}
			#sr ul:after{
				content: '.';
				display: block;
				clear: both;
				visibility: hidden;
				height: 0;
				}
			#sr ul li{
				float: left;
				}
				#sr ul li img{
					display: block;					
					}
		/* большие друг под другом */
		#sr ul.type_1{
			}	
			#sr ul.type_1 li{
				margin-bottom: 13px;
				}
		/* два маленьких рядом */
		#sr ul.type_2{
			padding-bottom: 13px;
			}
			#sr ul.type_2 li.left{
				float: left;
				}
			#sr ul.type_2 li.right{
				float: right;
				}
		/* любые в рамке */
		#sr ul.type_3{
			padding: 0 23px;
			border: solid 1px #dadada;
			}
			#sr ul.type_3 li{
				float: none;
				padding: 15px 0;
				text-align: center;
				}
				/* последний банер с разделителем */
				#sr ul.type_3 li.last{
					border-top: solid 1px #dadada;
					}
				#sr ul.type_3 li img{
					display: inline;
					}

	/* подвал документа */
	#footer div.handler{
		padding: 24px 0 0 0;		
		margin: 0 auto;
		color: #3b3b3b;
		min-width: 1000px;
		max-width: 1300px;
		}
		#footer p{
			padding-left: 22px;
			}
			#footer p a{
				color: #3b3b3b;
				text-decoration: none;
				}