@font-face {
 font-family: Cricket-Light;
 src: url("/images/public/site/normal/cricket-light.ttf"); } 

.tphone {display:block; float: right; font-family: Cricket, Arial, sans-serif; font-size:18px; color:#5C5C5C; margin-top:22px;}
.tphone small {font-size:12px; position:relative; top:-3px; color:#373737;}

* { font-size: 100.01%; margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-family: Tahoma, Verdana, Arial, sans-serif; color: #545454; background: #f7f7f7; 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' );}
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: 1920px;}
* html #main,
* html #footer {width: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'995px':(documentElement.clientWidth||document.body.clientWidth)>1680?'1920px':'100%');}

#main {min-height: 100%; margin: 0 auto; position: relative; background: #fff;}
* 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: 350px; 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 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; font-family: "Cricket-Light", Tahoma, Arial, sans-serif; font-size: 20px; line-height: 1.1; text-align: left;}
#logo strong {font-size: 30px; text-transform: uppercase; display: block;}
#logo a, #logo a:hover {text-decoration: none; color: #010101;}

#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: 4px; 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.gif); height: 32px;}
#nav ul {margin: 0; list-style: none;}
#nav li {margin: 0 5% 0 0; float: left; clear: right; line-height: 32px;}
#nav li a {font-family: "Cricket-Light", Tahoma, Arial, sans-serif; color: #3E3E3E; font-size: 1.25em;} 
#nav li a:hover, #nav li a.active {color: #DA1317; text-decoration: none;}

#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.5em 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;}
.submenu li.separator {border-top: 1px solid #dcdcdc; padding: 0; margin: 15px 0 10px; font-size: 0;}

/* 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;}

.counters {float: left; margin-right: 10px;}
.f-links {float: left;}
           
/* 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 10px 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;}
.mt-2 {margin-top: 2em;}

.tbl_photo {width: 100%;}
.tbl_photo td {padding-right: 10px; vertical-align: top;}

.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 }

#feedback-body * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

/* glossary */
.alf {
	margin-bottom: 0.75em;
}
.alf img, .alf a {
	display: inline-block;
	margin-right: 10px;
}
.alf img {
	vertical-align: text-top;
	position: relative;
	top: 2px;
}

.glossary-list h4 {
	font-weight: normal;
}
.glossary-list dt {
	margin-top: 10px;
	line-height: 1em;
} 
.glossary-list dd {
	margin-left: 25px;
}

.row {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: -15px;
	margin-left: -15px;
}
.col-sm-6, .col-sm-12 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}
.col-sm-6 {
	width: 50%;
}
.col-sm-12 {
	width: 100%;
}

.photo-block {
	margin: 1.5rem 0;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: -15px;
	margin-left: -15px;
}
.photo-block img {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	max-height: 300px;
}

/*****/
.hlinks {
	position: absolute;
	top: 10px;
	right: 4%;
	color: #9ca3af; 
	font-size: 11px;
	line-height: 1.3;
	z-index: 10;
}
.hlinks a {
	color: #9ca3af; 
	text-decoration: underline;
}
.hlinks a:hover {
	color: #9ca3af; 
	text-decoration: none;
}
.hlinks div {
	display: inline-block;
}
.hlinks div+div {
	margin-left: 10px;
}