* { font-size: 100.01%; margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-family: Verdana, Tahoma, "Arial Cyr", sans-serif; color: #464646; background: #FEFFF1 url(body_bg.jpg) 0% 0% repeat-x; line-height: 1.3; font-size: 0.75em; text-align: center;}

/* standard */
a {color: #0C4E7C; text-decoration: underline;}
a:hover {color: #256894; 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;}
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: #0C4E7C; font-weight: normal; font-size: 1.67em; margin: 0 0 1em 0;}
h2 {color: #0C4E7C; font-weight: normal; font-size: 1.5em;}
h3 {color: #434343; 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; vertical-align: top;}

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

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

fieldset {margin-bottom: 1em; border: none;}
legend {padding:0.5em 0 0.5em; font-size: 1.1em; font-weight: bold; padding-left: 25%;}
.f-row {overflow: hidden; margin-bottom: .5em; height: 1%;}
label {float: left; text-align: right; width: 22.99%; padding-right:2%; line-height:1.2;}
.f-inputs {padding-left: 25%;}
.remark {font-size:0.83em; font-weight:normal;}

input {vertical-align: middle;}
.i-checkbox {margin-top: 3px;}
.i-text {width: 250px; padding: 1px;}
.i-select {width: 254px; padding: 1px;}
.button {padding: 0 .25em; width: auto; overflow: visible; cursor: pointer;}

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: 380px;}
form.f-logon label {display: block; font-weight: bold; text-align: right; width: 100px; 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;}

.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;} 
.empty {width: 100%; height: 150px; clear: both;}

.inv { display: none }

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

#main {min-height: 100%; margin: 0 auto;}
* html #main {height: 100%;}
#footer {height: 113px; margin: -113px auto 0; background: #0C4E7C; color: #fff;}

#container {width: 90%; margin: 0 auto; text-align: left;}
#content {width: 100%; float: right; margin-left:-30%;}
#center	{margin-left: 30%;}
#leftcol {width: 25%; float: left;}

#container_cat {width: 90%; margin: 0 auto; text-align: left;}
#container_cat #content {width: 100%; float: right; margin-left:-40%;}
#container_cat #center	{margin-left: 40%;}
#container_cat #leftcol {width: 35%; float: left;}

/* top */
#top {width: 90%; margin: 0 auto; text-align: left; padding: 30px 0 0;}
#top h1 {margin: 0; float: left;}
#top h1 a {width: 191px; height: 87px; background: transparent url(logo.gif) 0% 0% no-repeat; display: block;}
#top h1 span {display: none;}

#top_contact {position: relative; float: right; clear: right; top: 20px; right: 5%; text-align: right; color: #0C4E7C; font-weight: bold; z-index:10;}
#top_contact big {font-size: 20px; font-weight: normal; line-height: 1em;}
#top_contact span {font-size: 14px; font-weight: bold;}

#icons {margin: 0; list-style: none; float: right; height: 23px;} 
#icons li {margin: 0 0 0 10px; float: left; //clear: right;}
#icons li a {display: block; width: 23px; height: 23px; 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);}

/* navigation */
#nav {position: absolute; top: 92px; right: 0; width: 50%; height: 30px; background: #0C4E7C url(menu_bg.gif) 0% 0% repeat-x;}
#nav ul, #nav li {margin: 0; list-style: none;} 
#nav ul {float: left; width: 100%; height: 30px; background: url(menu_bg_l.gif) 0% 0% no-repeat;}
/*#nav li {float: left; line-height: 30px; font-size: 14px; font-family: Tahoma, sans-serif; width: 18%; text-align: right; //clear: right;}*/
#nav li a, #nav li a:hover {color: #fff;}
#nav li a.act {color: #F7D910;} 
#nav li a.act, #nav li a:hover {text-decoration: none;} 
/*#nav li.prod {width: 20%;}
#nav li.news {width: 17%;} */ 
#nav li {float: left; line-height: 30px; font-size: 14px; font-family: Tahoma, sans-serif; width: 22%; text-align: right; //clear: right;}
#nav li.prod {width: 25%;}
#nav li.news {width: 21%;}  

/* header */
#head {margin-top: 80px; position: relative; height: 313px;}
#head .hd1 {float: left; background: url(hd1.jpg) 100% 100% no-repeat; width: 30%; height: 313px; position: relative;}
#head .hd2 {float: left; background: url(hd2.jpg) 50% 100% no-repeat; width: 42%; height: 313px; position: relative;}
#head .hd3 {float: left; background: url(hd3.jpg) 70% 100% no-repeat; width: 28%; height: 313px; clear: right;}
#hd4 {position: absolute; top: 22px; left: 1%; width: 254px; height: 291px; z-index: 5; background: url(hd4.png) 0% 0% no-repeat; background: expression("none"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/public/site/normal/hd4.png", sizingMethod="scale");}
#hd5 {position: absolute; top: 270px; left: 28%; width: 106px; height: 42px; z-index: 10; background: url(hd5.png) 0% 0% no-repeat; background: expression("none"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/public/site/normal/hd5.png", sizingMethod="scale");}
#hd6 {position: absolute; top: 210px; left: 60%; width: 211px; height: 105px; z-index: 10; background: url(hd6.png) 0% 0% no-repeat; background: expression("none"); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/public/site/normal/hd6.png", sizingMethod="scale");}

#head h1 {display: none;}

/* home_content */
h1.home {font-size: 1.5em; margin: 1em 0 2em 0; color: #454343;}

#catalogtop {width: 100%;}
#catalogtop .catalogblock {float: left; overflow: hidden; width: 50%; clear: right; margin-bottom: 2.5em;}
#catalogtop h2 {margin: 0;}
#catalogtop ul {list-style: none; font-size: 1.17em; margin: 0.8em 0 0 1.5em;}
#catalogtop ul a,.catalog ul a:hover {color: #464646;}
#catalogtop ul a:hover {text-decoration: none; }
#catalogtop li {margin: 0.3em 0 0;}

#banner {background: #0C4E7C url(ban_pic.jpg) 0% 0% no-repeat; height: 141px; margin-bottom: 2.5em; width: 100%;}
#banner #inner {height: 100%; width: 100%; display: table; overflow: hidden;}
#banner .txt {color: #fff; font-size: 22px; padding-left: 465px; vertical-align: middle; display: table-cell;}
*html #banner #inner
#banner big {font-size: 30px;}
              
#newstop {width: 100%; margin-top: 1.5em;}
#newstop .newsblock {float: left; overflow: hidden; width: 50%; clear: right;}
#newstop .first {padding-right: 3em;}
#newstop .last {padding-left: 1.5em;}
#newstop h2 {margin: 0.5em 0 0.5em 0; font-size: 1.17em;}

/* leftcolumn */
.submenu {margin-bottom: 3em;}
.submenu ul {list-style-type: none; margin: 0 0 1em 0;}
.submenu li {font-size: 1.17em; margin: 0.3em 0 0 0;}
.submenu li a,.submenu li a:hover {color: #5F5F5F;}
.submenu li a.act,.submenu li a:hover {text-decoration: none;}
.submenu ul ul {margin: 0 0 1.3em 0;}
.submenu ul ul ul {margin: 0 0 0.5em 0;}
.submenu li li {font-size: 0.86em; font-weight: bold; padding-left: 30px;}
.submenu li li a {color: #A1A1A1;}
.submenu li li a.act {color: #5F5F5F;}
.submenu li li li {font-size: 0.92em; font-weight: normal; padding-left: 18px;}
.submenu li li li a {color: #A1A1A1;}
.submenu li li li a.act {color: #0C4E7C; font-weight: bold;}

/* footer */
#footer .cont {width: 90%; margin: 0 auto; text-align: left; padding-top: 19px; font-size: 0.92em; font-family: Tahoma, sans-serif;}
#footer a,#footer a:hover {color: #fff;}
#footer a:hover {text-decoration: none;}

#counters {float: left; width: 50%;}
#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 */
#pic_about {background: url(pic_about.jpg) 100% 10px no-repeat; height: 202px; position: relative;}
#pic_news {background: url(pic_news.jpg) 100% 10px no-repeat; height: 228px; position: relative;}
#pic_articles {background: url(pic_articles.jpg) 100% 10px no-repeat; height: 132px; position: relative;}
#pic_contact {background: url(pic_contact.jpg) 100% 10px no-repeat; height: 156px; position: relative;}

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

h1.news_about {width: 218px; height: 22px; background: transparent url(hd_news_comp.gif) 0% 0% no-repeat; margin: 0 0 1em;}
h1.news_otrl {width: 198px; height: 22px; background: transparent url(hd_news_otr.gif) 0% 0% no-repeat;  margin: 0 0 1em;}
h1.news {width: 98px; height: 22px; background: transparent url(hdl_news.gif) 0% 0% no-repeat; margin: 5px 0 1em 0;}
h1.cat {width: 127px; height: 22px; background: transparent url(hdl_catalog.gif) 0% 0% no-repeat; margin: 5px 0 1em 0;}
h1.info {width: 113px; height: 22px; background: transparent url(hdl_info.gif) 0% 0% no-repeat; margin: 5px 0 1em 0;}
h1.about {width: 116px; height: 22px; background: transparent url(hdl_about.gif) 0% 0% no-repeat; margin: 5px 0 1em 0;}
h1.cat span, h1.news span, h1.info span, h1.about span, h1.news_about span, h1.news_otrl span, h1.news_home span {display: none;}
h1.news_home {width: 122px; height: 23px; background: transparent url(hd_news.gif) 0% 0% no-repeat; margin: 0 0 1em;}

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 {margin: 0; list-style-type: none; }
ul.list li {font-size: 1.08em;}

.articles {padding: 0 0 1em 0;}
.articles h2 {margin: 0.2em 0; font-size: 1.17em;}
.articles p {}
.date	{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;}

.pic_cont {float: left; margin: 0 20px 0 0;}
.pic_cont img {border: 1px solid #7cabbb;}

.small {font-size: 0.92em;}
small {font-size: 0.92em;}
.bold {font-weight: bold;}
.red {color: red; font-size: 0.92em;}
.detail {margin-top: 5px; font-size: 0.92em;}
.photo_name {margin: 3px 0; font-size: 0.92em; font-weight: bold;}
.blue {color: #3D79AB;}
.bord {border: 1px solid #7cabbb;}
.sitemap {margin-bottom: 0.65em; font-size: 1.17em;}
.sitemap ul {list-style: none; font-size: 0.92em;}

table.tth {border-collapse: collapse; border-spacing: 0; font-family: Tahoma, sans-serif; clear: both; margin-top: 10px; width: 100%;}
table.tth th {padding: 5px 5px 3px; font-size: 1em; color: #953D0A; font-weight: bold; text-align: left;}
table.tth td {padding: 3px 5px; font-size: 1em;}
table.tth td.price {border-top: 1px solid #E1E2D7; padding: 10px 5px 3px; color: #000;}

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%;}