/* Kemoth v.1.0.5 */


html, html b {
	color: #fdfdfc; 
	background-color: #ffffff;
	font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
	scroll-behavior: smooth;
}


body {
	margin: 0 auto;
	padding: 0;
	/*font-family: Lato, "Open Sans", Helvetica, Garamond, nexa, serif;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;*/
	font-display: fallback;
	line-height: 18px;
	font-size:12px;
	color: #3c3c3c;
	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#666666;
	background-color:#ffffff;
	scroll-behavior: smooth;
}

body a:link, a:visited {text-decoration: none;}

a img, img {border: 0; margin: 0; padding: 0;}
a, a:link, a:visited, a:active, a:focus, a:hover {color: #3c3c3c; background:transparent; outline: 0; outline-style: none; text-decoration: none; -moz-anchor-decoration: none; }

q:lang(pl) { quotes: "\201E" "\201D" "\201A" "\2019" }
q:before { content: open-quote }
q:after { content: close-quote }
strong, b, span {color: #3c3c3c; font-weight: normal; font-size:14px;}
h1, h2, h3, h4, h5 {color: #000000; font-weight: normal; font-size:18px; letter-spacing:1.5px;}
.fotki {text-indent: -1000px;}

#container {margin: 0 auto !important; padding:0; position: relative; color: #3c3c3c; font-size:14px;}

#content {
	position: relative;
	margin: 0 auto;
	width: 70%;
	background-color: #ffffff; 
	height:100%;
	padding: 10px 8%;
	margin-top:0px;
}

#header {
	position: relative;
	margin: 0;
	padding: 0;
	width: 1000px; height:32px;
	float: none;
	display:block;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	background: #FDFDFC;
}


#menu
	{
	float:none; 
	padding:5px 0;
	padding-top:45px; 
	display:block; 
	height:80px;
	margin: 0 auto;
	font-family: Lato, Helvetica, Garamond, nexa, serif; 
	color: #777777;
	text-align: center;
	text-transform:uppercase; 
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 20px;
	width:95%;
	}

#menu-mobile
	{
	float:none; 
	padding:5px 0;
	padding-top:45px; 
	display:block; 
	height:80px;
	margin: 0 auto;
	font-family: Lato, Helvetica, Garamond, nexa, serif; 
	color: #777777;
	text-align: center;
	text-transform:uppercase; 
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 2px;
	line-height: 20px;
	width:100%;
	overflow:hidden;
	}

#menu a:hover, #menu-mobile a:hover {color: #3c3c3c; height:25px; font-size: 12px; background-color: transparent;}
#menu a:focus, #menu-mobile a:focus {outline: none; font-size: 12px; background-color: transparent;}

#menu a, 
#menu-mobile a 
	{
	font-size: 12px;
	margin: 0;
	height: 25px; 
	width: auto;
	padding: 3px 12px 3px 12px;
	outline: none; outline-style: none;  -moz-anchor-decoration: none; text-decoration: none; 
	display: block;
	_display:inline;
	}

#menu ul, 
#menu-mobile ul
	{
	position: relative;
	margin: 0;
	padding: 0;
	width: 98%; 
	list-style-type: none; float:right;
	}

#menu ul li,
#menu-mobile ul li 
	{color: #777777; min-width:80px; float:right; }

#menu ul li a,
#menu-mobile  ul li a 
	{color: #777777;}

#menu li.selected, #menu li.selected a, #menu a:hover, #menu a span:hover,
#menu-mobile li.selected, #menu-mobile li.selected a, #menu-mobile a:hover, #menu-mobile a span:hover 
	{color: #3c3c3c; background-color: transparent;}

#menu ul li,
#menu-mobile ul li
	{
	position: relative;
	margin: 0;
	height: 30px; 
	float: left;
	text-align: center;
	font-size: 11px; letter-spacing: 3px;
	color: #777777;
	background-color: transparent;
	}

#menu ul li.dropbtn button.dropbtn {font-size: 12px;}

#thumbails {
	float: none; 
	width: 970px; 
	margin: 0 auto; 
	overflow:hidden;
	height:100%;
	color: #3c3c3c;
	background-color: #FDFDFC;
    filter: alpha(opacity=100);
    opacity: 1;
	-moz-opacity:1.0;
}

#thumbails a {
	position: relative; 
	float: left; 
	width: 230px; 
	height: 230px;
	margin: 4px 5px;
	padding: 0;
	outline: none; outline-style: none;  -moz-anchor-decoration: none; text-decoration: none; 
    opacity: 0.7;
	}

#thumbails a:hover {
    opacity: 1;
	}

#thumbails img {width: 230px; height: 230px; border: none; margin: 4px 5px; color: #3c3c3c;}

#onecol, #twocol {
	padding-bottom: 10px;
	margin:0;
	float:none;
	font-size: 14px;
	color: #3c3c3c;
}

#onecol .numerki{padding:5px 0; margin: 0 auto; display:block; height:27px; width:950px; text-align:right; float: none; overflow:hidden; }
#onecol .numerki span{font-weight: bold; font-size: 11px; padding:1px 2px;}
#onecol .numerki a {color: #3c3c3c;}

#onecol.main {
	position: relative;
	margin: 0;
	padding: 0;
	width: 1000px;
	text-align: center;
	color: #3c3c3c;
}

#onecol p a, #onecol.dodatkowe a, #onecol.dodatkowe b{font-weight: normal; color: #3c3c3c;}


#twocol a {
	font-weight: bold;
	text-align: center;
}

#twocol.colhalf {
	position: relative;
	margin: 0 20px 20px 0px;
	padding: 0;
	width: 440px;
	float: left;
}

#twocol #leftcol {
	position: relative;
	margin: 0;
	padding: 0;
	width: 492px;
	float: left;
}

#twocol p, #onecol p {margin: 0;padding: 10px 25px 0 25px;}

#leftcol.kontakt, #leftcol.ciastka {margin:0 auto; line-height: 25px; font-size:14px; }

#leftcol.kontakt b, #leftcol.kontakt i, #leftcol.kontakt i {font-weight: normal; font-style: normal; font-size:14px;}

#leftcol.kontakt h2.title-head, 
#leftcol.kontakt h3.title-head, 
#leftcol.terminarz h2.title-head 
	{padding:0; text-align:center; margin:15px auto 0 auto; display:block; width:300px; height:17px; font-size:18px; letter-spacing:1.5px; color:#000000}

#leftcol.kontakt li {margin:19px auto;}
#leftcol.kontakt li span {margin: 0 auto 35px auto; display: block; text-align:justify; color: #3c3c3c;}
#leftcol.kontakt li span.span-img {margin: 10px auto; display: block; text-align:center;}
#leftcol.kontakt li span.span-center {display: block; text-align:center; color: #3c3c3c; margin: 5px auto;}
#leftcol.kontakt p {display: block; text-align:justify; margin:10px auto; paadding:0px;}

#leftcol.kontakt img {border:none;}

#leftcol.kontakt b, #leftcol.kontakt i, #leftcol.kontakt a , #leftcol.kontakt a i, #leftcol.kontakt ul li strong, #leftcol.kontakt ul li b, 
#leftcol.oferta ul li i, #leftcol.oferta ul li b, #leftcol.oferta li a, #onecol.dodatkowe a, #onecol.dodatkowe i, #onecol span b
	{color: #3c3c3c; font-weight: normal; font-style: normal;}

#twocol #leftcol.oferta li {padding-right:8px;}

#twocol #rightcol {
	position: relative;
	margin: 0;
	padding: 0 0 8px 0;
	width: 485px;
	float: right;
}

#twocol h1, #onecol h1, #twocol h2, #onecol h2  {
	margin: 0;
	padding: 10px 25px 0 25px;
	color: #000000;
	font-size: 16px;
}

#twocol h2 span{
	margin: 0;
	padding: 0px;
	color: #333333;
	font-size:18px;
}

#str-box {
	padding:0;
    margin: 10px auto 15px auto;
	display: block;
    width: 980px;
	overflow: hidden;
  }

/*----------------------*/

	.kalendarz 
		{font-size:13px; height:186px; width: 158px; float:left; display:block; border:1px solid #e0e0e0; text-align:center; margin:5px 6px 5px 8px; padding:0 !important;}
	
	.kalendarz p {text-align:center; margin:0;}
	
	p.monthname 
		{letter-spacing: 0.14em; text-align:center; width:157px; height:25px; padding:2px 0 0 0 !important; color:#333; background-color:#DDDDDD; font-weight:normal; margin:0 !important;}
	p.sobota, p.dayname, p.daynumber 
		{text-align:center; display:block; width: 22px; height:23px; float:left; margin:0px !important; padding:0 !important;}
	p.dayname 
		{padding:3px 0 0 0 !important;}
	.kreska 
		{height:20px; border-bottom:1px solid #4B4B4B; margin: 4px 0 0 0 !important;}
	p.reserved 
		{text-align:center; display:block; width: 22px; height:23px; float:left; margin:0px !important; padding:0 !important; color: red; font-weight:bold;}
	p.wstepna  
		{text-align:center; display:block; width: 22px; height:23px; float:left; margin:0px !important; padding:0 !important; color:#1470e1; font-weight:bold;}
	p.days 
		{text-align:center; display:block; width: 22px; height:23px; float:left; margin:0px !important; padding:0 !important; font-weight: bold;}

	.czerwony 
		{color: red; font-weight:bold; font-size:14px}
	.niebieski
		{color:#1470e1; font-weight:bold; font-size:14px}

		
#message_box {
	position: absolute;
	top: 0; left: 0;
	z-index: 10000;
	background:#ffc;
	background:#fff;
	padding:5px;
	border:1px solid #CCCCCC;
	text-align:center;
	font-weight:bold;
	width:99%;
	color: #333333;
	color: red;
}

#message_box a{
	color: #333333;
}

.footer {
	z-index:999;
	display: block; 
	position: fixed; 
	bottom:0px; 
	height:34px; height:auto; min-height:30px; 
	width:100%; padding:8px 0; margin:0px;
	text-align:center; 
	background-color:white; 
	text-transform:uppercase; 
	font-size:11px; letter-spacing:1.6px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.footer-mobile {
	z-index:999;
	display: block; 
	position: fixed; 
	bottom:0px; 
	height:34px; height:auto; min-height:30px; 
	width:100%; padding:8px 0; margin:0px;
	text-align:center; 
	background-color:white; 
	text-transform:uppercase; 
	font-size:11px; letter-spacing:1px;
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.footer strong, .footer b, .footer span, .footer a, .footer span
	{font-weight: normal; font-size: 11px; color: #3c3c3c; letter-spacing:1.4px;}

.footer-mobile strong, .footer-mobile b, .footer-mobile span, .footer-mobile a, .footer-mobile span
	{font-weight: normal; font-size: 11px; color: #3c3c3c; letter-spacing:1px;}

#leftcol.kontakt, #leftcol.oferta, #leftcol.terminarz, #leftcol.ciastka {padding:30px 0 10px 0;}
#leftcol.terminarz .kalcenter {margin:0px auto; font-size:14px; width: 100%; text-align: center; padding:0px 0 10px 0;}
#leftcol span.terminarz-info {margin:20px auto; padding:0 0 5px 0; width: 100%; display: block; text-align:center; letter-spacing:1px; font-size:14px;}
#leftcol.kontakt li span{margin:10px auto; font-size:14px; width: 100%;}
#leftcol.oferta li {margin:10px auto; font-size:14px; width: 100%; list-style-type: disc;}
#leftcol.oferta ul li {line-height:26px;}
#leftcol.oferta h2.title-head-left  {padding:0; text-align:left; margin:15px auto; display:block; width:100%; height:100%; font-size:18px; letter-spacing:1.4px; font-style:bold; color:#000000}
#leftcol.oferta p.cena, #leftcol.oferta p.cena-plener {padding:0; margin:10px auto 50px auto; text-align:left; font-size:16px; letter-spacing:1.3px; color:#000000}
#leftcol.oferta p.cena span{padding:0; text-align:left; font-size:16px; letter-spacing:1.4px; color:#000000}
#leftcol.oferta p.cena-plener span{padding:0; text-align:left; font-size:16px; letter-spacing:1.2px; color:#000000}
#leftcol.oferta p.oferta-notka {padding:0 0 10px 0; margin:15px auto; text-align:justify; font-size:14px; letter-spacing:0.8px; color:#000000}
#leftcol.ciastka p  {text-align:center;}

img.wpja1, img.wpja2 {width: 100%; height: 100%; border:none;}

.menu-top {
		display:block; 
		width:100%; 
		margin:0 auto; padding:5px; 
		text-align:center; 
		background-color:#FFFFFF; 
		position: fixed; top:0px;
		font-family: Lato, Helvetica, Garamond, nexa, serif;
		text-transform:uppercase; 
		font-size: 12px;
		font-weight: 400;
		letter-spacing: 2px;
		line-height: 23px;
		height:99px; /* mobile: 99; komputer 92; */
		z-index:8888;
}

h1.menu-logo {background-position: center center; 
				background-image: url('https://www.cdn.justynaortyl.com/media/logo.4.0/fotografia_slubna_Krakow.webp'); 
				background-size: 362px 90px; 
				background-repeat: no-repeat;
				width:362px; height:90px; 
				float:left; position:fixed; top:2px; left:40px; 
				z-index:999; 
				display: block; 
				background-color:#fff; 
				margin:0; 
				padding:0; 
				text-indent:-3000px !important;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	h1.menu-logo {background-image: url('https://www.cdn.justynaortyl.com/media/logo.4.0/fotografia_slubna_Krakow.png'); }
}

@media (max-width: 1000px) {
	h1.menu-logo {background-position: center center; 
					background-image: url('https://www.cdn.justynaortyl.com/media/logo.4.0/JT-fotografia-slubna.png'); 
					background-size: 70px 70px; 
					background-repeat: no-repeat;
					width:70px; height:70px; 
					float:left; position:fixed; top:10px; left:55px; 
					z-index:999; 
					display: block; 
					background-color:#fff; 
					margin:0; 
					padding:0; 
					text-indent:-3000px !important;}
}

@media (max-width: 900px) {
	h1.menu-logo {background-position: center center; 
					background-image: url('https://www.cdn.justynaortyl.com/media/logo.4.0/JT-fotografia-slubna.png'); 
					background-size: 70px 70px; 
					background-repeat: no-repeat;
					width:70px; height:70px; 
					float:left; position:fixed; top:10px; left:45px; 
					z-index:999; 
					display: block; 
					background-color:#fff; 
					margin:0; 
					padding:0; 
					text-indent:-3000px !important;}
}

@media (max-width: 800px) {
	h1.menu-logo {background-position: center center; 
					background-image: url('https://www.cdn.justynaortyl.com/media/logo.4.0/JT-fotografia-slubna.png'); 
					background-size: 70px 70px; 
					background-repeat: no-repeat;
					width:70px; height:70px; 
					float:left; position:fixed; top:10px; left:40px; 
					z-index:999; 
					display: block; 
					background-color:#fff; 
					margin:0; 
					padding:0; 
					text-indent:-3000px !important;}
}
				
h1.menu-logo a {width:362px; height:90px !important; 
				z-index:999; 
				display: block; 
				margin:0; padding:0; 
				text-indent:-3000px !important;}

h1.menu-logo-m {background-position: center center; 
				background-image: url('https://www.cdn.justynaortyl.com/media/logo.4.0/fotografia_slubna_Krakow-m.webp'); 
				background-size: 400px 99px; 
				background-repeat: no-repeat;
				float:none; 
				position:fixed; top:0px; right:0px;
				z-index:999; 
				display: block; width:100%; height:99px; 
				margin: 0px auto;
				padding: 0px;
				text-indent:-3000px !important;
				text-align:center;}

h1.menu-logo-m-safari
				{background-position: center center; 
				background-image: url('https://www.cdn.justynaortyl.com/media/logo.4.0/fotografia_slubna_Krakow-m.png'); 
				background-size: 400px 99px; 
				background-repeat: no-repeat;
				float:none; 
				position:fixed; top:0px; right:0px;
				z-index:999; 
				display: block; width:100%; height:99px; 
				margin: 0px auto;
				padding: 0px;
				text-indent:-3000px !important;
				text-align:center;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	h1.menu-logo-m {background-image: url('https://www.cdn.justynaortyl.com/media/logo.4.0/logom.png'); }
}
				
h1.menu-logo-m a {width:80% !important; height:99px !important; 
				z-index:999; 
				display: block; 
				margin:0; padding:0; 
				position:fixed; right:0px; top:0px;
				text-indent:-3000px !important; font-size:1px;}

				
@media (max-width: 321px) {
	h1.menu-logo-m {background-size: 300px 80px;}
}
				
@media (max-width: 340px) {
	h1.menu-logo-m {background-size: 320px 80px;}
}

/* tita standard H*/
@media (max-width: 360px) {
	h1.menu-logo-m {background-size: 340px 80px;}
	
	#leftcol.terminarz {margin: 0 auto; width:100%; }
	#leftcol.terminarz .kalcenter {margin: 0 auto; padding:0px !important; width:100%;}
	#leftcol span.terminarz-info {width:100%; text-align:justify; hyphens: auto;}

	#leftcol.terminarz .kalendarz {width: 149px; margin:5px 4px 5px 0px; padding:0 !important; }

	#leftcol.terminarz .kalendarz:nth-child(even) {margin:5px 0px 5px 0px; }
	
	#leftcol.terminarz .kalendarz p.monthname {width: 148px; }

	p.sobota, p.dayname, p.daynumber, p.dayname, p.reserved, p.wstepna, p.days 
		{width: 20px; height:21px;}
}

@media (max-width: 380px) {
	h1.menu-logo-m {background-size: 360px 88px;}
	.footer {height:48px; padding:2px 0;}
	.footer-mobile {height:48px; padding:2px 0;}

	#leftcol.terminarz {margin: 0 auto; width:100%; max-width:380px !important;}
	#leftcol.terminarz .kalcenter {margin: 0 auto; width:100%;}
	#leftcol span.terminarz-info {width:100%; text-align:justify; hyphens: auto;}

	#leftcol.terminarz .kalendarz {width: 149px; margin:5px 4px 5px 0px; padding:0 !important; }

	#leftcol.terminarz .kalendarz:nth-child(even) {margin:5px 0px 5px 0px; }
	
	#leftcol.terminarz .kalendarz p.monthname {width: 148px; }

	p.sobota, p.dayname, p.daynumber, p.dayname, p.reserved, p.wstepna, p.days 
		{width: 20px; height:21px;}

}

@media (max-width: 400px) {
	h1.menu-logo-m {background-size: 380px 94px;}

	#leftcol.terminarz {margin: 0 auto; padding:0; width:100%; max-width:380px !important;}
	#leftcol.terminarz .kalcenter {margin: 0 auto; width:100%;}
	#leftcol span.terminarz-info {width:100%; text-align:justify; hyphens: auto;}
	.kalendarz {width: 152px; margin:5px 0px 6px 5px; padding:0}
	p.monthname {width: 152px; }

	p.sobota, p.dayname, p.daynumber, p.dayname, p.reserved, p.wstepna, p.days 
		{width: 21px; height:21px;}
}


/* s8 H*/
@media (min-width: 401px) and (max-width: 600px) {
	#leftcol.terminarz {margin: 0 auto; padding:0; width:100%;}
	#leftcol span.terminarz-info {width:96%; text-align:justify; hyphens: auto;}

	#leftcol.terminarz .kalendarz {width: 158px; height: 174px; margin:5px 2px 5px 8px; padding:0 !important; }

	#leftcol.terminarz .kalendarz p.monthname {width: 157px; }

	p.sobota, p.dayname, p.daynumber, p.dayname, p.reserved, p.wstepna, p.days 
		{width: 22px; height:21px;}

}

/* tita standard W*/
@media (min-width: 601px) and (max-width: 640px) {
	#leftcol.terminarz {margin: 0 auto; padding:0; width:78%;}
	#leftcol span.terminarz-info {width:100%; text-align:center; hyphens: auto;}

	#leftcol.terminarz .kalendarz {width: 153px; margin:5px 6px 5px 8px; padding:0 !important; }

	#leftcol.terminarz .kalendarz p.monthname {width: 152px; }

	p.sobota, p.dayname, p.daynumber, p.dayname, p.reserved, p.wstepna, p.days 
		{width: 21px; height:21px;}

}


/* a6 W*/
@media (min-width: 641px) and (max-width: 770px) {
	#leftcol span.terminarz-info {width:90%; text-align:center; hyphens: auto;}

	#leftcol.terminarz .kalendarz {width: 150px; margin:5px 4px 5px 1px; padding:0 !important; }

	#leftcol.terminarz .kalendarz p.monthname {width: 150px; }

	p.sobota, p.dayname, p.daynumber, p.dayname, p.reserved, p.wstepna, p.days 
		{width: 21px; height:21px;}
}

@media (min-width: 800px) {
	img.wpja1 {width: 468px; height: 24px; border:none;}
	img.wpja2 {width: 468px; height: 60px; border:none;}	
}

@media (min-width: 771px) and (max-width: 999px) {
	#leftcol.terminarz {margin: 0 auto; padding:0; width:98%; }

	#leftcol.terminarz .kalendarz {margin:5px 3px 6px 5px; padding:0}
}

@media (min-width: 1000px) and (max-width: 1024px) {
	.kalendarz 
		{height:194px; width: 157px; margin:6px 5px 10px 5px;}
}

@media (min-width: 1025px) and (max-width: 1120px) {
	.kalendarz {margin:5px 2px 5px 2px;}
}

@media (min-width: 1121px) and (max-width: 1200px) {
	#leftcol.terminarz .kalcenter {margin: 0 auto; width:97%;}
	#leftcol span.terminarz-info {width:97%;}
	.kalendarz {margin:5px 2px 5px 2px;}
}

@media (min-width: 1201px) {
	#leftcol.terminarz .kalcenter {margin: 0 auto; width:94%;}
	#leftcol span.terminarz-info {width:94%;}
	.kalendarz {height:194px; width: 157px; margin:6px 5px 10px 4px;}
	#leftcol.ciastka li  {margin:0 auto; width:86%;}
	#menu ul li {min-width:60px;}
	#leftcol.kontakt li span  {margin: 0 auto; width: 72%;}
	#leftcol.oferta li  {margin: 0 auto; width: 70%;}
	#leftcol.oferta h2.title-head-left  {width:70%;}
	#leftcol.oferta p.cena, #leftcol.oferta p.cena-plener {width:70%;}
	#leftcol.oferta p.oferta-notka {width:70%;}
}

@media (min-width: 1300px) {
	#leftcol.terminarz .kalcenter {margin: 0 auto; width:92%;}
	#leftcol span.terminarz-info {width:92%;}
	.kalendarz {height:194px; width: 157px; margin:6px 4px 10px 4px;}
	#leftcol.kontakt li span  {margin: 0 auto; width: 80%}
	#leftcol.oferta li  {margin: 0 auto; width: 75%;}
	#leftcol.oferta h2.title-head-left  {width:75%;}
	#leftcol.oferta p.cena, #leftcol.oferta p.cena-plener {width:75%;}
	#leftcol.oferta p.oferta-notka {width:75%;}
	#leftcol.ciastka li  {margin:0 auto; width:75%;}
}

@media (min-width: 1400px) {
	#leftcol.terminarz .kalcenter {margin: 0 auto; width:85%;}
	#leftcol span.terminarz-info {width:85%;}
	.kalendarz {height:194px; width: 157px; margin:6px 4px 10px 5px;}
	#leftcol.kontakt li span  {margin: 0 auto; width: 78%;}
	#leftcol.oferta li  {margin: 0 auto; width: 70%;}
	#leftcol.oferta h2.title-head-left  {width:70%;}
	#leftcol.oferta p.cena, #leftcol.oferta p.cena-plener {width:70%;}
	#leftcol.oferta p.oferta-notka {width:70%;}
	#leftcol.ciastka li  {margin:0 auto; width:70%;}
}

@media (min-width: 1500px) {
	#leftcol.terminarz .kalcenter {margin: 0 auto; width:80%;}
	#leftcol span.terminarz-info {width:80%;}
	.kalendarz {height:194px; width: 157px; margin:6px 4px 10px 5px;}
	#leftcol.kontakt li span  {margin: 0 auto; width: 72%;}
	#leftcol.oferta li  {margin: 0 auto; width: 70%;}
	#leftcol.oferta h2.title-head-left  {width:70%;}
	#leftcol.oferta p.cena, #leftcol.oferta p.cena-plener {width:70%;}
	#leftcol.oferta p.oferta-notka {width:70%;}
	#leftcol.ciastka li  {margin:0 auto; width:70%;}
}

@media (min-width: 1600px) {
	#leftcol.terminarz .kalcenter {margin: 0 auto; width:75%;}
	#leftcol span.terminarz-info {width:75%;}
	.kalendarz {height:194px; width: 157px; margin:6px 4px 10px 5px;}
	#leftcol.kontakt li span  {margin: 0 auto; width: 65%;}
	#leftcol.oferta li  {margin: 0 auto; width: 70%;}
	#leftcol.oferta h2.title-head-left  {width:70%;}
	#leftcol.oferta p.cena, #leftcol.oferta p.cena-plener {width:70%;}
	#leftcol.oferta p.oferta-notka {width:70%;}
	#leftcol.ciastka li  {margin:0 auto; width:70%;}
}	

@media (min-width: 1800px) {
	#leftcol.terminarz .kalcenter {margin: 0 auto; width:66%;}
	#leftcol span.terminarz-info {width:66%;}
	.kalendarz {height:194px; width: 157px; margin:6px 4px 10px 5px;}
	#leftcol.ciastka li  {margin:0 auto; width:65%;}
}

@media (min-width: 1880px) {
	#leftcol.terminarz .kalcenter {margin: 0 auto; width:67%;}
	#leftcol span.terminarz-info {width:67%;}
	#leftcol.kontakt li span  {margin: 0 auto; width: 60%;}
	#leftcol.oferta li  {margin: 0 auto; width: 60%;}
	#leftcol.oferta h2.title-head-left  {width:60%;}
	#leftcol.oferta p.cena, #leftcol.oferta p.cena-plener {width:60%;}
	#leftcol.oferta p.oferta-notka {width:60%;}
	#leftcol.ciastka h2  {width:60%;}
	#leftcol.ciastka li  {margin:0 auto; width:60%;}

	.kalendarz 
		{height:194px; width: 163px; margin:6px 4px 10px 8px;}
	p.monthname 
		{width:162px;}	
	p.sobota, p.dayname, p.daynumber 
		{width: 23px; height:24px;}
	p.dayname 
		{width: 23px; height:24px;}
	p.reserved 
		{width: 23px; height:24px;}
	p.wstepna  
		{width: 23px; height:24px;}
	p.days 
		{width: 23px; height:24px;}
}


@media (max-width: 420px) {
	#leftcol.oferta p.cena, #leftcol.oferta p.cena-plener {letter-spacing:1.2px;}
}

.dropbtn {
	letter-spacing: 2px;
	line-height: 20px;
	text-transform:uppercase; 
	color: #777777;
	background-color: #FFF;
	padding: 3px 8px 3px 8px;
	border: none;
}

.dropdown {
	text-transform:uppercase; 
	color: #777777;
	position: relative;
	display: inline-block;
	width:110px; height:24px;
}

.dropdown-content {
  background-color: #FFF;
  display: none;
  position: absolute;
  min-width: 90px;
  box-shadow: 0px 2px 10px rgba(100,100,100,0.2);
  border:none;
  z-index: 1;
  left:10px;
    filter: alpha(opacity=100);
    opacity: 1;
	-moz-opacity:1.0;
}

.dropdown-content a {
	text-transform:uppercase; 
	text-align: left;
	color: #777777;
	display: block;
	padding:0 0 28px 5px;
	min-height:30px;
	outline: none; outline-style: none; -moz-anchor-decoration: none; -decoration: none;
}

.dropdown-content a:hover {color: #3c3c3c; background-color: #FFF; outline: none; outline-style: none; -moz-anchor-decoration: none; text-decoration: none;}

.dropdown:hover .dropdown-content {display: block; background-color: #FFF;}

.dropdown:hover .dropbtn {color: #3c3c3c; outline: none; outline-style: none; -moz-anchor-decoration: none; text-decoration: none;}

#weddingstories
{display:block; width:10px; height:10px; overflow:hidden; position:absolute; top:10px; z-index:0;}