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

a {color: #000; text-decoration: underline;}
a:hover {color: #727272; 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;}

p {margin: 0 0 0.65em 0;}
blockquote {margin: 0 0 0.65em 2em;}

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

h3, h4 {margin: 1em 0 0.3em; color: #3E3E3E;}
h1 {font-family: "Arial Narrow", Arial, sans-serif; background: url(h1_icon.gif) 0% 0% no-repeat; padding-left: 20px; font-weight: normal; font-size: 2.5em; margin: 0 0 0.4em -20px;  color: #3E3E3E;}
h2 {font-family: "Arial Narrow", Arial, sans-serif; font-weight: normal; font-size: 2em; margin: 1em 0 0.5em; color: #3E3E3E;}
h3 {font-family: "Arial Narrow", Arial, sans-serif; font-size: 1.5em; font-weight: normal;}
h4 {font-family: "Arial Narrow", Arial, sans-serif; font-size: 1.25em;}
* 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; vertical-align: top;}

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

form.f-logon {width: 450px;}
form.f-logon div {clear: left; display: block; height: expression('1%'); margin: 10px 0 0 0; width: 450px;}
form.f-logon div.required input {width: 362px;}
form.f-logon label {display: block; font-weight: bold; text-align: right; width: 70px; 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 18px 5px 0;}
img.right {float: right; margin: 0 0 5px 18px;}
.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: 120px; clear: both;}

.inner {width: 92%; margin: 0 auto; text-align: left;}

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

#main {min-height: 100%; margin: 0 auto; position: relative;}
* html #main {height: 100%;}
#footer {height: 94px; margin: -94px auto 0; background: #EFF0ED url(footer_bg.gif) 0% 0% repeat-x; color: #727272;}

#container {width: 96%; margin-left: 4%; text-align: left; position: relative;}
#column {width: 100%; float: right; margin-left: -23%;}
#center {margin-left: 23%; margin-right: 4%;}
#leftcol {float: left; width: 20%;}

#home_content {margin-right: 30%; padding-top: 20px;}

#container_ban {width: 96%; margin-left: 4%; text-align: left; background: url(ban_bg.jpg) 100% 100% no-repeat; min-height: 406px; position: relative;}
#center_ban {margin-left: 23%; margin-right: 30%;}

#ban_pic {position: absolute; bottom: 0; right: 0; width: 280px; height: 310px;}
a #ban_pic {cursor: pointer;}
#ban {position: absolute; bottom: 276px; right: 140px; width: 155px; height: 113px; background: url(ban_txt.gif) 0% 0% no-repeat;} 
#ban .txt {padding: 7px 10px; color: #545454;}
#ban .txt a {color: #2AB5E8;}

/* top */
#hd {background: url(hd_bg.jpg) 50% 0% no-repeat; overflow: hidden; height: 355px; position: relative;}
#hd_auto {position: absolute; top: 222px; right: 7%; width: 199px; height: 72px; z-index: 10; background: url(hd_auto.png) 0% 0% no-repeat; background: expression("none"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/public/site/normal/hd_auto.png", sizingMethod="scale"); cursor: pointer;}
#hd_slogan {position: absolute; top: 212px; left: 4%; width: 181px; height: 12px; z-index: 10; background: url(slogan.png) 0% 0% no-repeat; background: expression("none"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/public/site/normal/slogan.png", sizingMethod="scale"); cursor: pointer;}
#hd b {display: none;}
#hd_auto a, #hd_slogan a {display:block;}
#hd_auto a {width: 199px; height: 72px;}
#hd_slogan a {width: 181px; height: 12px;} 

#logo {position: absolute; left: 4%; top: 43px; z-index: 20; width: 311px; height: 52px;}

#icons {position: absolute; top: 43px; right: 4%; z-index: 20;}
#icons ul {margin: 0; list-style: none; height: 28px; float: right;} 
#icons li {margin: 0 0 0 10px; float: left; clear: right;}
#icons li a {display: block; width: 23px; height: 28px; 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#contact {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#contact_act {background-image: url(icon_mail_a.gif);}

#icons #phone {display: block; width: 147px; height: 17px; background: url(phone.gif) 0% 0% no-repeat; margin-top: 24px; float: right;}
#icons #price a {display: block; width: 78px; height: 12px; background: url(price.gif) 0% 0% no-repeat; cursor: pointer; margin-top: 7px; float: right;}
#icons #advert a {display: block; width: 163px; height: 47px; background: url(mastika.png) 0% 0% no-repeat; cursor: pointer; float: right; margin-top: 5px;}

#nav {background: #F6F7F4 url(nav_bg.jpg); height: 32px;}
#nav ul {margin: 0; list-style: none;} 
#nav li {margin: 11px 5% 0 0; float: left; clear: right;}
#nav li a {display: block; height: 12px; background-repeat: no-repeat; background-position: 0% 0%; cursor: pointer;}
#nav li#about {background-image: url(m_about.gif); width: 72px;}
#nav li#news {background-image: url(m_news.gif); width: 56px;}
#nav li#catalog {background-image: url(m_catalog.gif); width: 68px;}
#nav li#doc {background-image: url(m_doc.gif); width: 95px;}
#nav li#contacts {background-image: url(m_contact.gif); width: 165px;}
#nav li#feedback {background-image: url(m_feedback.gif); width: 101px;}
#nav span {display: none;}
#nav li#about_act {background-image: url(m_about_a.gif); width: 72px;}
#nav li#news_act {background-image: url(m_news_a.gif); width: 56px;}
#nav li#catalog_act {background-image: url(m_catalog_a.gif); width: 68px;}
#nav li#doc_act {background-image: url(m_doc_a.gif); width: 95px;}
#nav li#contacts_act {background-image: url(m_contact_a.gif); width: 165px;}
#nav li#feedback_act {background-image: url(m_feedback_a.gif); width: 101px;}

#path {font-size: 0.83em; color: #5F5F5F; margin: 13px 0 25px 0; height: 14px;}
#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: 10px;}

/* home_content */
h1.home {color: #DA1317;}

.hd_news {background: url(hd_news.gif) 0% 0% no-repeat; width: 190px; height: 22px; margin-bottom: 20px;}
#newstop {width: 100%; margin-top: 3em;}
#newstop .newsblock {float: left; overflow: hidden; width: 50%; clear: right;}
#newstop .first {padding-right: 3em;}
#newstop h2 {margin: 0.36em 0 0.36em 0; font-size: 1em; font-family: Tahoma, Verdana, Arial, sans-serif;}
#newstop p {color: #949494; margin: 0 0 1.5em;}
#newstop .date {color: #505050; font-weight: bold; font-size: 1em;}
#newstop a {color: #505050;}

/* leftcolumn */
.submenu {margin: 0.5em 0 3em 20px;}
.submenu h2 {font-size: 1.5em; margin: 0 0 1em 0;}
.submenu ul {list-style-type: none; margin: 0 0 1em 0;}
.submenu li {font-size: 1em; margin: 0.5em 0 0 0;}
.submenu li a,.submenu li a:hover {color: #3E3E3E;}
.submenu li a:hover {text-decoration: none;}
.submenu li a.act {text-decoration: none; font-weight: bold;}
.submenu ul ul {margin: 0.5em 0 1em 30px;}
.submenu li li {margin: 0 0 0.2em 0;}
.submenu li li a {color: #999; font-weight: normal;}
.submenu li li a:hover {color: #999;}
.submenu li li a.act {color: #999; font-weight: bold;}

/* footer */
#footer .cont {width: 92%; margin: 0 auto; text-align: left; padding-top: 20px; font-size: 0.92em;}
#footer a,#footer a:hover {color: #727272;}
#footer a:hover {text-decoration: none;}

#counters {float: left; width: 50%;}
#copy {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 */
#print {float: right; margin-left: 20px;}
.catalog h2 {font-size: 1.5em; margin: 0.5em 0 0.3em;}
.catalog ul {list-style-type: none;}

ul.list {list-style-type: none; font-size: 1.17em; margin: 0;}
.links {margin-bottom: 15px;}

.articles {padding: 0 0 1em 0;}
.articles h2 {margin: 0.3em 0 0.2em; font-size: 1.17em; font-family: Tahoma, Verdana, Arial, sans-serif;}
.date	{font-size: 0.86em;}
.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;}
.black {color: #000;}
.big {font-size:1.08em;}

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

table.tbl {border-collapse: collapse; clear: both; width: 100%; margin-bottom: 10px;}
table.tbl th {padding: 7px 5px; border-bottom: 1px solid #ccc; vertical-align: middle; font-size: 1em;}
table.tbl td {padding: 7px 5px; border-bottom: 1px solid #ccc;}
table.tbl .ct {text-align: center;}
table.tbl .rt {text-align: right;}
table.tbl td.hd {font-weight: bold;}
.column3 .col {float: left; min-height: 1px; width: 33%;}
.column2 .col {float: left; min-height: 1px; width: 49%;}

.inv { display: none }