@charset "utf-8";

/* CSS Document */



a img {border:none}



body{ background:url(../image/bg.png) repeat-x #ffffff; font-family: Tahoma, Geneva, sans-serif; font-size:11px;  color: #3f3f3f; margin:0; padding:0}

.wrapper { width:989px; margin:0 auto; background:url(../image/bg_top.jpg) top left no-repeat; }



.sitemap { width:216px; height:30px; background:url(../image/sitemp.png); float:right}

	.sitemap a{display:inline-block; height:30px; width:87px; background:url(../image/sitemp.png) no-repeat; margin-left:12px; background-position:-12px 0; text-indent:-3000px; position: absolute}

	.sitemap a:hover {background-position:-12px -30px; }

	.sitemap a.map { width:80px; margin-left:10px; background-position:-112px 0; margin-left:112px }

	.sitemap a.map:hover {background-position:-112px -30px }

	

.menu {clear:both; height:43px; padding-top:24px; font-size:12px; }





	.menu ul { background:url(../image/bg_menu.png) left no-repeat; height:43px; list-style:none; margin:0; padding:0}

	.menu ul li {background:url(../image/bg_li.png) left no-repeat; float:left; height:43px; }

	.menu ul li.first {background:none}

	.menu ul li a {display:inline-block; height:43px; line-height:43px; margin:0 15px; text-decoration:none; color:#ffffff; font-weight:bold}

	.menu ul li a:hover {background:url(../image/bg_a_menu.jpg) bottom center no-repeat; color:#e6e7fc}

	.menu ul li.active a { color:#a2d0f7}

	

.baner { height:243px; background:url(../image/bener.jpg); width:989px}	

	.baner h1 {margin:0; padding:0}

	.baner  h1 a{display:block; width:335px; height:105px; background:url(../image/logo.png); text-indent:-3000px; margin:19px; position:absolute; z-index:500 }

	.baner div {color:#350327; width:310px; position: absolute; margin:125px 0 0 30px; text-align:justify; line-height:150%}

	.baner div a.more {position:relative; float:right; margin-top:-20px}



.produkty {background:url(../image/produkty.jpg); height:305px; width:978px; margin:0 auto}

	.produkty a {background:url(../image/linki_bg.png) top left no-repeat; width:114px; height:114px; display:inline-block; margin-top:5px; margin-left:20px} 

	.produkty a:hover {background:url(../image/linki_bg.png) bottom left no-repeat;}

	.produkty a.pr2 {margin-left:112px}

	.produkty a.pr3 {margin-left:112px}

	.produkty a.pr4 {margin-left:100px}

	.produkty .line2 {margin-top:15px}



.realizacje { background:url(../image/box_nadruki.png); width:381px; height:171px; margin:15px 8px; float:left; }

	.realizacje div {background:#3079be; margin:40px auto 0 auto; height:125px; text-align:center; width:360px; color:#FFF; font-size:20px}

.promocje { background:url(../image/box_promocje.png); width:578px; height:171px; margin:15px 0px 10px 8px; float:left}

	.promocje div {background:#3079be; margin:40px auto 0 auto; height:125px; text-align:center; width:560px; color:#FFF; font-size:20px}

	.promocje  img.promocja, .realizacje  img.promocja { position:absolute; margin:3px}



.ie6 .realizacje   { margin:15px 0 0 2px}

.ie6 .promocje   { margin:15px 0 15px 18px}



.boksy p {line-height:150%}

.boksy { background:url(../image/box_dolny.png); width:978px; height:213px; clear:both; margin-left:8px; margin-bottom:10px}

.newsletter {float:left; width:310px;}

	.newsletter form {margin:60px 0 0 20px; }

	.newsletter form fieldset {background:url(../image/input_bg.png) top left no-repeat; width:246px; height:30px; border:none}

	.newsletter form fieldset input.text {width:180px; border:none; background:none; padding-top:5px; font-size:11px; margin-right:15px}

	.ie .newsletter form fieldset input.text {padding-top:8px; padding-left:5px; margin-left:5px}

	.newsletter form fieldset input.sub { position:absolute}

	.ie .newsletter form fieldset input.sub { margin-top:4px}

	.newsletter p {margin:0 30px}

.referencje {float:left;  width:280px; margin:40px}

.referencje .more {float:right; clear:right; margin-top:10px}



.kontakt {float:left;  width:260px; margin:40px 0 0 10px}

.kontakt span {padding-left:15px; display:block}

.kontakt a {color:#0e99d3}

.kontakt .more {float:right; margin-top:10px}

a.more {background:url(../image/more.png) top left; width:88px; height:23px; text-indent:-3000px;  display:inline-block; }

a.more:hover {background:url(../image/more.png) bottom  left}

* {outline:none}



.foother {clear:both; width:100%; min-width:980px; background:#e2e3e5}

.foother .partnerzy { background:#e8e9eb; text-align:center; padding:20px}

.foother .partnerzy img {margin:0 5px}

.foother .stopka {width:900px; margin:0 auto; text-align:center; padding:15px}

.foother .stopka ul {display:inline-block; margin:0; padding:0;  }

.foother .stopka ul li {float:left; list-style:none; margin:5px; padding:5px; border-left:1px dotted #999}

.foother .stopka ul li a {margin-left:8px; text-decoration:none; color:#7f7f7f}

.foother .stopka ul li.first {border:none}

.foother .stopka ul li a:hover {font-weight:bold}

.ie7 .foother .stopka img, .ie6 .foother .stopka img {display:inline; float:left; margin-left:80px}

.opera .foother .stopka img { float:left; margin-left:80px}





/*PODSTRONA*/

.txt .baner{ height:165px; background:url(../image/bener2.jpg); width:989px; margin-top:0 !important; padding-top:0}	

.txt .baner  a{display:block; width:263px; height:92px; background:url(../image/logo3.jpg); text-indent:-3000px; margin:40px 0 0 130px; position:absolute; }

	

	

.left_column {float:left; width:215px;}

.right_column {float: right; width:770px; margin-bottom:10px}



.left_column ul {margin:0; padding:0; list-style:none}

.left_column ul li a {display:block; height:27px; width:209px; background:url(../image/left_ul.png) no-repeat; text-decoration:none; color:#FFF; line-height:27px; padding-left:9px; font-weight:bold}

.left_column ul li ul li a { background: url(../image/a_menu.png) left center no-repeat; padding-left:10px; margin:2px; color:#666; font-weight:normal}

.left_column ul li ul li a:hover, .left_column ul li ul li.active a   {background:url(../image/menu_a.png) left center no-repeat; padding-left:15px; color:#FFFFFF}



.top_bg {background:url(../image/top_cont.png); height:10px}

.bot_bg { background:url(../image/cont_bot.png); height:17px}

.content {background:url(../image/content.png) repeat-y; padding:10px 20px; }



h1.title { background:url(../image/title.png) left; display:inline-block; height:38px; font-size:14px; font-weight:bold; margin:0 }

.ie6 h1.title, .ie7 h1.title {float: left}

h1.title span {display:inline-block; height:38px; line-height:38px; margin-left:15px; padding-right:15px; background:url(../image/title.png) right}





.produkt {border-bottom:1px solid #dddcdc; padding:10px 0; clear:both}

.produkt .left{float:left; width:250px; overflow:hidden}

.produkt .left img {display:block; margin:0 auto}

.produkt .right {float:left; width:460px}

.produkt .right h2, .produkt .right h2 a {margin:0; padding:0; color:#15478c; font-size:14px}

.produkt .right .opis {width:320px; float:left; text-align:justify; line-height:150%}

.produkt .more { clear:both; float:right; margin-top:10px}

.clear {clear:both}



.cennik {clear:left}

.cennik .title {text-align:center; background: url(../image/table_top.png); width:434px; height:19px}

.cennik td { text-align:center}

td.sztuk {background:url(../image/table_td.png) center; height:27px; color:#FFF; font-weight:bold; border-left:1px solid #FFF}

td.first {background:url(../image/table_td.png) left; border:none}

td.last {background:url(../image/table_td.png) right;}

td.price {border:1px solid #e2dddd; border-width:1px 0 1px 0; height:25px}

td.firste {border:1px solid #e2dddd; border-width:1px 0 1px 1px; padding-left:15px}

td.laste { border-right:1px solid #e2dddd}



.colory { margin-top:10px}

.colory span {display:block}

.colory span.image {display: inline}

.galeria img {border:1px solid #e2dddd; margin:5px; padding:2px}

.galeria a:hover img  {border:1px solid #fed136;} 



.back {color:#333; background:url(../image/table_td.png) center; text-decoration:none; color:#FFF !important;  padding:5px; margin-top:10px; clear:both; display:inline-block; float:left}



.ie6 .wrapper {width:998px} 





.wyszukiwarka {background:url(../image/wyszukiwarka.png); border:1px solid #e2dddd; clear:both; margin:5px 0}

.wyszukiwarka img {margin:10px 0 0 20px}

.wyszukiwarka div h3 { display:inline-block; font-size:14px;  font-family: "Myriad Pro", Georgia, "Times New Roman", Times, serif; margin:5px; font-style:italic; color:#000; font-weight:normal; display: inline}



.wyszukiwarka div h3:after {

	content: ":  ";



}

.wyszukiwarka div a {color:#333; text-decoration:none; padding:0 5px}

.wyszukiwarka div .active {color:#194e96; font-weight:bold; padding-left:3px}

.wyszukiwarka div a:hover {color:#194e96; text-decoration:underline}

.wyszukiwarka div ul li {list-style:none; display:inline}

.wyszukiwarka .list_container {display:inline-block}

.wyszukiwarka div ul *{display:inline; text-transform:uppercase}

.wyszukiwarka div ul {margin:0; padding:0 0 0 10px}

.wyszukiwarka .widget, .wyszukiwarka .sort {border-bottom:1px dotted #dddcdc}

.wyszukiwarka li.list_0 a { font-weight:bold}

.wyszukiwarka li {border-left:1px #333 dotted; padding:0 3px}

.wyszukiwarka li.list_0 {border:none}

.wyszukiwarka .clearall {text-align:right; padding:5px}

.pagination {border-bottom:1px solid #dddcdc}

.sort div {display:inline; border:none}

.pagination p {display:inline; float: right; padding-top:8px}

.pagination ul {float:right}

.pagination ul li {list-style:none; margin:2px;  float:left; width:31px; height:25px; background:url(../image/pagin.png); line-height:25px; text-align:center}

.pagination ul li a {text-decoration:none; color:#333}

.pagination ul li a:hover, .pagination ul li a.active {font-weight:bold}



.content_t {padding:0 10px}

.content_t p {line-height:150%; text-align:justify}

.content_t a {color:#0e79ad}



.content_t ul { list-style:decimal; line-height:150%}

.content_t ul ul {list-style:disc}



 .back a {color:#FFF !important; text-decoration:none}



.total {display:none}





.content_t  h1 {font-size:18px}

.content_t  h2 {font-size:16px}

.content_t  h3 {font-size:14px}

.content_t  h4 {font-size:12px}

.content_t  h5 {font-size:10px}







.gallery {

	list-style: none;

	margin: 0;

	padding: 0;

}

.gallery .image_container {

	margin: 4px;

	padding: 0;

	float: left;

	position: relative;



}

.gallery img {

	background: #fff;

	border: solid 1px #ccc;

	padding: 4px;

}

.gallery span {

	width: 20px;

	height: 18px;

	display: block;

	position: absolute;

	bottom: 10px;

	right: 10px;

}

.gallery .favorite {

	background: url(../image/photo.gif) no-repeat;

}

.gallery .photo {

	background: url(../image/photo.gif) no-repeat;

}

.gallery .video {

	background: url(../image/photo.gif) no-repeat;

}

.gallery a {

	text-decoration: none;

}

.gallery a:hover img  {

	border-color: #666;

}

.gallery a:hover span {

	background-position: left -22px;

}



.invisible {display:none}





.layout_short {position:relative; width:300px; overflow:hidden; float:left; margin:10px}

.layout_short {

	background: #fff;

	border: solid 1px #ccc;

	padding: 4px;

}



.layout_short h2 {position:absolute; top:4px; margin:0; padding:0}

.layout_short h2 {height:20px; line-height:20px; background: #111;filter:alpha(opacity=75);opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; width:280px; padding-left:20px; font-size:14px }

.layout_short h2 a {color:#FFF;}

.layout_short div.info {position:absolute; top:24px; background: #111;filter:alpha(opacity=75);opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; width:280px; padding-left:20px; color:#FFF}

.layout_short div.info p {margin:0}



.mod_gallerylist {padding-left:20px}

.ie6 .mod_gallerylist * {overflow:hidden !important}





.sciezka {height:30px; line-height:30px; background:url(../image/home_r.png) right no-repeat; display:inline-block; float:left; padding-right:20px; margin:5px 0}

.sciezka span.hom {background:url(../image/home.png) left no-repeat; height:30px; display:inline-block; padding-left:45px}

.sciezka a {color:#666}

.sciezka .active {font-weight:bold}

.container {clear:both}



.banner_name {display:none}



































form fieldset { background:#f3f3f4; border:1px solid #dfdfe0; margin:5px}

form fieldset legend { padding:5px;}

form fieldset#kolors { background:url(../form/bialy.jpg) center no-repeat; height:270px; border:none }

form fieldset.kolorowy { background:url(../form/kolor.jpg) center no-repeat !important; }



.selec {text-align:center; width:170px}

.opis .rozmiar{ float:left}

.opis h4 {width:50px; float:left; }

.dlog  h4{margin:0; padding:0}

.selec select {width:100%; margin-top:10px}



.przod {position:absolute; margin:20px 0 0 270px}

.lewy {position:absolute; margin:100px 0 0 50px}

.prawy {position:absolute; margin:100px 0 0 500px}

.tyl {position:absolute; margin:170px 0 0 270px}



.usun { color:#F00; font-weight:bold; cursor:pointer; width:50px; position:absolute; margin:-20px 0 0 640px}

.widac {display:inline}



.none {display:none}

.blue {color:#0C0}



.widac {display:block}

.ukryj {display:none}



tr.trtr td {padding-top:0px; padding-bottom:1px; background: #999}



input.button {margin:0 auto;  border:1px solid #666; padding:2px 20px; display:block}



.newsletter p.error { position: absolute;

	z-index: 3000;

	border: 1px dashed #660719;

	background-color: #b90728;

	padding: 5px;

	opacity: 0.85;

	color:#FFF; margin:-30px 0 0 0px; width:220px

}



#kontakt25 input, #kontakt25 textarea {background:url(../image/bg_input.jpg);  border:1px solid #CCC; border-width:0 1px 1px 0; padding:4px; width:220px}

#kontakt25 table td {padding:2px}

#kontakt25 .col_first {text-align:right}



#kontakt25 p.error { position: absolute;

	z-index: 3000;

	border: 1px dashed #660719;

	background-color: #b90728;

	padding: 2px 5px;

	opacity: 0.85;

	color:#FFF; margin:0px 0 0 230px; width:220px

}



.row_7 p.error {margin:0 0 0 -230px !important}





.cena_od { width:130px; height:78px; line-height:78px; font-size:20px; font-weight:bold; text-align:center; background:url(../image/metka.gif) no-repeat; float:right; margin-top:10px; padding-bottom:10px}

.tabe_c_r td {background:url(../image/table_td.png) center !important; color:#fff; font-weight:bold}

.tabe_c td {  padding:5px 20px; background:#F3F4F5; text-align:center !important}

.tabe_c_r td.tabe_c_r_2 { background:#D4A7C6 !important; color:#54043B}



.tabe_c  {margin:auto}

.baudesign {color:#666; position:absolute; right:42%; margin-top:35px;}



div.cennik {padding:5px 0}



div.cennik tr td.price:last-of-typ {border-right:1px solid #e2dddd; }



tr.bold td:last-of-type {background:url(../image/table_td.png) right !important}

tr.bold td:nth-of-type(2) {background:url(../image/table_td.png) left !important}





div.cennik tr td:last-of-type {border-right:1px solid #e2dddd !important; }


/*SLIDER*/
.baner div { z-index:500}
.baner  #slideshow-container	{ width:989px; height:243px; position:relative; margin:0; z-index:100 }
#slideshow-container img { width:989px; height:243px; display:block; position:absolute; top:0; left:0; z-index:1; }
.toc					{ position:absolute; top:10px; padding-right:30px;  margin-right:50px;   z-index:2; display:block; width:16px; height:16px;  background:url(../image/toc.png) no-repeat; text-indent:-50000px }
.toc-active				{  background:url(../image/toc_active.png) no-repeat; }