@import url(base.css);

/*{{{ =Layout */

body {
  font: 13px Tahoma, sans-serif;
  color: #000;
  background: url(01.jpg) 0 0 repeat-x #fff;
}


a {
  color: #f28901;
}

#container a:hover {
  color: #ca770b;
}


#container {
  width: expression(document.body.clientWidth > 980 ? '100%' : '980px'); min-width: 980px; 
  height: auto; min-height: 100%; _height: 100%;
  background: url(02.jpg) 100% 0 no-repeat;
}


#header {
  height: 265px;
  position: relative;
  background: url(03.jpg) 0 0 no-repeat;
}


#content {
  float: left; 
  width: 100%;
  margin-right: -205px;
}

#txt {
  margin: 0 205px 0 0; padding: 0 45px 0 0;
}


#sidebar {
  float: right;   
  width: 205px; 
  margin: 0 0 50px 0;
}


#sp1 {
  height: 185px; 
  clear: both;
}

.hr hr {
  display: none;
}

#footer {
  width: expression(document.body.clientWidth > 980 ? '100%' : '980px'); min-width: 980px; height: 183px;
  margin-top: -183px;
  position: relative;
  background: url(00.jpg) 100% 100% no-repeat #fff;
}

/*}}}*/


/*{{{ =Header*/

#icons {
  position: absolute; top: 52px; left: 14px;
  width: 100px;
}

#icons li {
  float: left;
  margin: 0 13px 0 0;
}
#icons li a{
  padding:4px;
  display:block;
}
#icons li a.actionnew{
  padding:4px;
  display:block;
  background-color:#005e94;
} 


#choose {
  width: 280px;
  position: absolute; top: 236px; left: 13px;
}

#choose label strong {
  float: left;
  font-size: 18px; font-weight: normal;
  width: 72px;
  color: #fff;
}

#choose select {
  float: left;
  width: 201px; height: 21px;
  font-weight: bold; font-size: 11px; 
  color: #b7b7b7; 
}


#search {
  width: 165px; _width: 175px;
  position: absolute; top: 236px; right: 68px;
}

#search label {
  width: 152px;
  float: left;
}

#search input.text {
  width: 138px; _width: 143px; height: 14px; _height: 17px; 
  border-top: 1px solid #747474; border-left: 1px solid #747474; border-bottom: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5;
  padding: 1px 0 0 5px;
  font-weight: bold; font-size: 11px;
  color: #B7B7B7;
  float: left;
}

#search input.img {
  float: left;
  margin: 0;
}

/*}}}*/


/*{{{ =Txt*/

h1 {
  margin: 0 0 10px 16px;
  font-size: 18px; font-weight: normal;
  color: #000;
}

body.inner h1 {
  margin: 0 0 15px 0;
  color: #000;
}

h2 {
  margin: 0 0 15px 0;
  font-size: 18px; font-weight: normal;
}

h2.bgr {
  margin: 25px 0 7px 0;
  color: #fff;
  float: left;
  background: url(07.png) 0 0 no-repeat;
}

h2.bgr strong {
  font-weight: normal;
  float: left;
  background: url(08.png) 100% 0 no-repeat;
  padding: 3px 19px 9px 21px;
}


p {
  margin: 0 0 15px 0;
}


p.pager {
  margin: 50px 0 0 0;
}

p.pager strong, p.pager a {
  font-weight: normal;
  margin: 0 5px 0 0;
}

p.pager strong.stran {
  font-weight: bold;
  border-top: 1px solid #000;
  padding: 3px 0 0 0;
}

p.pager a.href {
  margin: 0 10px;
}


p.href {
  margin: 0;
  font-weight: bold; font-size: 11px;
  line-height: 150%;
}


.clear {
  height: 1px;
  clear: both;
}


#right-bl {
  float: right;
  margin: 17px 0 0 0;
  width: 352px;
}


#left-bl {
  padding: 25px 17px 0 22px;
}


.novinka {
  margin: 0 0 0 21px;
}

.novinka img {
  float: left;
  margin: 0 16px 0 0;
}

.novinka h3 {
  margin: 7px 0 10px 0;
  font-size: 18px; font-weight: normal;
}

.novinka h4 {
  margin: 0 0 5px 0;
  font-size: 12px;
}


.txttext {
  margin: 0 0 0 35px;
  zoom: 1;
  /*position: relative;*/
  margin-left: 218px;
  $margin-left: 0px;
}

.txttext ul{list-style: square;  padding: 2px 0 10px 30px; margin: 0;}
.txttext ul li{list-style: square;}
.txttext ul ul{list-style: none; padding: 2px 0 10px 5px; margin: 0;}
.txttext ul ul li{list-style: none;}

#left {
  float: left; 
  width: 218px; 
  background: url(menu_l_bg.jpg) 0 0 repeat-y;
  min-height: 365px; /* FF, Opera, IE7 */
  height:expression(this.scrollHeight < 365? "365px" : "auto" ); /* IE 5 - IE 6 */  
  $margin-right:-218px;
}

#left .bg_t{
  background: url(menu_l_t.jpg) 0 0 no-repeat;
  min-height: 365px; /* FF, Opera, IE7 */
  height:expression(this.scrollHeight < 365? "365px" : "auto" ); /* IE 5 - IE 6 */  
}

#left .bg_b{
  background: url(menu_l_b.jpg) 0 100% no-repeat;
  min-height: 365px; /* FF, Opera, IE7 */
  height:expression(this.scrollHeight < 365? "365px" : "auto" ); /* IE 5 - IE 6 */  
}

#left .tit{font: normal 18px Tahoma, sans-serif; color: #000; padding: 20px 0 25px 23px;}

#menu_l {padding: 0 0 118px 0; margin: 0; width: 218px;}
#menu_l li{padding: 0 0 0 23px; margin: 0; height: 25px;}
#menu_l .cur{background: url(menu_l_cur.jpg) 0 0 no-repeat;  height: 30px; padding-top: 16px; padding-bottom:16px;}

#menu_l a{font: normal 12px Tahoma, sans-serif; color: #000; text-decoration: none;}
#menu_l a:hover{font: normal 12px Tahoma, sans-serif; color:  #000; text-decoration: none;}
#menu_l .cur a{font: bold 12px Tahoma, sans-serif; color: #248dc3; text-decoration: none;}
#menu_l .cur a:hover{font: bold 12px Tahoma, sans-serif; color: #1d709b; text-decoration: none;}


body.inner .txttext {
  margin: 0px 0 0 13px; $margin: 10px 0 0 221px; padding: 0 50px 0 20px;
  width:auto;
  /*background: url(bul3.png) 0 0 repeat-y;*/
  _border:1px solid #fff; 
}


.cat-bl h4 {
  margin: 0 0 5px 0;
  font-size: 12px;
}

.cat-bl{padding: 0; margin: 0;}

.cat-bl ul {
  margin: 0 0 5px 0;
  list-style: none;
}


.cat-bl ul li {
  line-height: 120%;
  margin: 0 0 5px 0;
  list-style: none;
}

.cat-bl ul li a {
  color: #248dc3;
  font-size: 16px;
  font-family: Tahoma;
}

#txt .cat-bl ul li a:hover, #txt a.href:hover {
  color: #1d709b;
}


.cat {
  margin: 0 0 10px 0;
}

.cat img {
  float: left;
  margin: 0 15px 0 0;
}

.cat h4 {
  margin: 9px 0 5px 0;
  font-size: 12px;
}


.news {
  margin: 0 0 20px 0;
}

.news img {
  float: left;
  margin: 0 10px 0 0;
  border: 1px solid #52CD0A;
} 
.news table td p img {
  float: none;
} 

.news em.data {
  font-style: normal; font-size: 16px;
  color: #A7A7A7;
}

.news strong.data {
  font-weight: normal;
}

.news h3 {
  margin: 0 20px 10px 0;
  font-size: 14px;
  float: left;
}

.news h4 {
  margin: 0 0 10px 0;
  font-size: 14px;
}

.news h4 a {
  color: #000;
}

.news div.addinf {
  float: left;
  width: 330px;
  font-size: 12px;
}

.news div.addinf p {
  font-size: 12px;
  margin: 0;
}

.news div.items ul li {
  line-height: 120%;
  margin: 0 0 5px 0;
}

.news a.ot {
  clear: both;
}


.dok-c {
  margin: 0 0 25px 0;
}

.dok-c h4 {
  margin: 0 0 5px 0;
  font-size: 14px;
}

.dok-c h4 a {
  color: #000;
}

.dok-c ul.lang {
  margin: 0 0 10px 0;
}

.dok-c ul.lang li {
  float: left;
  line-height: 120%;
  margin: 0 5px 5px 0;
}

.dok-c a.download {
  color: #156800;
}


a.href {
  font-size: 11px;
  color: #156800;
}


#asidebar {
  width: 300px;
  float: left;
  margin: 15px 0 0 0;
}


#side-nav li {
  font-size: 18px;
  line-height: 120%;
  border-top: 1px solid #F8F8F8; border-bottom: 1px solid #C0C0C0;
  background: #EBEBEB;
  padding: 9px 20px 7px;
}

#side-nav li.active {
  border: none;
  background: url(09.png) 0 0 no-repeat;
}

#side-nav li ul {
  margin: 13px 0 15px 0;
}

#side-nav li ul li {
  border: none;
  background: none;
  margin: 0 0 5px 0; padding: 0;
  font-size: 12px;
}

#side-nav li ul li.active {
  background: none;
}

#side-nav li ul li ul {
  margin: 2px 0 0 12px;
}

#side-nav li ul li ul li {
  margin: 0 0 2px 0;
}

#side-nav li a, #asidebar #side-nav li ul li.active a, #txt #asidebar #side-nav li ul li ul li.active a {
  color: #000;
  text-decoration: none;
}

#side-nav li.active a {
  color: #9E9E9E;
}

#side-nav li a:hover, #asidebar #side-nav li ul li.active a:hover, #txt #asidebar #side-nav li ul li ul li.active a:hover {
  color: #000;
  text-decoration: underline;
}

#asidebar #side-nav li ul li a, #txt #asidebar #side-nav li ul li ul li a {
  color: #248dc3;
  text-decoration: underline;
}

#asidebar #side-nav li ul li a:hover, #txt #asidebar #side-nav li ul li ul li a:hover {
  color: #1d709b;
}


form#filt {
  margin: 11px 0 0 22px;
  font-size: 12px;
}

form#filt h4 {
  margin: 0 0 7px 0;
  font-size: 11px;
  color: #48B62D;
}

form#filt strong {
  float: left;
  font-weight: normal;
  width: 80px;
  margin: 3px 0 0 0;
}

form#filt select {
  width: 156px;
}


#txt2 {
  /*background: url(bul3.png) 100% 0 repeat-y;*/
  margin: 0px 10px 0 0;
}


#txt table {
  margin: 0 0 15px 0; padding: 0;
  border-collapse: collapse;
  width: 100%;
  _width: 99%;
}

#txt table td {
/*  padding: 5px;
  border: 1px solid #51B909;*/
}

#txt table th {
  padding: 5px;
  border: 1px solid #51B909;
  background: #51B909;
  color: #fff;
}


#txt .kart ul.kk {
  float: right;
  width: 200px;
  margin: 15px 0 0 23px; padding: 0;
}

#txt .kart ul.kk li {
  margin: 0 5px 7px 0; padding: 0;
  border: none;
  background: none;
  float: left;
}

.kart ul.kk li strong {
  border: 1px solid #ABABAB;
  padding: 4px;
  display: block;
}

.kart .img {
  text-align: center;
}

.kart .img img {
  margin: 0 0 12px 0;
}

.kart ul {
  margin: 0 0 15px 0; padding: 0;
  list-style: none;
}

.kart li {
  background: url(bul7.png) 0 9px no-repeat;
  margin: 0 0 2px 0; padding: 0 0 0 12px;
}

#txt .kart .img ul.click li {
  display: inline;
  margin: 0 20px 0 0; padding: 0;
  background: none;
}

.kart h3 {
  margin: 25px 0 5px 0;
  font-size: 18px; font-weight: normal;
}


#abord {
  margin: 40px 224px 0 313px;
}

ul#tabs {
  position: relative; z-index: 10; top: 1px;
}

ul#tabs li {
  float: left; 
  width: 20%; _width: 19.9%; height: 101px;
  padding: 0;
  text-align: center;
  font-size: 11px;
  background: #fff; 
  position: relative; z-index: 10; 
}

ul#tabs li strong {
  display: block;
  padding: 15px 5px 20px;
}

ul#tabs li img {
  margin: 0 0 3px 0;
}

ul#tabs li.atab {
  background: url(11.png) 100% 0 no-repeat #EFEFEF; 
}

ul#tabs li.atab strong {
  background: url(10.png) 0 0 no-repeat 
}

ul#tabs li a {
  text-decoration: none;
}


.topp, .bott {
  height: 10px;
  background: url(12.png) 0 0 no-repeat;
  font-size: 0; line-height: 0;
}

.topp span, .bott span {
  float: right;
  width: 10px; height: 10px;
  background: url(12.png) 100% 0 no-repeat;
}

.bott {
  background: url(12.png) 0 100% no-repeat;
}

.bott span {
  background: url(12.png) 100% 100% no-repeat;
}


.ab-text {
  background: #EFEFEF;
  padding: 15px 17px 15px 12px;
}


#analog strong {
  float: left;
  width: 150px;
  margin: 3px 0 0 0;
}

#analog select {
  width: 65%;
}


#subscribe, #kontakt {
  margin: 0 0 0 50px;
}

#subscribe label, #kontakt label {
  float: left; 
}

#subscribe strong, #kontakt strong {
  float: left;
  width: 45px;
  font-size: 12px; font-weight: normal;
  margin: 2px 0 0 0;
}

#subscribe input.text, #kontakt input.text {
  border: 1px solid #68CD33;
  margin: 0 0 8px 0; padding: 0 0 0 5px;
  width: 150px; _width: 157px; height: 18px; _height: 20px;
}
#subscribe input.text{
	border:1px solid #bbbbbb;
}
#subscribe input.submit, #kontakt input.submit {
  background: #51C50A;
  border: none;
  color: #fff;
  font: bold 11px Tahoma, sans-serif;
  margin: 0 0 0 45px; padding: 3px 7px; $padding: 3px 0;
}


#kontakt label {
  $float: none;
}

#kontakt label.kod input.text {
  width: 50px;
  float: left;
  margin-right: 10px;
}

#kontakt strong.sob {
  clear: both;
  float: none;
  display: block;
  width: 100%;
  margin: 0 0 7px 0;
} 

#kontakt textarea {
  width: 195px; _width: 197px; height: 100px;
  border: 1px solid #51C50A;
  margin: 0 0 10px 0; padding: 0 0 0 5px;
}

#kontakt input.submit {
  margin: 0;
}


#cal {
  padding: 0 0 0 20px;
  text-align: center;
}

strong.calp, strong.calp a {
  color: #3B3A4C;
}

#txt table#caltable {
  margin: 10px auto;
  border: none;
  width: 197px;
}

#txt table#caltable tr, #txt table#caltable td, #txt table#caltable th {
  border: none;
  background: none;
  color: #3B3A4C;
  text-align: center; 
  padding: 2px;
}

#txt table#caltable th.hd, #txt table#caltable td.hd {
  color: #156800; 
}

table#caltable td a {
  color: #3B3A4C;
}


#txt address {
  font-style: normal;
}

#map {
  margin: 30px 0 0 0;
}

/*}}}*/


/*{{{ =Sidebar*/

#logo {
  margin: 31px 0 0 2px;
}


#nav {
  margin: 39px 0 0 0;
}

#nav li {
  font-size: 18px;
  margin: 0 0 6px 0;
  line-height: 120%;
}

#nav li ul li {
  font-size: 12px;
  margin: 3px 49px 0 0; $margin: 0 49px 0 0;
}

#nav li ul li strong {
  font-weight: normal;
  display: block;
  padding: 2px 14px 3px 13px;
}

#nav li ul li.active {
  background: url(05.png) 100% 0 no-repeat #f28901;
}

#nav li ul li.active strong {
  background: url(04.png) 0 0 no-repeat;
}

#nav li.active a {
  text-decoration: none;
  color: #248dc3;
}


#sidebar #nav li a {
  color: #248dc3;
  text-decoration: underline;
}

#sidebar #nav li ul li a {
  color: #248dc3;
  text-decoration: underline;
}

#sidebar #nav li ul li a:hover {
  color: #1d709b;
}

#sidebar #nav li ul li.active a {
  color: #fff;
  text-decoration: none;
}

#sidebar #nav li ul li.active a:hover {
  color: #fff;
  text-decoration: underline;
}
#sidebar #nav li.active a {
  color: #1d709b;
  text-decoration: underline;
}


#dil {
  margin: 80px 33px 0 19px;
  font-weight: bold; font-size: 12px;
  text-align: center;
}

#dil img {
  margin: 0 0 7px 0; 
}


#kn {
  margin: 45px 0 0 8px;
}

#kn li {
  width: 195px; height: 64px;
  text-align: center;
  line-height: 64px; 
  margin: 0 0px 16px 0;
  font-size: 18px;
}

#kn li#online {
  background: url(fon1.png) 0 0 no-repeat;
}

#kn li#servis {
  background: url(fon2.png) 0 0 no-repeat;
}

#kn li#dok {
  background: url(fon3.png) 0 0 no-repeat;
}

#kn a {
  text-decoration: none;
  color: #fff;
}

#kn a:hover {
  color: #fff;
  text-decoration: underline;
}

/*}}}*/


/*{{{ =Footer*/

#copy {
	height:94px;
	padding:9px 0 0 28px;
  min-width: 387px; _width: 415px; _height: 103px;
  float: left;
  font: 11px Arial, sans-serif;
  color: #fff;
  margin: 55px 0 0 0; 
  background: url(06.png) 100% 0 no-repeat;
}

#copy address {
  font-style: normal;
}


#dextra {
  margin: 105px 0 0 42px; padding: 0 0 0 32px;
  float: left; display: inline;
  font-size: 11px;
  background: url(bul2.png) 0 3px no-repeat;
}

#dextra a {
  color: #6D6D6D;
  text-decoration: none;
}

#dextra a strong {
  font-weight: normal;
  display: block;
  text-decoration: underline;
}


#bot-nav {
  width: 100%;
  position: absolute; top: 25px; left: 0;
}

#bot-nav li {
  float: left; _display: inline;
  margin: 0 0 0 13px;
  color: #747474;
  font-size: 12px;
  line-height: 120%;
}

#bot-nav li a {
  color: #747474;
  margin: 0 11px 0 0;
}

#bot-nav li a:hover {
  color: #000;
}

/* взято из другого проекта*/
#photo {
  width: 300px;
}

form#sel {
  margin: 0 0 30px 0;
}

form#sel select {
  width: 205px;
  float:left;
  margin: 0 10px 0 0;
}

#sel input.submit {
  border: none;
  ackground: #ABC2D4;
  background: #36AF18;
  margin: 1px 0 0 0; padding: 3px 10px; $padding: 3px 0;
  color:#FFF;
  olor: #4E4E4E;
  font: bold 11px Tahoma, sans-serif;
}

ul.fotki li {
  float: left;
  height: 50px;


ul.fotki li img {
  order: 1px solid #ABC2D4;
  border: 1px solid #36AF18;
}


#big #36AF18;
}

#big-photo h4 {
  margin: 0; $margin: -3px 0 0 0; padding: 5px 0;
  font-size: 13px;
  text-align: center;
  ackground: #ABC2D4; 
  background: #36AF18; 
}

#bigphotoname{
  color:#FFF;
}
/*}}}*/

#table td p{margin-bottom:0px;margin-top:5px;}
#table{clear: both; padding-top: 7px; width: 100%;  z-index: 10; padding-bottom: 30px; border: 0px; border: none; position: relative;}
#table td{border: 0px; padding: 0; border: none;}
#table .it{padding: 15px 0 5px 15px;}
#table .img{margin-right: 15px;}
#table .top{background: url(../pic/corn_bg.jpg) 0 0 repeat-x;}
#table .bottom{background: url(../pic/corn_bg.jpg) 0 100% repeat-x;}
#table .left{background: url(../pic/corn_bg.jpg) 0 0 repeat-y;}
#table .right{background: url(../pic/corn_bg.jpg) 100% 0 repeat-y;}
#table .item{padding: 0 0 15px 0;}
#table .descr{font: 12px Tahoma, sans-serif; color: #000;}
#table a{font: bold 12px Tahoma, sans-serif; color: #f28901;}
#table .title{font: bold 12px Tahoma, sans-serif; color: #656565; position: absolute; left: 15px; top: 0px; background-color: #fff; padding: 0 10px 0 10px;}
#table .deyat{float: left; width: 41%; padding-top: 25px;}
#table .deyat ul{padding: 0 0 0 5px; margin: 0; list-style: none;}
#table .deyat li{padding: 0; margin: 0;}
#table .deyat img{margin-right: 8px;}
#table .region{ padding-top: 25px;}
#table .region ul{padding: 0px; margin: 0 0 0 20px; list-style: square;}
#tablist-style: square;}
#table .region li{padding: 0; margin: 0;}
#table .prod {padding: 25px 0 0 15px; margin: 0; list- list-style: square;}
#table .region li{padding: 0; margin: 0;}
#table .prod {padding: 25px 0 0 15px; margin: 0; list-style: square;}

/*.select{padding: 0 0 30px 0;}*/

.select{padding:10px 0 30px;}
.select select{font:bold 11px Tahoma, sans-serif; color: #000;width:170px;}
.select a{font: 11px Tahoma, sans-serif;}

#doc span{padding: 0 8px 0 0;}
#doc td{border-top: 1px solid #e6e6e6; padding: 5px 0 10px 0;}
#doc .nobord{border-top: none;}
#doc .left_bord{border-left: 1px solid #e6e6e6; padding-left: 15px;}

#kroshka{padding: 0 0 0 15px;}
#kroshka span{font: normal 10px Tahoma, sans-serif; color: #f28901;}
#kroshka a{font: normal 10px Tahoma, sans-serif; color: #f28901;}
#kroshka a:hover{color: #ca770b;}

#navig{text-align: center;}
#navig div{width: 16%; float: left;}
#navig a{font: normal 10px Tahoma, sans-serif; color: #248dc3; text-decoration: none;}
#navig a:hover{color: #1d709b;}

#cardofproduct .th{font: bold 12px Tahoma, sans-serif; color: #FFF; border-right: 1px solid #FFF; background-color: #248dc3; padding: 0 0 0 13px; height: 30px; text-align: left;}
#cardofproduct td{font: normal 12px Tahoma, sans-serif; color: #000; border-right: 1px solid #FFF; padding: 0 0 0 13px; height: 30px;}
#cardofproduct .bg{background-color: #e5e5e5;}

.vsp{margin:-180px 0 0 0;position: absolute; top: 0; left: 20px; background-color: #eeeeee; border-bottom: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; width: 380px; padding: 15px 20px 15px 20px;}

#cal{padding: 10px 15px 0 15px; margin: 0;}
#cal{color: #372b00; font: normal 12px Tahoma, sans-serif;}
#cal td{padding: 2px 0px 2px 0; margin: 0;}
#cal a{color: #248dc3; font: normal 12px Tahoma, sans-serif;}
#cal a:hover{color: #1d709b; font: normal 12px Tahoma, sans-serif;}
#cal .cur{border: 2px solid #68cd33;} 
#cal .month{color: #248dc3; font: normal 18px Tahoma, sans-serif; white-space:nowrap; display: block; text-align: center; padding: 10px 0 5px 0;}
#cal .month a{color: #248dc3; font: normal 18px Tahoma, sans-serif;}
#cal .month a:hover{color: #1d709b;}

body.inner .txttext ul#map-ul{
	width:200px;
	margin:13px auto;
	_margin:13px 0 0 40%;
}


#content_text{
	
}