/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

body{
	font-family: 'PT Sans Narrow', Arial, serif;
	background: #fff;
	font-weight: normal;
	font-size: 12pt;
	color: #222;
	text-transform:uppercase;
}
.ie7 body{
	overflow:hidden;
}
center{
 margin:0 auto 0 auto;
 padding:0;
}
.grid_1{
 width:100%;
 overflow:hidden;
}
.grid_60{ width: 60%;margin-right: 2%;}
.grid_55{ width:55%; }
.grid_50{ width:50%; }
.grid_45{ width:45%; }
.grid_35{ width:35%; }
.grid{float:left;text-align:justify}
.gright{float:right;}
.clear{clear:both;}
div, a, img, table, p, h1, h2, h3, h4, h5, h6{
-moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    transition: width 1s ease-in-out, left 1.5s ease-in-out;
}
p{line-height: 1.8;}
img {border:none;}
a{text-decoration:none;}
a:hover, a.active{text-decoration:line-through}
.nav{position:relative;top:0;padding:5px 0 10px;background:#fff;border-bottom:1px solid #ddd;margin:0;z-index:99999}
.footer{position:fixed;bottom:0;background:#fff;border-top:1px solid #ddd;margin:0;z-index:99999;padding:10px 0 5px;}
.footer a.facebook{background:url(img/facebook.png) no-repeat center center;width:20px;height:20px;float:left;margin:0 15px;}
.footer a.mail{background:url(img/email.png) no-repeat center center;width:30px;height:20px;float:left;}
.footer a:hover{opacity:0.7;}
.menu{}
.menu ul {list-style:none;margin:0;padding:0;margin-top:20px;float:right;}
.menu ul li{float:left;}
.menu ul li:after{	content: '//';	color:#222;	padding:0 10px;	position:relative;top:10px;}
.menu ul li:last-child:after{content:'';}
.menu ul li a{float:left;color:#333333;font-size:12pt;text-transform:uppercase;padding:10px 5px;}

.diy-slideshow{ position: relative; display: block; overflow: hidden; float:left;width: 100%;}
figure{ position: absolute; opacity: 0;  transition: 1s opacity;  margin:0;padding:0;}
figure img{width:100%;}
figcaption{position: absolute;top:0;left:0;font-size: 24pt;text-transform:uppercase;color: #333333;width:0px;
	height:0px;
	border-left:400px solid rgba(255,255,255, .25);
	border-top:400px solid rgba(255,255,255, .25);
	border-right:400px solid transparent;
	border-bottom:400px solid transparent;
}
figcaption span{position: absolute;left: -250px;top: -250px;width:350px;}
figcaption span:before, h1:before { content: url('img/b1.png');}
figcaption a{letter-spacing:-2px;  color: #333333;}
figure.show{  opacity: 1;  position: static;  transition: 1s opacity;}
.navigacja{  position: absolute;  top: 50%;  right:0;  z-index: 1;  font-size: 2em;  margin-top: -.75em;  max-width:185px;}
.next, .prev{position:absolute;  color: #000;  top:0;   height:160px;   width:50%;  user-select: none;}
.next:hover, .prev:hover{  cursor: pointer;}
.next{ right: 0;} .prev{  left: 0;}
.text{background:rgba(255,255,255, .45);line-height:2;padding:2%}
.trojkat{width:0px;	height:0px;
border-left: 300px solid #F7F7F7;
border-top: 400px solid #F7F7F7;
border-right: 300px solid transparent;
border-bottom: 400px solid transparent;
z-index: 0;position:absolute;}
.trojkat h1{position:relative;top:-290px;left:-190px}
.trojkat a{position: relative;top: -280px;left: -190px;width: 300px;float: left;color: #222;line-height: 2;}
h1{font-size:24pt;font-weight:normal;letter-spacing:-2px;text-transform:uppercase;color:#333333;float:left;margin: 10% 0 0 30%;width:300px;}
.postac{line-height:2;margin-right:10%;border-bottom:1px solid #ddd;margin-top:20px;width:100%;float:left;}
.postac h2{font-size:18pt;font-weight:normal;margin-bottom:20px;}
.postac img, .deluxeweb { margin:0 10px;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray;
    -webkit-filter: grayscale(100%);
}
.postac:hover img, .deluxeweb:hover{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}
.cennik{float:left;width:100%;}
.main-text{padding-top: 70px; font-size: 22px; padding-left: 5px; padding-right: 5px;}
.cennik h2{font-size:18pt;font-weight:normal;margin-bottom:20px;padding-top:20px;}
.cennik table{border-collapse:collapse;width:90%;margin-left:5%}
.cennik table th{    border-bottom: 1px solid #ddd;text-align: center;padding: 5px 0;padding-bottom: 20px;}
.cennik table td{border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;padding:5px 0;}
.cennik table td:last-child{border-right:0;width:20%;}
.cennik table td:first-child{text-align:left;width:60%;}
.kontakt span{width:40%;margin:5%;line-height:2;font-size:14pt;color:#6d6d6d;text-align:left;}
.bar_kontakt{float:left;width:100%;background:#414141;padding:30px 0;z-index:2;text-align:center;}
.bar_kontakt a{z-index:99999}
.bar_kontakt:hover{background:#425f9c;}
			.google-maps {
				position: relative;
				padding-bottom: 15%;

				overflow: hidden;
				height:300px;				}
			.google-maps iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100% !important;
				height: 300px !important;
			}

@media all and (max-width: 1000px) and (min-width: 700px){
	img{max-width: 100%;}
}
@media (max-width: 1500px){
		.trojkat{width:0px;	height:0px;
	border-left:200px solid #f7f7f7;
	border-top:300px solid #f7f7f7;
	border-right:200px solid transparent;
	border-bottom:300px solid transparent;z-index:-99999}
	.trojkat h1{top:-250px;left:-120px}
	.trojkat a{top:-250px;left:-120px}
}
@media (max-width: 1200px){
		.trojkat{width:0px;	height:0px;
	border-left:150px solid #f7f7f7;
	border-top:250px solid #f7f7f7;
	border-right:150px solid transparent;
	border-bottom:250px solid transparent;z-index:-99999}
	.trojkat h1{top:-220px;left:-120px}
	.trojkat a{top:-220px;left:-120px}
}
@media (max-width: 1000px)
{
	figcaption{border-left:200px solid rgba(255,255,255, .25);
	border-top:300px solid rgba(255,255,255, .25);
	border-right:200px solid transparent;
	border-bottom:300px solid transparent;font-size:16pt;}
	figcaption span{left: -160px;top: -160px;width:250px;}
	.navigacja{max-width:100px}

}
@media (max-width: 700px) {
	p{font-size:9pt;}
	.grid_60, .grid_55{ width: 97%;}
	.grid_50{ width: 97%;}
	.grid_45{ width: 97%;}
	.grid_35{ width: 97%;}
	img{max-width: 100%;}
	.trojkat {display:none;}
	.google-maps{display:none;}
}
@media (max-width: 500px)
{
		body{font-size:11pt}
	.kontakt span{font-size:12pt !important}
	figcaption{border-left:150px solid rgba(255,255,255, .25);
	border-top:150px solid rgba(255,255,255, .25);
	border-right:150px solid transparent;
	border-bottom:150px solid transparent;font-size:16pt;}

	.navigacja{top:80% !important;max-width:100px}
	.deluxeweb{display:none}
}
@media (max-width: 350px)
{

	figcaption{border-left:150px solid rgba(255,255,255, .25);
	border-top:150px solid rgba(255,255,255, .25);
	border-right:150px solid transparent;
	border-bottom:150px solid transparent;font-size:16pt;}

	.navigacja{top:80% !important;max-width:60px}
}