/* CSS Document */

html, body, form{
	height: 100%;
	margin: 0;
	padding: 0;
}

form { height: auto; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FBCE88;
	background: #ACADB3 url(/images/bg_body.jpg) repeat-x;
	height: auto;
	padding: 3px;
}

img { border: #000 0px solid; }

a { color: #FDB74A; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:visited {}

* a {outline: none;}

input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 100%; font-weight: 100; }
table { border-collapse: separate; } table td { padding: 0px; vertical-align: top }

#bg_body {
	position: absolute;
	top: 0px;
	right: -1px;
	z-index: 900;
}

#all {
	background: #000 url(/images/bg_main.jpg) no-repeat;
	position: relative;
	z-index: 200;
	width: 100%;
	min-width: 990px;
	_width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 997 ? "990px" : "100%");

	min-height: 820px;
	_height: 820px;
}

#logo {
	position: absolute;
	left: 28px;
	top: 16px;
}

#pens {
	position: absolute;
	top: 1px;
	right: 0px;
	z-index: 100;
	width: 300px;
	height: 300px;
	background: url(/images/pens.png) no-repeat;
}

#icq {
	position: absolute;
	right: 202px;
	top: 37px;
	z-index: 600;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #CBB593;
}
	#icq img {
		vertical-align: middle;
		padding-right: 8px;
	}

#tel {
	position: absolute;
	z-index: 600;
	right: 194px;
	top: 58px;
}







#main {
	padding-top: 94px;
}

	#left {
		float: left;
		position: relative;
		width: 191px;
		margin-right: -215px;
		padding-top: 710px;
		padding-left: 24px;
	}
	
		#left .menu {
			padding-top: 80px;
			position: absolute;
			top: 0px;
			left: 0px;
		}
			#left .menu ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
			#left .menu ul li {
				padding-left: 23px;
				background: url(/images/li_menu.gif) no-repeat 0px 3px;
				padding-bottom: 6px;
			}
			#left .menu a {
				color: #D7B980;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 125%;
			}
			#left .menu a:hover {
				color: #FDB74A;
			}
	
	
	
	
		#left .block {
			color: #FBCE88;
			padding-bottom: 24px;
		}
			#left .block .title {
				font-size: 130%;
				padding-bottom: 7px;
			}

			#left .block ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
			}
			#left .block li {
			}
			#left .block li a {
				padding-left: 10px;
				color: #9E3114;
				background: url(/images/li.gif) no-repeat 0px 5px;
				text-decoration: none;
			}
			#left .block li a:hover {
				color: #FDB74A;
				background: url(/images/li_a.gif) no-repeat 0px 5px;
			}
			
			#left .block .cat {
				display: block;
				padding-top: 16px;
				color: #FBCE88;
			}
				#left .block .cat sup {
					color: #9E3114;
				}
	
	
	
	
	
	
	
	

	#center {
		position: relative;
		margin-left: 215px;
		margin-right: 200px;
		background: url(/images/bg_center.gif);
	}
	
		h1 {
			margin: 0px;
			padding: 0px;
			list-style: none;
			text-align: center;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #FDB74A;
			font-size: 170%;
			font-weight: 100;
			padding-bottom: 20px;
		}
	
		h2 {
			margin: 0px;
			padding: 0px;
			list-style: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 145%;
			font-weight: 600;
		}
	
		h3 {
			margin: 0px;
			padding: 0px;
			list-style: none;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 135%;
			font-weight: 600;
		}
		
		p {
			margin: 0px;
			padding: 0px;
			padding-bottom: 6px;
		}
		
			
			#center .top_bg {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 100%;
				background: url(/images/bg_center_top.gif) repeat-x;
				z-index: 100;
			}
			
			
			
			#center .content {
				position: relative;
				z-index: 300;
				padding: 24px;
				padding-right: 20px;
				padding-top: 42px;
			}
			
			
		
			#center .block h2 {
				line-height: 110%;
				position: relative;
				z-index: 900;
			}
			#center .block .txt {
				font-size: 90%;
				color: #FBCE88;
				line-height: 110%;
				margin-top: 5px;
			}
			
			#center_pens {
				position: relative;
				z-index: 900;
				width: 524px;
				margin: 0px auto;
				height: 525px;
				margin-top: 10px;
				margin-bottom: 20px;
			}
			
				#center_pens .bl1 {
					position: absolute;
					width: 160px;
					left: 370px;
					top: 0px;
				}
					#center_pens .bl1 img {
						position: absolute;
						margin-left: -50px;
						margin-top: -75px;
					}
				#center_pens .bl2 {
					position: absolute;
					width: 215px;
					left: 87px;
					top: 10px;
				}
					#center_pens .bl2 img {
						position: absolute;
						margin-left: 95px;
						margin-top: 10px;
					}
				#center_pens .bl3 {
					padding-top: 110px;
					width: 220px;
				}
					#center_pens .bl3 img {
						position: absolute;
						margin-left: 102px;
						margin-top: 10px;
					}
				#center_pens .bl4 {
					padding-top: 60px;
					width: 230px;
				}
					#center_pens .bl4 img {
						position: absolute;
						margin-left: 45px;
						margin-top: 12px;
					}
				#center_pens .bl5 {
					padding-top: 65px;
					width: 260px;
				}
					#center_pens .bl5 img {
						position: absolute;
						margin-left: 90px;
						margin-top: 5px;
					}
	
			#hot {
				margin: 0px auto;
				margin-top: 16px;
				margin-bottom: 10px;
			}
				#hot td {
					width: 40%;
					padding: 0px 2%;
				}
				#hot td h2 {
					padding-bottom: 16px;
				}
				#hot td p {
					padding-top: 10px;
				}
				
			.content h1 {
				text-align: left;
				margin: 0px 34px;
			}
			
			.content p {
				padding-bottom: 12px;
				text-align: justify;
			}
			
			
			
			.content .crumps {
				position: relative;
				margin-left: 90px;
				margin-top: -20px;
				margin-bottom: 20px;
				color: #A96E4A;
			}
				.content .crumps span {
					color: #FDB74A;
					font-size: 130%;
				}
				.content .crumps a {
					color: #FDB74A;
					font-size: 130%;
					text-decoration: underline;
				}
				.content .crumps a:hover {
					color: #FDB74A;
					text-decoration: none;
				}
				.content .crumps a.cat {
					font-size: 100%;
					color: #A96E4A;
					text-decoration: none;
				}
				.content .crumps a.cat:hover {
					color: #FDB74A;
				}
				
				
			.content .item {
				text-align: center;
				color: #D7B980;
				padding: 10px 0px;
				padding-top: 14px;
			}
			
				.content .item .title {
					margin: 0px;
					padding: 0px;
					display: block;
					list-style: none;
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 145%;
					font-weight: 600;
				}
				.content .item img {
					padding: 10px 0px;
				}
				.content .item .articul {
					color: #FDB74A;
					font-size: 130%;
				}
				.content .item .txt {
					padding: 12px 0px;
				}
				.content .item .price {
					font-size: 110%;
					color: #fff;
				}
				
				
				
			.content .pages {
				padding: 16px;
				text-align: center;
				color: #FDB74A;
			}

				.content .pages span {
					color: #fff;
				}
				.content .pages a {
					color: #fff;
				}
				
				
			#card {
				margin-bottom: 24px;
			}		

			#card h1 {
				font-size: 130%;
				font-weight: 600;
				text-align: center;
			}
			
				#card #discr {
					width: 528px;
					background: url(/images/bg_card.jpg) no-repeat;
					height: 640px;
					margin: 0 auto;
					margin-bottom: 20px;
				}
					#card #discr td {
						padding-top: 7px;
					}
				#card #discr .txt {
					width: 282px;
					padding-top: 70px;
					padding-right: 20px;
					padding-bottom: 34px;
					padding-left: 25px;
					color: #674412;
				}
					#card #discr .txt .articul {
						text-align: center;
						color: #2B2B2C;
					}
					#card #discr .txt ul {
						margin: 0px;
						padding: 0px;
						list-style: none;
					}
						#card #discr .txt ul li {
						 padding-left: 12px;
						 background: url(/images/card_li.gif) no-repeat 0px 4px;
						 padding-bottom: 12px;
						}
				#card #discr .imag {
					w11idth: 246px;
					width: 246px;
					text-align: left;
				}
				
			#card .price {
				color: #fff;
				font-size: 160%;
				width: 528px;
				margin: 0 auto;
				padding-bottom: 12px;
			}
			
			#card .order {
				display: block;
				font-size: 110%;
				text-decoration: underline;
				font-family: Georgia, "Times New Roman", Times, serif;
				width: 528px;
				margin: 0 auto;
			}
			
			
			#other {
			}	
				#other .title {
					font-family: Georgia, "Times New Roman", Times, serif;
					font-size: 130%;
					color: #fff;
					padding-bottom: 10px;
				}
				
				#other table {
					width: 99%;
				}
					#other table td {
						width: 45%;
						padding-right: 5%;
						padding-bottom: 10px;
					}

					#other table td a {
						font-family: Georgia, "Times New Roman", Times, serif;
					}
					
					#other table td img {	
						float: left;
						margin-top: 6px;
						margin-right: 12px;
					}

					#other table td .txt {
						font-size: 90%;
					}

					#other table td .price {
						color: #fff;
						font-weight: 600;
					}
					
	
	

	#right {
		float: right;
		width: 160px;
		padding-left: 20px;
		padding-right: 20px;
		position: relative;
		z-index: 600;
		padding-top: 5px;
		padding-bottom: 150px;
	}
	
		#right .block {
			color: #FBCE88;
			padding-bottom: 24px;

		}
			#right .block .title {
				font-size: 130%;
				padding-bottom: 7px;
			}

			#right .block ul {
				margin: 0px;
				padding: 0px;
				list-style: none;			
			}
			#right .block li {
			
			}
			#right .block li a {
				padding-left: 10px;
				color: #9E3114;
				background: url(/images/li.gif) no-repeat 0px 5px;
				text-decoration: none;
				border: 0px solid red;
			}
			#right .block li a:hover {
				color: #FDB74A;
				background: url(/images/li_a.gif) no-repeat 0px 5px;
			}

			#right .block a.more {
				display: block;
				margin-top: 14px;
				color: #9E3114;
				text-decoration: none;
			}
			#right .block a.more:hover {
				color: #FDB74A;
			}
			
			
			
			
			
			
			
			
			
			
#footer {
	background: #000;
	padding-top: 6px;
	padding-bottom: 150px;
}

	#footer .copies {
		position: relative;
		float: right;
		text-align: right;
		color: #fff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
			
			
			


hr {
	border: red 0px solid;
	color: #660301;
	border-top: #872811 1px solid;
	height: 3px;
	border-bottom: #872811 1px solid;
	margin-bottom: 10px;
}

.clr {
	clear: both;
}


/* sape_block */

	table.sape_block td {
	padding: 4px 0 2px 10px;
	font-size: 11px;
	line-height: 12px;
	text-align: left;
	}

	table.sape_block td a{
	font-size: 11px;
	text-decoration: none;
	line-height: 12px;
	}

	table.sape_block td.4link a{
	font-size: 11px;
	text-decoration: none;
	line-height: 12px;
	}
	
 /* / sape_block */
 
 ul.art_ul {
	width: 300px; 
	height: 100px; 
	overflow: hidden; 
	border: 0px solid white; 
	padding: 0px !important;
	margin: 0;
	}


/* стили фидбека */

.feedback_form TD {
	color: #EAC38F;
	font-size: 11px;
	} 

.feedback_form TD input, .feedback_form TD textarea {
	border: 0;
	background: #FFFFFF;
	font: 11px Verdana;
	} 

.button {
	background: #EAC38F;
	color: #000000;
	height: 17px;
	vertical-align: top;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 9px;
}

.metroline1 { COLOR: #D62118; }
.metroline2 { COLOR: #009442; }
.metroline3 { COLOR: #291873; }
.metroline4 { COLOR: #0094DE; }
.metroline5 { COLOR: #543C04; }
.metroline6 { COLOR: #E77318; }
.metroline7 { COLOR: #DE107B; }
.metroline8 { COLOR: #FCCC04; }
.metroline9 { COLOR: #93979A; }
.metroline10 { COLOR: #84BC54; }
.metroline11 { COLOR: #34649C; }
.metroline21 { COLOR: #B1D8FF; }
.metroline22 { COLOR: #C9CBBE; }
.metroline23 { COLOR: #F9CEAE; }
.metroline24 { COLOR: #466480; }

.BDform { 
	FONT: 10px Trebuchet, Arial; 
	COLOR: #00446B; 	
	BACKGROUND: #FFFFFF;
}

/* /стили фидбека*/


td.bottom_td_table  p {
padding-right: 40px;
}

html:root td.bottom_td_table  p {
padding-right: 0px;
}
