@import "reset.css";

/* stylized blocks */
	
	html, body { background:url(../images/bgc.png); }
	body, table { font:13px Tahoma, sans-serif; color:#333; }
	a { color:inherit; color:expression(this.parentNode.currentStyle.color); }
	a:hover { text-decoration:none; }
	h1 { font-size:18px; padding-bottom:1em; text-align:center; }
	h2 { font-size:14px; padding-bottom:0em; text-align:left; }
	
	.rel { position:relative; }
	.left { float:left; }
	.right { float:right; }
	.pad { padding:5px; }
	
	.info { font-size:1.3em; display:block; padding:10px 0; }
	.red { color:red; }
	.green { color:green; }

/* structure blocks */

	div.main {
		position:relative;
		min-height:100%;
		-height:100%;
		width:90%;
		min-width:950px;
		margin:auto;
		background:#f3f3f3;
	}
	div.main div.content { padding-bottom:60px; //margin-bottom:60px; //padding-bottom:0;}
	
	/* шапка */	

	div.main .header {
		position:relative;
		height:251px;
		background:#F1F1F1 url(../images/header_p2.jpg) no-repeat right top;
	}
	div.main .header .logo { position:absolute; left:115px; top:130px; }
	div.main .header .phone { font:bold 18px/30px Verdana; color:#666; position:absolute; right:20%; top:120px; }
	div.main .header .phone big { font:bold 32px/30px Tahoma; color:#cc0000; letter-spacing:2px; }
	
	.navig { position:absolute; right:80px; top:10px; }
	.navig a { float:left; margin-left:25px; width:23px; height:23px; overflow:hidden; }
	.navig a img { width:11px; height:11px; background:url(../images/icons_navig.gif) no-repeat 0 0; margin:6px; }
	.navig a:hover, .navig a.active { background:url(../images/icons_navig_bgc.png) no-repeat; }
	.navig a.home:hover img, .navig a.home img.active { background-position:0 -11px; }
	.navig a.sitemap img { background-position:-11px 0; }
	.navig a.sitemap:hover img, .navig a.sitemap img.active { background-position:-11px -11px; }
	.navig a.email img { background-position:-22px 0; }
	.navig a.email:hover img, .navig a.email img.active { background-position:-22px -11px; }
	
	/* горизонтальное меню */

	div.main .menu1 { background:#373737; text-align:center; clear:both; }
	div.main .menu1 a { padding:5px 20px; font:11px Tahoma; color:white; border:1px solid white; text-decoration:none; background:url(../images/menu_bgc.png) repeat-x center; display:-moz-inline-box; display:inline-block; }
	div.main .menu1 a:hover, div.main .menu1 a.active { color:#fea700; }

	/* вертикальное меню */

	div.main .menu2 { text-align:center; float:left; width:250px;}
	div.main .menu2 a { font-weight:bold; text-decoration:none; }
	div.main .menu2 a:hover { text-decoration:underline; }
	div.main .menu2 ul { margin-left:10px; text-align:left; }
	div.main .menu2 ul li { padding:5px 0; list-style:none; behavior:expression( !this.after ? this.after = this.innerHTML = '<i class="list"></i>' + this.innerHTML : '' ); }
	div.main .menu2 ul li .list { display:inline-block; width:15px; height:10px; vertical-align:middle; background:url(../images/li.jpg) no-repeat; position:relative; -top:2px; }
	div.main .menu2 li:before { content:url(../images/li.jpg); }
	
	/* блок для основного контента страницы */
	
	div.main .page_data {
		width:auto;
		text-align:justify;
		margin-left:250px;
		padding:10px;
		padding-right:30px;
		font-size:12px;

	}
	




/* подвал */
	div.main .footer {
position:relative
		display:block;
		width:100%;
		height:auto;
		left:0;
		bottom:0;
		color:#ccc;
		background:#333;
		font-size:10px;
		-bottom:-1px;
	}
	div.main .footer .banners { border-right:2px solid #ccc; padding:0 20px; height:100%; }
	div.main .footer .banners img { margin:5px; }
	div.main .footer .text { margin-top:10px; padding:0 20px; }


/* остальные разные стили */
	.bgc_alpha { 
		position:absolute; 
		left:0; 
		top:-30px; 
		background:url(../images/bgc_alpha.png) left top; 
		width:100%; 
		height:246px; 
		-background:none; 
		-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bgc_alpha.png, sizingMethod=scale); 
	}
	
	
	table.price { width:auto; margin-bottom:20px; }
	table.price, table.price td { padding:10px; border:1px solid silver; }
	
	table.order td { padding:10px; text-align:right; font:bold 12px Arial; }
	table.order input { width:300px; }
	table.order select { width:90%; float:left; }
	table.order td.submit { text-align:left; }
	table.order td.submit input { font-size:13px; width:auto; cursor:pointer; }

#adr {
	position:absolute;
	font-weight:bold;
	top:115px;
	right:200px;
	font-family: Tahoma;
	font-size: 32px;
	color: #CC0000;
}

#code {
color:#666666;
font-size: 20px;

}