@import "/reset.css";
html, body, div, span, p, table, th, td, a { font-size: 12px; line-height: 16px; color: #000000; text-align: justify; }
em { font-style: italic; }

p { margin-bottom: 5px; }
.linktitle { margin: 7px 0px; }

.linktitle a,
.linktitle a:link,
a.linktitle,
a:link.linktitle { font-size: 14px; color: #007838; font-weight: bold; text-decoration: none; }

.polosa { background: url('/files/Image/tpl/h1bg.jpg') left top no-repeat; padding: 9px 5px 0px 15px; height: 32px; }
.polosa_yellow { background: url('/files/Image/tpl/polosa_yellow.png') left top no-repeat; padding: 9px 5px 0px 15px; height: 32px; }
.polosa_grey { background: url('/files/Image/tpl/polosa_grey.png') left top no-repeat; padding: 9px 5px 0px 15px; height: 32px; }
.polosa_green { background: url('/files/Image/tpl/polosa_green.png') left top no-repeat; padding: 9px 5px 0px 15px; height: 32px; }
.polosa_yellow,
.polosa_grey,
.polosa_green,
h1.polosa_yellow,
h1.polosa_grey,
h1.polosa_green,
h2.polosa_yellow,
h2.polosa_grey,
h2.polosa_green,
h3.polosa_yellow,
h3.polosa_grey,
h3.polosa_green,
a.polosa_yellow,
a.polosa_grey,
a.polosa_green,
a:link.polosa_yellow,
a:link.polosa_grey,
a:link.polosa_green,
.polosa_yellow a,
.polosa_grey a,
.polosa_green a,
.polosa_yellow a:link,
.polosa_grey a:link,
.polosa_green a:link { font-size: 14px; text-transform: uppercase; color: #007838; font-weight: bold; }

.polosa a, .polosa a:link { color: #007838; font-size: 16px; font-weight: bold; text-transform: none; text-decoration: none; }
.polosa a:hover { text-decoration: underline; }

.microgallerycontainer { vertical-align:top; text-align: center; }
.microgallerycontainer img { border: 0px; margin-right: 5px; }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #007838; padding: 5px; opacity: 0.85; width: 300px;  color: #ffffff; }
#tooltip h3 { margin: 0; font-weight: bold; color: #ffffff; }
#tooltip div { margin: 0;  color: #ffffff; }

#container { background-color: #f8c300; }

#lang { position: absolute; top: 20px; right: 20px; width: 110px; height: 48px; }

#header { padding-top: 10px; height: 240px; background: #f8c300 url('/files/Image/tpl/shapka2.gif') left bottom no-repeat; }
#header .col1 { padding-left: 325px; width: 375px; float: left; }
#header .col1 h1 { text-align: center; font-size: 30px; text-transform: uppercase; font-weight: bold; color: #007838; letter-spacing: 1px; }
#header .col1 h2 { text-align: center; font-size: 20px; text-transform: uppercase; font-weight: bold; color: #007838; letter-spacing: 1px; }
#header .col1 h3 { text-align: center; font-size: 14px; text-transform: uppercase; font-weight: bold; color: #007838; }
#header .col2 { margin-left: 800px; width: auto;  }

#menu { background: #007838 url('/files/Image/tpl/hmenubg.jpg') top left repeat-x; padding: 0px 20px; }

#body { background-color: #ffffff; width: 100%; }
#body h1{ color: #007838; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#body h2 { color: #007838; font-size: 14px; text-transform: uppercase; font-weight: bold; }

#body .col1 { width: 290px; background: #f8c300 url('/files/Image/tpl/header.png') -1100px bottom no-repeat; padding: 0px 0px 220px 0px; color: #ffffff; vertical-align: top; }
#body .col1 h1, #body .col1 h2 { background: #007838 url('/files/Image/tpl/leftmenubg.jpg') right top no-repeat; padding: 4px 5px; height: 18px; color: #ffffff; margin-top: 10px; vertical-align: top; }

.prodpreviewheader { background: #007838 url('/files/Image/tpl/ico_dark.jpg') 10px 5px no-repeat; padding-left: 33px; }
.prodpreviewheader h2 { padding: 5px; color: #ffffff; cursor: pointer; }
.prodpreviewheader h2 a { color: #ffffff; text-decoration: none; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.prodpreviewcontainer { padding: 5px 5px 5px 35px; display: block;  background-color: #fde600; }
.prodpreviewcontainer a { font-size: 12px; font-weight: bold; text-decoration: none; color: #000000; height: auto; }
.prodpreviewcontainer a:hover { color: #111111; text-decoration: underline; }

.newspreviews { padding: 2px 5px; }
.newspreviews img { display:none; }
.newspreviews div { text-align: justify; }
.newspreviews .polosa { background-color: transparent;  background: none; padding: 0px; color: #000000; height: auto; }
.newspreviews .polosa a, .newspreviews .polosa a:link { font-size: 12px; font-weight: bold; text-transform: none; text-decoration: none; color: #000000; height: auto; }
.newspreviews .polosa a:hover { color: #111111; text-decoration: underline; }


#body .col2 { width: auto; padding: 10px 20px; }

#zku { width: 600px; height: 454px; background: url('/files/Image/zku.png') center center no-repeat; margin: auto; }
#zku span { color: #333333; letter-spacing: 1px; font-size: 11px; }
#zku a, #zku a:link { font-size: 11px; color: #333333; text-decoration: none; font-weight: bold; }
#zku a:hover { text-decoration: underline;}
#zku .volyn { position: relative; top: 80px; left: 75px; }
#zku .rivno { position: relative; top: 95px; left: 75px; }
#zku .zhitomir { position: relative; top: 115px; left: 50px; }
#zku .kyiv { position: relative; top: 145px;  left: 50px; }
#zku .chernihiv { position: relative; top: 100px;  left: 20px; }
#zku .sumy { position: relative; top: 110px;  left: 30px; }
#zku .kharkiv { position: relative; top: 165px;  left: 50px; }
#zku .lugansk { position: relative; top: 180px;  left: 55px; }
#zku .lviv { position: relative; top: 140px;  left: 40px; }
#zku .ternopil { position: relative; top: 170px;  left: 25px; }
#zku .khmelnytsk { position: relative; top: 140px; left: -10px; }
#zku .vinnytsya { position: relative; top: 200px; left: -50px; }
#zku .cherkassy { position: relative; top: 180px; left: -20px; }
#zku .poltava { position: relative; top: 150px; left: -20px; }
#zku .zakarpat { position: relative; top: 185px; left: 15px; }
#zku .if { position: relative; top: 170px; left: -30px; }
#zku .chernivtsi { position: relative; top: 198px; left: -100px; }
#zku .kirovograd { position: relative; top: 205px; left: -20px; }
#zku .dnipropetrovsk { position: relative; top: 200px; left: -10px; }
#zku .donetsk { position: relative; top: 220px; left: -42px; }
#zku .odesa { position: relative; top: 250px; left: 255px; }
#zku .mykolaiv { position: relative; top: 230px; left: 240px; }
#zku .kherson { position: relative; top: 280px; left: 210px; }
#zku .zaporiga { position: relative; top: 240px; left: 215px; }
#zku .krym { position: relative; top: 330px; left: 400px; }

#ukrmap { width: 600px; height: 454px; background: url('/files/Image/zku.png') center center no-repeat; margin: auto; }
#ukrmap span { color: #333333; letter-spacing: 1px; font-size: 11px; cursor: pointer; }
#ukrmap span.bold { font-weight: bold; }
#ukrmap .volyn { position: relative; top: 80px; left: 70px; }
#ukrmap .rivno { position: relative; top: 95px; left: 65px; }
#ukrmap .zhitomir { position: relative; top: 115px; left: 40px; }
#ukrmap .kyiv { position: relative; top: 145px;  left: 20px; }
#ukrmap .chernihiv { position: relative; top: 100px;  }
#ukrmap .sumy { position: relative; top: 110px;  left: 10px; }
#ukrmap .kharkiv { position: relative; top: 165px;  left: 20px; }
#ukrmap .lugansk { position: relative; top: 180px;  left: 25px; }
#ukrmap .lviv { position: relative; top: 140px;  left: 40px; }
#ukrmap .ternopil { position: relative; top: 170px;  left: 25px; }
#ukrmap .khmelnytsk { position: relative; top: 140px; left: -20px; }
#ukrmap .vinnytsya { position: relative; top: 200px; left: -70px; }
#ukrmap .cherkassy { position: relative; top: 180px; left: -50px; }
#ukrmap .poltava { position: relative; top: 150px; left: -50px; }
#ukrmap .zakarpat { position: relative; top: 185px; left: 15px; }
#ukrmap .if { position: relative; top: 170px; left: -30px; }
#ukrmap .chernivtsi { position: relative; top: 198px; left: -100px; }
#ukrmap .kirovograd { position: relative; top: 205px; left: -80px; }
#ukrmap .dnipropetrovsk { position: relative; top: 200px; left: -90px; }
#ukrmap .donetsk { position: relative; top: 200px; left: 500px; }
#ukrmap .odesa { position: relative; top: 250px; left: 255px; }
#ukrmap .mykolaiv { position: relative; top: 210px; left: 220px; }
#ukrmap .kherson { position: relative; top: 260px; left: 200px; }
#ukrmap .zaporiga { position: relative; top: 220px; left: 200px; }
#ukrmap .krym { position: relative; top: 310px; left: 400px; }

#footer { background-color: #007838; padding: 10px 20px; text-align: center; color: #ffffff; font-size: 10px; }
#footer a { color: #ffffff; font-size: 10px; }

.clear { margin: 0px; padding: 0px; height: 0px; width: 0px; clear: both; }

.feedbacktable { width: 500px; }
.feedbacktable td { padding: 1px 3px; vertical-align: top; }
.feedbacktable .field { width: 150px; }
.feedbacktable .input { width: 350px; }

.pricelist table { border: 1px solid black; border-collapse: collapse; margin: auto; margin-top: 20px; }
.pricelist table th { text-align: center; vertical-align: top; padding: 2px; background-color: #cccccc; border: 1px solid black; font-weight: bold; }
.pricelist table td { text-align: left; vertical-align: top; padding: 2px 5px; border: 1px solid black; }
.pricelist table th.pricelisttitle { font-size: 16px; text-align: left; padding: 5px 15px; }

.zrprod { border: 1px solid black; border-collapse: collapse; margin: 10px auto; width: 100%; }
.zrprod th { text-align: center; vertical-align: middle; padding: 2px; background-color: #eeeeee; border: 1px solid black; font-weight: bold; }
.zrprod td { text-align: center; vertical-align: middle; padding: 2px; border: 1px solid black; }

#body .poliv { width: 175px; height: 150px; text-align:center; float: left; margin: 10px; }
#body .poliv h1 { font-weight: bold; font-size: 11px; text-transform: none; color: #000000; margin-bottom: 5px; }
#body .poliv h2 { font-weight: normal; font-size: 10px; text-transform: none; color: #000000; text-align: right; }

#action { padding: 0px 0px 20px 20px; overflow: hidden; float: right; width: 200px; background-color: #ffffff; }
#action .title { background-color: #007838; color: #ffffff; text-align: center; font-size: 14px; font-weight: bold; padding: 5px; }
#action .container { padding: 5px; border: 1px solid #007838; }

#proditemscontainer { margin-left: 20px; }

.price td { padding: 2px 5px 2px 0px; }
.price strong { color: #007838; text-transform: none; font-weight: bold; }

#anketadialog p { font-size: 12px; line-height: 1.2; margin: 0px; padding: 0px; margin-bottom: 3px; }
#anketadialog input { font-size: 12px; line-height: 1; padding: 0px; margin: 1px 0px; height: 14px; }
.anketa_page1 { background: url('/files/Image/anketa_page1.jpg') center center no-repeat; height: 450px; width: 474px; padding: 250px 10px 5px 10px; }
.anketa_page2 { background: url('/files/Image/anketa_page2.jpg') center center no-repeat; height: 580px; width: 474px; padding: 120px 10px 5px 10px; }