* { font-size: 100.01%; margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-family: Tahoma, Verdana, sans-serif; color: #5F5F5F; background: #FFF; line-height: 1.3; font-size: 0.75em; text-align: center;}

/* standard */
a {color: #4F86A5; text-decoration: underline;}
a:hover {color: #58A4C5; text-decoration: underline;}

img {border-width: 0;}
:focus {outline: 0;}

ul, ol {margin: 0 0 0.65em 2em;}
li {margin: 0.5em 0 0 0;}
dl {margin: 0.5em 0 0.65em 0;}
dt {font-weight: bold; margin: 0.5em 0 0 0;}
dd {margin: 0 0 0 2em;}
ul {list-style: square;}

p {margin: 0 0 0.65em 0;}
blockquote {margin: 0 0 0.65em 2em;}
address {font-style: normal;}

hr {margin: 7px 0; height: 1px; border: none; background: #ccc; color: #ccc;}
* html hr {margin: 0;}
*+html hr {margin: 0;}

h2, h3, h4 {margin: 1em 0 0.3em;}
h1 {color: #727272; font-weight: normal; font-size: 1.5em; margin: 0 0 0.65em 0;}
h2 {color: #434343; font-weight: normal; font-size: 1.33em;}
h3 {color: #727272; font-size: 1.17em;}
h4 {font-size: 1.08em;}
* html h2,
* html h3,
* html h4 {margin-top: expression( !this.previousSibling || ( this.previousSibling && this.previousSibling.nodeName.match(/^H[1-4]$/) ) ? 0 : '1em' );}
h2:first-child, h3:first-child, h4:first-child {margin-top: 0;}
h1+h2, h1+h3, h1+h4, h2+h3, h2+h4, h3+h4 {margin-top: 0;}

table {//border-collapse: collapse; border-spacing: 0; border: none;}
td, th {padding: 0; border: none; text-align: left; vertical-align: top;}

input, textarea, select {font: normal 12px Tahoma, Verdana, sans-serif; margin: 2px; color: #000;}
textarea {overflow: auto;}

form.f-logon {width: 500px;}
form.f-logon div {clear: left; display: block; height: expression('1%'); margin: 10px 0 0 0; width: 500px;}
form.f-logon div.required input {width: 400px;}
form.f-logon label {display: block; font-weight: bold; text-align: right; width: 80px; float: left; font-size: 11px; padding: 3px 5px 0 0;}
form.f-logon div.submit {text-align: right;}
form.f-logon div.submit input {margin-right: 5px;}

.left {float: left;}
.right {float: right;}

img.left {float: left; margin: 0 24px 5px 0;}
img.right {float: right; margin: 0 0 5px 24px;}
.bord {border: 1px solid #ccc;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clear {clear: both; min-height: 0px; height: 0; line-height: 0; font-size: 0;} 
.empty {width: 100%; height: 150px; clear: both;}

/* main */
#main, #footer {position: relative; min-width: 995px;}
* html #main,
* html #footer {width: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'995px':'100%');}

#main {min-height: 100%; margin: 0 auto; text-align: left;}
* html #main {height: 100%;}
#footer {height: 102px; margin: -102px auto 0; color: #727272; font-size: 0.92em; text-align: left;}

#container {width: 100%; float: right; margin-left: -26%;}
#content {margin-left: 26%; padding-right: 40px;}
#leftcol {width: 24%; float: left;}

/* top */
#top {height: 202px;}
#top .col1,
#top .col2 {float: left; min-height: 1px;}

#top .col1 {width: 26%;}
#top .col2 {width: 48%;}
#top .col3 {float: right; width: 25%; text-align: right; clear: right;}

#top h1 {margin: 46px 0 0 22px;}
#top h1 a {width: 186px; height: 107px; background: transparent url(logo.gif) 0% 0% no-repeat; display: block;}
#top h1 span {display: none;} 

#top h2 {background: transparent url(top_hd.gif) 0% 50px no-repeat; font-family: Verdana, sans-serif; padding-top: 74px; color: #ACACAC; margin: 0; font-size: 1em;}
#top #price {background: transparent url(icon_price.gif) 0% 16px no-repeat; height: 16px; position: relative; left: -20px; padding: 16px 0 0 20px; font-family: Verdana, sans-serif;}
#top #price a {color: #5393B3;}
#top #price a:hover {text-decoration: none;}

#icons {margin: 0; list-style: none; float: right; height: 29px; padding: 24px 25px 0 0;} 
#icons li {margin: 0 0 0 8px; float: left; //clear: right;}
#icons li a {display: block; width: 25px; height: 29px; background-repeat: no-repeat; background-position: 0% 0%; cursor: pointer;}
#icons li#home {background-image: url(icon_home.gif);}
#icons li#sitemap {background-image: url(icon_sitemap.gif);}
#icons li#contacts {background-image: url(icon_mail.gif);}
#icons span {display: none;}
#icons li#home_act {background-image: url(icon_home_a.gif);}
#icons li#sitemap_act {background-image: url(icon_sitemap_a.gif);}
#icons li#contacts_act {background-image: url(icon_mail_a.gif);}

#addr {font-family: Georgia; font-size: 16px; margin: 90px 31px 0 0; color: #727272;}
#addr a, #addr a:hover {color: #727272;}
#addr .phone {font-size: 20px;}

/* navigation */
#nav {height: 29px; margin-right: 31px; background: #3292AA url(nav_bg.gif) 0% 0% repeat-x; padding-left: 22px;}
#nav ul, #nav li {margin: 0; list-style: none;} 
#nav ul {float: left; width: 100%; height: 29px; background: url(nav_r.gif) 100% 0% no-repeat;}
#nav li {float: left; line-height: 29px; font-size: 14px; width: 11%; white-space: nowrap;}
#nav li a, #nav li a:hover {color: #fff;}
#nav li a.act {font-weight: bold;} 
#nav li a.act, #nav li a:hover {text-decoration: none;} 
#nav li.about {width: 13%;}
#nav li.action {width: 10%;}

/* path */ 
#path {font-size: 0.83em; color: #5F5F5F; margin: 22px 31px 30px 22px;}
#path a,.path a:hover {color: #5F5F5F;}
#path span {display: block; background: url(icon_path.gif) 0% 2px no-repeat; width: 11px; height: 12px; float: left; margin-right: 6px;}

/* home_content */
#center {margin: 0 31px 0 22px;}

#catalogtop {vertical-align: bottom; text-align: center;}
#catalogtop .block {float: left; display: block; width: 24%; height: 220px;}
#catalogtop h2 {font-size: 1em; font-weight: normal; margin: 0.8em 0 0;}

#banner {margin: 3em 0 3em 0; text-align: center;}
#banner .ban {float: left; width: 33%; overflow: hidden;}
#banner .first img {float: left;}
#banner .last img {float: right;}

#newstop .newsblock {float: left; overflow: hidden; width: 49%; clear: right; color: #828282; font-family: Verdana, sans-serif;}
#newstop #auto {padding: 0 5em 0 0;}
#newstop h1.auto {margin: 1.5em 0 27px 0;}
#newstop h1.news {margin: 1.5em 0 27px 0;}
#newstop #auto p {margin-top: 1.5em;}
#newstop .nnews {margin-bottom: 1.5em;}
#newstop .nnews .date {font-size: 1em; margin: 0; color: #464646;}
#newstop .nnews h2 {font-weight: normal; font-size: 1.17em; margin: 0.5em 0 0.5em;}

/* leftcolumn */
.submenu {margin-left: 22px;}
.submenu ul {list-style-type: none; margin: 1.1em 0 1em 0;}
.submenu li {font-size: 1em; margin: 0.4em 0 0 0;}
.submenu li a,.submenu li a:hover {color: #ACACAC;}
.submenu li a.act,.submenu li a:hover {text-decoration: none;}
.submenu li a.act {font-weight: bold; color: #ED1D28;}
.submenu ul ul {margin: 0 0 1em 0;}
.submenu li li {font-size: 1em; padding-left: 11px;}
.submenu li li a {color: #727272;}
.submenu li li a.act {color: #727272;}

/* footer */
#footer .cont {border-top: 1px solid #DCDCDC; padding: 20px 31px 0 22px;}
#footer a,#footer a:hover {color: #727272;}
#footer a:hover {text-decoration: none;}

#counters {float: left; width: 49%;}
#copy_vlk {float: left; width: 20%;}
#copy_softart {float: right; width: auto; text-align: left;}
#copy_softart img {margin-right: 9px; float: left; position: relative; top: -3px; z-index: 2;}
#copy_softart .text {margin-left: 43px; }
.site 	{margin-top: 10px;}

/* content */
h1.cat {width: 175px; height: 23px; background: transparent url(hd_catalog.gif) 0% 0% no-repeat; margin: 0;}
h1.auto {width: 178px; height: 23px; background: transparent url(hd_auto.gif) 0% 0% no-repeat; margin: 0;}
h1.news {width: 93px; height: 23px; background: transparent url(hd_news.gif) 0% 0% no-repeat; margin: 0;}
h1.info {width: 111px; height: 23px; background: transparent url(hd_info.gif) 0% 0% no-repeat; margin: 0;}
h1.about {width: 134px; height: 23px; background: transparent url(hd_about.gif) 0% 0% no-repeat; margin: 0;}
h1.action {width: 70px; height: 23px; background: transparent url(hd_action.gif) 0% 0% no-repeat; margin: 0;}
h1.new {width: 98px; height: 23px; background: transparent url(hd_novinki.gif) 0% 0% no-repeat; margin: 0;}
h1.cat span, h1.auto span, h1.news span, h1.info span, h1.about span, h1.action span, h1.new span {display: none;}

/* catalog */
#cattop {clear: both;}
#cattop .catblock {float: left; overflow: hidden; width: 33%;}
#cattop h2 {font-size: 1.17em; margin: 0; padding: 0.4em 1.5em 0.2em 0; color: #727272; font-weight: bold;}
#cattop h2 a {color: #727272;}
#cattop ul {list-style: none; margin: 0 1.5em 2.5em 0;}
#cattop li {margin: 0.3em 0 0; position: relative;}
#cattop li a {color: #58A4C5;}
#cattop li a:hover {text-decoration: none;}
#cattop li span.new {position: absolute; background: transparent url(icon_new.gif) 100% 0% no-repeat; width: 25px; height: 16px; top: -4px; z-index: 2;}
/* end catalog */

ul.line {margin: 0 0 0.65em 0;}
ul.line li {list-style-type: none; margin: 0.5em 0 0 0; padding: 0 0 0 20px; background: url('li.gif') no-repeat 0 0.6em;}

ul.list {list-style-type: none; font-size: 1.08em; margin: 0;}
.list li {position: relative;}
.list li span.new {position: absolute; background: transparent url(icon_new.gif) 100% 0% no-repeat; width: 25px; height: 16px; top: -3px; z-index: 2;}

.links {margin-bottom: 15px;}

.articles {padding: 0 0 1em 0;}
.articles h2 {margin: 0.3em 0 0.2em 0; font-size: 1.17em;}
.date	{font-size: 0.92em; margin-bottom: 8px;}
.detail {margin-top: 5px; font-size: 0.92em;}

.pic_left {float: left; margin: 0 20px 5px 0; width: 200px;}
.pic_left p {font-size: 0.92em;	width: 190px; margin: 0 0 0 5px;}

.small {font-size: 0.92em;}
.bold {font-weight: bold;}
.red {color: red; font-size: 0.92em;}
.photo_name {margin: 3px 0; font-size: 0.92em; font-weight: bold; width: 120px;}

.sitemap {margin-bottom: 0.65em; font-size: 1.17em;}
.sitemap ul {list-style: none; font-size: 0.92em;}

table.tbl {border-collapse: collapse; font-family: Tahoma, sans-serif; clear: both; border: 1px solid #ccc; margin: 0.5em 0; width: 100%;}
table.tbl th {padding: 3px 5px; font-size: 0.92em; border: 1px solid #ccc;}
table.tbl td {padding: 2px 5px; border: 1px solid #ccc;}

.column3 .col {float: left; min-height: 1px; width: 33%;}
.column2 .col {float: left; min-height: 1px; width: 49%;}