html, body {
	height:100%;
	}
body {
	
	font-family: Trebuchet MS, Arial;
	font-size:14px;		
	background: url(/design/img/body_bg.jpg) #ebf2f6;
	width:100%;
	color: #355058;
	}

.hack:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.hack {display: inline-block;}

/* Hides from IE-mac \*/

* html .hack {height: 1%;}
.hack {display: block;}
	
	
/************************

	ЭЛЕМЕНТЫ 
	
************************/

ul {
	list-style-type: disc;
	padding: 0 0 10px 20px;
	}

ol {
	list-style-type: decimal;
	padding: 0px 0 10px 20px;
	}

li {
	}


p {
	padding: 0 0 14px 0;
	}

hr {
	border: none;
	height: 1px;
	background: #c6d1d4;
	color: #c6d1d4;
	margin: 20px 0 20px 0;
	}
	
h1, h2, h3, h4, h5 {
	font-family: Georgia;
	font-weight: bold;
	color: #334e56;
	padding: 0px 0 20px 0 ;
	margin: 0;
	}
	h1 {
		font-size: 30px;
		}
	h2 {
		font-size: 24px;
		}
	h3 {
		font-size: 18px;
		}
	h4 {
		font-size: 14px;
		}
	h5 {
		font-size: 12px;
		}
.catalogs h3 {font-style: oblique;}
a {
	color: #0066bc;
	}
	a:hover {
		color: #e38c01;
		}
	a:visited {
		color: #587d90;
		}
	a:visited:hover {
		color: #e38c01;
		}
		
		
		
		
		
		
		
/************************ 
		
		КЛАССЫ 
		
************************/

/*
<!--[if lte IE 7]>
<style type="text/css">
    ul.cats-list li {
        display: inline
    }
</style>
<![endif]-->
*/


ul.list-cats {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	ul.list-cats li {
		list-style-type: none;
		background: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		}
		ul.list-cats li a {
			display: block;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			text-align: center;
			
			color: black;
			text-decoration: none;
			}
			ul.list-cats li a:hover, ul.list-cats li a.selected {
				color: black;
				}
/* 

	Новости 

*/
ul.list-news {
	list-style-type: none;
	margin: 0;
	padding: 0 0 10px 0;
	}
	ul.list-news li {
		background: url(/design/img/news-list_li.gif) left 3px no-repeat;
		padding: 0 5px 0 25px;
		margin: 0 0px 28px 0;
		text-align: left;
		}
		ul.list-news li span {
			margin: 0 0px 6px 0;
			display: block;
			color: #696969;
			}
		ul.list-news li span strong {
			color: #a91c0c;
			font-weight: normal;
			}

/* forms */

input.inp {
	height: 18px;
	line-height: 18px;
	background: white;
	color: #9e9e9e;
	border: 1px solid #a8a8a8;
	padding-left: 10px;
	}
	
input.btn {
	height: 22px;
	line-height: 22px;
	width: 63px;
	background: #91c74d url(/design/img/btn_bg.jpg) no-repeat;
	font-size: 11px;
	color: white;
	cursor: pointer;
	border: none;
	padding: 0px;
	margin: 0px;
	}

.reset {
	padding: 0;
	margin: 0;
	border: 0;
	}
	
	
/* tab */
div.tab_container {
	padding: 0 10px 10px 10px;
	background: #bbcfdb;
	margin: 0px 20px 20px 0;
	float: left;
	width: 98%;
	/*/ width: auto;*/
	}
table.tab {
	width: 100%;
	/*/ width: auto;*/
	border-collapse: collapse;
	background: transparent;
	}
	table.tab tr th {
		color: white;
		background: #bbcfdb;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		padding: 8px;
		}
		table.tab tr th a {
			color: white; 
			text-decoration: none;
			}
	table.tab tr {
		vertical-align: middle;
		}
		table.tab td:first-child {
			text-align: left;
			}
		table.tab td {
			border: 1px solid #bbcfdb;
			background: #e7f0f3;
			text-align: center;
			padding: 8px;
			}
	

			
/* рамка fieldset */
fieldset {	
	/*border: 1px solid #256092;
	// border: none; 
	margin: 0px 0 10px 0;
	padding: 0px 20px 0px 20px;
	// padding-bottom: 0px;
	background: #e4ebf1;*/
	/*padding: 0px 12px 0px 22px;*/
	//padding: 0px 0 0  10px;
	//margin: 10px 0 10px 0;
	border: 10px solid #bbcfdb ;
	background: #e7f0f3;
	}
	legend {
		/*position: relative;
		top: -10px;*/
	
		color: white;
		background: #bbcfdb ;
		text-align: center;
		font-weight: bold;
		font-size: 12px;
		padding: 12px 18px 9px 18px;
		}	
			
	
#body {
	width: 986px;
	/*border: 1px solid red;*/
	}
	
	#top {
		height: 128px;
		}
		
		#top_left {
			float: left;
			width: 750px;
			}
			
			#logo {	
				width: 151px;
				height: 81px;
				float: left;
				margin: 22px 30px 0 22px;
				}
			
			.top_links {
				margin: 46px 20px 0 0;
				}
			.top_links a {
				background: url(/design/img/but_bg.jpg) 0 5px repeat-x;
				padding:5px 0px;
				font-size:14px;
				color:#112d41;
				text-decoration:none;
				display: inline-block;
				text-shadow: 1px 1px #76b4e4;
				float: left;
				margin: 0px 20px 0 0;
				}
				.top_links a:hover {
					color: white;
					text-shadow: none;
					}
				
				.top_links a div {
					background:url(/design/img/but_r.jpg) top right no-repeat;
					height:28px;
					cursor:pointer;
					display:block;
					}
					
					.top_links a div div {
						background:url(/design/img/but_L.jpg) top left no-repeat;
						padding:3px 15px;
						cursor:pointer;
						display:block;
						}
		
		#top_right {
			float: right;
			width: 220px;
			text-align: left;
			padding: 10px 0 0 0;
			}
			#top_right p { 
				padding: 0;
				margin: 0;
				}
			
			.kod {
				font-style:italic;
				color:#648088;
				margin-left:00px;
				font-size:14px;	
				}
				
			.big_tel {
				color:#2F4A52;
				font-size:30px;
				}
			
			.tel {
				padding-top:5px;
				width:150px;
				text-align:left;
				font-weight:bold;
				padding-left:56px;
				//padding-left:55px;
				font-size:13px;
				}
				.tel a {
					display:block;
					font-size:13px;
					font-weight:bold;
					font-style:italic;
					margin-top:10px;
					}
					
					
/**************************
**
*
*
**
*
*	Content
*
*
*
****************************/

#content_container {
	background: #fcfcfc;
	
	/* тень */
	-webkit-box-shadow: 0px 0px 5px #696e71;
	-moz-box-shadow: 0px 0px 5px #696e71;
	box-shadow: 0px 0px 5px #696e71;
	
	padding: 0 0 20px 0;
	}
	
	/*
		main menu
	*/
	.main_menu {
		margin: 0 7px 0 7px;
		}
	.main_menu table {
		width: 100%;
		border-bottom: 1px solid #b3b8bb;
		/*height: 34px;*/
		}
		.main_menu td {
			text-align: center;
			vertical-align: middle;
			border-right: 1px solid #e2e1e1;
			}
			.main_menu td:last-child {
				border: none;
				}
			.main_menu a {
				padding: 10px 16px 0 16px;
				display: block;
				height: 30px;
				text-decoration: none;
				color: #4d656b;
				}
				.main_menu a:hover {
					text-shadow: -1px -1px 0px #5a9bb4;
					color: white;
					background: #82e1ff url(/design/img/mm_hover.gif) bottom repeat-x;
					}
				.main_menu a.active {
					background: #ee9710 url(/design/img/mm_active.gif) bottom repeat-x;
					text-shadow: -1px -1px 1px #8c5701;
					color: white;
					
					}
					
	/*
		search form
	*/
	
	.search {
		margin: 22px 0 0 0;
		color: white;
		}
		.search a {
			color: white
			}
	
	#search {
		width:790px;
		height:25px;
		margin-top:12px;
		margin-left:5px;
		border-right:2px solid #D4D0C8;
		border-bottom:2px solid #D4D0C8;
		border-left:2px solid black;
		border-top:2px solid black;
		color:#737373;
		font-size:16px;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		padding: 0 0 0 5px;
		}
		
		#submit{
			border: none;
			background:url(/design/img/sbm.jpg) no-repeat;
			width:106px;
			height:26px;
			color:#313131;
			padding:0;
			font-style:italic;
			float:right;
			margin-top:15px;
			cursor: pointer;
			}
	
	.search3 {
		width:923px;
		height:79px;
		margin:0 0 0 0px;
		background:url(/design/img/search_bg.jpg) repeat-x
		}
		.search3 div {
			color:white;
			font-size:14px;
			margin-top:5px;
			margin-left:5px;
			clear: both;
			float: left;
			}
			
	.search2 {
		background: url(/design/img/search_left.jpg) no-repeat top left;
		}
	.search1 {
		width:941px;
		background: url(/design/img/search_right.jpg)  no-repeat  top  right;
		}
		
	
	.content {
			margin: 10px 0 10px 28px;
		}
	
	/*
	
		Catalog 
		
	*/
	
	/* filter */
	
	.catalog_filter {
		margin: 10px 0 10px 28px;
		}
		.catalog_filter ul {
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0;	
			}
		.catalog_filter li {
			list-style-type: none;
			margin: 0 12px 0 0;
			background: url(/design/img/dialog_C.png) repeat-x;
			padding: 0 0px 0 0;
			display: inline-block;
			height: 29px;
			}
		.catalog_filter p {
			background: url(/design/img/dialog_R.png) right no-repeat ;
			padding: 0 6px 0 0px;
			margin: 0;
			height: 29px;
			display: inline-block;
			position: relative;
			left: 6px;
			}
		.catalog_filter a {
			position: relative;
			left: -2px;
			padding: 0 0 0 0px;
			background: url(/design/img/dialog_L.png) no-repeat;
			margin: 0;
			display: inline-block;
			text-decoration: none;
			cursor: pointer;
			color: #911e42;
			font-size: 12px;
			line-height: 20px;
			}
			.catalog_filter span {
				/*background: url(/design/img/dialog_dashed.gif) 0 15px repeat-x;*/
				}
			
			.catalog_filter li:hover, .catalog_filter li.active {
				background: url(/design/img/dialog_active_C.png) repeat-x;
				}
				.catalog_filter li:hover p, .catalog_filter li.active p {
					background: url(/design/img/dialog_active_R.png) right no-repeat ;
					}
				.catalog_filter li:hover a, .catalog_filter li.active a {
					background: url(/design/img/dialog_active_L.png) no-repeat;
					color: white;
					}
					.catalog_filter li:hover span, .catalog_filter li.active span {
						/*background: url(/design/img/dialog_dashed_active.gif) 0 15px repeat-x;*/
						}
		
	/*
		Разделы каталога на главной
	*/
	.catalog_list {
		margin: 30px 0px 15px 0px;
		height: 100%;
		/*border: 1px solid red;*/
		}
		.catalog_list .column {
			width: 25%;
			border-right: 1px solid #c1d2d8;
			vertical-align: top;
			text-align: left;
			padding: 0 10px 0 10px;
			height: 100%;
			}
			.catalog_list .column:first-child { padding: 0 10px 0 0; }
			.catalog_list .column:last-child { border: none; }
			
			.catalog_list ul, .catalog_list li {
				list-style-type: none;
				margin: 0;
				padding: 0;	
				}
				
				.catalog_list ul {
					margin: 0 0 30px 0;
					}
				
				.catalog_list ul li {
					margin: 0 !important;
					padding: 0 !important;	
					background: none !important;
					}
				.catalog_list ul li a {
					display: block;
					margin: 0 0 10px 0;
					font-size: 18px;
					color: #334e53;
					font-weight: bold;
					}
					.catalog_list a:hover {color: #e38c01;}
					.catalog_list ul li ul li {
						margin: 0 0 8px 0 !important;
						padding: 0 0 0 20px !important;	
						background: url(/design/img/li.gif) 0 10px no-repeat !important;
						}
					.catalog_list ul li ul li a {
						font-weight: normal;
						margin: 0 0 2px 0;
						font-size: 14px;
						font-family: Georgia;
						color: #334e53;
						font-style: oblique;
						}
		
	
	
	/* Новость */
	.mp_news {
		background: #f6f6f6;
		border: 1px solid #c1d2d8 !important;
		text-align: left;
		width: 30%;
		float: left;
		padding: 20px;
		margin: 0 18px 0 0;
		font-style: oblique;
		height: 236px;
		color: #355058;
		}	
		
		.mp_news a {
			margin: 0 0 10px 0;
			font-size: 18px;
			display: block;
			font-style: normal;
			color: #0066bc;
			}
		
	/* Каталоги */
	.catalogs {
		color: #355058;
		background: #f6f6f6;
		border: 1px solid #c1d2d8 !important;
		text-align: left;
		width: 56%;
		float: left;
		padding: 20px;
		}	
	
					
					
	/*
		other			
	*/
	.dashed {
		text-decoration: none;
		border-bottom: 1px dashed #005494;
		display: inline-block;
		}
		
		.search .dashed {
			border-bottom: 1px dashed white;
			}
					
					
					


/*

	Подвал
	
*/
#footer	{
	margin: 20px 0 40px 0;
	}
	
	#footer_left {
		float: left;
		width: 450px;
		text-align: left;
		padding-left: 20px;
		}
	
	#footer_right {
		float: right;
		width: 450px;
		text-align: right !important;
		padding-right: 20px;
		font-style: oblique;
		font-size: 13px;
		}
					
					
					
					
					
	
/* 
	Логотип AstraMediaGroup 

						<!-- astra -->
						<div id=astramg>
							<div>
								<img src="/design/img/ico_astra.png" width="16" height="15" alt="" />
							</div><a href="http://www.astramg.ru/" target=_blank>AstraMediaGroup</a>
						</div>
						<!-- /astra -->

*/		
				
div#astramg {
	position: relative; 
	display: inline; 
	left: -18px
	}
	div#astramg div {
		position: relative; 
		display: inline; 
		top: -4px; 
		left: 14px;
		white-space: nowrap;
		}

.reset {
	border: none;
	background: none;
	padding: 0;
	margin: 0;
	}