@CHARSET "UTF-8";

@font-face {
	font-family: 'HelveticaRegular';
	src: url('../fonts/helvetica.eot');
	src: local('Helvetica Regular'), local('Helvetica'), url('../fonts/helvetica.ttf') format('truetype');
}

html, body{ width: 100%; height: 100%; background: #232527;	color: #353638;	margin: 0;	padding: 0;	text-align: center;	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal;}

a {text-decoration: none; color: #353638; font-style: normal;}
a.sel,a:hover { color: #353638; }
a:focus {outline: none;}
ol,ul {padding-left: 30px;}
.clear{  clear: both;  display: block;  width: 0px;  height: 0px; }
html{overflow-y: auto; overflow-x: hidden;}
p {padding: 0px; margin: 1em 0px;} 
html, div, map, dt, isindex, form {display:block;}
fieldset { display: block; border: 0px none; margin: 0px; padding: 0px;}


#site { width: 980px;  margin: 0px auto; position: relative; clear: both; }
#content {  width: 830px; min-height: 1100px; left: -260px; top: -266px;  position: absolute; padding: 266px 335px 0px; background: transparent url(../img/bg.jpg) no-repeat scroll 0px 12px;   }
#top_distance  { display: inline;float: right;height: 50%;margin-top: -285px;width: 100%;}
 
div#logo {  display: block; position: relative; width: 240px; padding: 0px;  margin: 0px;  height: 85px; background: transparent url(../img/logo.png) no-repeat scroll 0 50%; }
div#logo a { height: 100%; width: 100%; margin: 0px; display: block; overflow: hidden;text-indent: -5555px;  }
.top96 div#logo { background: transparent url(../img/logo.rust.png) no-repeat scroll 0 50%;}
.top89 div#logo { background: transparent url(../img/logo.witt.png) no-repeat scroll 0 50%;}

ul#langs,ul#footer{ float: right; width: 410px;  height: 11px;list-style-type: none;  margin: 0px; padding: 0px;padding-top: 66px; text-align: right;}
ul#langs>li,ul#footer>li { display: inline; line-height: 11px; }
ul#langs>li>a ,ul#footer>li>a{ padding: 0px 2px 0px 7px;font-size: 9px; color: #939799;  background: transparent url(../img/langs.dot.png) no-repeat scroll 0 50%;}
ul#langs>li.sel>a,ul#footer>li.sel>a {  color: #fcfcfc; }

.top96 ul#langs,.top89 ul#langs {background: transparent url(../img/logo.group.png) no-repeat scroll 100% 19px; }

ul#footer { padding-top: 5px; float: none; display: block; width: auto;}

#font1 ul#menu { font-family:HelveticaRegular,tahoma,verdana,arial;font-size: 11px;}
#font1 ul#menu>li>a { font-size: 13px;font-family:HelveticaRegular,tahoma,verdana,arial;  font-weight: normal; }
#font1 ul#menu>li ul li>a {font-size: 12px; font-family:HelveticaRegular,tahoma,verdana,arial; font-weight: normal; }


ul#menu { position: relative; text-align: left; margin: 0px 0px 8px 0px; height: 71px;list-style-type: none;  padding: 0px; background: transparent url(../img/menu.gif) repeat-x scroll 0 4px;}
ul#menu>li{ float: left; height: 30px; position: relative;margin-top: 4px; }
ul#menu>li#mi71 { height: 38px; margin-top: 0px;background: transparent url(../img/menu.big.gif) repeat-x scroll 0 0;}
ul#menu>li#mi77 { float: right;}
ul#menu>li#mi77>a { background: none;}
ul#menu>li.sel,ul#menu>li.over {background: transparent url(../img/menu.sel.gif) repeat-x scroll 0 0;}
ul#menu>li#mi71.sel,ul#menu>li#mi71.over {background: transparent url(../img/menu.big.sel.gif) repeat-x scroll 0 0;}
ul#menu>li>a { display:block; height: 30px; line-height: 30px; text-align: center; color: #939799; font-weight: bold; font-size: 11px;  padding: 0px 10px;  background: transparent url(../img/menu.dot.png) no-repeat scroll 100% 50%;}
ul#menu>li#mi71>a  {padding: 4px 51px; background: transparent none;}

ul#menu>li.first>a {background: transparent none;}
ul#menu>li>a:hover,ul#menu>li.sel>a ,ul#menu>li.over>a { color: #fcfcfc; }


ul#menu>li ul { display: none; padding: 0px; margin: 0px; list-style-type: none; text-align: left; position: absolute; height: 50px; left: 0px; top: 25px; white-space: nowrap;}
ul#menu>li#mi77 ul { left: auto; right: 0px;}
ul#menu>li ul li { display: inline; line-height: 50px;  }
ul#menu>li ul li.first { padding-top: 10px; }
ul#menu>li ul li>a {padding: 0px 7px 0px 7px;font-size: 11px;  font-weight: bold; color: #939799;  background: transparent url(../img/langs.dot.png) no-repeat scroll 0 50%;}
ul#menu>li.over ul,ul#menu>li.sel ul { display: block;}
ul#menu>li ul li>a:hover,ul#menu>li ul li.sel>a { color: #fcfcfc; }
ul#menu>li ul li>a:hover span,ul#menu>li ul li.sel>a span {border-bottom: 3px solid #e3001b; padding-bottom: 3px;}

#show { width: 980px; height: 240px; margin-left: -75px; position: relative; }
.mediaonas #show { padding-top: 80px;}
#show #left { cursor: pointer; width: 9px; height: 180px; position: absolute; left: 0px; top: 0px;background: transparent url(../img/show.left.gif) no-repeat scroll 0 0;  }
#show #right { cursor: pointer;  width: 9px; height: 180px; position: absolute; right: 0px; top: 0px;background: transparent url(../img/show.right.gif) no-repeat scroll 0 0;  }
#show #view { width: 960px; height: 240px; position: absolute; left: 8px; overflow: hidden;} 
#show #gallery2 { width: 10000px; position: absolute; left: 0px; top: 0px;}
#show #gallery2 a { position: relative;color: #fcfcfc; background-color: #3f4143; padding-bottom: 2px; font-size: 14px; font-weight: bold; text-align: left;display: block; margin-left: 10px; float: left; line-height: 1.5em; }
#show #gallery2 a span { margin: 0px 5px;}
#show #gallery2 a div.over { display: none; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: transparent url(../img/shadow.png) repeat scroll 0 0;  }

.mediaonas #show #gallery2 a.shadow div.over { display: block;} 
#show #gallery2 a.sel span, #show #gallery2 a:hover span { border-bottom: 3px solid #e3001b;}
#show #gallery2 a img { border: 0px none;  display: block;}
#show #gallery2 a:hover {text-decoration: none;}

.wyprzedaz table { background-color: #939799;}
.wyprzedaz table td { background-color: white;} 

.mediaonas #warstwa1 {position: absolute;left: -75px; top: 0px;}
#show2 { width: 980px; height: 202px; position: relative; }
#show2 #left2 { cursor: pointer; width: 9px; height: 180px; position: absolute; left: 0px; top: 0px;background: transparent url(../img/show.left.gif) no-repeat scroll 0 0;  }
#show2 #right2 { cursor: pointer;  width: 9px; height: 180px; position: absolute; right: 0px; top: 0px;background: transparent url(../img/show.right.gif) no-repeat scroll 0 0;  }
#show2 #view2 { width: 960px; height: 202px; position: absolute; left: 8px; overflow: hidden;} 
#show2 #gallery2 { width: 10000px; position: absolute; left: 0px; top: 0px;}
#show2 #gallery2 a { color: #fcfcfc; background-color: #3f4143; padding-bottom: 2px; font-size: 14px; font-weight: bold; text-align: left;display: block; margin-left: 10px; float: left; line-height: 1.5em; }
#show2 #gallery2 a span { margin: 0px 5px;}
#show2 #gallery2 a.sel span, #show2 #gallery2 a:hover span { border-bottom: 3px solid #e3001b;}
#show2 #gallery2 a img { border: 0px none;  display: block;}
#show2 #gallery2 a:hover {text-decoration: none;}

.kuchnie #page #warstwa1,.galeriakuchni #page #warstwa1 { position: absolute; left: -75px; top: -5px; overflow: visible;}
.mediaonas #page #warstwa2 { position: absolute; left: -75px; top: -5px; overflow: visible;}
.wyprzedaz #page #warstwa1 { width: 830px; background: #fff; position: absolute; left: 0px; top: -5px; overflow: visible;}
.wyprzedaz #page #warstwa1 #desc {  border-bottom: 22px solid #55565a; display: block; text-align: left; padding: 5px; clear: both;}
.mediaonas #page #warstwa2 #desc { background: #fff; width: 820px; margin-left: 75px;  border-bottom: 22px solid #55565a; display: block; text-align: left; padding: 5px; clear: both;}

.wyprzedaz #obrazy a { border: 1px solid #797979;display: block; width: 139px; height: 82px;  margin-top: 7px;float: left;}
.wyprzedaz #obrazy a img { border: 0px; }
.wyprzedaz #obrazy { width: 142px; float: right; margin-right: 8px;}
#gall { background-color: #55565A;  height: 398px; border: 1px solid #646567; }
#gall #close,.wyprzedaz #page #warstwa1   #close,.mediaonas #page #warstwa2  #closer #close{ display: block; background: #55565a url(../img/close.gif) no-repeat scroll 100% 0; height: 22px;}
.mediaonas #page #warstwa2   #closer #close { width: 830px; margin-left: 75px;}
#gall #slides{ width: 670px; height: 375px;}
#gall #slides div span,#gall span { display: block; line-height: 22px; color: #c7cbce; text-align: left; padding-left: 10px;}
#gall #slides div { text-align: center;width: 670px; height: 375px;}

.kuchnie #gall{ height: 396px; border: 1px solid #646567; background: transparent url(../img/shadow.png) repeat scroll 0 0; text-align: center;}
.kuchnie #gall img { display: block;}
.kuchnie #gall #slides div { position: relative; height: 374px;}
.kuchnie #slides div span {background-color: #55565a; position: absolute; height: 22px; bottom: 0px; left: 0px; right: 0px;}
.wyprzedaz #gall { height: 369px;}
.wyprzedaz #page #warstwa1 #gall { position: relative; float: left; border: 1px solid #727272; height: 369px; width: 672px;}
.wyprzedaz #page #warstwa1 #desc h2,.mediaonas #page #warstwa2 #desc h2{ color: #4d4d4d; margin: 0px; padding: 0px;font-size: 14px; font-weight: bold;}
.mediaonas #gall { width: 524px; position: relative; height: 414px; border: 1px solid #646567; background: transparent url(../img/shadow.png) repeat scroll 0 0; text-align: center; }
.mediaonas #gall span { background-color: #55565a; position: absolute; height: 22px; bottom: 0px; left: 0px; right: 0px;}
.mediaonas #gall img { border: 0px none;}
.kuchnie #page #warstwa1 #desc {width: 280px; padding: 10px; background-color: #55565a; color: #ffffff; text-align: left; position: absolute; left: 680px; top: 215px;} 
.kuchnie #page #warstwa1 #desc>div {height: 163px; overflow: hidden; width: 280px;	}
.kuchnie #page #warstwa1 #desc>div p { margin: 2px 0px;}
.kuchnie #page #warstwa1 #desc h2{ color: #939799; margin: 0px; padding: 0px;font-size: 14px; font-weight: bold; }
.kuchnie #page #warstwa1 #desc #line { position: absolute; width: 	979px; height: 1px; background-color: #55565A; display: block; bottom: 0px; right: 0px;	}
.galeriakuchni #obrazy a { float: left; padding: 3px;}
.galeriakuchni #obrazy a img { border: 0px solid;}
.galeriakuchni #obrazy{ width: 300px; color: #ffffff; text-align: left; position: absolute; left: 677px; top: 210px;} 
.mediaonas #obrazy a { float: left; padding: 2px;}
.mediaonas #obrazy a img { border: 1px solid #707070;}
.mediaonas #obrazy  { width: 440px; color: #ffffff; text-align: left; position: absolute; left: 537px; top: 210px;} 
.intro div#page {  padding: 7px; background-color: #fff;}
div#page { position: relative; text-align: left;}
div#page #flash{ width: 815px; height: 322px;  }
div#page #flashnav { position: absolute; right: 32px; top: 303px; z-index: 20;  width: 200px;}
div#page #flashnav a { text-indent: -5555px; overflow: hidden; float: right; width: 8px; height: 8px; margin-left: 6px; border: 1px solid #939799; background-color: white;}
div#page #flashnav a.sel { background-color:  #e3001b;	}

.intro div#page #bottompageshadow,.salony div#page #bottompageshadow,.praca div#page #bottompageshadow,.kontakt div#page #bottompageshadow  { position: absolute; z-index: 20; bottom: -15px; right: -20px; width: 851px; height: 15px;background: transparent url(../img/page.shadow.bottom.png) no-repeat scroll 0 0; }
.intro div#page #rightpageshadow ,.salony div#page #rightpageshadow,.praca div#page #rightpageshadow,.kontakt div#page #rightpageshadow{ position: absolute; z-index: 20; bottom: 0px; right: -20px; width: 20px; height: 393px;background: transparent url(../img/page.shadow.right.png) no-repeat scroll 0 0; }
#introtext { width: 805px; padding: 5px; background-color: #fff; text-align: left; }


#flashwitt {margin: -15px -15px 5px -15px; width: 830px; height: 350px; overflow: hidden;}
#onaspage { padding-top: 350px;background: white none no-repeat scroll 0 0; }
#onaspage #flashonas { margin-top: -350px; width: 830px; height: 350px; overflow: hidden;}
#onaspage .left { float: left; width: 550px; padding-left: 15px; text-align: left;}
#onaspage .left { float: left; width: 550px; padding-left: 15px; text-align: left;}
#onaspage .right { right: 0px; width: 251px; top: 239px; z-index: 20; position: absolute;}
#onasmenu { padding: 10px 15px; margin: 0px 0px 0px;background-color: #535557; text-align: left; list-style-type: none; }
#onasmenu li { display: block; background: transparent url(../img/onas.line.gif) no-repeat scroll 15px 100%;  padding: 10px 0px;}
#onasmenu li.last { background-image: none; }
#onasmenu li a { color: #fff; font-weight: bold; background: transparent url(../img/onas.dot.gif) no-repeat scroll 0 50%; padding-left: 15px; display: block; }
#onasmenu li a:hover,#onasmenu li.sel a { color: #e2001a; background: transparent url(../img/onas.dot.sel.gif) no-repeat scroll 0 50%; padding-left: 15px; }

#textpage { background: #fff; padding: 15px; text-align: left; position: relative;}
#textpage #slides2 { margin: -15px -15px 5px -15px; width: 830px; height: 350px; overflow: hidden;}
#textpage #promocja { position: absolute; left: -35px; top: -10px; z-index: 20;}

.thumb { display: block; margin: 1em 1em 5px 0px; float: left; width: 151px; height: 136px; padding: 7px; position: relative;}
.thumb span { position: absolute; left: 0px; top: 0px; z-index: 10; background: transparent url(../img/border.png) no-repeat scroll 0px 0px; width: 165px; height: 150px; }


.news { display: block; text-align: justify;  padding-bottom: 7px; padding-top: 10px; border-bottom: 1px solid #b3d463;  position: relative; }
.news>span { color: #a8a8a8; margin-bottom: 1em; font-style: italic; font-size: 12px; display: block; width: 420px; float: right;}
.news .right {  float: right; width: 420px;}
.news .img { width: 151px; height: 136px;  padding: 7px; position: relative;border: 0px none;  float: left; margin: 0px 10px 5px 0px;   }
.news .img span {position: absolute; left: 0px; top: 0px; z-index: 10; background: transparent url(../img/border.png) no-repeat scroll 0px 0px; width: 165px; height: 150px; }
.news .empty {background: transparent url(../img/empty.pdf.jpg) no-repeat scroll 50% 50%; }

.news img { border: 0px none; }
.news strong { display: block; display: block; width: 420px; float: right; font-size: 14px; color: #709bc6; }
.news .nav { display: block; padding-top: 7px; height: 22px;}
.news .more { float: right; line-height: 22px; width: 61px; text-indent: -5555px; overflow: hidden; height: 22px; background: transparent url(../img/more.jpg) no-repeat scroll 0 0;padding-right: 0px;}
.news .more:hover { background-position: 0px -22px; }
.news .pdf { float: right; line-height: 22px; width: 82px; text-indent: -5555px; overflow: hidden; height: 22px; background: transparent url(../img/download.jpg) no-repeat scroll 0 0;margin-right: 8px;}

.sIFR-alternate { display: none;}
form.center { margin: 0px auto; width: 340px; display: block;}
.onas form.center { padding-bottom: 20px; }
form.center label { color: #979797; display: block; width: 135px; text-align: right; padding-right: 5px; font-size: 11px;}
form.center label.error { color: red; display: block; width: 160px;}
form.center span.title { color: #e3001b; display: block; padding: 20px 0px;} 
span.asterix {  font: 11px; color: #979797;  padding: 0px 3px; color: black;}

form.center td { padding: 3px;}
form.center input.text { padding: 2px 5px; border: 1px solid #adadad; background-color: #fff; color: #adadad; 	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal; width: 160px; }
form.center input.check { float: left; margin-left: 40px; }
form.center input.radio { float: left; margin: 0px; padding: 0px;}
form.center input.textitem { float: left; padding: 2px 5px; border: 1px solid #adadad; text-align: center; background-color: #fff; color: #adadad; 	font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal; width: 42px;}
form.center span.glue { float: left; display: block; width: 5px; text-align: center;}
form.center label.opt { display: block; width: 150px; padding-left: 15px; text-align: left; font-size: 10px;}
form.center label.check { width: 290px; padding-left: 60px; text-align: left;}
form.center textarea { padding: 2px 5px;  border: 1px solid #adadad; background-color: #fff; color: #adadad; font-family:tahoma,verdana,arial;	font-size:11px;	font-weight: normal; width: 160px; height: 5em; overflow: auto;}
form.center .button { margin-left: 145px;	 display: block; height: 19px; line-height: 19px; width: 61px; text-align: center; background: transparent url(../img/btn.gif) repeat-x scroll 0 0; color: #fff; } 


.uslugi #right h2 { color: #598291;}
.scroll { width: 410px; height: 270px;   overflow: auto;}
.publikacje .scroll { width: 480px;}
.uslugi .scroll { width: 583px;}
.scroll .scrt{ margin-right: 18px; line-height: 1.2em;}
.withScroll .scroll .scrt{ margin-right: 11px;}

.onas #gallery a { border: 0px none; display: block; margin: 0px; padding: 0px; width: 251px; height: 105px;}
.onas #gallery a img {border: 0px none; padding: 0px; margin: 0px;}

#lmenu { list-style-type: none; padding: 0px; margin: 0px; }
#lmenu li { display: block; padding: 7px 0px 7px 30px;background: transparent url(../img/dot.gif) no-repeat scroll 11px 11px; }
#lmenu li a { color: #598291; font-size: 12px; }
#lmenu li a span { color: #797979; font-size: 11px;}
#lmenu li.sel a { text-decoration: underline;}

.salony #page{ background-color: #fff; padding: 8px;}
.salony #others { width: 280px; height: 360px; padding: 10px; margin-right: 8px; float: left; background-color: #f4f4f4;}
.salony #others .scroll { width: 280px; height: 360px;   overflow: auto;}
.salony #others .scroll .scrt{ margin-right: 14px; line-height: 1.2em;}
.salony #others .withScroll .scroll .scrt{ margin-right: 7px;}
.salony #others .salonitem { display: block; text-align: left; padding-bottom: 1em;}
.salony #others a strong,.salony #map #desc strong { color: #c00422; font-weight: normal; display: block;}
.salony #others a.sel strong { font-weight: bold;}

.praca #page,.kontakt #page  { background-color: #f4f4f4; padding: 7px; height: 379px;}
.kontakt2 #page { background-color: #fff; padding: 8px; text-align: left;}
.kontakt2 #page #left { float: left; width: 390px; }
.kontakt2 #page #right { float: right; width: 400px; background-color: #ededed; padding: 8px;}
.praca #page #left,.kontakt #page #left{ float: left; width: 407px; height: 379px; }
.praca #page #right,.kontakt #page #right { float: right; text-align: left; width: 390px; padding-right: 10px; padding-top: 20px; height: 359px;}
.kontakt #page #right { background: transparent url(../img/bg.map.gif) no-repeat scroll 50% 50%;  position: relative; }
.kontakt div#req { left: 0px; bottom: 10px; position: absolute;  color: #979797; }
.praca #page #right #oferty { display: block; padding: 10px 0px; font-weight: normal; color: #cc061d; text-align: center;}
.praca #page #right #files { display: block; margin: 0px 10px; list-style-type: none; padding: 10px 50px; border-top: 1px solid #d5d5d5;border-bottom: 1px solid #d5d5d5;}
.praca #page #right #files li { color: #979797; display: block; line-height: 20px; }
.praca #page #right #files li a { float: right; color: #cc061d;}
.praca #page #right .scroll,.kontakt #page #right .scroll { width: 380px; height: 339px;   overflow: auto;}
.praca #page #right .scroll .scrt,.kontakt #page #right .scroll .scrt{ margin-right: 14px; line-height: 1.2em;}
.praca #page #right .withScroll .scroll .scrt,.kontakt #page #right .withScroll .scroll .scrt{ margin-right: 7px;}

.salony #map { position: relative; width: 506px; height: 380px; float: left; background: #f4f4f4 url(../img/map.gif) no-repeat scroll 0 0;  }
.salony #map>a { position: absolute; display: block; background: transparent url(../img/dot.map.png) no-repeat scroll 0 0; width: 10px; height: 10px;}
.salony #map>a.sel { background: transparent url(../img/dot.map.sel.png) no-repeat scroll 0 0; }
.salony #map>div.hint { z-index: 10; display: none; position: relative; width: 1px; height: 1px;  }
.salony #map>div.hint ul {position: absolute; list-style-type: none; display: block; right: -32px; margin: 0px; text-align: left; bottom: 0px; width: 241px; height: 68px; padding: 5px; background: transparent url(../img/hint.png) no-repeat scroll 0 0;  }
.salony #map>div.hint ul li { display: block; padding: 3px 0px 3px 15px;background: transparent url(../img/dot.gif) no-repeat scroll 3px 8px;  }
.salony #map #desc { left: 10px; bottom: 10px; text-align: left; position: absolute;}
a#activelogo {  width: 170px; height: 52px; background: transparent url(../img/adlogo.png) no-repeat scroll 0 0;  float: right; text-indent: -5555px; }

#footerek {color: #67b4d1; font-size: 8px; color: #ec9144; text-align: justify; padding: 0px 0px 0px 0px;}
#footer { clear: both; margin: 0px 24px; color: #67b4d1; font-size: 12px; color: #ec9144; text-align: left; padding: 20px 0px 0px 30px; line-height: 52px; height: 52px;  background: transparent url(../img/footer.png) no-repeat scroll 0 0; }