body{
  font-family: 'Open Sans', sans-serif;

}
#suwak{
	position:fixed;
	background:none;
	width:100%;
	height:100%;
	z-index:0;
}

input{
	padding-left:10px;
	font-weight:700;
	background:#f3f3f3;
	border: 0;
	outline-color:#36a7e9;
  	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

input.przeslij{
	border: 0px; 
	padding: 10px; 
	background-color: #000000; 
	color: rgb(255, 255, 255); 
	font-size:20px; 
	cursor: pointer;
}

input.przeslij:hover{
	background-color: #36a7e9;
}

textarea{
	padding:10px;
	font-weight:700;
	background:#f3f3f3;
	border: 0;
  font-family: 'Open Sans', sans-serif;
	font-size:13px;
	outline-color:#36a7e9;
}

button{
border:0;

}

#calydiv{
  position:fixed;
  width:100%;
  height:100%;
  z-index:1;
  top:0;
  left:0;
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.42) 1%, rgba(0,0,0,0.42) 8%, rgba(0,0,0,0.9) 70%, rgba(0,0,0,0.9) 99%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,rgba(0,0,0,0.42)), color-stop(8%,rgba(0,0,0,0.42)), color-stop(70%,rgba(0,0,0,0.9)), color-stop(99%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.42) 1%,rgba(0,0,0,0.42) 8%,rgba(0,0,0,0.9) 70%,rgba(0,0,0,0.9) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.42) 1%,rgba(0,0,0,0.42) 8%,rgba(0,0,0,0.9) 70%,rgba(0,0,0,0.9) 99%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.42) 1%,rgba(0,0,0,0.42) 8%,rgba(0,0,0,0.9) 70%,rgba(0,0,0,0.9) 99%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0.42) 1%,rgba(0,0,0,0.42) 8%,rgba(0,0,0,0.9) 70%,rgba(0,0,0,0.9) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b000000', endColorstr='#e6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}

#content {
	width: 100%;
	height: 1100px;
	background: url(../images/grid.png) top center;
}

#cennik {
	width: 100%;
	background: url(../images/grid.png) top center;
}

#footerindex{
  position:fixed;
  width:100%;
  background:none;
  height:40px;
  z-index:2;
  top:100%;
  margin-top:-40px;
}

.footer1100px{
  position:relative;
  width:1100px;
  background:none;
  height:40px;
  z-index:3;
  top:100%;
  left:50%;
  margin-left:-550px;
  margin-top:-40px;
}

.footerleft{
  color:#fff;
  font-size:13px;
  text-align:left;
  position:absolute;
}

.footercenter{
  color:#36a7e9;
  margin-left:510px;
  font-size:13px;
  text-align:left;
  position:absolute;
  
}

.footercenter a{
  color:#36a7e9;
  	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.footercenter a:hover{
  color:#fff;
}

.footerright{
  color:#fff;
  text-align:right;
  font-size:13px;
}

.srodekindex{
  position:fixed;
  top:50%;
  z-index:10;
  margin-top:-230px;
  left:50%;
  margin-left:-550px;
  width:1100px;
  height:500px;

}

.srodekindex .left{
  position:fixed;
  width:550px;
  height:500px;
}

.srodekindex .left h1{
  font-size:70px;
  color:#36a7e9;
  text-align:right;
	font-weight:400;
  text-transform:uppercase;
  margin-top:100px;

}

.srodekindex .left p{
  font-size:27px;
  color:#fff;
  text-align:right;
  margin-top:20px;
  margin-right:100px
}

.srodekindex .right{
  position:fixed;
  width:550px;
  margin-left:530px;
  height:500px;
}

.srodekindex .right .lewydolny{
  position:fixed;
  width:283px;
  margin-top:200px;
  height:273px;
  margin-left:-20px;
  background:url('../images/lewydolny.png');
  -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;  
  
}

.srodekindex .right .lewydolny:hover{
  position:fixed;
  width:283px;
  margin-top:200px;
  height:273px;
  margin-left:-20px;
  background:url('../images/lewydolnyh.png');
}

.srodekindex .right .lewydolny h3{
  margin-top:130px;
  margin-left:20px;
  text-align:center;
	margin-bottom:5px;
  text-transform:uppercase;
  color:#fff;
  font-size:34px;
}

.srodekindex .right .lewydolny p{
  color:#fff;
  font-size:13px;
  margin-left:20px;
  text-align:center;
}

.srodekindex .right .prawydolny{
  position:fixed;
  width:283px;
  margin-left:260px;
  margin-top:200px;
  height:273px;
  background:url('../images/prawydolnyh.png');
  -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.srodekindex .right .prawydolny:hover{

  background:url('../images/prawydolny.png');

}

.srodekindex .right .prawydolny h3{
  margin-top:130px;
  margin-left:-30px;
  text-align:center;
	margin-bottom:5px;
  text-transform:uppercase;
  color:#fff;
  font-size:34px;
}

.srodekindex .right .prawydolny p{
  color:#fff;
  font-size:13px;
  margin-left:-20px;
  text-align:center;
}

.srodekindex .right .gorne{
  position:fixed;
  width:324px;
  margin-left:100px;
  margin-top:-20px;
  height:304px;
  background:url('../images/gorne.png');
  -webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;  
}

.srodekindex .right .gorne:hover{
  position:fixed;
  width:324px;
  margin-left:100px;
  margin-top:-20px;
  height:304px;
  background:url('../images/gorneh.png');
}

.srodekindex .right .gorne h3{
  margin-top:130px;
  margin-left:0px;
  text-align:center;
	margin-bottom:5px;
  text-transform:uppercase;
  color:#fff;
  font-size:40px;
}

.srodekindex .right .gorne p{
  color:#fff;
  font-size:13px;
  text-align:center;
}


header{
	position:fixed;
	width:100%;
	top:0;
	z-index:100;
	height:46px;
	background:#000000;
}

a{
text-decoration:none;

}

ul{
	padding-right: 32px;
	padding-left: 32px;
	position:relative;
	left:50%;
	margin-left:-310px;
}

li{
	float: left;
	color:#FFF;
	text-transform:uppercase;
	padding:14px 30px 14px 30px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

li:hover{
	background:white;
	color:black;
}

li.active {
	float: left;
	color:#000;
	background:#fff;
	text-transform:uppercase;
	padding:14px 20px 14px 20px;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
}

spans.systemy{
font-size:16px;

}




#komunikator{
	position:absolute;
	width:152px;
	height:46px;
	left:50%;
	margin-left:396px;
	
}

.facebook{
	position:relative;
	width:46px;
	background:url('../images/facebook.png') 0 0px no-repeat;
	background-repeat:no-repeat;
	height:46px;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-transition: all 0.1s ease-in;
}

.facebook:hover{
	background:url('../images/facebook.png') 0 -46px no-repeat #3c61a8;
}


.gadu-gadu{
	position:absolute;
	width:46px;
	height:46px;
	top:0;
	margin-left:45px;
	background:url('../images/gadu-gadu.png') 0 0px no-repeat;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-transition: all 0.1s ease-in;
}

.gadu-gadu:hover{
	background:url('../images/gadu-gadu.png') 0 -46px no-repeat #e21f25;
}


.fullscreen{
	position:fixed;
	width:46px;
	height:46px;
	top:0px;
	margin-left:92px;
	background:url('../images/full-screen.png');
	z-index:101;
	cursor:pointer;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-transition: all 0.1s ease-in;
}

.fullscreen:hover{
	background:url('../images/full-screen.png') 0 -46px no-repeat #e21f25;
}

.fullscreen2{
	position:fixed;
	width:46px;
	height:46px;
	margin-left:92px;
	top:0px;
	cursor:pointer;
	background:url('../images/min-screen.png');
	z-index:100;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-transition: all 0.1s ease-in;
}

.fullscreen2:hover{
	background:url('../images/min-screen.png') 0 -46px no-repeat #e21f25;
}

.sexyButton{
	background:none;
	border:none;
}

#logo {
	position:absolute;
	top: 7px;
	left:50%;
	margin-left:-539px;
	width:216px;
	height:34px;
	background:url('../images/logo-b.png');
	-webkit-transition: all 0.1s ease-in;
	-moz-transition:all 0.1s ease-in;
	-o-transition: all 0.1s ease-in;
	-transition: all 0.1s ease-in;
}

#logo:hover {
	background:url('../images/logo.png');
}

#srodek {
	position: absolute;
	width: 1125px;
	height: 1300px;
	z-index: 1;
	top: 0;
	left: 50%;
	margin-left: -539px; 
}

.jeden {
	position: absolute;
	width: 360px;
	height: 619px;
	z-index: 2;
	top: 150px;
	left: 357px;
	background-image:url(../images/puste2.png);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.jeden:hover {
	background-image:url(../images/jeden.png)
}

.jeden span {
	position: absolute;
	top: 250px;
	left:30px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:35px;
}

.dwa {
	position: absolute;
	width: 360px;
	height: 619px;
	z-index: 3;
	top: -56px;
	left: 715px;
	background-image:url(../images/puste2.png);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.dwa span {
	position: absolute;
	top: 150px;
	left:30px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:35px;
}

.dwa:hover {
	background-image:url(../images/drugie.png)
}

.trzy {
	position: absolute;
	width: 360px;
	height: 619px;
	z-index: 6;
	top: -56px;
	left: 0px;
	background-image:url(../images/puste2.png);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.trzy span {
	position: absolute;
	top: 200px;
	left:30px;
	font-family: 'Open Sans', sans-serif;
	font-weight:900;
	text-transform:uppercase;
	font-weight:bold;
	font-size:35px;
}

.cztery {
	position: absolute;
	width: 360px;
	height: 619px;
	z-index: 3;
	top: 770px;
	left: 715px;
	background-image:url(../images/puste2.png);
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.cztery:hover {
	background-image:url(../images/jeden.png)
}

.cztery span {
	position: absolute;
	top: 250px;
	left:30px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:35px;
}

#srodek h6 {
	font-size:25px;
	text-transform:none;
	font-weight:normal;
	color:#FFF;
}

.trzy:hover {
	background-image:url(../images/drugie.png)
}

#text-glowny{
	position:relative;
	width:1200px;
	margin: 0 auto;
	text-align:center;
	top:600px;
	z-index:10;
}

#text-glowny span{
	font-size:25px;
	color:black;
	line-height:35px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	background:rgba(255,255,255,1);
	padding:5px 20px;
}


#text-onas{
	position:relative;
	width:900px;
	margin: 0 auto;
	text-align:center;
	top:40px;
	z-index:10;
}

#oferta-haslo{
	position:relative; 
	width:100%; 
	height:35%; 
	background-size: 100%;
	background-position:center; 
	background-repeat:no-repeat;
}

#oferta-haslo .proc-text{
	position:relative;
	width:1080px;
	height:100px;
	top:60%;
	margin:0 auto;
	text-align:right;

}

#oferta-haslo .proc-text span{
	font-size:40px;
	line-height:20px;
	color:white;
	margin-top:20px;
	background:#36a7e9;
	padding:5px 10px;
}

#text-cennik{
	position:relative;
	width:900px;
	height:300px;
	margin: 0 auto;
	text-align:center;
	top:40px;
	z-index:10;
}

#text-cennik2{
	position:relative;
	width:900px;
	height:230px;
	margin: 0 auto;
	text-align:center;
	top:40px;
	z-index:10;
}

#text-cennik2 span{
	font-size:17px;
	color:white;
	line-height:35px;
	font-family: 'Open Sans', sans-serif;
	background:black;
	padding:2px 10px;
}

#text-cennik span{
	font-size:17px;
	color:white;
	line-height:35px;
	font-family: 'Open Sans', sans-serif;
	background:black;
	padding:2px 10px;
}

#text-cennik p{
	font-size:20px;
	line-height:20px;
	padding-top:20px;
	font-family: 'Open Sans', sans-serif;
}

#text-cennik2 p{
	font-size:20px;
	line-height:20px;
	padding-top:20px;
	font-family: 'Open Sans', sans-serif;
}

#podzial{
	position: relative;
	width: 300px;
	float:left;
	margin: 0 auto;
	text-align: center;
	top: 10px;
	height:200px;
}

#podzial2{
	position: relative;
	width: 300px;
	float:left;
	margin: 0 auto;
	text-align: center;
	top: 10px;
	height:100px;
}

spansi.systemy{
	font-size:17px;
	color:white;
	line-height:35px;
	font-family: 'Open Sans', sans-serif;
	background:black;
	padding:2px 10px;
}

#text-onas span{
	font-size:20px;
	color:black;
	line-height:35px;
	font-family: 'Open Sans', sans-serif;
	text-transform:uppercase;
	background:rgba(255,255,255,1);
	padding:5px 20px;
}

#text-onas p{
	font-size:17px;
	line-height:24px;
	padding-top:20px;
	font-family: 'Open Sans', sans-serif;
}

#text-onas p.niebieskie{
	font-size:17px;
	color:#36a7e9;
	line-height:24px;
	padding-top:20px;
	font-family: 'Open Sans', sans-serif;
}

#text-onas p.niebieskie:hover{
	font-size:17px;
	color:#36a7e9;
	line-height:24px;
	font-weight:bold;
	text-decoration:underline;
	padding-top:20px;
	font-family: 'Open Sans', sans-serif;
}

p.realizacje{
	font-size:17px;
	line-height:24px;
	padding-top:20px;
	font-family: 'Open Sans', sans-serif;
}

#text-onas p.wieksze{
	font-size:35px;
	line-height:48px;
	padding-top:20px;
	padding-bottom:20px;
	font-family: 'Open Sans', sans-serif;
}

#text-onas p.wieksze-systemy{
	font-size:35px;
	line-height:48px;
	padding-top:20px;
	padding-bottom:0px;
	font-family: 'Open Sans', sans-serif;
}

.onas-czarne p.wieksze-czarne{
	font-size:35px;
	line-height:48px;
	color:white;
	text-align:center;
	padding-top:50px;
	padding-bottom:30px;
	font-family: 'Open Sans', sans-serif;
}

.onas-czarne{
	width:100%;
	margin-top:90px;
	position:relative;
	background:black;
	font-family: 'Open Sans', sans-serif;
}

.onas-czarne p{
	width:900px;
	font-size:17px;
	line-height:25px;
	margin: 0 auto;
	line-height:20px;
	color:white;
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	font-family: 'Open Sans', sans-serif;
}

.onas-czarne-nas p.wieksze{
	font-size:60px;
	line-height:48px;
	color:white;
	text-align:center;
	padding-top:40px;
	font-family: 'Open Sans', sans-serif;
}

.onas-czarne-nas p{
	font-size:20px;
	color:white;
	text-align:center;
	padding-bottom:20px;
	font-family: 'Open Sans', sans-serif;
}

.onas-czarne-nas{
	width:100%;
	margin-top:90px;
	position:relative;
	height:450px;
	background:black;
	font-family: 'Open Sans', sans-serif;
}

.onas-czarne-900px{
	width:900px;
	position:relative;
	height:200px;
	margin: 0 auto;
	color:white;
}

.onas-czarne-900px-podzial{
	width:450px;
	position:relative;
	float:left;
	text-align:center;
}

.cennik-czarne{
	width:100%;
	position:relative;
	height:180px;
	background:#36a7e9;
	font-family: 'Open Sans', sans-serif;
}

.realizacje-czarne{
	width:100%;
	position:relative;

	background:black;
	font-family: 'Open Sans', sans-serif;
}

.realizacje-czarne p{
	width:900px;
	font-size:17px;
	line-height:24px;
	margin: 0 auto;
	line-height:20px;
	color:white;
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	font-family: 'Open Sans', sans-serif;
}

.realizacje-czarne p.wieksze-czarne{
	font-size:55px;
	line-height:48px;
	color:white;
	text-align:center;
	padding-top:40px;
	padding-bottom:20px;
	font-family: 'Open Sans', sans-serif;
}

.cennik-czarne p{
	font-size:16px;
	width:900px;
	margin: 0 auto;
	line-height:20px;
	color:white;
	text-align:center;
	padding-top:40px;
	padding-bottom:20px;
	font-family: 'Open Sans', sans-serif;
}

strong{
	font-weight:bold;
}

#pdf {
	width: 100%;
	height: 100%;
}

#absolute{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
}

.proc{
	position:relative;
	width:100%;
	height:60%;
	background:url('../images/delta_kontakt.jpg') center;
	background-size:100%;
}

.proc2{
	position:relative;
	width:100%;
	height:60%;
	background:url('../images/60proc.jpg') center;
	background-size:100%;
	opacity:0.8;
	-moz-opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-khtml-opacity: 0.8;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;

}

.proc3{
	position:relative;
	width:100%;
	height:40%;
	background:url('../images/60proc.jpg') center;
	background-size:100%;
}

.proc2:hover{
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-khtml-opacity: 1;
}

.proc-mapa{
	position:relative;
	width:100%;
	height:60%;
	background:url('../images/mapa_dojazdu_delta_security.jpg') center;
	background-size:100%;
}

.proc-text{
	position:relative;
	width:1080px;
	height:100px;
	top:60%;
	margin:0 auto;
	text-align:right;

}

.proc-text span{
	font-size:41px;
	line-height:50px;
	color:white;
	margin-top:60px;
	background:#36a7e9;
	padding:5px 20px;
}


.proc-text-mapa{
	position:relative;
	width:1080px;
	height:100px;
	top:60%;
	margin:0 auto;
	text-align:left;

}

.proc-text-mapa span{
	font-size:25px;
	line-height:40px;
	color:white;
	margin-top:60px;
	background:#36a7e9;
	padding:5px 10px;
}

.proc-text-mapa span.mapa{
	font-size:14px;
	line-height:20px;
	color:white;
	margin-top:60px;
	background:#36a7e9;
	padding:5px 10px;
}

.proc-text span.mapa{
	font-size:14px;
	line-height:20px;
	color:white;
	margin-top:60px;
	background:#36a7e9;
	padding:5px 10px;
}

h1.kontakt{
	font-size:100px;
	margin-top:50px;
	color:black;
	text-align:center;

}

.kontakt-kolumny{
	position:relative;
	width:900px;
	height:220px;
	margin:0 auto;

}

.kolumna{
	float:left;
	width:300px;

	position:relative;
}

.kolumna h1{
	font-size:40px;
	margin-top:50px;
	color:black;
	text-align:center;
}

.kolumna p{
	font-size:20px;
	margin-top:20px;
	color:black;
	text-align:center;
}

.dane-przelew{
	width:100%;
	height:250px;
	background:#36a7e9;
}

.dane-przelew-tabela{
	width: 1110px;
	margin: -20px auto;
	position:relative;

}

.dane-przelew-tabela p{
	font-size:30px; 
	text-align:center; 
	padding-left:0; 
	color:white; 
	padding-top:30px; 
	text-transform:none;
}

.dane-przelew-tresc{
	width: 555px;
	float:left;
	text-align:center;
	position:relative;
}

.dane-przelew-tresc h1{
	margin-top:58px;
	color:white;
	font-size:30px;
}

.dane-przelew-tresc p{
	margin-top:20px;
	color:white;
	font-size:17px;
	line-height:25px;
}

.onas-podzial{
	float:left;
	top:50px;
	font-size:20px;
	width:50%;
	position:relative;
	height:300px;
}

.onas-podzial2{
	float:left;
	top:50px;
	font-size:20px;
	width:50%;
	position:relative;
	height:170px;
}

hr{
	width:350px;
	height:1px;
	background:#36a7e9;
	border:none;
}

hr.biale{
	width:350px;
	height:1px;
	background:#444;
	border:none;
}

footer{
	width:100%;
	position:relative;
	height:600px;
	background:black;
}

.systemy-footer{
	width:636px;
	position:relative;
	margin: 0 auto;
	padding-top:100px;
	height:200px;
	background:black;
}

footer img{
	opacity:0.8;
	-moz-opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-khtml-opacity: 0.8;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

footer img:hover{
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-khtml-opacity: 1;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}


.systemy-footer h1{
	font-size:30px;
	text-align:center;
	line-height:50px;
	color:white;
}

footer p.niebieskie{
	font-size:16px;
	color:#36a7e9;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
}

footer p.niebieskie:hover{
	font-weight:bold;
	text-decoration:underline;
}


.realizacje-footer{
	width:724px;
	position:relative;
	margin: 0 auto;
	padding-top:50px;
	height:200px;
	background:black;
}

.realizacje-footer h1{
	font-size:30px;
	line-height:50px;
	text-align:center;
	color:white;
}

.realizacje-footer p{
	font-size:16px;
	text-align:center;
	color:white;
}

footer hr{
	width:350px;
	height:1px;
	background:#444;
	border:none;
}

.non hr{
	width:350px;
	height:1px;
	background:#444;
	border:none;
}

.pdfread{
	position:absolute; 
	width:100%; 
	height:95%;
	top:45px;
	z-index:1000;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

li{
	padding: 13px 20px 13px 20px;
}

ul{
	margin-left:-260px;
}

#logo {
	margin-left:-479px;
}

#komunikator{
	margin-left:346px;
}

#absolute{
	position:absolute;
	width:150%;
	height:100%;
	top:0;
}

.onas-czarne p.wieksze-czarne{
	line-height:98px;
}


.realizacje-footer{
	width:800px
}

.realizacje-footer img{
	width:800px
}

#text-onas p.wieksze{
	line-height:98px;
}

.proc{
	height:400px
}

.proc2{
	height:400px
}

}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1023px) {


li{
	padding: 13px 20px 13px 20px;
}

ul{
	margin-left:-260px;
}

#logo {
	margin-left:-479px;
}

#komunikator{
	margin-left:346px;
}


#absolute{
	position:absolute;
	width:150%;
	height:100%;
	top:0;
}

.onas-czarne p.wieksze-czarne{
	line-height:98px;
}


.realizacje-footer{
	width:800px
}

.realizacje-footer img{
	width:800px
}

#text-onas p.wieksze{
	line-height:98px;
}

.proc{
	height:400px
}

.proc2{
	height:400px
}


}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1100px) {

li{
	padding: 13px 20px 13px 20px;
}

ul{
	margin-left:-260px;
}

#logo {
	margin-left:-479px;
}

#komunikator{
	margin-left:346px;
}

.footer1100px{
  width:900px;
  margin-left:-450px;
}

.footerright{
	display:none;
}

.srodekindex .left h1{
  font-size:60px;
  color:#36a7e9;
  text-align:right;
  text-transform:uppercase;
  margin-top:100px;
}

.srodekindex .right{
  margin-left:480px;
}

#oferta-haslo .proc-text{
	width:900px;
}

.proc-text{
	width:900px;
}

.proc-text span{
	font-size:41px;
}

.dane-przelew-tabela{
	width: 1000px;
}

.dane-przelew-tresc{
	width: 500px;
}

.proc-text-mapa{
	position:relative;
	width:1000px;
	height:100px;
	top:60%;
	margin:0 auto;
	text-align:left;

}

}