@import 'reset.css';

textarea,input,select {font-family:Arial,sans-serif}

html {font-size:100.01%}
html,body {height:100%}

body {
	background:#696E8B;
	text-align:center;
	font:.8em/1.3 Arial,sans-serif;
	color:#000;
	}
a {color:#000}
a:hover {text-decoration:none}

a, a span {cursor:pointer}
img {vertical-align:bottom}
hr {display:none}

/* Page
------------------------------------ */
#page {
	position:relative;
	margin:0 auto;
	width:100%;
	min-width:996px;
	max-width:1024px;
	height:943px;
	text-align:left;
	background:url(../i/page.jpg) 0 201px no-repeat;
	}

/* Header
------------------------------------ */
.header {
	position:relative;
	width:100%;
	height:201px;
	background:url(../i/header.jpg) no-repeat;
	}

/* Header
------------------------------------ */
.main {
	position:relative;
	width:100%;
	}

/* Content
------------------------------------ */
.content {
	position:absolute;
	overflow:auto;
	top:0;
	left:237px;
	padding:20px 75px 22px 95px;
	width:519px;
	height:678px;
	background:#AC8563 url(../i/content.jpg) no-repeat;
	}

/* Aside
------------------------------------ */
.aside {
	position:absolute;
	z-index:1;
	top:17px;
	left:0px;
	width:258px;
	}
	.aside .menu ul {
		position:relative;
		overflow:hidden;
		width:100%:
		}
	.aside .menu li {
		display:inline;
		float:left;
		width:100px;
		padding-bottom:7px;
		}
		.aside .menu li a {
			display:block;
			position:relative;
			margin:0 auto;
			text-align:center;
			text-indent:-1000em;
			}
		.aside .menu .home {width:129px}
			.aside .menu .home a {
				width:64px;
				height:100px;
				background:url(../i/menu-home.png) no-repeat;
				}
			.aside .menu .about a {
				width:96px;
				height:100px;
				background:url(../i/menu-about.png) no-repeat;
				}
		.aside .menu .shops {width:129px}
			.aside .menu .shops a {
				width:76px;
				height:88px;
				background:url(../i/menu-shops.png) no-repeat;
				}
			.aside .menu .wholesalers a {
				width:81px;
				height:88px;
				background:url(../i/menu-wholesalers.png) no-repeat;
				}
		.aside .menu .services {width:129px}
			.aside .menu .services a {
				width:54px;
				height:81px;
				background:url(../i/menu-services.png) no-repeat;
				}
			.aside .menu .works a {
				width:106px;
				height:81px;
				background:url(../i/menu-works.png) no-repeat;
				}
		.aside .menu .catalog {width:115px}
			.aside .menu .catalog a {
				width:77px;
				height:77px;
				background:url(../i/menu-catalog.png) no-repeat;
				}
		.aside .menu .pyro {width:140px}
			.aside .menu .pyro a {
				width:140px;
				height:77px;
				background:url(../i/menu-pyro.png) no-repeat;
				}
		.aside .menu .safety {width:129px}
			.aside .menu .safety a {
				width:98px;
				height:79px;
				background:url(../i/menu-safety.png) no-repeat;
				}
		.aside .menu .contacts {width:108px}
			.aside .menu .contacts a {
				width:70px;
				height:79px;
				background:url(../i/menu-contacts.png) no-repeat;
				}

	.aside .members {
		position:absolute;
		top:488px;
		left:43px;
		padding:20px 10px;
		width:152px;
		height:132px;
		background:#EBD1A7 url(../i/aside-form.jpg) no-repeat;
		}
		.aside .members p {
			margin-bottom:.5em;
			text-transform:uppercase;
			text-align:center;
			font-weight:bold;
			color:#FFF;
			}
		.aside .members label {float:left}
			.aside .members p input {
				width:140px;
				border:1px solid #EDDAC0;
				}
		.aside .members legend {display:none}
		.aside .members div {
			padding-top:.5em;
			margin-bottom:.5em;
			text-align:center;
			}

/* Footer
------------------------------------ */
.footer {
	position:absolute;
	z-index:2;
	left:0;
	bottom:0;
	width:259px;
	text-align:center;
	font-size:.9em;
	}
	.footer a {
		text-transform:uppercase;
		font-weight:bold;
		text-decoration:none;
		color:#000;
		}
	.footer a:hover {text-decoration:underline}

	/* Footer Counters */
	.footer .counters {margin-bottom:.5em}
/*
	.recovery h1 {
		margin:0 0 1em;
		font:2em/1 Arial,sans-serif;
		}
	.recovery h2 {
		margin:0 0 1em;
		font:1.8em/1 Arial,sans-serif;
		}
	.recovery h3 {
		margin:0 0 1em;
		font:1.6em/1 Arial,sans-serif;
		}
	.recovery h4 {
		margin:0 0 1em;
		font:1.4em/1 Arial,sans-serif;
		}
	.recovery p {margin:0 0 1.5em}
	.recovery p {margin:0}
	.recovery dl {margin:0 0 1.5em}
	.recovery dt {font-weight:bold}
	.recovery ul,
	.recovery ol {margin:0 0 1.4em}
	.recovery ul {margin-left:-20px}
	.recovery ol {list-style:decimal}
	.recovery ul dl,
	.recovery ol dl {margin:0}
	.recovery ul li,
	.recovery ol li {margin:0 0 .3em}
	.recovery ul li {
		padding-left:20px;
		background:url(../i/bullet.gif) 0 .3em no-repeat;
		}
	.recovery ol li {
		padding:0;
		background:none;
		}
	.recovery ul ul,
	.recovery ul ol,
	.recovery ol ol,
	.recovery ol ul {margin:.4em 0 .5em 2em} */

.recovery, .recovery td, .recovery pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}
.recovery {margin:0}
.recovery p {margin-bottom:1em}
.recovery body {background:#FFF;}
.recovery body.mceFoceColors {background:#FFF; color:#000;}
.recovery h1 {font-size: 2em;margin-bottom:1em}
.recovery h2 {font-size: 1.5em;margin-bottom:1em}
.recovery h3 {font-size: 1.17em;margin-bottom:1em}
.recovery h4 {font-size: 1em;margin-bottom:1em}
.recovery h5 {font-size: .83em;margin-bottom:1em}
.recovery h6 {font-size: .75em;margin-bottom:1em}
.recovery table p {margin-bottom:0}
.mceItemTable, .mceItemTable td, .mceItemTable th, .mceItemTable caption, .mceItemVisualAid {border: 1px dashed #BBB;}
.recovery a.mceItemAnchor {width:12px; line-height:6px; overflow:hidden; padding-left:12px; background:url(img/items.gif) no-repeat bottom left;}
.recovery img.mceItemAnchor {width:12px; height:12px; background:url(img/items.gif) no-repeat;}
.recovery img {border:0;}
.recovery table {cursor:default}
.recovery table td, .recovery table th {cursor:text}
.recovery ins {border-bottom:1px solid green; text-decoration: none; color:green}
.recovery del {color:red; text-decoration:line-through}
.recovery cite {border-bottom:1px dashed blue}
.recovery acronym {border-bottom:1px dotted #CCC; cursor:help}
.recovery abbr, .recovery html\:abbr {border-bottom:1px dashed #CCC; cursor:help}