* {margin: 0; padding: 0; font-size: 11px; font-family: Tahoma, Verdana, Sans-Serif; font-weight: normal; color: #333; line-height: 14px; text-transform: none;}
td {vertical-align: top;}
html a {font-size: 11px; font-family: Tahoma, Verdana, Sans-Serif; font-weight: normal; color: #333;}
img {border: 0px;}
html {height: 100%;}
body {min-height: 100%; height: 100%; color: #000; font-weight: normal; font-family: Arial, Verdana, Helvetica, Sans-Serif; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");}
.main {min-width: 1000px; height: auto !important; min-height: 100%; height: 100%; background: #FFF; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");}
.header {height: 221px; background: #FFF url(../img/i/header-bg.gif) repeat-x top; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");}
.up-banner {position: absolute; top: 0; left: 32%;}
.up-banner span{font-weight: bold; font-size: 16px; font-family: Tahoma, Arial, Verdana, Helvetica, Sans-Serif; padding: 0 6px 0 4px;}
.logo {padding: 16px 0 0 70px; width: 149px; height: 100px;}

.top-menu {padding: 0px 0 0 70px; width: 147px; margin-top:-8px;}
.top-menu p{text-transform: uppercase; padding: 2px 0 2px 32px; background: url(../img/i/m-mark.gif) no-repeat 5px 5px; white-space: nowrap; margin-top: 8px;}
.top-menu p a {color: #4F4F4F; text-decoration: none; font-size: 11px; font-family: Tahoma, Arial, Tahoma, Verdana; display: block; width: 115px; text-transform: uppercase;}
.top-menu p a:hover {text-decoration: underline;}
.top-menu .sel {background: #990099 url(../img/i/m-mark-sel.gif) no-repeat 1px 1px;}
.top-menu .sel a{color: #FFF; text-decoration: underline;}
.top-menu .sel a:hover{text-decoration: none;}

.head-sep {border-bottom: 6px solid #5D5C5C; margin: 0 0 -14px 244px; position: relative; top: -14px; z-index: 1;}

.right-traktor {float: right; margin: 5px 0 0 9px;}
.left-traktor {margin: 0 0 0 0; z-index: 2; position: relative; right: -30px;}

.menu-block {float: left;}
.search-block {background: url(../img/i/search-bg.gif) repeat-x 0 1px; width: 251px; height: 133px; float: left; margin: 73px 0 0 10%;}
.left-sel-block {background: url(../img/i/left-sel-block.gif) no-repeat; float: left; width: 9px; height: 133px;}
.right-sel-block {background: url(../img/i/right-sel-block.gif) no-repeat; float: right; width: 13px; height: 133px;}
.sel-info-block {height: 96px;}
.search-title a, .more-s-title a {text-decoration: none;}
.search-title a:hover, .more-s-title a:hover {text-decoration: underline;}
.search-title {width: 105px; height: 36px; border-top: 1px solid #40B6DD;}
.more-s-title {width: 107px; height: 35px; background: url(../img/i/more-s-title-bg.gif) repeat-x; border-top: 1px solid #DBE5E7; border-bottom: 1px solid #60C0DF;}
.sel-sep {background: url(../img/i/sel-sep.gif) no-repeat; width: 17px; height: 37px;}
.search-title, .more-s-title, .sel-sep {float: left;}
.search-title h2 {padding: 13px 0 0 0; text-align: center;}
.more-s-title h2 {padding: 5px 0 2px 0; text-align: center;}

.sel-info-block {margin: 0 0 0 25px;}
.sel-info-block select {border: 1px solid #009DD1; background: #F6F6F6; font-size: 11px; color: #8A8F91;}
.sel-info-block option {background: #F6F6F6; font-size: 11px; color: #8A8F91;}
.main-select select {width: 192px; height: 17px; margin-top: 12px;}
.sub-main-select {margin: 12px 0 0 0;}
.sub-main-select div {float: left;}
.sub-main-select select{width: 93px; height: 17px; margin-right: 6px;}
.s-but {padding: 10px 0 0 25px;}
.s-but img{margin: 0 0 0 4px;}
.s-but a {color: #4F4F4F; text-transform: none; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: underline;}
.s-but a:hover {text-decoration: none;}




.leftcol {width: 226px; background: #FFF; float: left; padding: 18px 0; margin: 0 0 0 22px}
.leftcol .cat_title{font-family: Myriad Pro, Tahoma, Verdana; font-size: 18px; color:#990099 ; padding: 40px 0 15px 27px;}
.leftcol .left-menu {padding: 8px 0; border-left: 6px solid #959B9C;}
.leftcol .level1 {padding: 0 0 5px 21px;}
.leftcol .level1 a{color: #717070; font-weight: bold; text-decoration: none; text-transform: none;}
.leftcol .level1 a:hover{ text-decoration:underline;}

.leftcol .level1sel {padding: 0 0 5px 21px; border-left: 6px solid #5D5C5C; margin: 0 0 0 -6px;}
.leftcol .level1sel a{color: #717070; font-weight: bold; text-decoration: none; text-transform: none;}
.leftcol .level1sel a:hover{text-decoration: underline;}

.left-menu .select_block {border-left: 6px solid #5D5C5C; padding: 5px 0; margin: -8px 0 0 -6px; width:195px;}
.left-menu .level2 {padding: 0 0 0 23px;}
.left-menu .level2 {background: url(../img/i/m-mark.gif) no-repeat 6px 5px;}
.left-menu .level2 a {text-decoration: none; color: #5D5C5C;}
.left-menu .level2 a:hover {text-decoration: underline;}
.left-menu .sel a{color: #5D5C5C; text-decoration: none;}
.left-menu .sel a:hover {text-decoration: underline;}

.left-menu .level3 a {text-decoration: none; color: #717070;}
.left-menu .level3 {padding: 2px 0 0 45px; background: url(../img/i/level3.gif) no-repeat 16px 9px; color:#990099 ;}
.left-menu .level3 a:hover { text-decoration:underline; color:#990099 ;}

.centercol {background: #FFF; overflow: hidden;}
.text-menu {margin: 29px 0 0 0; width: 100%;}
.text-menu div {float: left; text-align: left; margin-right: 15px}
.text-menu p a {color: #990099 ; font-family: Tahoma, Tahoma, Verdana; text-decoration: none; font-size: 24px; line-height: 18px; white-space: nowrap;}
.text-menu h4 a:hover {text-decoration: underline;}
.text-menu h2 {color: #4F4F4F; font-size: 12px; line-height: 18px; text-align: left; padding-top: 3px;}
.text-menu span {color: #4F4F4F; font-size: 12px; line-height: 18px; text-align: left; padding-top: 3px;}
.text {padding: 34px 37px 0 14px;}
.text .title {font-size: 20px; color: #FFF; padding: 6px 0 5px 31px; background: #5D5C5C url(../img/i/t-t-right.gif) no-repeat right; width: 321px;}
.text .title-sep {background: #959B9C; height: 1px; font-size: 1px;}
.text .sub-title-sep {background: #848484; height: 4px; font-size: 4px; width: 352px;}

.m-item p.myriad {background: #990099 url(../img/i/mitem.gif) no-repeat right; padding: 6px 38px 5px 30px; color: #FFF; font-size: 20px; width: 140px; white-space: nowrap;font-family: Tahoma, Tahoma, Verdana;}


.info {padding: 12px 6px 26px 14px;}
.info p {color: #5B696C; line-height: 14px; padding-left: 28px; background: url(../img/i/info-mark.gif) no-repeat left bottom; border-left: 5px solid #990099 ;}


.center-item {padding: 0 0 0 14px; width: 100%;}
.center-item .item {width: 222px;}
.item h2 {padding: 11px 14px 25px 14px;}
.item-bg {width: 222px; background: url(../img/i/item-top.gif) no-repeat top left;}
.item-img {background: url(../img/i/item-bg-repeat.gif) repeat-y; width: 222px;}
.item h2 a {font-family: Tahoma, Tahoma, Verdana; font-size: 14px; color: #4F4F4F; text-decoration: underline; text-transform: uppercase;}
.item h2 a:hover {text-decoration: none;}
.item-img img{margin: -23px 16px 26px 0;}
/*.item-bottom {background: url(../img/i/item-bottom.gif) no-repeat bottom; text-align: right;}*/
.text-item {float: left; position: relative; top: -42px; left: 14px; color: #009DD1; font-weight: bold; width: 100px; text-align: left;}
.item-sep {background: #959B9C; font-size: 5px; height: 5px; margin: 0 37px 0 14px;}


.item-desc {width: 100%; margin: 24px 0 0 14px;}
.item-desc .desc {width: 49%; float: left;}
.desc h2 {color: #5D5C5C; font-size: 20px; padding-bottom: 12px;}
.desc p {color: #454545; padding: 7px 40px 0 0;}
.desc a {color: #454545; text-decoration: underline; font-weight: bold;}
.desc a:hover {color: #454545; text-decoration: none;}
.desc .bg {background: #ECF0F1; line-height: 11px; padding: 11px 18px; margin-right: 51px;}


.new_bottom {background: url(../img/i/new_bottom.gif) repeat-x; height: 5px;}
.new_right {background: url(../img/i/new_right.gif) repeat-y; width: 5px;}
.new_square {background: url(../img/i/new_square.gif) no-repeat; width: 5px; height: 5px;}

.item-image {padding: 12px 20px 32px 0;}

.item-image img {border: 1px solid #C6C6C6;}
.i-desc {padding: 12px 0 0 0; text-align:left;}
.i-desc a {color: #9E0389; font-weight: bold; font-size: 14px; line-height: 18px; text-decoration: none;}
.i-desc a:hover {text-decoration: underline;}
.i-desc .gus {padding: 0 50px 10px 0;}
.i-desc p {color: #858585; padding: 0 50px 10px 0;}
.details {padding: 0 0 1px 19px; background: #848484 url(../img/i/details.gif) no-repeat 1px 1px; width: 119px; }
.details a {color: #ECF0F1; font-size: 11px; font-weight: normal; text-decoration: underline; height: 10px; position: relative; top: -1px;}
.details a:hover{text-decoration: none;}


.main-item {width: 100%; padding: 22px 37px 0 14px;}
.m-item {width: 50%; float: left;}


.main-item .sub-mitem {background: #A3A3A3; font-size: 1px; height: 1px; margin-right: 51px;}
.sub-mitem-border {background: #848484; height: 4px; font-size: 4px; width: 208px; }

.item-desc2 {width: 47%; float: left;}

.text-opt {background: #ECF0F1; padding: 0 39px 34px 39px;}
.text-opt h1 {font-family: Tahoma; color: #4F4F4F; font-size: 18px; margin-bottom: 17px; padding-top: 20px;}
.text-opt h2 {color: #5D5C5C; font-size: 16px; padding-bottom: 10px; padding-top: 12px; font-weight: bold;}
.text-opt p {color: #4F4F4F;}

.maincol h1 {color: #4F4F4F; font-size: 22px;}
.maincol p {color: #4F4F4F;}

.footer_guarantor {height: 79px; clear: both;}
.footer {margin-top: -79px; height: 79px; clear: both; min-width: 1000px; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");}
.footer-line {height: 79px; background: url(../img/i/footer-bg.gif) repeat-x;}
.foot-menu {width: 246px; height: 79px; float: left; background: #5D5C5C;}
.foot-menu p{float: left; color: #ECF0F1; padding: 18px 2px 24px 20px;}
.foot-menu div {text-align: center; color: #ECF0F1;}
.foot-menu p a{text-decoration: none; color: #ECF0F1;}
.foot-menu p a:hover{text-decoration: underline;}
.flink {font-family: Arial, Tahoma, sans-serif; font-size: 11px;}
.footer-text {float: left; padding: 14px 0 0 32px; color: #595959; width: 400px;}
.footer-text p {padding: 0 0 7px 0; color: #595959;}
.counter {float: right; margin: 12px 21px 0 0;}


/* section style */
.cleaner {clear: both; line-height: 0; font-size: 0;}
.catalogue_list {background: #FFF; padding: 4px 20px 4px 0; width:100%; }
.catalogue_list td {background: #ECF0F1; color: #5D5C5C; }
.catalogue_list th {background: #9E0389; border-bottom: 4px solid #848484; padding: 12px 0 9px 21px; text-align: left; color: #FFF;}
.catalogue_list th a{color: #FFF;}
.catalogue_list thead {background: #AAAFB0;}
.cont {padding: 10px 0; text-align: center; font-size: 11px; clear:both; }
.catalogue_list td img {margin: 16px 8px; border: 1px solid #C7CED1;}
.catalogue_list .price_item {text-align: center; width: 20%; vertical-align: middle; color: #5D5C5C; font-weight: bold;}
.catalogue_list td p {padding: 6px 8px; color: #5D5C5C; text-align: left;}
.catalogue_list td h2 {text-align: left; color: #9E0389; font-size: 12px; font-weight: bold; padding: 16px 8px 0 8px;}
.catalogue_list td h2 a{text-align: left; color: #9E0389; font-size: 12px; font-weight: bold; text-decoration: none;}
.catalogue_list td h2 a:hover{text-decoration: underline;}
.catalogue_list td div {text-align: right; padding-right: 16px;}
.catalogue_list td div a{color: #717070;}

/* item style */
.catalogue_unit {background: #FFF; width: 100%; padding: 10px 20px 10px 0;}
.catalogue_unit .title {background: #009DD1; text-align: center; color: #FFF; padding: 8px 0 6px 0; font-weight: bold; font-size: 12px;}
.catalogue_unit th {background: #848484; color: #FFF; text-align: center; padding: 6px 0;}
.catalogue_unit td {background: #ECF0F1;}
.catalogue_unit .td-item-image {width: 15%; padding: 0 14px 14px 14px;}
.catalogue_unit .td-item-image img{border: 1px solid #C4CCCF;}
.catalogue_unit .td-item-image div{padding-top: 28px;}
.catalogue_unit .td-item-desc {padding: 0px 20px; color: #585858; text-align: left;}
.catalogue_unit .td-item-price {padding: 16px; text-align: left; font-weight: bold;}
.catalogue_unit .td-item-price span {font-weight: bold;}

.catalogue_unit td table td, .catalogue_unit td table th {border-bottom:1px dotted #959B9C; background:none !important; color:#000000;}
.catalogue_unit td table td{ vertical-align:middle; font-weight:bold; padding-left:20px;}
.catalogue_unit td table {border:0px; width:100%;}
.centercol .title_page {font-size: 18px; color: #9E0389; padding: 16px 14px;}
.centercol .text-page {padding: 0 14px 16px 14px;}





/****************************** add styles *****************************/

/* section header */
.header-section {height: 157px; background: #FFF url(../img/i/header-s-bg.gif) repeat-x top; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");}
.header-section .up-banner {position: absolute; top: 86px; left: 61px;}
.header-section .up-banner span{font-weight: bold; font-size: 16px; font-family: Myriad Pro, Arial, Verdana, Helvetica, Sans-Serif; padding: 0 6px 0 4px;}
.header-section .logo {padding: 0 0 0 63px;}

.header-section .top-menu {padding: 18px 0 0 70px; position: absolute; top: 0; left: 289px;}
.header-section .top-menu h2{text-transform: uppercase; padding: 2px 0 2px 32px; background: url(../img/i/m-mark.gif) no-repeat 5px 5px; white-space: nowrap; margin-top: 8px;}
.header-section .top-menu h2 a {color: #4F4F4F; text-decoration: none; font-size: 11px; font-family: Tahoma, Arial, Tahoma, Verdana; display: block; width: 115px; text-transform: uppercase;}
.header-section .top-menu h2 a:hover {text-decoration: underline;}
.header-section .top-menu .sel {background:#5D5C5C url(../img/i/m-mark-sel.gif) no-repeat 1px 1px;}
.header-section .top-menu .sel a{color: #FFF; text-decoration: underline;}
.header-section .top-menu .sel a:hover{text-decoration: none;}

.header-section .head-sep {border-bottom: 6px solid #5D5C5C; margin: -9px 0 0 244px; position: relative; z-index: 1;}

.header-section .right-traktor {float: right; margin: 56px 0 0 9px;}
.header-section .left-traktor {margin: 3px 0 0 0; z-index: 2; position: relative;}


.header-section .f-ex {height: 139px; width: 272px; background: url(../img/i/f-body-bg.gif) repeat-x; margin: 8px 0 0 0; position: relative; float: right;  z-index: 4;}
.header-section .f-ex .f-ex-left {background: url(../img/i/f-ex-left.gif) no-repeat top; width: 10px; height: 140px; position: absolute; top: -1px; left: 0;}
.header-section .f-ex .f-ex-right {background: url(../img/i/f-ex-right.gif) no-repeat top; float: right; width: 13px; height: 140px; margin-top: -1px;}
.header-section .f-ex .f-ex-abs {position: absolute; top: -1px; left: 112px; background: url(../img/i/f-title-right.gif) no-repeat; width: 147px; height: 21px;}
.header-section .ex-search {position: absolute; top: -1px; left: 10px; width: 70px; border-top: 1px solid #9E0202; padding: 11px 0 0 32px;}
.header-section .ex-search a{color: #4F4F4F; font-family: Tahoma, Arial; font-size: 11px; text-decoration: none;}
.header-section .ex-search a:hover{text-decoration: underline;}

.header-section .h {position: absolute; top: 147px; left: 244px; background: #848484; border-right: 1px solid #959B9C; width: 59px; height: 6px; z-index: 3;}

.header-section .f-ex-text {color: #8A8F91; font-size: 10px; font-family: Tahoma, Arial; width: 74px; line-height: 9px;  float: left; padding: 2px 0 0 0;}
.header-section .f-ex-block {position: absolute; top: 34px; left: 21px;}
.header-section .ex-field {color: #989E9F; font-size: 10px; font-family: Tahoma, Arial; float: left; margin-bottom: 2px;}
.header-section .ex-field input{width: 38px; height: 17px; border: 1px solid #989E9F; background: #F6F6F6;}
.header-section .ex-field select {width: 98px; height: 17px; border: 1px solid #989E9F; background: #F6F6F6; margin-left: 12px;}
.ex {margin: 0 0 0 0; position: relative; z-index: 2;}

.main .order-item {text-align: center; margin: 20px auto; width: 100px;}
.order-item div {background: #9E0389 url(../img/i/mark-order.gif) no-repeat 1px 1px; padding: 0 0 0 21px; width: 94px; height: 13px; text-align: left;}
.order-item a{color: #ECF0F1; text-decoration: underline; position: relative; top: -2px;}
.order-item a:hover{text-decoration: none;}

.left-banner2
{
margin-top:15px; padding-top:15px;
}
.pr-ex {width: 205px; height: 320px; background: url(../img/i/pr-bg.gif) no-repeat; position: relative; top: 0; left: 0; }
.pr-ex a{text-decoration: none; display: block;}
.pr-excont {width: 360px; height: 230px; background: url(../img/i/pr-bg2.gif) no-repeat; position: relative; margin: 0px auto;}
.pr-excontc {width: 360px; margin: 0px auto;}
.pr-excont a{text-decoration: none; display: block;}
.pr-excont p {color: #454545; padding: 15px 0 0 30px; font-size: 14px; font-weight: bold;}
.pr-excont h4 {color: #454545; padding: 20px 0 0 30px; font-size: 11px; font-weight: bold;}
.pr-excont ul {color: #454545; padding: 7px 0 0 50px; font-size: 11px;}
.only_cont {font-size: 18px; color: #9E0389; padding: 16px 0px; margin: 7px auto; width: 360px;}
.only_contc {font-size: 12px; font-weight: bold; color: #454545; padding: 5px 0px; margin: 5px auto; width: 360px;}

.pr-ex #l1 {width: 92px; height: 15px; background: url(../img/i/l1.gif) no-repeat 0 0; position: absolute; top: 22px; left: 12px;}
.pr-ex #l2 {width: 46px; height: 46px; background: url(../img/i/l2.gif) no-repeat 0 0; position: absolute; top: 18px; left: 122px;}
.pr-ex #l3 {width: 90px; height: 19px; background: url(../img/i/l3.gif) no-repeat 0 0; position: absolute; top: 46px; left: 13px;}
.pr-ex #l4 {width: 76px; height: 15px; background: url(../img/i/l4.gif) no-repeat 0 0; position: absolute; top: 75px; left: 14px;}
.pr-ex #l5 {width: 59px; height: 35px; background: url(../img/i/l5.gif) no-repeat 0 0; position: absolute; top: 72px; left: 119px;}
.pr-ex #l6 {width: 101px; height: 27px; background: url(../img/i/l6.gif) no-repeat 0 0; position: absolute; top: 122px; left: 14px;}
.pr-ex #l7 {width: 51px; height: 25px; background: url(../img/i/l7.gif) no-repeat 0 0; position: absolute; top: 121px; left: 124px;}
.pr-ex #l8 {width: 80px; height: 26px; background: url(../img/i/l8.gif) no-repeat 0 0; position: absolute; top: 150px; left: 14px;}
.pr-ex #l9 {width: 65px; height: 32px; background: url(../img/i/l9.gif) no-repeat 0 0; position: absolute; top: 151px; left: 120px;}
.pr-ex #l10 {width: 80px; height: 27px; background: url(../img/i/l10.gif) no-repeat 0 0; position: absolute; top: 186px; left: 14px;}
.pr-ex #l11 {width: 61px; height: 18px; background: url(../img/i/l11.gif) no-repeat 0 0; position: absolute; top: 194px; left: 119px;}
.pr-ex #l12 {width: 62px; height: 16px; background: url(../img/i/l12.gif) no-repeat 0 0; position: absolute; top: 220px; left: 14px;}
.pr-ex #l13 {width: 78px; height: 12px; background: url(../img/i/l13.gif) no-repeat 0 0; position: absolute; top: 222px; left: 108px;}
.pr-ex #l14 {width: 42px; height: 45px; background: url(../img/i/l14.gif) no-repeat 0 0; position: absolute; top: 246px; left: 14px;}
.pr-ex #l15 {width: 116px; height: 31px; background: url(../img/i/l15.gif) no-repeat 0 0; position: absolute; top: 245px; left: 69px;}
.pr-ex #l16 {width: 113px; height: 19px; background: url(../img/i/l16.gif) no-repeat 0 0; position: absolute; top: 280px; left: 75px;}
.pr-ex #l17 {width: 88px; height: 13px; background: url(../img/i/l17.gif) no-repeat 0 0; position: absolute; top: 100px; left: 14px;}


.pr-ex #l1:hover {background: url(../img/i/l1.gif) no-repeat 0 -15px;}
.pr-ex #l2:hover {background: url(../img/i/l2.gif) no-repeat 0 -46px;}
.pr-ex #l3:hover {background: url(../img/i/l3.gif) no-repeat 0 -19px;}
.pr-ex #l4:hover {background: url(../img/i/l4.gif) no-repeat 0 -15px;}
.pr-ex #l5:hover {background: url(../img/i/l5.gif) no-repeat 0 -35px;}
.pr-ex #l6:hover {background: url(../img/i/l6.gif) no-repeat 0 -27px;}
.pr-ex #l7:hover {background: url(../img/i/l7.gif) no-repeat 0 -25px;}
.pr-ex #l8:hover {background: url(../img/i/l8.gif) no-repeat 0 -26px;}
.pr-ex #l9:hover {background: url(../img/i/l9.gif) no-repeat 0 -32px;}
.pr-ex #l10:hover {background: url(../img/i/l10.gif) no-repeat 0 -27px;}
.pr-ex #l11:hover {background: url(../img/i/l11.gif) no-repeat 0 -18px;}
.pr-ex #l12:hover {background: url(../img/i/l12.gif) no-repeat 0 -16px;}
.pr-ex #l13:hover {background: url(../img/i/l13.gif) no-repeat 0 -12px;}
.pr-ex #l14:hover {background: url(../img/i/l14.gif) no-repeat 0 -45px;}
.pr-ex #l15:hover {background: url(../img/i/l15.gif) no-repeat 0 -31px;}
.pr-ex #l16:hover {background: url(../img/i/l16.gif) no-repeat 0 -19px;}
.pr-ex #l17:hover {background: url(../img/i/l17.gif) no-repeat 0 -13px;}

/* vertical */
.vl-top {margin-right: 20px;}
.vll-right {background: url(../img/i/proizvod-right.gif) no-repeat;width: 6px; height: 90px;}
.vll-left {background: url(../img/i/vl-left.gif) no-repeat left;width: 4px; height: 90px;}

.vl-bg {width: 100%; height: 89px; background: url(../img/i/kran-proizvod.gif) repeat-x;}
.vl-bg td {width: 10%; text-align: center; margin: auto;}
.vl-bg div {text-align: center; margin: 0 auto 0 auto; width: 88px;}

.vl-bg .vl1 {width: 116px; padding: 15px 0 0 0;}
.vl-bg .vl2 {width: 98px; padding: 15px 0 0 0;}
.vl-bg .vl3 {width: 125px; padding: 20px 0 0 0;}
.vl-bg .vl4 {width: 86px; padding-top: 18px;}
.vl-bg .vl5 {width: 126px; padding-top: 21px;}
.vl-bg .vl6 {width: 128px; padding: 0; float: right; position: relative; top: -3px; right: -15px;}
.vl-bg .vl7 {width: 123px; padding: 0; float: right; position: relative; top: -3px; right: -15px;}

.vl-bg .vl8 {width: 87px; padding-top: 18px;}
.vl-bg .vl9 {width: 128px; padding-top: 21px;}
.vl-bg .vl10 {width: 122px; padding-top: 20px;}
.vl-bg .vl11 {width: 166px; padding-top: 20px;}
.vl-bg .vl12 {width: 139px; padding-top: 0px; position: relative;top:-5px; }
.vl-bg .vl13 {width: 77px; padding-top: 0px; position: relative;top:-7px;}

.vl-bg .vl14 {width: 84px; padding-top: 36px;}
.vl-bg .vl15 {width: 126px; padding-top: 36px;}
.vl-bg .vl16 {width: 77px; padding-top: 31px; }
.vl-bg .vl17 {width: 99px; padding-top: 31px;}
.vl-bg .vl18 {width: 127px; padding-top: 25px;}

.vl-bg .vl19 {width: 87px; padding-top: 31px;}
.vl-bg .vl20 {width: 123px; padding-top: 31px;}
.vl-bg .vl21 {width: 83px; padding-top: 31px;}
.vl-bg .vl22 {width: 122px; padding-top: 31px;}
.vl-bg .vl23 {width: 125px; padding-top: 31px;}


.vl-bg a {text-decoration: none; display: block; opacity: 0.6;}
.vl-bg a:hover {opacity: 1.0;}

.vl-bg #vl1 {width: 116px; height: 27px; background: url(../img/i/k1.gif) no-repeat 0 0;}
.vl-bg #vl2 {width: 98px; height: 23px; background: url(../img/i/k2.gif) no-repeat 0 0;}
.vl-bg #vl3 {width: 125px; height: 14px; background: url(../img/i/k3.gif) no-repeat 0 0;}
.vl-bg #vl4 {width: 86px; height: 18px; background: url(../img/i/k4.gif) no-repeat 0 0;}
.vl-bg #vl5 {width: 126px; height: 17px; background: url(../img/i/k5.gif) no-repeat 0 0;}
.vl-bg #vl6 {width: 128px; height: 24px; background: url(../img/i/k6.gif) no-repeat 0 0;}
.vl-bg #vl7 {width: 123px; height: 21px; background: url(../img/i/k7.gif) no-repeat 0 0;}

.vl-bg #vl8 {width: 87px; height: 20px; background: url(../img/i/k8.gif) no-repeat 0 0;}
.vl-bg #vl9 {width: 128px; height: 16px; background: url(../img/i/k9.gif) no-repeat 0 0;}
.vl-bg #vl10 {width: 122px; height: 27px; background: url(../img/i/k10.gif) no-repeat 0 0;}
.vl-bg #vl11 {width: 166px; height: 27px; background: url(../img/i/k11.gif) no-repeat 0 0;}
.vl-bg #vl12 {width: 139px; height: 20px; background: url(../img/i/k12.gif) no-repeat 0 0;}
.vl-bg #vl13 {width: 77px; height: 26px; background: url(../img/i/k13.gif) no-repeat 0 0;}


.vl-bg #vl14 {width: 84px; height: 19px; background: url(../img/i/k14.gif) no-repeat 0 0;}
.vl-bg #vl15 {width: 128px; height: 16px; background: url(../img/i/k9.gif) no-repeat 0 0;}
.vl-bg #vl16 {width: 77px; height: 26px; background: url(../img/i/k13.gif) no-repeat 0 0;}
.vl-bg #vl17 {width: pppx; height: 26px; background: url(../img/i/k17.gif) no-repeat 0 0;}
.vl-bg #vl18 {width: 127px; height: 33px; background: url(../img/i/k18.gif) no-repeat 0 0;}


.vl-bg #vl19 {width: 87px; height: 20px; background: url(../img/i/k8.gif) no-repeat 0 0;}
.vl-bg #vl20 {width: 123px; height: 21px; background: url(../img/i/k20.gif) no-repeat 0 0;}
.vl-bg #vl21 {width: 83px; height: 24px; background: url(../img/i/k21.gif) no-repeat 0 0;}
.vl-bg #vl22 {width: 122px; height: 27px; background: url(../img/i/k10.gif) no-repeat 0 0;}
.vl-bg #vl23 {width: 125px; height: 18px; background: url(../img/i/k23.gif) no-repeat 0 0;}




.h-sect {position: absolute; top: 151px; left: 244px; background: #848484; border-right: 1px solid #959B9C; width: 59px; height: 6px; z-index: 3;}

.head-sep-sect {border-bottom: 6px solid #5D5C5C; margin: 0 0 -16px 244px; position: relative; top: -16px; z-index: 1;}

.podr {background: url(../img/i/podr-kran.gif) no-repeat right; width: 225px; float: right; margin: -28px 45px 0 0;}
.podr a {color: #848484;}
.podr a:hover {color: #2D2D2D;}

.catalogue_unit .td-item-desc p{padding: 11px 0; color: #585858; text-align: left; background: url(../img/i/desc-border.gif) repeat-x bottom;}
.catalogue_unit .td-item-desc .none{background: none; color: #585858; text-align: left;}
.catalogue_unit .td-item-desc span {color: #585858; text-align: left;}

.special {width: 206px;}
.special-top {width: 206px; background: url(../img/i/special-top.gif) no-repeat top; height: 58px;}
.special-top div {color: #5D5C5C; font-size: 18px; text-align: center; padding: 11px 0 0 0; line-height: 18px;}
.special-right a {color: #FFF; font-weight: bold; font-size: 12px; text-decoration: underline;}
.special-right a:hover {text-decoration: none;}
.special-bg {background: url(../img/i/special-bg.gif) repeat-y; width: 206px;}
.special-right {padding: 9px 58px 9px 10px; border-left: 1px solid #959B9C; background: url(../img/i/special-right.gif) no-repeat right;}
.special-bottom {background: url(../img/i/special-bottom.gif) no-repeat; width: 206px; height: 55px;}
.special-bottom .s-red {color: #5D5C5C; font-size: 10px; font-weight: bold;}
.special-bottom .small {color: #8E9090; font-size: 10px;}
.special-bottom div{font-size: 14px; font-weight: bold; color: #5D5C5C; padding: 16px 0 0 0; text-align: center;}

.sep-cat {background: #959B9C; height: 1px; font-size: 1px; margin: 37px 32px 35px 10px;}

.catalogue {margin: 0 0 48px 20px;}
.catalogue_image {margin: 24px 20px 32px 25px; float: left;} 
.catalogue_image h2 {color: #9E0389; font-size: 24px; padding-bottom: 3px;}
.catalogue_image span {color: #4F4F4F; font-size: 12px;}
.catalogue_image div {padding: 27px 0 0 20px;}


.center-menu {margin: 24px 0 32px 0; float: left;}
.left-separator {background: url(../img/i/left-separator.gif) repeat-y left; padding: 0; margin: 0;}
.left-separator a {color: #717070; text-decoration: none;}
.left-separator a:hover {color: #717070; text-decoration: underline;}
.lev1 a {font-weight: bold;}
.lev2 a {font-weight: normal;}
.lev1 {padding: 0 40px 13px 36px;}
.lev2 {padding: 0 0px 2px 0px;}
.lev2sel {padding: 0 40px 2px 36px; background: url(../img/i/m-mark-sel.gif) no-repeat 8px 0;}
.lev2sel a {color: #22AAD7; text-decoration: underline;}
.lev2sel a:hover {color: #22AAD7; text-decoration: none;}


/* change styles 28.07.2008 */
.center-menu {margin: 24px 0 32px 0; float: left; width:100%;}
.left-separator {background: url(../img/i/left-separator.gif) repeat-y left; padding: 0; margin: 0; text-align:left; width:33%;}
.left-separator a{color: #717070; text-decoration: none;}
.left-separator a:hover{color: #717070; text-decoration: underline;}
.lev1 a{font-weight: bold;}
.lev2 a{font-weight: normal;}
.lev1 {padding: 0 40px 13px 36px;}

.lev2 a{padding: 0 40px 2px 36px;}
.lev2 a:hover{color: #9E0389; text-decoration: underline; padding: 0 40px 2px 36px; background: url(../img/i/m-mark-sel.gif) no-repeat 8px 0;}

/* section footer line */
.sfooter-line {background: #ECF0F1; font-size: 5px; height: 5px; clear: both;}
/* end change styles */

/* change styles 28.07.2008 */
.center-item {margin: 0 0 28px 0px;}
.center-item .item {height: 150px; margin-right: 20px; }
.ncib-bg {height: 150px; background: url(../img/i/ncib-bg.gif) repeat-x; }
.ncib-left {background: url(../img/i/ncib-left.gif) no-repeat left; width: 15px; height: 150px;}
.ncib-right {background: url(../img/i/ncib-right.gif) no-repeat right; width: 18px; height: 150px;}
.item .i-title {padding: 12px 14px 0 0;}
.item .i-title a {font-family: Tahoma, Tahoma, Verdana; font-size: 14px; color: #4F4F4F; text-decoration: underline; text-transform: uppercase; line-height: 18px;}
.item .i-title a:hover {text-decoration: none;}
.item-img img{margin: -23px 16px 26px 0;}
.item-bottom {text-align: left;}
.item-bottom img {border:1px #990099 solid;}
.item-text {text-align: left; color: #717070; font-weight: bold; display:block; padding-top:43px;}
.item-bottom a {float:right; clear:both; padding-top:5px;}
.item-sep {background: #959B9C; font-size: 5px; height: 5px; margin: 0 37px 0 14px;}
/* end change styles */
/* change styles 28.07.2008 */
.catalogue_list .th-last {background: #9E0389 url(../img/i/mitem.gif) no-repeat top right; border-right: 1px solid #FFF;}
.catalogue_list th {border-right: 1px solid #AAAFB0;}
.catalogue_list td {border-right: 1px solid #FFF; border-bottom: 1px solid #FFF;}
/* change styles */
/* change styles 28.07.2008 */
.catalogue_unit td {border-right: 1px solid #FFF; }
.catalogue_unit .last {border-right: 1px solid #FFF;}
.catalogue_unit .title {background:#9E0389 url(../img/i/mitem.gif) no-repeat top right; border-right: 1px solid #FFF; text-align: center; color: #FFF; padding: 8px 0 6px 0; font-weight: bold; font-size: 12px;}
/* change styles */


.mi-top {width: 353px; height: 4px; background: url(../img/i/mi-top.gif) no-repeat;}
.mi-bg {border-left: 1px solid #959B9C; width: 333px; background: url(../img/i/mi-bg.gif) no-repeat top right;}
.mi-bottom {width: 353px; height: 5px; background: url(../img/i/mi-bottom.gif) no-repeat;}
.mi-bg {padding: 10px;}
.mi p{font-weight: normal;}

.mi-bg .sub-mitem {background: #A0C1C1; font-size: 1px; height: 1px;}

.m-item .mi-bg .myriad {background: #9E0389 url(../img/i/mitem2.gif) no-repeat right; padding: 6px 38px 5px 30px; color: #FFF; font-size: 20px; width: 140px; white-space: nowrap;//position:relative; //left:102px;}
.sub-mitem-border3 {background: #92ADB6; height: 4px; font-size: 4px; width: 208px; //position:relative; //left:102px;}
.text-menu p a:hover{text-decoration:underline;}

.ver
{
	clear:both;
	float:left;
	width:100%;
}

.main .order-item {text-align: center; margin: 20px auto; width: 100px;}
.main .order-item input {
background: #9e0389;
border:medium none;
color:#FFFFFF;
text-align:center;
width:111px;
}