@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'Pt Sans', sans-serif;
    text-align: justify;
    font-weight: normal;
    font-style: normal;

}
html,body {
	margin: 0 auto;
	font-family: 'Pt Sans', sans-serif;
	width: 100%;
	height: 100%;
	text-align: justify;
}
.navigation {
	font-size:20px;
	top:35%;
	left:3%;
	position: fixed;
	z-index: 1;
	
	padding: 20px;
	margin-bottom: 20px;
	margin: 0px;
	color:black;
	list-style-type: none !important;
}
.navigation li {
	width: 1200px;
	height: 20px;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin-bottom: 25px;
}

.navigation li:hover,.navigation li.active {
	color: #818181 !important;
	
	cursor: pointer;
}


.logoslide1 {
width: 100%;
	height: 100%;

	background-image: url(../images/tlo2_slide1.png);
	-webkit-background-size: 900px;
	-moz-background-size: 900px;
	background-size: 900px;
	background-position: 50% 50% !important;
	background-repeat: no-repeat;
	background-attachment: relative;
}


#logo {
	background: url(../images/logo.png) no-repeat;
	position: fixed;
	left: 10px;
	top: 10px;
	height: 49px;
	z-index: 1;
	color: #fff;
	text-decoration: none;
	padding-top: 10px;
	text-align: center;
	width: 200px;
	background-position: center -1px;
}
#logo a{
display:block;
width:200px;
height:49px;
}

#logopp {
	background: url(../images/pielachpawel_logo.png) no-repeat;
	position: fixed;
	right: 10px;
	bottom: 0px;
	height: 30px;
	z-index: 1;
	color: #fff;
	text-decoration: none;
	padding-top: 10px;
	text-align: center;
	width: 19px;
	background-position: center -1px;
}
	
#logopp a{
display:block;
width:19px;
height:30px;
}	

#copy {
font-size:10px;
	position: fixed;
	left: 10px;
	bottom: 0px;
	z-index: 1;
	color: black;
	text-decoration: none;
	padding-top: 10px;
	text-align: center;
	
	background-position: center -1px;
}

#support{

background: url(../images/tech_support.png) no-repeat;
	position: fixed;
	right: 200px;
	top: 0px;
	height: 60px;;
	z-index: 1;
	text-decoration: none;
	padding-top: 10px;
	text-align: center;
	width: 90px;
	background-position: center -1px;
	color:black;
	font-size:12px;
}
#support p{
position:relative;
left:70px;
margin:6px;
margin-left:5px;
text-decoration:none;
color:black;
}

#support a{
color:black;
text-decoration:none;	
}

#support a:hover,#support a.active {
	color: red !important;
	text-decoration:none;
	cursor: pointer;
}


#omnie {

font-size:16px;
padding-top:150px;
margin-left:20%;
margin-right:20%;
color: black;
}

#oferta {

font-size:16px;
margin-top:5%;
margin-left:20%;
margin-right:20%;
color: white;
padding:20px;
}



.parnerzy{
margin:5% 10%;
display:block;

margin-top:10%;
float:left;
}

#partnerzy div {
margin-top:7%;
margin-left:30%;
float:left;
}
#oferta2 {

font-size:16px;
text-align: justify;
margin-top:5%;
margin-left:20%;
margin-right:20%;
color: white;
padding:60px;
position:relative;
background-size: 64px;
background-position: 95% 50% !important;
background-repeat: repeat;
background-attachment: fixed;
height:7000px;
}

#kontakt{

font-size:16px;
margin-top:60px;
margin-left: 30%;
margin-right: 20%;
margin-top:50px;


}
#kontakt div{
line-height:30px;
float:left;
margin:30px 35px;
}

#kontakt a{
color:red;
text-decoration:none;
}

#mapa {
margin: 20% auto;
position:relative;
margin-top:10%;


width:800px;
height:300px;

}
#Wdrożenia ISO/IEC 27001 {

font-size:16px;
padding-top:150px;
margin-left:20%;
margin-right:20%;
color: black;
}
.arrow {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/arrow.png);
	-webkit-background-size: 64px;
	-moz-background-size: 64px;
	background-size: 64px;
	background-position: 95% 50% !important;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.arrow2 {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	background-image: url(../images/arrowwhite.png);
	-webkit-background-size: 64px;
	-moz-background-size: 64px;
	background-size: 64px;
	background-position: 95% 50% !important;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
section {
  position: relative;
  top: 0px;
  width: 100%;
  height: 3000px;
  margin: 0 auto;
}


.slide {
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
#slide1 {
	
	background-image: url(../images/prime01.png);
	background-color: #ecf0f1;
	background-repeat: no-repeat;
	background-position: center !important;
	-webkit-background-size: 700px 700px;
	-moz-background-size: 700px 700px;
	background-size: 700px 700px
	
}
#slide2 {
	background-image: url(../images/prime02.png);
	background-color: #e67e22;
	background-repeat: no-repeat;
	background-position: center !important;
	-webkit-background-size: 700px 700px;
	-moz-background-size: 700px 700px;
	background-size: 700px 700px
	
}
#slide3 {
background-color: #fff;
	background-image: url(../images/prime03.png);
	
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;

	height: 100% !important;
	width: 100% !important;
}
#slide4 {
	background-color: #fff;
	
	background-image: url(../images/prime04.png);
	
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;

	height: 100% !important;
	width: 100% !important;
}
#slide5 {
	background-image: url(../images/prime05.png);
	background-color: #ecf0f1;
	
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	background-size: cover !important;

	height: 100% !important;
	width: 100% !important;
}



*.mobile {

  margin: 0;
  padding: 0;
}

.mobile .slide {
	background-attachment: fixed;
  position: relative;
  background: white;
}

.mobile.slide:nth-child(2)  
.mobile.slide:nth-child(3)  
.mobile.slide:nth-child(4)  
.mobile.slide:nth-child(5)  
  

  
  .mobile body {
  overflow: hidden;
}

.mobile #wrapper {
  position: relative;
  top: 0;
  bottom: -8000px;
  left: 0;
  width: 100%;
}

.mobile #scroller {
overflow:scroll;
-webkit-overflow-scrolling: touch;
  height: 8000px;
}