#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:120px;
	margin:7px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-khtml-border-radius:2px;
	border-radius:2px;
	text-align:left
}
.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

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

}
#reservation_form select, #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;
}
#reservation_form textarea, #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 {font-family: 'Open Sans', Arial, sans-serif;}
body, form, img { margin: 0; padding: 0; border: 0; }
iframe {overflow: hidden; border: 0;margin:0; padding:0; }
a {text-decoration: none;font-weight:600}
a:hover {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 {width:100%;height:160px;background: #efefef;margin:0;padding:0}
#pasekTop {margin:0 auto;border-bottom:none;height:129px}

#pasekTop #logo {display:inline-block;margin-top:35px;}
#pasekTop #logo a img {width:55px;}
#pasekTop #nazwa {display:inline-block;width:auto;margin:0 0 0 10px;}
#pasekTop #nazwa a{display:block; color:#355b65;text-decoration:none;}
#pasekTop #nazwa a h1 {font-size:24px;line-height:24px;font-weight:700;text-align:center;padding-top:10px;}
#pasekTop #nazwa a h1 span{background:none;font-size:13px;line-height:13px;padding:0;font-weight:600;letter-spacing:10px;text-transform:uppercase}

#pasekTop #telefonTop {display:inline-block;width: auto;margin: 25px 0 0 0;text-align: right;float: right;color:#355b65;font-weight:600;font-size:14px;line-height:22px;}
#pasekTop #telefonTop a {display:block;color:#355b65}
#pasekTop #telefonTop a img{display:none}
#pasekTop #telefonTop a:hover {text-decoration:none}

#menu ol{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: justify;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;    }
#pasekMenu {
width:100%;
position:absolute;
z-index: 1000;
top:120px;
}
#menu {text-align:left;}
#menu ol {height: 50px;position: relative;padding:0;margin:0 auto;list-style-type:none;}
#menu ol > li {height: 50px;position: relative;margin:0;padding:0;list-style: none;}
#menu ol > li > div {height:50px;position: relative;margin:0 3px;}
#menu a{text-decoration:none;}
#menu > ol > li > div > a {max-width:180px; text-align:center;display:table-cell;vertical-align:middle;height:50px;color:#fff;font-size: 15px;font-weight: 400;padding:0 23px;background:#700d3c;-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);transition-property: background,color;
transition-duration: .3s;}

#menu > ol > li:hover > div > a.aktywny, #menu > ol > li > div > a:hover, #menu > ol > li > div > a.aktywny {text-decoration: none;background:#efefef;color: #700d3c;}

#menu > ol > li > div > ul {list-style-type:none;margin:0;padding:0;display:none;}
#menu > ol > li:hover > div > ul {display: block;position: absolute;left: 8px;top: 40px;min-width: 200px;z-index: 9999;background:#fff;border: 1px solid #9f004c;opacity:0;animation: animacja .5s ease both;-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.5);}
#menu > ol > li:hover > div > ul li {}
@keyframes animacja{0% {opacity:0;}100% {opacity:1;}}



#menu > ol > li:hover > div > ul > li > a  {padding:7px 15px 7px 10px;display:block;min-width: 230px;font-size:14px;color: #700d3c;z-index: 9999;font-weight: 400;margin:0;border-top:1px solid #9f004c;transition-property: background, padding; transition-duration: .3s;}
#menu > ol > li > div > ul > li:first-child > a{border:none}
#menu > ol > li > div > ul > li > a:hover {color:#fff;padding:7px 0 7px 25px;background:#700d3c;}
@keyframes animacja2{0% {}100% {padding:7px 0 7px 25px;background:#700d3c;}}
#menu ol li div ul li a.aktywny {background:#700d3c;color:#fff;padding:7px 0px 7px 25px}

#menu > ol > li:hover > div > ul > li.poczatek {margin: 0;min-width: 250px;height: 10px;border-top: none;z-index: 700;background:url('obrazki/obrazki/drzewkoMenu.png')5px -250px no-repeat}
#menu > ol > li:hover > div > ul > li.koniec {margin: 0;wmin-width: 250px;height: 10px;border: 0px solid transparent;z-index: 700;}

#pasekBanner {
	width:100%;
	height:auto;
	border-bottom:2px solid #700d3c;
	border-top:2px solid #700d3c;
	position:relative;
	}
#pasekBanner #bannerki {
	width:100%;
	height: auto;
	/*position: relative;*/
	margin: 0;
	background: #fff;
	overflow: hidden;
}
#pasekBanner .banner {
	width:100%;
	height:auto;
	margin: 0;
	overflow: hidden;
}
#pasekBanner .banner img {
	width:100%;
	height: auto;
	margin-bottom:-5px;
	}
#pasekBanner #poprzedniBanner {
	width: 72px;
	height: 168px;
	background: url('obrazki/poprzedniBordo.png') no-repeat right top;
	position: absolute;
	left:0;
	z-index: 200;
	top:50%;
	cursor: pointer;
	margin-top:-84px
}
#pasekBanner #nastepnyBanner {
	width: 72px;
	height: 168px;
	background:  url('obrazki/nastepnyBordo.png') no-repeat right top;
	position: absolute;
	right:0;
	z-index: 200;
	top:50%;
	cursor: pointer;
	margin-top:-84px
}	
#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 bottom repeat-x;
	bottom:0;
	height:80px
}
	
#pasekHasla #hasla {
	width:1000px;
	margin:0 auto;
	padding-top:10px;
	}
#pasekHasla .haslo {
	display:table-cell;
	vertical-align:middle;
	width:100%;
	margin: 0 auto;
	font-size: 22px;
	color:#355b65;
	line-height: 1.2em;
	text-align: center;
	font-weight:600;
	height:100px;
	padding:0 20px;
	text-transform:none;
}
	
#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{
	padding:0 10px 20px 10px;
	}

#pasekBoksy > div > div  {
	margin: 0;
	/*display: table;*/
	margin-bottom:7px;border:1px solid red;
}
#pasekBoksy > div > div > div {
	margin: 0;
	margin-bottom:7px;

}


#pasekBoksy  a{
	width: 315px;
	margin:0 6px 10px 6px;
	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;
	border:1px solid #700d3c/*#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 a > img {
	width: 292px;
	height: 186px;
	margin: 0 0 20px 0;
	overflow: hidden;
}

#pasekBoksy h3 {
	color: #700d3c;
	background: none;
	text-decoration:none;
	text-transform:none;
	font-size:24px;
	font-weight:300;
	line-height:28px;
	display:table-cell;
	vertical-align:middle;
	height:80px;width:315px;
	text-align:center
}

#pasekBoksy > div > div > div.odstep {
	width: 7px;
	padding: 0;
}
	
#pasekBoksy 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 > a:hover > .wiecej, .wiecej > a:hover  {
	background: url('obrazki/wiecejBordoOn.png') repeat-x bottom;
	color: white;
	tekst-decoration:none;
	border: 1px solid #700d3c;
}
	
#czescGlowna {width:100%}
	
#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;
	height:calc(100% - 100px);
}
#kolumnaLewa a {
	color:#971251
}

#kolumnaLewa2 {
	min-width: 645px;
	max-width: 645px;
	padding: 0 40px 0 0;
	margin: 0;
	 height:calc(100% - 250px)
}

#kolumnaLewa #tekst, #kolumnaLewa2 #tekst {
	margin: 0;
	padding: 0 0 30px 0;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	line-height:20px;
	font-weight:400;
	text-align:justify;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
    -o-hyphens: auto;
	 hyphens: auto;
}
#kolumnaLewa #tekst p, #kolumnaLewa2 #tekst p {margin:3px 0;padding:3px 0 3px 0;}
#kolumnaLewa #tekst ol, #kolumnaLewa2 #tekst ol{margin:0 0 0 0; padding:0 0 0 20px;line-height:20px;}
#kolumnaLewa #tekst li, #kolumnaLewa2 #tekst li {margin:3px 0; padding:0}

#pasekNewsow {padding:0;margin: 0;font-size: 13px;font-weight: 400;}
#pasekNewsow #newsyGlowna > a {position:relative;width:49%;margin: 5px auto;display: block;color: #555;text-decoration:none;border:1px solid #e3e3e3;-webkit-border-radius: 3px;-khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
#pasekNewsow #newsyGlowna > a:hover {color:700d3c}
#pasekNewsow #newsyGlowna a img {border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;margin:0px}
#pasekNewsow #newsyGlowna a .tekst {margin:5px;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;padding-bottom:10px;}
#pasekNewsow #newsyGlowna a .temat, 
#pasekNewsow #newsyGlowna a:hover .temat  {font-size:13px;font-weight:600;color: #700d3c;line-height: 1.1em;text-transform:uppercase}
#pasekNewsow #newsyGlowna a .data {color: #999;font-size: 11px;display:none;}
#pasekNewsow #newsyGlowna a .data img {border:none;}
#pasekNewsow #newsyGlowna a .zajawka {text-align:justify;font-size: 13px;margin-right:3px;font-weight:500;}
#pasekNewsow #newsyGlowna a:hover .zajawka{color:#700d3c;}
#pasekNewsow .obrazek {	width:201px;height:100%;overflow:hidden;float:left;margin:0 10px 0 0;padding:0;border:none}
#pasekNewsow .obrazek img{width:200px;}
#pasekNewsow .strzalka {position:absolute; bottom:0;right:0;height:20px; width:20px;background:url('obrazki/bull-bordo.png') center no-repeat}

	
#kolumnaLewa h1, #kolumnaLewa2 h1, #pasekNewsow h1, #kolumnaLewa h2, #kolumnaLewa2 h2, #pasekNewsow h2, #pasekBoksy h1, #pasekBoksy h2, .ha2{
	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, .ha2 > 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{
	display:table;
	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 .newsyText {display:table-cell;vertical-align:top;align:justify;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
#newsy .obrazek{
	display:table-cell;
	vertical-align:top;
	width:300px;
	height: 200px;
	padding-right:10px;
}
#newsy .obrazek img {width:100%;}
	
.newsyText, a #newsyText {
	color:black;
	float:right;
	width:650px;
	font-size:13px;
	line-height:1.3em;
}
	
	
#newsy .temat {
	color:black;
	font-weight:600;
	font-size:15px;
	line-height:1.5em;
	text-transform:uppercase;
	color:#700d3c
}

#newsy p {padding:0 0 5px 0;margin:0 0 5px 0;text-align:justify;}
/*#newsy ul {padding-bottom:5px; margin-bottom:5px;}*/
#newsy .zajawka p {font-weight:600;} 
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;
	font-size: 13px;
	font-weight: 300;
	background: #700d3c;
	margin-bottom:20px;
}
#pasekPodstrona > div, #pasekPodstrona > div > div {
	color: #fff;	
}	
#pasekPodstrona > div > div > h1, #pasekPodstrona > div > div > p {
	font-size: 25px;
	font-weight: 300;
	color: #fff;
	padding: 0;
}
#pasekPodstrona > div > div > p {margin:0; padding:17px 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;
}
#dojazd{border-top: 10px solid #971251;
}
#dol {
	
	line-height: normal;
	position: relative;
	color:#355b65;
	background: #efefef;
	border-top: 10px solid #971251;
	font-weight: 500;
	font-size: 13px;
	margin-top:-5px;
	padding: 0 0 30px 0;
}
#dol .odstep{width:20px;display:none;}
#boksyDol div {font-size:}
#dol h2 {
	margin: 0;
	margin-top: 10px;
	padding: 0 0 20px 0;
	font-size: 18px;
	font-weight: 600;
	color: #355b65/*700d3c*/;
}
#dol .tekst {
	margin: 0;
	text-align: left;
	font-size: 13px;
}
#dol a {color: #/*700d3c*/355b65;}

#dol .boks1 {
}
	
#dol .boks1 > div {
	display: table;
}
#dol .boks1 > div > img {
	display: table-cell;
	width: 34px;
}
	
#dol .boks1 > div > .tekst {
	display: table-cell;
	width: auto;
	vertical-align:middle;
	}
#dol .boks1 > div > .tekst a, #dol .boks3 a{color: #355b65;}
#dol .boks2 {
	text-align:justify;
	-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;
}
#dol .boks2 p, #dol .boks3 p{
}
	
#dol .boks3 {
	text-align:justify;
	-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;
}
#dol a {
	color: #700d3c;
	text-decoration:none;
}
#dol a:hover {
	color: none;
}
#dol .boks1, #dol .boks2, #dol .boks3 {width:calc((100% / 3) - 15px)}
#dol .boks3, #dol .boks2 {padding-right:20px} 
/*}*/

#dol #social {
	height: 31px;
	max-width: 250px;
	padding: 15px 0 0 0;
	position: relative;
	display: /*table*/none;
}
	
#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: 400;
	background: #700d3c;
	color: #fff;
	padding:10px 0 0 0;
	font-size:11px; font-weight:600;
}
#stopka #podpis {
}
	/* 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 {margin-top:20px;}
#katalogSal .guzik {background:#971251;border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 50px;-webkit-border-radius: 50px 50px 50px 50px; padding:7px 10px;font-size:10px; font-weight:600;line-height:12px;color:white;text-align:center;text-decoration:none;display:block;max-width:90px;margin:0 auto;}
.obrazekKatalog {width:400px; height:auto; float:right; margin-left:10px;}
.obrazekKatalog img {width:auto}
#katalogSal .obrazek {width:150px;}
#katalogSal table {width:100%;padding: 0;margin: 0;border: 1px solid #f7f7f7}
#katalogSal th {padding:3px 5px;line-height:16px;font-size:13px;font-weight: 600;background: #e1e1e1;border-right:1px solid #fff;text-align:center;}
#katalogSal th:last-child {border:none;}
#katalogSal td {padding:3px 5px; font-size:12px;text-align:center;line-height:14px;border-right:1px solid #f0f0f0;}
#katalogSal td:last-child {border:none}
#katalogSal .linia:nth-child(odd) td {background:#efefef;border-right:1px solid #fff}
#katalogSal .linia:nth-child(odd) td:last-child {border:none;}





#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;
	}
#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 */
	
/* POKAZ SALI */	
#pokazSali .guzik {max-width:100px;font-size:11px; font-weight:600;line-height:13px;color:white; background:#971251; display:block; margin:5px; padding:7px 10px;  cursor:pointer; text-align:center;border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 50px;-webkit-border-radius: 50px 50px 50px 50px;}
#pokazSali #parametry {margin:0 0 0 20px;width:480px;text-align:left;font-size:15px;line-height:20px;font-weight:300}	

#pokazSali #parametry table {width:300px;padding: 0;margin: 0;border:none;font-weight: 300;font-size:14px;line-height:14px;text-align:left;white-space: nowrap;border:none; background:none}
#pokazSali #parametry td {}
#pokazSali #parametry sup {font-size:10px;line-height:10px;}
#pokazSali #parametry h3 {font-size:15px; line-height:20px; margin: 10px 0; padding:0; font-weight:400;}
#pokazSali h2 {position:relative;margin: 10px 0;padding: 0;font-size: 24px;color: #700d3c;background: url('obrazki/h1Bordo.png') repeat-x center;font-weight: 300;text-align:left;}
#pokazSali #nazwa h2 span {display: inline-block;background: #fff;padding: 0 10px 0 0;}
.rez {display:none;position:absolute;right:0;top:11px;background:#fff;padding-left:5px;}
.rez a{display:inline-block;color:#fff;text-decoration:none;padding:10px 25px;font-size:11px; font-weight:600;line-height:13px;color:white; background:#971251;text-align:center;border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 50px;-webkit-border-radius: 50px 50px 50px 50px  }

#pokazSali #foty {width:480px;margin-bottom: 20px;text-align:center;}
#pokazSali #foty a img {width:235px;margin-bottom:8px}
#pokazSali #foty a:first-child img {width:100%;}
#pokazSali #foty a:nth-child(even) img{margin-right:10px}
/* POKAZ SALI */		
.rezerwujSale {width:100%;margin:30px 0 0 0;}
.rezerwujSale input[type=text], .rezerwujSale input[type=email], .rezerwujSale input[type=tel], .rezerwujSale input[type=number], .rezerwujSale textarea {width:calc(100% - 10px);height:30px;background:#efefef;border:none;outline:none;padding:5px;margin-bottom:5px;}
.rezerwujSale textarea {height:200px;}
.rezerwujSale .ustawienie {margin:10px 0 15px 0; font-size:14px;}
.rezerwujSale .ustawienie span {font-size:16px; font-weight:400}
.rezerwujSale .ustawienie div {margin:8px; display:inline-block;min-width:150px}
.rezerwujSale .rezerwuj{float:left;border:none;width:120px;height:35px;font-size:11px; font-weight:600;line-height:13px;color:white; background:#971251; display:block;padding:7px 10px;  cursor:pointer; text-align:center;border-radius: 50px 50px 50px 50px;-moz-border-radius: 50px 50px 50px 50px;-webkit-border-radius: 50px 50px 50px 50px;}	
	
	
	a, 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; }
	.midle {vertical-align:middle}
	.center{text-align:center}
	
	.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 {color:#000}
#kontakt h3 {margin:0; padding:0}
#kontakt p {}
#kontakt #kontaktForm {display:table-cell;vertical-align:top;width:500px}
#kontakt #kontaktDane {display:table-cell;vertical-align:top;width:400px}
.kontakt .input1, .kontakt textarea {width:480px;}
.kontakt {line-height:15px; outline:none;margin-top:30px;width:480px;margin-right:50px}
.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; }
	strong {font-weight:600}

#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:#fff;
}
#cssmenu li.has-sub::after {
  display: block;
  content: '';
  position: absolute;
  /*width: 0;
  height: 0;*/

}

#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
    color:#fff;

}
#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);
}
/*
div {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
*/
/* ------------------- ADD ----------------------*/

#rezerwujPokoj{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	}

#pokazSali, #pokojeFoty, .katalog2, #pasekBoksy, #newsyGlowna, #boksyDol {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;}
	
#tekst .katalog2 a {width:290px;position:relative;border:1px solid #700d3c;margin:15px 5px; font-size:18px;font-weight:300; text-align:center;text-transform:uppercase;text-decoration:none;padding-bottom:5px;background:#700d3c;color:white;}
#tekst .katalog2 a .tekst {width:290px;height:50px;}
#tekst .katalog2 a first-child {margin-left:0}
#tekst .katalog2 a:last-child {margin-right:0}
#tekst .katalog2 a img {width:100%;padding:0px;}

#pokojeFoty {width:580px;float:right;margin-bottom:20px;}
#pokojeFoty div {width:173px;padding:0 5px 0 5px;}
#pokojeFoty img {width:100%;}
#pokojeFoty div:first-child {width:540px;height:auto;}
#pokojeFoty div:first-child a img {padding:0;}


#pokojeForma {width:400px;float:left;}
#pokojeForma input[type="text"], #pokojeForma textarea, #pokojeForma input[type="email"], #pokojeForma input[type="tel"], select, #pokojeForma input[type="number"] {width:395px;height:35px; padding:5px;margin:0 0 8px 0;border:none;outline:none;background:#f8f8f8;}
#pokojeForma select {width:160px; height:45px; border:3px solid #f8f8f8; text-align:center;color:#888;}
#pokojeForma input[type="text"].meldunek {width:150px;}
#pokojeForma input[type="number"] {width:150px;}
#pokojeForma textarea {height:100px;}
#pokojeForma .zgoda {font-size:12px;}

.komunikatDobrze {display:table;position:fixed;z-index:1000;width:400px;height:300px; top:50%;left:50%;margin:-200px auto auto -150px; background:#fff; border:5px solid #971251;
-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.48);
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.48);
 }
 .komunikatDobrze div {width:400px;height:300px;display:table-cell;vertical-align:middle;text-align:center;}
 


/*.niekomorka {display:mone;}*/
.tagi {text-align:right;padding:5px}
.tagi a{font-size:9px;text-decoration:none;color:#999;}

.rekomendowany {position:absolute; z-index:999;top:10px;left:10px;}
.rekomendowany a {display:inline-block;margin:0 10px 10px 0}
/* PFR */
.pfr {position:absolute;z-index:999; right:10px;top:10px;border:1px solid #656A6C;background:white;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;overflow:hidden;}
.pfr .obrazek {position:relative;width:195px;height:90px;overflow:hidden;transition: width .5s ease-in-out, height .5s ease-in-out;}
.pfr .obrazek:hover {width:425px;height:305px;}
.pfr .obrazek img{width:400px;margin:10px 0 0 10px;}
.pfr .obrazek .otworz {position:absolute;width:100%;height:10px;background:#efefef url('/pliki/svg/pfr_otworz.svg') center center no-repeat;background-size:15px 4px; top:80px;}
.pfrH {margin:40px auto; text-align:center;background:white;padding:20px}
.pfrH img {width:calc(100% - 0px)}
#dol .boks1 .pfrV {margin:30px auto 0 auto; text-align:center;background:white;}
#dol .boks1 .pfrV img {margin:10px;width:calc(100% - 20px)}
/* PFR - KONIEC */
.komorka{display:none}

#promoHotel {line-height:normal;width:50%;background: #1a52cd; color:white; margin-bottom:20px;padding:10px; font-weight:600;float:left;}
#promoHotel .key{width:100px;height:100px; background:url('obrazki/kluczyk.png');background-repeat:no-repeat;background-size:89px 89px}
#promoHotel .center {text-align:center}
#promoHotel .left {text-align:left}
#promoHotel .right {text-align:right}
#promoHotel .baza {letter-spacing:2px;font-size:13px;color: white;padding:10px 0 20px 0;}
#promoHotel .oferta {color: #fff8e3; font-size:20px;line-height:22px;letter-spacing:5px;}
#promoHotel .price1 {color: #fff8e3;font-size:22px;}
#promoHotel .price2 {color: #9ac5bc;}
#promoHotelFoty {width:49.9%;height:599px;float:left;}
#promoHotelFoty img {width:100%}
#promoHotelFoty .foto1{width:100%;height:445px;overflow:hidden}
#promoHotelFoty .foto23{width:50%;float:left;margin-top:-10px;}
.klienci {text-align:center;}
.klienci div {text-align:center;font-weight:600;line-height:18px;color: #777;vertical-align:middle;margin:5px;border:1px solid #efefef;padding:10px;border-radius:3px}
.sortuj {display:block;margin-top:20px;width:85px;}
.sortuj input[type=button], .sortuj input[type=submit], .sortuj input[type=reset]{display:inline-block;border:none;background:none;color:transparent;width:20px;height:20px;margin:0 10px;background:url('obrazki/svg/sortuj.svg') no-repeat;background-size:40px;}
.sortuj input[type=button].up, 
.sortuj input[type=submit].up,
.sortuj input[type=reset].up{background-position:0 0}
.sortuj input[type=button].down, 
.sortuj input[type=submit].down,
.sortuj input[type=reset].down{background-position:-23px 0}

.sortuj input[type=button].up.aktywny, 
.sortuj input[type=submit].up.aktywny,
.sortuj input[type=reset].up.aktywny{background-position:0 -23px}
.sortuj input[type=button].down.aktywny, 
.sortuj input[type=submit].down.aktywny,
.sortuj input[type=reset].down.aktywny{background-position:-23px -23px}
.solidarni{position:absolute; z-index:9999;top:10px;right:290px;width:160px}
.solidarni2{position:absolute; z-index:9999;top:/*5px*/10px;right:/*310px*/-135px;width:120px}
.solidarni3{position:absolute; z-index:9999;top:25px;left:10px;width:140px}
.solidarni img, .solidarni2 img, .solidarni3 img {width:100%}

.rodoTab {border:1px solid #efefef; font-size:100%;text-align:left; margin:20px auto 20px auto;background:#efefef;border:1px solid #888;display:table}
.rodoTab th {padding:5px;height: 50px; text-align: center;color:white;text-transform:uppercase;border-right:1px solid white;border-bottom:1px solid white;background:#888}
.rodoTab td {padding:5px;}
.rodoTab tr:last-child th {border-bottom:none} 
.rodoTab tr:nth-child(even) td{background:white;color:black;border-right:1px solid #ccc}
.rodoTab tr:nth-child(odd) td {background:#efefef;color:black;border-right:1px solid #ccc}
.rodoTab tr td:last-child, .rodoTab tr th:last-child {border-right:none}
.rodoTab th{display:table-cell;vertical-align:middle;width:50%;text-align:center;}
.rodoTab td {display:table-cell;vertical-align:middle;width:50%; text-align:center;padding:5px;}

.ofertaPakietowa {}
.ofertaPakietowa div{clear:both;display:block;padding: 5px 0;border-top:2px solid #971251}
.ofertaPakietowa div:first-child {padding-top:0; border:none;}
.ofertaPakietowa img {width:40%; float:right;padding:0 0 30px 15px}
.ofertaPakietowa div:nth-last-child(2) img {width:40%; float:right;padding:0 0 0px 15px}
.ofertaPakietowa .odstep {height:5px; border:none;}
input[type="checkbox"] {margin:0 3px 0 0; pading:0}


.ofertaGlowna{position:relative;margin:40px 0 0 0;min-height:100px; border:1px solid #700d3c;-webkit-border-radius: 3px; -khtml-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #700d3c;}
.ofertaGlowna .tytul {font-weight:100; text-align:center;margin:-18px auto 0 auto;padding:0;font-size:24px;display:table;width:500px}
.ofertaGlowna .tytul div {background:#fff; padding:0 10px}
.ofertaGlowna .tytul span {font-size:15px;font-weight:600}
.ofertaGlowna .tytul p {color: #700d3c;	font-size: 15px; line-height:1.3em; font-weight:400}
.ofertaGlowna .obrazki {text-align:center;}
.ofertaGlowna .obrazki img{width:calc(25% - 7px)}
.ofertaGlowna > a {color: #700d3c;text-decoration:none;}
.obrazeczki {text-align:center;margin-top:20px;}
.obrazeczki .odstep {display:inline-block;width:0;height:5px;}
.obrazeczki img{display:inline-block;width:calc(25% - 6px);}


.ofertaGlowna a > .obrazki > .wiecej{
	clear: both;
	display: inline-block;
	margin: 0;
	padding: 13px 20px;
	margin:5px auto 10px auto;
	background: url('obrazki/wiecejBordo.png') repeat-x bottom;
	border: 1px solid #c18fac;
	color: #700d3c;
	font-size: 13px;
	font-weight: 500;
}
.ofertaGlowna > a:hover > .obrazki > .wiecej{
	background: url('obrazki/wiecejBordoOn.png') repeat-x bottom;
	color: white;
	tekst-decoration:none;
	border: 1px solid #700d3c;
}