#planOpis {
	position:absolute;
	z-index:1;
	display:none;
	width:452px;
	max-width:452px;
	min-height:120px;
	-webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	border-radius:3px;
	font-size:12px;
	line-height:15px;
}
#planOpis p {
	padding:0px;
	margin:2px 0 2px 4px;
}
#planNumerator {
	float:left;
	width:100px;
	height:120px;
	margin-left:7px;
}
#planSzczegoly {
	display:block;
	float:right;
	background:white;
	width:331px;
	min-height:105px;
	margin:7px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
}
.planPietro {
	float:left;
	width:60px;
	padding:2px 0 2px 4px;
	font-weight:400
}
.planOpisPietra {
	float:left;
	margin-left:7px;
	width:255px;
	padding:2px 2px 2px 0px;
	font-weight:400

}
#planAopis, #planA1opis,#planBopis,#planCopis,#planDopis,#planD1opis,#planEopis,#planFopis,#planGopis
,#plan1opis,#plan2opis,#plan3opis,#plan4opis,#plan5opis {
	display:none;
	cursor:pointer;
}
.planCzysc {
	clear:both;
	border-bottom: 1px solid;
	border-color: silver;
}
#contact_form{
	padding:10px;
	font-size: 13px;
	color: #666666;
	border:none;
}
#contact_form legend{
	font-size: 15px;
	color: #C9C9C9;
}
#contact_form label{
	display: block;
}
#contact_form label span{
	float:left;
	width:100px;
	color:#666666;
}
#contact_form input{
	height: 25px;
	border: 1px solid #DBDBDB;
	border-radius: 3px;
	padding-left: 4px;
	color: #666;
	width: 235px;
	margin-bottom:5px;

}
#contact_form select{
	height: 30px;
	line-height: 24px;
	border: 1px solid #DBDBDB;
	border-radius: 3px;
	padding-left: 4px;
	color: #666;
	width: 240px;
	font-family: 'Open Sans', Arial, sans-serif;
	margin-bottom:5px;
}
#contact_form textarea{
	border: 1px solid #DBDBDB;
	border-radius: 3px;
	padding-left: 4px;
	color: #666;
	height:100px;
	width: 480px;
	font-family: 'Open Sans', Arial, sans-serif;
	margin-bottom:5px;
}
.submit_btn {
	border: 1px solid #D8D8D8;
	padding: 5px 15px 5px 15px;
	color: #8D8D8D;
	text-shadow: 1px 1px 1px #FFF;
	border-radius: 3px;
	background: #F8F8F8;
}
.submit_btn:hover {
	background: #ECECEC;
}
.success{
	padding: 10px;
	margin-bottom: 10px;
	font-weight: normal;
}
.error{
	background: #FFDFDF;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #FFCACA;
	border-radius: 5px;
	font-weight: normal;
}







/* ------ elementy zmienne ------ */

body, p, form, img { margin: 0; padding: 0; border: 0; }
iframe {overflow: hidden; border: 0; }
body {font-family: 'Open Sans', Arial, sans-serif;font-size: 15px;color: #700d3c;overflow-x:hidden;	width:100%}
a {color: red; text-decoration: none;}
a:hover { color: red; text-decoration: underline; }
.szerokoscStrony {
	width:990px;
	margin: 0 auto;
	padding:0;
	position: relative;
}
	
#pasekJezyka {
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 8px 0 0 0;
	position: relative;
	font-weight: 300;
	font-size: 13px;
	color: #505254;
}
	
#pasekJezyka .jezyki a {
	display: block;
	float: right;
	margin: 0;
}
	
#pasekJezyka .jezyki a.aktywny {
	display: block;
	float: right;
	margin: 0;
	font-weight: bold;
}
	
#pasekJezyka .jezyki span {
	display: block;
	float: right;
	margin: 0 5px;
}
#glowkaStrony {
	position:absolute;
	width:100%;
	height:160px;
	top:0px;
	z-index:999;
	background: url('obrazki/TloGlowkaStrony.jpg') center top no-repeat;
}
#pasekTop {
	width: 1000px;
	margin:0 auto;
	margin-top:30px;
	border-bottom:none;
	height:129px;
}

#pasekTop #logo {
	float:left;
	height: 160px;
	width:450px;
	background: url('obrazki/logo-ziel.png') no-repeat;
}
#pasekTop #telefonTop {
	width: 450px;
	margin: 20px 10px 0 0;
	text-align: right;
	float: right;
	color:#355b65;
	font-weight:400;
	font-size:12px;
}
#pasekTop #telefonTop a {
	color:#355b65;
}
#pasekTop #telefonTop a:hover {
	text-decoration:none;
}


#pasekMenu {
	width:1000px;
	margin: 0 auto;
	z-index: 1000;
	text-align: center;
}

	#menu {
width:1000px;
position:absolute;
z-index: 1000;
text-align:center;
font-weight: 300;
top:115px;
	}
	
#menu ol {
height: 50px;
position: relative;
display:table;
padding:0;
margin:0 auto;
list-style-type:none;



}

#menu ol > li {
height: 50px;
position: relative;
display: table-cell;
margin:0;
padding:0;
list-style: none;
vertical-align: middle;
}

#menu ol > li > div {
position: relative;
background:white;
margin:5px;
-webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);

}
#menu > ol > li > div > a {
	width: 100%;
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
	padding: 10px 40px;
	font-size: 15px;
	cursor: pointer;
	background:#700d3c;
	color: white
}
#menu > ol > li:hover > div > a, #menu > ol > li > div > a.aktywny,  #menu > ol > li:hover > div > a.aktywny {
	color: #700d3c;
	text-decoration: none;
	background: #efefef;
}

#menu > ol > li > div > ul {
	list-style-type:none;
	padding:0;
	margin:0;
	display:none;
	background: #fff;
	z-index: 1000;
	top: 0;
	-webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
}
#menu > ol > li:hover > div > ul {
	width: 210px;
	padding: 0;
	position: absolute;
	top: 42px;
	left: 10px;
	display: block;
	background: #fff;
	border: 1px solid #700d3c;
	z-index: 1000;
}

#menu > ol > li:hover > div > ul > li > div {
	width: 210px;
	margin: 0;
	display: table;
	border-top: 0px solid #e6e6e6;
	z-index: 700;
}

#menu > ol > li:hover > div > ul > li > div > a {
	width: 210px;
	padding: 6px 10px;
	margin: 0;
	font-size: 14px;
	color: #383a3c;
	z-index: 700;
	cursor: pointer;
	border-bottom:1px solid #700d3c;
}
#menu > ol > li:hover > div > ul > li > div > a:hover, #menu > ol > li:hover > div > ul > li > div > a.aktywny {
	color: #efefef;
	text-decoration: none;
	background: #911851;
}
#menu > ol > li:hover > div > ul > li.poczatek {
	margin: 0;
	width: 210px;
	/*height: 10px;*/
	border-top: 0px;
	z-index: 1000;
}
#menu > ol > li:hover > div > ul > li.koniec {
	margin: 0;
	width: 210px;
	height: 0px;
	border:none;
	z-index: 1000;
}
#pasekBanner {
	z-index:1;
	overflow: hidden;
	border-bottom:2px solid #700d3c;
	border-top:2px solid #700d3c;
	height: 500px;
	margin:160px auto 0 auto;
	

	}
#pasekBanner #bannerki {
	width:100%;
	height: 590px;
	/*position: relative;*/
	margin: 0;
	background: #fff;
	overflow: hidden;
}
#pasekBanner .banner {
	width:100%;
	height: 590px;
	margin: 0;
	overflow: hidden;
}
#pasekBanner .banner img {
	height: 590px;
	}
#pasekBanner #poprzedniBanner {
	width: 72px;
	height: 168px;
	background: url('obrazki/poprzedniBordo.png') no-repeat right top;
	position: absolute;
	left:0;
	z-index: 200;
	top:320px;
	cursor: pointer;
}
#pasekBanner #nastepnyBanner {
	width: 72px;
	height: 168px;
	background:  url('obrazki/nastepnyBordo.png') no-repeat right top;
	position: absolute;
	right:0;
	z-index: 200;
	top:320px;
	cursor: pointer;
}	
#pasekHasla {
	width: 100%;
	text-align:center;
	padding: 0;
	position:absolute;
	z-index:1111;
	left:0px;
	overflow:hidden;
	margin:0 auto;
	padding-bottom:35px;
	background: url('obrazki/tloGlowka.png') center 400px repeat-x;	
}
	
#pasekHasla #hasla {
	width:1000px;
	margin:0 auto;
	padding-top:400px;
	}
#pasekHasla .haslo {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	margin: 0 auto;
	font-size: 22px;
	color: #971251;
	line-height: 1.2em;
	text-align: center;
	font-weight:600;
	height:100px;
	padding:0 20px;
	text-transform:uppercase;
}
	
#pasekHasla .wiecej {
	float:right;
	margin:25px 0 0 20px;
	width:130px;
}	
#pasekHasla .wiecej > a  {
	clear: both;
	display:block;
	margin: 0;
	padding: 13px 20px;
	background: #700d3c;
	color: white;
	font-size: 13px;
	font-weight: 300;
	border:none;
}
#pasekHasla .wiecej > a:hover  {
	text-decoration:none;
}

#pasekBoksy {
	width: 100%;
	position: relative;
	padding: 0;
}

#pasekBoksy .tekst{
	min-height:80px;
	max-height:80px;
	}

#pasekBoksy > div > div {
	margin: 0;
	display: table;
	margin-bottom:7px;
}
#pasekBoksy > div > div > div {
	margin: 0;
	display: table;
	margin-bottom:7px;

}


#pasekBoksy > div > div > a {
	display: table-cell;
	width: 330px;
	padding: 0 0 10px 0;
	color: #700d3c;
	font-size: 15px;
	line-height:1.3em;
	font-weight: normal;
	text-align: center;
	position: relative;
	text-decoration:none;
	margin:0 3px;
	border:1px solid #f3f3f3;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: url('obrazki/pasekNewsyA.jpg') bottom repeat-x;
}
#pasekBoksy > div > div > a > img {
	width: 292px;
	height: 186px;
	margin: 20px 0 0 0;
	overflow: hidden;
	border:1px solid white;

}

#pasekBoksy > div > div > a > h2 {
	color: #700d3c;
	margin: 15px 0;
	padding: 0;
	background: none;
	text-decoration:none;
	text-transform:none
}

#pasekBoksy > div > div > div.odstep {
	width: 7px;
	padding: 0;
}
	
#pasekBoksy > div > div > a > .wiecej, .wiecej > a {
	clear: both;
	display: inline-block;
	margin: 0;
	padding: 13px 20px;
	background: url('obrazki/wiecejBordo.png') repeat-x bottom;
	border: 1px solid #c18fac;
	color: #700d3c;
	font-size: 13px;
	font-weight: 500;
}
#pasekBoksy > div > div > a:hover > .wiecej, .wiecej > a:hover  {
	background: url('obrazki/wiecejBordoOn.png') repeat-x bottom;
	color: white;
	tekst-decoration:none;
	border: 1px solid #700d3c;
}
	
#czescGlowna {
	padding: 20px;
}
	
#czescGlowna ul, #czescGlowna ul > li > ul, #czescGlowna ul > li > ul > li > ul {
	list-style-image: url('obrazki/bull2.png');
}

#kolumnaLewa {
	width: 100%;
	line-height: 1.6em;
	padding: 0;
	margin: 0;
}
#kolumnaLewa a {
	color:#971251
}

#kolumnaLewa2 {
	min-width: 645px;
	max-width: 645px;
	line-height: 1.6em;
	padding: 0 40px 0 0;
	margin: 0;
}

#kolumnaLewa #tekst, #kolumnaLewa2 #tekst {
	margin: 0;
	padding: 0 0 30px 0;
	font-size: 14px;
	font-weight: 300;
	color: #000;
}

#pasekNewsow {
	padding: 0;
	margin: 0;
	width: 990px;
	font-size: 13px;
	font-weight: 300;
}
#newsyNawiguj {
	width:980px;
	border:1px solid #e3e3e3;
	-webkit-border-radius: 3px;
 	-khtml-border-radius: 3px;
 	-moz-border-radius: 3px;
  	border-radius: 3px;
	padding:5px;
	margin-bottom:5px;
} 
#newsyNawigator {float:right; width:30px; background:white;text-align:right;margin-top:15px;}
#newsyPrev, #newsyNext {cursor: pointer;}
#pasekNewsow #newsyGlownaKontener {float:left;	width:10000px;position: relative;height:214px;}
#pasekNewsow #newsyGlowna > a {
	width:323px;
	height:212px;
	float: left;
	display: block;
	margin:0 4px;
	color: #555;
	text-decoration:none;
	border:1px solid #e3e3e3;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: url('obrazki/pasekNewsyA.jpg') bottom repeat-x;
}
#pasekNewsow #newsyGlowna > a:hover {
	color:700d3c;
}
#pasekNewsow #newsyGlowna > a:first-child {
	margin-left:0;
}
#pasekNewsow #newsyGlowna > a img {
	margin:0px
}
#pasekNewsow #newsyGlowna > a > .temat, #pasekNewsow #newsyGlowna > a:hover > .temat  {
	font-size:14px;
	font-weight:400;
	color: #700d3c;
	line-height: 1.1em;
}
#pasekNewsow #newsyGlowna > a > .data {
	color: #ccc;
	background: url('obrazki/data.png') 5px center no-repeat;
	font-size: 12px;
	margin: 0 0 0 87px;
	padding: 0 0 0 20px;
}
#pasekNewsow .temat {
	font-size: 18px;
	font-weight:400;
}
#pasekNewsow #newsyGlowna > a > .zajawka, #pasekNewsow  > a > .zajawka   {
	font-size: 13px;
	margin-right:3px;
}
#pasekNewsow #newsyGlowna > a:hover > .zajawka, #pasekNewsow  > a:hover > .zajawka {
	color:#700d3c
}
#pasekNewsow .obrazek {
	width:80px;
	height:200px;
	overflow:hidden;
	float:left;
	margin:5px;
	padding:0;
	border:1px solid white
}
	
#kolumnaLewa h1, #kolumnaLewa2 h1, #pasekNewsow h1, #kolumnaLewa h2, #kolumnaLewa2 h2, #pasekNewsow h2, #pasekBoksy h1, #pasekBoksy h2{
	margin: 10px 0 10px 0;
	padding: 0;
	font-size: 24px;
	line-height:1.3em;
	color: #700d3c;
	background: url('obrazki/h1Bordo.png') repeat-x center;
	font-weight: 300;
	text-transform: uppercase
}

h1 > span, h2 > span {
	display: inline-block;
	background: #fff;
	padding: 0 10px 0 0;
}

	#kolumnaLewa h3, #kolumnaLewa2 h3, #pasekNewsow h3 {
	margin: 15px 0;
	padding: 0;
	font-size: 16px;
	color: #700d3c;
	font-weight: 300;
}
	
.wyslijFormularz {
	padding: 10px 15px;
	background: #fdfdfd url('obrazki/tloPrzycisk.png') repeat-x bottom;
	border: 1px solid #d9d9d9;
	border-bottom: 2px solid #d9d9d9;
	color: #383a3c;
	font-size: 14px;
}

#newsy{
	width: 1000px;
	display:block;
	line-height:1.3em;
	padding:5px;
	border:1px solid #ececec;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: url('obrazki/pasekNewsyA.jpg') bottom repeat-x;
	margin-bottom: 20px;
}
#newsy .obrazek{
	clear:both;
	float:left;	
	width:300px;
	height: 200px;
	margin-right:10px;
}
	
.newsyText, a #newsyText {
	color:black;
	float:right;
	width:650px;
	font-size:13px;
	line-height:1.3em;
}
	
	
#newsy .temat {
	color:black;
	font-weight:400;
	font-size:15px;
	line-height:1.5em;
}
a:hover #newsy .temat {
	color:red;
}	
#newsy .data {
	color: #b4b5b8;
	background: url('obrazki/data.png') no-repeat left;
	font-size: 12px;
	padding: 0 0 0 16px;
	line-height: 1.4em;
}	
#newsy > a .wiecej{
	clear: both;
	display: inline-block;
	margin: 20px 0 10px 0;
	padding: 10px 30px 10px 15px;
	background: #fdfdfd url('obrazki/tloPrzycisk.png') repeat-x bottom;
	border: 1px solid #d9d9d9;
	border-bottom: 2px solid #d9d9d9;
	color: #383a3c;
	font-size: 14px;
	position: relative;
}
	
#newsy > .wiecej2, .wiecej2 {
clear: both;
display: inline-block;
margin: 0px 0 20px 0;
font-size: 15px;
position: relative;
float:right;
}
#pasekPodstrona {
	clear:both;
	background: #355b65;
	margin: 160px 0 0 0;
	font-size: 13px;
	font-weight: 300;
	background: #700d3c /*url('obrazki/TloStrony.gif') center repeat-y*/;
}
#pasekPodstrona > div, #pasekPodstrona > div > div {
	color: #fff;	
}	
#pasekPodstrona > div > div > h1 {
	font-size: 25px;
	font-weight: 300;
	color: #fff;
	padding: 0;
}

#pasekPodstrona > div > div > a {
	font-size: 13px;
	font-weight: 300;
	color: #fff;
}

#boksyLogo {
	padding: 20px 0 0 0;
}
#boksyLogo #partnerzy {
	height: 120px;
	width: 100%;
}
	#boksyLogo h2 {
	margin: 10px 0 20px 0;
	padding: 0;
	font-size: 24px;
	color: #375e69;
	background: url('obrazki/h1Bordo.png') repeat-x center;
	font-weight: 300;
}
#boksyLogo h2 > span {
	background: none;
}
#dol {
	margin: 0;
	padding: 20px 0;
	line-height: 1.5em;
	position: relative;
	background: #efefef;
	border-top: 10px solid #971251;
	font-weight: 300;
	font-size: 14px;
}
#dol h2 {
	margin: 0;
	margin-top: 10px;
	padding: 0 0 20px 0;
	font-size: 18px;
	font-weight: 400;
	color: #700d3c;
}
#dol .tekst {
	margin: 0;
	text-align: left;
	line-height: 1.5em;
}
#dol .boks1 {
	width: 300px;
	max-width: 300px;
	padding: 0;
	line-height: 1.6em;
	overflow: hidden;
	padding:0 20px;
}
	
#dol .boks1 > div {
	display: table;
	margin: 10px; 0 10px 0;
}
#dol .boks1 > div > img {
	display: table-cell;
	width: 50px;
}
	
#dol .boks1 > div > .tekst {
	display: table-cell;
	width: 220px;
	vertical-align:middle;
	padding-left:10px;
	}
	
#dol .boks2 {
	width: 300px;
	max-width: 300px;
	padding: 0;
	line-height: 1.6em;
	padding:0 20px;
	MARGIN-TOP:5PX;
}
	
#dol .boks3 {
	max-width: 280px;
	width: 280px;
	padding: 0;
	line-height: 1em;
	padding:0 20px;

}
#dol a {
	color: #700d3c;
	text-decoration:none;
}
#dol a:hover {
	color: none;
}

/*}*/

#dol #social {
	height: 31px;
	max-width: 250px;
	padding: 20px 0 0 0;
	position: relative;
	display: table;
}
	
#dol #social > div {
	height: 31px;
	display: block;
	float: left;
	margin: 20px 10px 0 0;
}
#dol input, #dol textarea, #dol .submit1 {
	border:1px solid #700d3c;
	color:#700d3c;
}
#stopka {
	width: 100%;
	height: 67px;
	font-size: 13px;
	font-weight: 300;
	background: #700d3c;
	color: #fff;
}

#stopka a {
	color: #fff;
}
#stopka #podpis {
	width: 580px;
	height: 40px;
	padding: 0px;
}



















	/* katalog start */
	
	#opisKategorii {
padding: 0 0 20px 0;
	}
	
	#podkategorie {
padding: 0 0 20px 0;
	}
	
#podkategorie > a {
	display: block;
	float: left;
	padding: 15px 18px;
	margin: 0 20px 0 0;
	background: #fff url('obrazki/tloPrzycisk.png') repeat-x bottom;
	border: 1px solid #f7f7f7;
	color: #700d3c;
	font-size: 15px;
	font-weight: 300;
}
	
#podkategorie > a:hover {
	color: #e40421;
}
	
#podkategorie > a.aktywny {
	background: #688c95;
	color: #fff;
}
	
#produkty {
padding: 10px 0 0 0;
border-top: 1px solid #e0e0e0;
}
	
#produkty .kolumna {
	width: 300px;
	float: left;
	padding: 0 20px 0 0;
}
	
#produkty .kolumna a {
	display: block;
	padding: 5px 0 5px 20px;
	font-size: 15px;
	font-weight: 300;
}
	
#produkty .kolumna a:hover {
	color: #e40421;
	background: url('obrazki/tloProdukt.png') no-repeat left;
}
	
#produkty .kolumna > a.aktywny {
	background: url('obrazki/tloProduktOn.png') no-repeat left;
	color: #375e69;
}
	
	#produkt {
padding: 30px 0 0 0;
display: table;
	}
	
	#produkt #zdjeciaProdukt {
width: 650px;
max-width: 650px;
display: table-cell;
ertical-align: top;
overflow-x: hidden;
	}
	
	#produkt #zdjeciaProdukt #zdjecieGlowne {
width: 648px;
max-width: 648px;
height: 368px;
background: #fff;
border: 1px solid #ececec;
overflow: hidden;
	}
	
	#produkt #zdjeciaProdukt #zdjecieGlowne #zdjecieGlowneListing {
width: 648px;
max-width: 648px;
height: 370px;
	}
	
	#produkt #zdjeciaProdukt #zdjecieGlowne #zdjecieGlowneListing > div {
width: 640px;
height: 360px;
padding: 4px 0 0 4px;
	}
	
	#produkt #zdjeciaProdukt #zdjecieGlowne #zdjecieGlowneListing img {
width: 640px;
height: 360px;
margin: 0;
	}
	
	#produkt #zdjeciaProdukt #no-template-pager {
padding: 6px 0 0 0;
width: 650px;
max-width: 650px;
	}
	
#produkt #zdjeciaProdukt #no-template-pager > div {
padding: 5px;
margin: 0 6px 0 0;
width: 110px;
max-width: 110px;
height: 62px;
border: 1px solid #ececec;
float: left;
cursor: pointer;
}
	
#produkt #daneProdukt {
	width: 280px;
	max-width: 280px;
	display: table-cell;
	vertical-align: top;
	padding: 0 0 0 30px;
	font-size: 14px;
	line-height: 2em;
}

	#produkt #daneProdukt h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 24px;
color: #700d3c;
background: url('obrazki/h1Bordo.png') repeat-x center;
font-weight: 300;
	}

#produkt #daneProdukt h2 > span {
display: inline-block;
background: #fff;
padding: 0 10px 0 0;
}

	#produkt #daneProdukt span.naglowek {
clear: both;
display: block;
margin: 0;
padding: 0;
font-size: 14px;
color: #700d3c;
font-weight: 400;
	}

	#produkt #daneProdukt div.lewa {
clear: both;
width: 50%;
float: left;
margin: 0;
padding: 0;
font-size: 14px;
color: #700d3c;
font-weight: 400;
	}

	#produkt #daneProdukt div.prawa {
width: 50%;
float: left;
margin: 0;
padding: 0;
font-size: 14px;
color: #700d3c;
font-weight: 300;
text-align: right;
	}

	#produkt #daneProdukt div.caly {
width: 100%;
margin: 0;
padding: 5px 0;
font-size: 14px;
color: #700d3c;
font-weight: 300;
line-height: 1.3em;
	}
#formularzKolumna1 {
	width: 560px;
	float: left;
}
	
	#formularzKolumna1 input[type=text], #formularzKolumna1 input[type=email] {
display: block;
border: 1px solid #a0a1a2;
width: 480px;
height: 30px;
background: #fff;
font-size: 14px;
font-weight: 300;
padding: 0 5px;
margin: 2px 0 10px 0;
font-family: 'Open Sans', Arial, sans-serif;
	}
	
	#formularzKolumna1 .zgoda {
display: block;
width: 480px;
font-size: 13px;
font-weight: 300;
padding: 10px 5px;
margin: 0 0 10px 0;
font-family: 'Open Sans', Arial, sans-serif;
	}
	
#formularzKolumna2 {
	width: 400px;
	float: left;
}
	
	#formularzKolumna2 input {
display: block;
border: 1px solid #a0a1a2;
width: 400px;
height: 30px;
background: #fff;
font-size: 14px;
font-weight: 300;
padding: 0 5px;
margin: 2px 0 10px 0;
font-family: 'Open Sans', Arial, sans-serif;
	}
	
	#formularzKolumna2 input.krotki {
display: block;
border: 1px solid #a0a1a2;
width: 100px;
height: 30px;
background: #fff;
font-size: 14px;
font-weight: 300;
padding: 0 5px;
margin: 2px 0 10px 0;
font-family: 'Open Sans', Arial, sans-serif;
	}
	
	#formularzKolumna2 input.sredni {
display: block;
float: left;
border: 1px solid #a0a1a2;
width: 150px;
height: 30px;
background: #fff;
font-size: 14px;
font-weight: 300;
padding: 0 5px;
margin: 2px 0 10px 0;
font-family: 'Open Sans', Arial, sans-serif;
	}
	
	#formularzKolumna2 select {
display: block;
border: 1px solid #a0a1a2;
width: 150px;
height: 32px;
background: #fff;
outline: 0;
font-size: 14px;
font-weight: 300;
padding: 4px 5px;
margin: 2px 0 10px 0;
font-family: 'Open Sans', Arial, sans-serif;
	}
	
	#formularzKolumna2 .textarea {
display: block;
border: 1px solid #a0a1a2;
width: 380px;
height: 75px;
background: #fff;
font-size: 14px;
font-weight: 300;
padding: 5px;
margin: 2px 0 10px 0;
font-family: 'Open Sans', Arial, sans-serif;
	}
	
.wyslijFormularz {
	padding: 10px 15px;
	background: #fdfdfd url('obrazki/tloPrzycisk.png') repeat-x bottom;
	border: 1px solid #d9d9d9;
	border-bottom: 2px solid #d9d9d9;
	color: #000;
	font-size: 14px;
}

#salaZapytaj {
	position:fixed;
	z-index: 1234;
	top:30px;
	right:-270PX;
	WIDTH:300PX;
	height:515px;
	CURSOR:POINTER;
}

#salaZapytaj .tytul{
float:left;
MAX-WIDTH:13PX;
TEXT-ALIGN:CENTER;
PADDING:15PX 8PX;;
MARGIN:5PX 0PX 6PX 0;
LINE-HEIGHT:14PX;
CURSOR:POINTER;
background:#700d3c;
COLOR: WHITE;
-webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);*/


	}
#salaZapytaj .formula {
	WIDTH:280PX;
	padding:5px 10px;
	border-right:none;
	min-height:500px;
	margin-left:30px;
	margin-top:5px;
	background:#375d68 ;
	POSITION:ABSOLUTE; Z-INDEX:1235;
	-webkit-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	box-shadow: 6px 6px 20px 0px rgba(0,0,0,0.75);
	color: white;


}
.pokazFormular {
	margin-right:270px;
}

	#katalogSal table {
padding: 0;
margin: 0;
border: 5px solid #e9e9e9;
border-spacing: 0;
border-collapse: separate;
}
	#katalogSal td {
	border: 1px solid #e9e9e9;
	border-left: none;
	padding: 3px 5px;
	font-weight: 300;
	font-size:12px;
	line-height:14px;
	text-align:center;
	white-space: nowrap;

	}
	#katalogSal td a {
	
	}
	#katalogSal td a:hover {
	}
	#katalogSal td p {
	}
	#katalogSal td a img {
	}

	#katalogSal td:first-child {
border-right: 0 solid #e4e4e4;
	}
	#katalogSal tr:first-child td {
font-weight: 600;
background: #e1e1e1;

	}
	#katalogSal tr:nth-child(2n+2) td {
background: #f9f9f9;
	border-left: 1px solid #e4e4e4;
	}
#katalogSal #parametry table, #katalogSal #parametry td {
	font-weight: 300;
	font-size:14px;
	line-height:14px;
	text-align:left;
	white-space: nowrap;
	border:none;
	background:none;
}
#katalogSal #parametry sup {font-size:10px;line-height:10px;}
#katalogSal #parametry h3 {font-size:15px; line-height:20px; margin: 10px 0; padding:0; font-weight:500;}
#katalogSal #nazwa h2 {
margin: 10px 0;
padding: 0;
font-size: 24px;
color: #700d3c;
background: url('obrazki/h1Bordo.png') repeat-x center;
font-weight: 300;
text-align:left;
	}
	#katalogSal #nazwa h2 > span {
display: inline-block;
background: #fff;
padding: 0 10px 0 0;
	}
	#katalogSal #foty {
clear:both;
float:left;
width:460px;
margin-bottom: 20px;
/*min-height:480px;*/
	}
#katalogSal #parametry {
margin-left:490px;
width:460px;
/*min-height:480px;*/
text-align:left;
font-size:15px;
line-height:20px;
font-weight:300;
margin-bottom:20px;
}
	
	
	/* katalog koniec */
	
	a.lytebox {outline: none; border:none}

	ul { margin: 0; padding-left: 20px; }


	a.lszary { color: #777777; text-decoration: none; }
	a.lszary:hover { color: #375e69; text-decoration: none; }

	a.lbialy { color: #fff; text-decoration: none; }
	a.lbialy:hover { color: #fff; text-decoration: none; }

	a.lnaCzerwony { color: #700d3c; text-decoration: none; }
	a.lnaCzerwony:hover { color: #e40421; text-decoration: none; }

	a.lczerwony { color: #e40421; text-decoration: none; }
	a.lczerwony:hover { color: #e40421; text-decoration: underline; }

	.jellinek { color: #fff; }
	.jellinek a { color: #fff; text-decoration:none; }
	.jellinek a:hover { color: #fff; text-decoration:underline; }
	
/* -------- klasy stałe --------- */

	.czysc { clear: both; }
	
	.dtable { display: table; }
	.drow { display: table-row; }
	.dcell { display: table-cell; }
	
	.input1 { background: #fff; border: 1px solid #93a7ac; width: 255px; margin: 0 0 10px 0; padding: 10px 10px; font-family: 'Open Sans', Arial, sans-serif;  font-size:13px;}
	.kontakt .input1, .kontakt .textarea {
width:480px;
	}
	.kontakt {line-height:15px; outline:none; height:490px;}
	.textarea { background: #fff; border: 1px solid #93a7ac; width: 255px; height: 80px; margin: 0 0 10px 0; padding: 10px 10px;  font-size:13px; font-family: 'Open Sans', Arial, sans-serif;  }
	.submit1 { background: #fff url('obrazki/tloPrzycisk.png') repeat-x bottom; border: 1px solid #f5f5f5; margin: 10px 0 10px 0; color:#375e69; padding: 10px 20px; font-size: 15px; }
	
	.lapka { cursor: pointer; }
	
	img.wysrodkuj { vertical-align:middle; }
	img.ramka { border: 1px solid #ccc; }
	
	.pad0x5 { padding: 0 5px; }
	.pad0x10 { padding: 0 10px; }
	.pad0x10x0x0 { padding: 0 15px 0 0; }
	.pad0x20 { padding: 0 20px; }
	.pad4 { padding: 4px; }
	.pad5x0 { padding: 5px 0; }
	.pad5 { padding: 5px; }
	.pad5x10 { padding: 5px 10px; }
	.pad5x20 { padding: 5px 20px; }
	.pad10x0 { padding: 10px 0; }
	.pad10x5 { padding: 10px 5px; }
	.pad10 { padding: 10px; }
	.pad10x20 { padding: 10px 20px; }
	.pad20x0 { padding: 20px 0; }
	.pad20x5 { padding: 20px 5px; }
	.pad20x10 { padding: 20px 10px; }
	.pad20 { padding: 20px; }

	.f9 { font-size: 9px; }
	.f10 { font-size: 10px; }
	.f11 { font-size: 11px; }
	.f12 { font-size: 12px; }
	.f13 { font-size: 13px; }
	.f14 { font-size: 14px; }
	.f15 { font-size: 15px; }
	.f16 { font-size: 16px; }
	.f17 { font-size: 17px; }
	.f18 { font-size: 18px; }
	.f20 { font-size: 20px; }
	.f22 { font-size: 22px; }
	.f24 { font-size: 24px; }
	.f30 { font-size: 30px; }
	.f32 { font-size: 32px; }
	.f36 { font-size: 36px; }

	.center { text-align: center; }
	.l { text-align: left; }
	.r { text-align: right; }
	.j { text-align: justify; }

	.wysrodkuj { margin: 0 auto 0 auto; }
	.top { vertical-align: top; }
	.bottom { vertical-align: bottom; }
	.middle { vertical-align: middle; }

	.b {font-weight: bold;}
	.no_b {font-weight: normal;}
	.i {font-style: italic;}
	.no_i {font-style: normal;}
	.u {text-decoration: underline;}
	.no_u {text-decoration: none;}

	.orange { color: #ff6c00; }
	.szary { color: #666666; }
	.szary2 { color: #777777; }
	.niebieski { color: #12347b; }
	.zielony { color: #4e6c2d; }
	.roz { color: #f73543; }
	.bialy { color: #fff; }
	.czarny { color: #000; }
	.czerwony { color: #db000f; }
	.fiolet { color: #2d0228; }
	.zolty { color: yellow; }

	.tloBiale {background: #fff;}
	.tloSzare {background: #f9f9f9;}
	.tloCzarne { background: #000; }
	.tloCzerwone {background: #db000f;}
	.tloNiebieskie {background: #12347b;}
	
	.tloStronicowanie {background: #355b65; padding: 1px 3px; color: #fff; }
	a.stronicowanie {	color: #355b65; text-decoration: none; }
	a.stronicowanie:hover { color: #355b65; text-decoration: none; }

#cssmenu{display:none;}
/* NOWY KOND MENU */

#cssmenu {
	margin-top:20px;
  position: relative;
  height: 59px;
  background: transparent;
  width: auto;
  float:right;
  display:none;
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;

  height: 60px;
  width: 100%;
  z-index: 500;
}
#cssmenu > ul > li {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  padding: 15px 20px;
  color: #2d2d2d;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
  font-weight:300;
  text-align:left;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
 
  color:#700d3c;
}
#cssmenu li.has-sub::after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}

#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
	width:auto;
  position: absolute;
  left: -9999px;
  top: 80px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
    padding:20px 0px;

    
}
#cssmenu ul ul ul {
  top: 50px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
  width:100%;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu ul ul li a {
  width: auto;
  padding: 5px 20px;
  font-size: 13px;
  color: #000;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu ul ul li:hover > a {

}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
  
}
.submenuArrow {
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #f5f5f7;
  position: absolute;
  top: -12px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #fff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
@media all and (max-width: 960px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 960px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
	height: 26px;
    width:100%;
    height:auto; 
    display:inline-block;
    float:none;
    background-color:transparent;
    text-align:left !important;
    margin-top:0px;
  }
  
  #cssmenu #menu-button{
  padding-left:20px;
  margin:10px 0px;	
  cursor:pointer
  }
  
  #cssmenu > ul > #menu-button img{
  	margin-left:20px;
  }
  
  #cssmenu > ul > li > a{
  color:#700d3c;	
  }
  #cssmenu > ul > li > a:hover{
  color:#700d3c;	
  }
  
  #cssmenu ul ul{
  padding:0px;
  background-color:#fff;
  }
  
  #cssmenu ul ul li a{
  text-transform:none;	
  color:#700d3c;
  }
  
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    width:auto;
    display: block;
    background-color:#fff;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;

  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
    text-transform: uppercase;
    border-bottom:1px solid #ebebeb;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #700d3c;
    
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #700d3c;
    border-bottom: 1px solid #fff;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;

    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
   
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #4e4e4e;
  }
}




	
@media (min-width:769px) and (max-width: 960px) {
.szerokoscStrony{
width:auto;	
text-align:center;
display:block;
}
#cssmenu{display:block;}
#pasekJezyka{width:auto;height:auto;}
#pasekTop{width:auto;height:auto;}
#pasekTop #logo{float:none;display:inline-block;}
#pasekTop #telefonTop{display:inline-block;float:none;}
#pasekMenu{display:none;}
#pasekBanner {
height: auto;
top: 0;
padding: 0;
margin: 0;
clear: both;
display: inline-block;
	}
#pasekBanner #poprzedniBanner {
	width: 7%;
	height: 0;
	padding-bottom: 7%;
	background: #fff url('obrazki/poprzedni.png') no-repeat right top;
	background-size: 100% 200%;
	top: 40%;
	left: 0;
	margin: 0;
}
#pasekBanner #poprzedniBanner:hover {
	background: #fff url('obrazki/poprzedni.png') no-repeat right bottom;
	background-size: 100% 200%;
}
#pasekBanner #nastepnyBanner {
	width: 7%;
	height: 0;
	padding-bottom: 7%;
	background: #fff url('obrazki/nastepny.png') no-repeat right top;
	background-size: 100% 200%;
	top: 40%;
	right: 0;
	margin: 0;
}	
#pasekBanner #nastepnyBanner:hover {
	background: #fff url('obrazki/nastepny.png') no-repeat right bottom;
	background-size: 100% 200%;
}
#pasekBanner #bannerki {
	width: 100%;
	height: auto;
	border: 0px;
}
#pasekBanner .banner {
	width: 100%;
	height: auto;
	margin: 0;
	float: left;
}
	#pasekBanner .banner img {
height: auto;
max-width: 100%;
width: auto;
margin: 0;
float: none;
	}
	

#pasekBoksy{width:auto;}
#pasekBoksy > div > div{display:inline;}
#pasekBoksy > div > div > a{display:inline-block;vertical-align:top;height:308px;}
#pasekBoksy > div > div > div.odstep{display:none;}
#kolumnaLewa2{width:auto;min-width: 0px;max-width:none;display:inline-block;text-align:left;padding:0px 20px;}
#kolumnaPrawa{width:275px;max-width:none;min-width:0px;display:inline-block;text-align:left;}
#dol .boks1, #dol .boks2, #dol .boks3{width:auto;display:inline-block;margin:20px 30px;}
#dol .odstep{display:none;}
#stopka{width:auto;height:auto;}
#stopka #podpis{width:auto;height: auto;padding:20px;display:inline-block;text-align:left;}
#stopka #jellinek{width:auto;height: auto;padding:20px;display:inline-block;text-align:left;}
#pasekPodstrona > div > div > h1{padding:0px 20px;}
.niema{display: none;}
#opisKategorii{padding:20px;text-align: left;}
#podkategorie{padding:20px;}
#kolumnaLewa #tekst, #kolumnaLewa2 #tekst{padding:0px 20px;text-align:left;}
#kolumnaLewa #tekst table{display: block;width:auto!important;}
#kolumnaLewa #tekst table tbody{display: block;width:auto!important;}
#kolumnaLewa #tekst table tr{display:block;width:auto;text-align:center;}
#kolumnaLewa #tekst table td{display:inline-block;}

#produkt #zdjeciaProdukt {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	padding: 0 0 30px 0;
}
	#produkt #zdjeciaProdukt #zdjecieGlowne {
width: auto;
	  	max-width: 100%;
height: auto;
	}
#produkt #zdjeciaProdukt #zdjecieGlowne #zdjecieGlowneListing {
width: auto;
	  max-width: 100%;
height: auto;
}
#produkt #zdjeciaProdukt #zdjecieGlowne #zdjecieGlowneListing > div {
width: auto;
	  max-width: 100%;
height: auto;
padding: 4px 4px 0 4px;
}
#produkt #zdjeciaProdukt #zdjecieGlowne #zdjecieGlowneListing img {
width: auto;
	  max-width: 100%;
height: auto;
margin: 0;
}
	#produkt #zdjeciaProdukt #no-template-pager {
padding: 6px 0 0 0;
width: auto;
	  	max-width: 100%;
height: auto;
margin: 0 auto;
display: inline-block;
float: none;
	}
#produkt #zdjeciaProdukt #no-template-pager > div {
padding: 6px 5px 0px 5px;
margin: 0 auto;
width: 28%;
max-width: 28%;
height: auto;
}
#produkt #zdjeciaProdukt #no-template-pager > div > img {
width: 100%;
max-width: 100%;
height: auto;
}
#produkt #daneProdukt {
	width: 100%;
	max-width: 100%;
	display: block;
	padding: 0;
}

#kolumnaLewa #tekst img{margin-left:0px!important;display:inline-block;text-align:left;}


#cookieJSdiv{width:auto;height:auto!important;}
.ciastka{width:auto!important;} 
}