body{
	margin:0px;
	padding:0px 0px 12px;
	font-family:Arial;
	font-size:12px;
	color:#696969;
}
.clear{
	clear:both;
	font-size:1px;
	line-height:1px;
}
a img{
	border:0px;
}
p{
	margin:0px 0px 8px;
	padding:0px;
}

form{
	margin:0px;
	padding:0px;
}
#container{
	width:998px;
	text-align:left;
	margin:0px auto;
	position:relative;
	padding-top:21px;
}
#header{
	height:47px;
}
#header a.logo{
	position:absolute;
	margin-top: 21px;
	margin-left:54px;
}
#header div.icons{
	float:right;
	padding:26px 34px 0px
}
#header div.icons a{
	float:left;
	display:block;
	margin-left:14px;
	width:16px;
	height:23px;
	background-repeat:no-repeat;
	text-indent:-9999px;
	background:left bottom;
	overflow:hidden;
}
#header div.icons a.ico1{
	background-image:url(grafika/ico1.png);
}
#header div.icons a.ico2{
	background-image:url(grafika/ico2.png);	
}
#header div.icons a.ico3{
	background-image:url(grafika/ico3.png);	
}
div.shadow{
	background-image:url(grafika/p.png);
	margin-bottom:13px;	
	
}
div.p1{
	background-image:url(grafika/p1.png);
	
}

#flash_g{
	padding:2px 2px 9px 0px;
	background-image:url(grafika/back_flash.gif);
	background-repeat:repeat-x;
	margin:0px 10px 0px 9px;
}
div.shadow_pad{
	padding:10px;
}
div.shadow div.news{
	background:#ffffff;
	padding:18px 23px 18px 264px;
	background-repeat:no-repeat;
	
}
div.shadow div.news1{
	background-image:url(grafika/nowosci.gif);
	background-position:117px 55px;
}
div.shadow div.news2{
	background-image:url(grafika/wydarzenia.gif);
	background-position:82px 62px;
}
div.shadow div.flag{
	width:139px;
	height:137px;
	background-image:url(grafika/new.png);
	background-repeat:no-repeat;
	position:absolute;
	margin-top:-10px;
	margin-left:-10px;
}
div.shadow div.content{
	background-repeat:repeat-y;	
	padding-left:31px;
	background-image:url(grafika/news_lines.gif);
}
div.shadow div.content img.foto{
	margin-right:56px;
	display:block;
	float:left;
}
div.shadow div.content div.text{
	width:440px;
	float:left;
}
.right{
	text-align:right;
}

div.footer{
	padding:22px 25px;
	float:right;
}
div.footer img{
	vertical-align:middle;
	margin-right:31px;
}
div.footer a{
	color:#C2E2A1;
	text-decoration:none;
	font-size:10px;
}
div.footer a:hover{
	color:#ffffff;
	
}
ul.menu_footer{
	padding:26px 25px;	
}
ul.menu_footer li{
	float:left;
	padding-right:8px;
	margin-right:8px;
	background-repeat:no-repeat;
	background-position:right 50%;
	background-image:url(grafika/kreska.gif);
}
ul.menu_footer li a{
	color:#C2E2A1;
	text-decoration:none;
}
ul.menu_footer li a:hover, ul.menu_footer li a.active{
	color:#ffffff;
	
}
ul.menu_footer li.last{
	padding-right:0px;
	margin-right:0px;
	background:none;
}

ul.menu_top{
	float:right;
	padding-right:10px;
}
ul.menu_top li{
	float:left;
}
ul.menu_top li a{
	display:block;
	height:44px;
	background-image:url(grafika/menu.jpg);
	text-indent:-9999px;
	overflow:hidden;
}
ul.menu_top li a.m1{
	width:139px;
	background-position:0px 44px;
}
ul.menu_top li a.m1active,ul.menu_top li a.m1:hover{
	width:139px;
	background-position:0px 0px;
}
ul.menu_top li a.m2{
	width:86px;
	background-position:-139px 44px;
}
ul.menu_top li a.m2active,ul.menu_top li a.m2:hover{
	width:86px;
	background-position:-139px 0px;
}
ul.menu_top li a.m3{
	width:83px;
	background-position:-225px 44px;
}
ul.menu_top li a.m3active,ul.menu_top li a.m3:hover{
	width:83px;
	background-position:-225px 0px;
}
ul.menu_top li a.m4{
	width:133px;
	background-position:-308px 44px;
}
ul.menu_top li a.m4active,ul.menu_top li a.m4:hover{
	width:133px;
	background-position:-308px 0px;
}
ul.menu_top li a.m5{
	width:113px;
	background-position:-441px 44px;
}
ul.menu_top li a.m5active,ul.menu_top li a.m5:hover{
	width:113px;
	background-position:-441px 0px;
}
ul.menu_top li a.m6{
	width:96px;
	background-position:-554px 44px;
}
ul.menu_top li a.m6active,ul.menu_top li a.m6:hover{
	width:96px;
	background-position:-554px 0px;
}
img.top{
	border:8px solid #ffffff;
	margin:0px 10px 10px;
}
#modules{
	background:#ffffff;
	padding:10px 10px 28px;
	margin-bottom:13px;	
}
#left{
	float:left;
	width:210px;
	margin-right:27px;
	padding-top:64px;
}
#left form{
	background:#f8f8f8;
	padding:17px;
}
#right{
	float:left;
	width:728px;
	padding-top:18px;
}
h1{
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	color:#5C5B5B;
	padding:0px;
	margin:0px 0px 20px;
}
#left p{
	font-size:11px;
	font-weight:bold;
	padding-left:14px;
}
#left form img{
	margin-bottom:14px;
	display:block;
}
#left input.text{
	width:160px;
	border:0px;
	background:#D9D9D9;
	display:block;
	margin-bottom:10px;
	font-family:Arial;
	font-size:11px;
	color:#636363;
	padding:4px 7px;
}
#left textarea.text{
	width:160px;
	height:86px;
	border:0px;
	background:#D9D9D9;
	display:block;
	margin-bottom:10px;
	font-family:Arial;
	font-size:11px;
	color:#636363;
	padding:4px 7px;
}
#kategorie{
	padding-top:12px;
}
#kategorie div.kategoria{
	padding-bottom:12px;
	background-repeat:repeat-x;
	background-position:left bottom;
	margin-bottom:12px;
	padding-left:3px;
	padding-right:3px;
	background-image:url('grafika/linia.gif');
}
#kategorie div.kategoria h2{
	font-size:15px;
	font-weight:bold;
	color:#969696;
	padding:0px;
	margin:0px;
}
#kategorie div.kategoria a.show,#kategorie div.kategoria a.hide{
	font-size:12px;
	font-weight:bold;
	color:#6BAD23;
	float:right;
	padding-right:20px;
	background-image:url('grafika/s1.gif');
	background-repeat:no-repeat;
	background-position:right 50%;
	text-decoration:none;
	background-image:url('grafika/s2.gif');
}
#kategorie div.kategoria a.show:hover, #kategorie div.kategoria a.hide:hover{
	text-decoration:underline;
}
#kategorie div.kategoria a.hide{
}

#kategorie div.fotos{
	width:510px;
	float:left;
	padding-top:18px;
}
#kategorie div.fotos div.prod{
	width:146px;
	float:left;		
	margin-bottom:14px;
	margin-right:22px;
	}
#kategorie div.fotos div.frame{
	width:146px;
	height:111px;
	background-image:url('grafika/foto_frame.gif');
	background-repeat:no-repeat;
	margin-bottom:12px;
	
}
#kategorie div.fotos div.prod p{
	color:#696969;
}
#kategorie div.fotos div.frame a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:146px;
	height:111px;
	background-repeat:no-repeat;
	background-position:50% 50%;
}
#kategorie div.files{
	width:200px;
	float:left;
	padding-top:30px;
}
#kategorie div.file{
	text-align:center;
	margin-bottom:30px;
}

#kategorie div.file a{
	display:block;
	margin-bottom:15px;
	
}
ul.menu_sub{
	position:absolute;
	margin:8px 18px;
	padding:15px 0px;
	background-image:url(grafika/p3.png);
	width:962px;
}
ul.menu_sub li{
	float:left;
	margin-right:8px;
	padding-right:8px;
	background-image:url(grafika/kreska2.gif);
	background-repeat:no-repeat;
	background-position:right 50%;
}
ul.menu_sub li a{
	text-decoration:none;
	color:#6BAD23;
	font-weight:bold;
}
ul.menu_sub li a:hover,ul.menu_sub li a.active{
	color:#6D6E6B;
}
ul.menu_sub li.first{
	padding-left:18px;
}
ul.menu_sub li.last{
	background  :none;
}
table{
	border-collapse:collapse;
	border-style:solid;
	border:0px;
}
table td{
	border-bottom:1px solid #F2F2F2;
	border-right:1px solid #F2F2F2;
	border-left:1px solid #F2F2F2;
	padding:6px 0px;
}
table th{
	background:#F2F2F2;
	font-weight:bold;
	text-align:center;
	padding:8px 0px;
}
table th p{
	padding:0px;
	margin:0px;
}
#right ul{
	margin:10px;

}
#right ul li{
	list-style:square;
	padding-left:6px;
	margin-left:12px;
}
#list{
background-position:left bottom;
background-repeat:repeat-x;
padding-bottom:10px;
}
#right a{
	color:#6BAD23;
	text-decoration:none;
}
#map{
	padding:20px;
}

/* ======== PBN-SEKCJE ========
   Glavnaja v 2019 svelas k zaglushke s perehodom k partnjoru.
   Kartochki dajut vhod v razdely s pervogo ekrana.
   Palitra i shrift - te zhe, chto na sajte. */
.sekcje-mrizka {
  width: 962px;
  margin: 18px auto 24px;
  padding: 22px 24px;
  box-sizing: border-box;
  background: #ffffff;
  display: flex;
  flex-wrap: wrap;
  gap: 20px 24px;
}
.sekcja-karta {
  width: 288px;
  box-sizing: border-box;
}
.sekcja-foto {
  display: block;
  width: 100%;
  /* Foto razdelov raznyh proporcij - bez edinoj vysoty zagolovki
     vstajut na raznyh urovnjah. cover obrezaet kadr po centru. */
  height: 132px;
  object-fit: cover;
  margin-bottom: 10px;
  border: 1px solid #D9D9D9;
}
.sekcja-karta h2 {
  margin: 0 0 6px;
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
}
.sekcja-karta h2 a {
  color: #6BAD23;
  text-decoration: none;
}
.sekcja-karta h2 a:hover {
  text-decoration: underline;
}
.sekcja-karta p {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #636363;
}


/* ======== PBN-VYRAVNIVANIE ========
   U dvuh kartochek iz shesti foto net: podhodjashchih kadrov v arhive ne
   sohranilosj, a rastjagivatj miniatjuru 140 px na 289 px - vidimoe mylo.
   Rezerviruem mesto pod foto u vseh kartochek odinakovo, chtoby zagolovki
   rjada stojali na odnoj linii. Probovali subgrid, chtoby ubratj rezerv u
   bezfotovyh - kartochka iz trjoh elementov v dve dorozhki ne lozhitsja,
   zagolovok i abzac nalozhilisj. Rezerv nadjozhnee. */
.sekcje-mrizka {
  align-items: start;
}
.sekcja-karta {
  display: flex;
  flex-direction: column;
}
/* 132 px kartinka + 1 px ramka sverhu i snizu + 10 px otstup. */
.sekcja-karta::before {
  content: "";
  display: block;
  height: 144px;
}
.sekcja-karta .sekcja-foto {
  margin-top: -144px;
}


/* ======== PBN-PUSTOTY ========
   Kartinki tovarov v arhive ne sohranilis (imena generirovalis
   dvizhkom na ljotu). Kontejnery s zadannoj vysotoj ostalis pustymi
   i dajut zijajushchie provaly. Schlopyvaem ih - razmetku ne trogaem,
   chtoby ne slomat makiet. */
.flag:empty,
.mbCenter:empty {
  display: none;
}
/* Kontejner galerei bez soderzhimogo tozhe ne dolzhen derzhat vysotu. */
.mbCenter {
  min-height: 0;
  height: auto;
}


/* ======== PBN-GLAVNAJA: VSTUP I KLIENTY ========
   Glavnaja v arhive byla pustoj vsegda: shapka, Flash-banner partnjora
   i futer (vse snimki 1.6-2.5 KB). Banner ubran, i stranica ostalasj
   sovsem bez soderzhanija - odni kartochki razdelov.
   Dobavleny dva bloka iz tekstov SAMOGO sajta: vvodnyj abzac so
   stranicy 'O firmie' i spisok klientov so stranicy 'Doswiadczenie'.
   Palitra, shrift i belaja plashka - te zhe, chto v ostalnom makete. */
.vstup,
.klienci {
  width: 962px;
  margin: 13px auto;
  padding: 24px;
  box-sizing: border-box;
  background: #ffffff;
}
.vstup h2,
.klienci h2 {
  margin: 0 0 12px;
  font-family: Arial, sans-serif;
  font-size: 17px;
  font-weight: bold;
  color: #5C5B5B;       /* tot zhe seryj, chto u h1 - odna stupenj ierarhii */
}
.vstup p {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.6;
  color: #636363;
  /* Na vsju shirinu 962 px stroka dala by 144 simvola - vdvoe vyshe
     potolka chitaemosti. Derzhim okolo 75. */
  max-width: 62em;
  text-align: justify;
}
.vstup strong {
  color: #5C5B5B;
}

/* Klienty: tri imeni v rjad, a ne stolbikom iz trjoh abzacev,
   kak oni lezhat na ishodnoj stranice 'Doswiadczenie'. */
.klienci-wstep {
  margin: 0 0 14px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #636363;
}
.klienci-lista {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 40px;
}
.klienci-lista li {
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #6BAD23;       /* firmennyj zeljonyj - edinstvennyj akcent */
}
.klienci-wiecej {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
}
.klienci-wiecej a {
  color: #6BAD23;
  text-decoration: none;
}
.klienci-wiecej a:hover {
  text-decoration: underline;
}

/* ======== PBN-KARTOCHKI: PRAVKI PO ZAMERAM ========
   1. Foto vylezalo za kartochku na 1.33 px: width:100% + border:1px
      pri content-box davali 289.33 px v kartochke 288 px - pravyj kraj
      kadra ne sovpadal s kraem teksta pod nim.
   2. Dve kartochki bez foto (podhodjashchih kadrov v arhive net, a
      miniatjura 140 px na 289 px - vidimoe mylo) ostavljali beluju
      dyru 288x144. Zapolnjaem rezerv ploskoj firmennoj plashkoj:
      vyravnivanie zagolovkov sohranjaetsja, a dyra perestajot bytj
      samym zametnym elementom stranicy. */
.sekcja-foto {
  box-sizing: border-box;
}
/* Vse shestj kartochek teper s foto: dva nedostajushchih kadra sobrany
   iz sobstvennogo materiala sajta (rodnaja miniatjura razdela i fragment
   foto-polosy shapki). Zaglushka ubrana - rezerv vysoty prosto derzhit
   zagolovki rjada na odnoj linii. */

/* ======== PBN-GLAVNAJA: PLASHKA ZAGOLOVKA ========
   Na vnutrennih stranicah pod h1 idjot tekst, i otstupy #modules
   (padding-bottom:28px) i h1 (margin-bottom:20px) nuzhny. Na glavnoj
   pod zagolovkom net nichego - poluchalasj polosa 70 px chistoj
   pustoty, kotoraja pervoj perehvatyvala vzgljad.
   Szhimaem plashku TOLKO na glavnoj: na drugih stranicah pravilo ne
   srabotaet, potomu chto tam v #modules lezhit #right s tekstom. */
body.glavnaja #modules {
  padding: 10px 10px 12px;
}
body.glavnaja #modules h1 {
  margin-bottom: 0;
}

/* ======== PBN-SPISOK MODELEJ ========
   Nazvanija modelej (FIT, REA, TRITO, EVO, PROJEKT I-III, Szafa z frontem
   przestrzennym i dr.) byli podpisjami pod foto. Foto v arhiv ne popali, i
   pri udalenii bityh kartochek podpisi propali vmeste s nimi. Foto vernutj
   nelzja, a nazvanija - eto tekst, i on v arhive est: stavim ih spiskom,
   chtoby stranica snova nazyvala nomenklaturu. */
.modele-zagolovok {
  margin: 0 0 10px;
  font-family: Arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  color: #969696;
}
ul.modele {
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 28px;
}
ul.modele li {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #6BAD23;
}

/* ======== PBN-SPISOK NA /projektowanie_wnetrz ========
   V rodnom CSS est pravilo '#right ul li { list-style: square }' -
   kvadratnye markery u kontentnyh spiskov. No na etoj stranice spisok
   lezhit ne v #right, a v #text vnutri #flash_g (ta zhe strukturnaja
   osobennost, iz-za kotoroj zdes ranshe lomalosj podmenju), i pravilo
   do nego ne dostajot: 12 punktov 'Wykonujemy' shli bez markerov,
   prizhatye k kraju, i chitalisj kak sploshnoj tekst.
   Rasprostranjaem rodnoe oformlenie na #text - te zhe znachenija. */
#text ul:not([class]) li {
  list-style: square;
  padding-left: 6px;
  margin-left: 12px;
}

/* ======== PBN-PODMENJU: DVE STROKI ========
   10 punktov ne vlezajut v 962 px: poslednij ('wykładziny') perenositsja
   na vtoruju stroku i ujezzhaet vlevo za beluju plashku, a 'ścianki'
   vylezaet za pravyj kraj (x=999 pri kontejnere 962).
   Eto ne moja polomka - rodnoj defekt: do 2013 razdelov bylo 9 i oni
   umeschalisj v stroku; v 2015 dobavili 'wykładziny', i s teh por menju
   perenosilos. Ispravljaem, sohranjaja oformlenie:
   - flex s perenosom vmesto float - punkty ne vylezajut za kraj;
   - belyj fon polosy tjanetsja pod obe stroki (p3.png - odin piksel,
     on ne rastjagivaetsja po vysote pri perenose);
   - polosa ostajotsja absolute, chtoby ne sdvigatj zagolovok stranicy. */
ul.menu_sub {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 0;
  box-sizing: border-box;
  padding: 12px 18px;
  margin: 8px 18px;
  background-color: rgba(255, 255, 255, 0.94);
  background-image: none;
}
ul.menu_sub li {
  float: none;
}
/* Pervyj punkt uzhe ne nuzhdaetsja v otdelnom levom otstupe:
   ego daet padding samoj polosy. */
ul.menu_sub li.first {
  padding-left: 0;
}


/* Spisok klientov na /doswiadczenie - 39 nazvanij, v dve kolonki,
   chtoby stranica ne rastyagivalas na ekran v vysotu.
   width/box-sizing obyazatelny: bez nih kolonki rastyagivali spisok
   za konteyner (728px -> 962px) i davali gorizontalnyj skroll. */
ul.klienci {
	margin: 10px 0 0;
	padding: 0 0 0 18px;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	columns: 2;
	column-gap: 28px;
	list-style-type: disc;
}
ul.klienci li {
	padding: 3px 0;
	break-inside: avoid;
	list-style-type: disc;
}
@media (max-width: 640px) {
	ul.klienci { columns: 1; }
}


/* Polosa podmenju teper v dve stroki (10 razdelov ne vlezajut v odnu),
   i pri position:absolute ejo nizhnjaja stroka nakryvala zagolovok.
   Otodvigaem zagolovok razdela vniz na vysotu polosy. Znachenie
   schitano po zamerу: polosa 58 px + 8 px verhnij margin = 66 px,
   plus rodnoj otstup #modules 10 px. */
#right h1,
#modules > h1 {
  margin-top: 0;
}
/* Otstup tolko tam, gde nad zagolovkom realno visit polosa podmenju. */
#container:has(ul.menu_sub) #modules > h1,
#container:has(ul.menu_sub) #right h1 {
  margin-top: 56px;
}