/*
Plugin: jQuery Parallax
<img src="images/ok3.png" height="16" width="16" hspace="15" align="center">
Version 1.1
Author: Ian Lunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */
/*------------------------  BASE-REM SIZING  */




.user {
        display: inline-block;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
.user2 {
        display: inline-block;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
.user img {
        display: inline-block;
        margin: 0 auto;
        height:125px;
		width:125px;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
	
body{
	margin: 0;
	min-width: 980px;
	padding: 0;
	background:#011f4b;
}
a {
  color: #333;
  transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
}
a:hover {
  color: #7F6E64;
}
a:link {
 
  text-decoration: none;
}
#header {
	
	color: #fff;
	text-transform: uppercase;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 15;
	background-color: #011f4b;
	opacity: 0.75;
	height: 65px ;
	
}
#footer {
	
	color: #fff;
	
	width: 100%;
	margin-top: -33px;
	z-index: 15;
	background-color: #011f4b;
	font-family: 'Raleway', sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	letter-spacing: 0.1ex;
	font-size: 1.3em;
	color: white;
	height: 85px ;
	position:relative;
	
}
p{
	margin: 0 0 20px 0;	
	
}

p, ul{
	font-family:"Proxima Nova Light", 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-size-adjust:0.488;
	font-weight:200;
	font-style:normal;
}

img{
	border: 0;
}

h1, #pixels{
	
	font-size-adjust:0.40;
	
	
}

h2{
    font-family: 'Source Sans Pro', sans-serif;
	font-size-adjust:0.531;
	font-weight:800;
	letter-spacing: 0.12ex;
	font-size: 4.5em;
	color: #325487;
}
/*list-style-image: url(images/icon.jpg)*/
ul { 
list-style-type:none;
display: block;

margin: 0;
padding: 0;}

ul li { 
margin: 0; 
color:white;
font-family: 'Open Sans Condensed', sans-serif;
text-align: center;
font-size: 1.7rem;
	}

h3{
    font-family: 'Raleway', sans-serif;
	font-size-adjust:0.531;
	
	letter-spacing: 0.5ex;
	font-size: 2.2em;
	margin-top: 0;
	color: #325487;
}

h4{
    font-family: 'Raleway', sans-serif;
	font-size-adjust:0.531;
	letter-spacing: 0;
	font-size: 3.1em;
	margin-top: 1em;
	color: #000;
	font-weight:500;
}
h7{
    font-family: 'Raleway', sans-serif;
	font-size-adjust:0.531;
	letter-spacing: 0;
	font-size: 3.1em;
	
	
	color: #fff;
	font-weight:500;
}
h5{
    font-family: 'Raleway', sans-serif;
	font-size-adjust:0.531;
	letter-spacing: 0;
	font-size: 1.9em;
	color: #000;
	font-weight:500;
	line-height: 0.1em;
}
h6{
    font-family: 'Raleway', sans-serif;
	font-size-adjust:0.531;
	letter-spacing: 0;
	font-size: 1.9em;
	color: #a9a9a9;
	font-weight:500;
	line-height: 0em;
}
h7{
    font-family: 'Open Sans Condensed', sans-serif;
	font-size-adjust:0.531;
	letter-spacing: 0;
	font-size: 1.9em;
	color: #a9a9a9;
	font-weight:500;
	line-height: 0em;
}
#header h1, #pixels{
	color: #48941A;
}

.float-left{
	float: left;	
	margin: 0 0 0 20px;
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	line-height: 0em;
	padding: 15em 0 400px 0;
	text-align: center;
	position: relative;
	width: 980px;
}
.center1{
	
	padding: 0 0 0 0;
	text-align: center;
}
.centeroferta{
	
	padding: 45px;
	text-align: center;
}
.centeroferta2{
	
	padding: 2em 0 0 0;
	text-align: center;
}
.kancelaria_tekst{
	
	padding: 10px;
	text-align: justify;
	font-size: 1.7rem;
}
#nav {
	position: relative;
	top: 30%;
	text-align: center;
    
}

.nav-button {
	
  
	padding: 0 4.8rem;
	text-decoration: none;

	top: 0;
	right: 0;
	font-size-adjust:0.40;
	font-weight:200;
	font-style:normal;
	text-align: center;
}

.design {
	color: #D4CAC5;
    font-family: 'Source Sans Pro', sans-serif;
}

.aliens {
	color: #D4CAC5;
	font-family: 'Source Sans Pro', sans-serif;
}

.beer {
	color: #D4CAC5;
	font-family: 'Source Sans Pro', sans-serif;
}

.electricity {
	color: #D4CAC5;
	font-family: 'Source Sans Pro', sans-serif;
}

.house {
	color: #D4CAC5;
	font-family: 'Source Sans Pro', sans-serif;
}




#header, #intro, #second{
	width: 100%;
}

#intro{
	background:url(images/new/2.jpg) 50% 0 no-repeat fixed;
	
	margin: -5% auto;
	padding: 100px 0 0 0;
	width: 100%;
	background-size: cover;
	
}
#intro2{
	background:url(images/new/OIRP_logo.png);
	
	margin: -5% auto;
	padding: 100px 0 0 0;
	width: 100%;
	
}
#tekst1{
	
	
	padding: 5rem 0 5rem;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 15;
	margin-bottom:40px;
    background-color: transparent;
    background-color: rgba(17, 53, 97, 0.6);  /* FF3+, Saf3+, Opera 10.10+, Chrome, IE9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3332FA32,endColorstr=#3332FA32); /* IE6&#8211;IE9 */
    zoom: 1;
	
}
#publikacje{
	
	
	background-size: 100%;
	padding: 5rem 0 5rem;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 15;
    
	
}

#okancelarii{
	height: 100%;
	margin: 10px auto;
	padding: 1rem 1rem 1.2rem 1rem;
	font-family: 'Raleway', sans-serif;
	width: 80%;
	top: 0;
	left: 0;
	z-index: 15;
    background-color: #D4CAC5;
	background-size: cover;
	
}
#okancelarii3{
	height: 100%;
	margin: 10px auto;
	padding: 1rem 1rem 1.2rem 1rem;
	font-family: 'Raleway', sans-serif;
	width: 80%;
	top: 0;
	left: 0;
	z-index: 15;
    background-color: #D4CAC5;
	background-size: cover;
	
}
#second{
	
	text-align: justify;
		height: 100%;
	margin: 50px auto;
	padding: 1rem 1rem 1.2rem 1rem;
	font-family: 'Raleway', sans-serif;
	width: 80%;
	top: 0;
	left: 0;

	
	

    background-color: white;
}
 #second img{

	width: 300px;
	padding: 44px;
 
 
}

#oferta{
	background: url(images/tlo_czarne_X.jpg) 100% 0 no-repeat fixed;
	background-size: 100%;

	padding: 1.5rem 0 0 0;	
	color: black;
	margin-top:0px;
	background-size: cover;
}
#kontakt{
		text-align: justify;
		height: 100%;
	margin: 0px auto;
	padding: 1rem 1rem 1.2rem 1rem;
	font-family: 'Raleway', sans-serif;
	width: 80%;
	top: 0;
	left: 0;

	
	

    background-color: white;
	

}
#kontakt1{
	background: #fff;
	margin: 10px auto;
	padding: 40px 0 0 0;
	background-size: cover;
	width: 80%;
	

}
#kontakt img{

	width: 15px;
	padding: 1px;
 
 
}

.story{
	margin: 0 auto;
	min-width: 980px;
	overflow: auto;
	width: 980px;
}

.story .float-left, .story .float-right{
	padding: 0 0 100px 0;
	position: relative;
	
}

.slide {
	width: 100%;
}
.formularz{
width:605px; 
float:right;

}

.sprawy1{
    font-family: 'BenchNine', sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	letter-spacing: 0.12ex;
	font-size: 2.1em;
	color: white;

	margin: 25px;
	vertical-align:text-bottom
	
	
}
.sprawy2{
    font-family: 'BenchNine', sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	letter-spacing: 0.12ex;
	font-size: 2.1em;
	color: white;

	margin: 25px;
	vertical-align:text-bottom
	
}
.sprawy3{
    font-family: 'BenchNine', sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	letter-spacing: 0.12ex;
	font-size: 2.1em;
	color: white;

	margin: 25px;
	vertical-align:text-bottom
	
	
}
.sprawy4{
    font-family: 'BenchNine', sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	letter-spacing: 0.12ex;
	font-size: 2.1em;
	color: white;
	
	margin: 25px;
	vertical-align:text-bottom
	
}
.sprawy5{
    font-family: 'BenchNine', sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	letter-spacing: 0.12ex;
	font-size: 2.1em;
	color: white;

	margin: 25px;
	vertical-align:text-bottom
}
@media (min-width: 1401px) {
	html {
		font-size: 12px;
	}
	.nav-button {
	
  
	padding: 0 4.8rem;
	text-decoration: none;
	font-size: 20px;

}
}

@media (max-width: 1400px) {
	html {
		font-size: 12px;
	}
	.nav-button {
	
  
	padding: 0 4.8rem;
	text-decoration: none;
	font-size: 20px;

}
}

/* target screen width  */
@media (max-width: 1280px) {
	html {
		font-size: 11px;
	}
		.nav-button {
	
  
	padding: 0 4.8rem;
	text-decoration: none;
	font-size: 20px;

}

}
	
@media (max-width: 1160px) {
	html {
		font-size: 10px;
	}
	.nav-button {
	
  
	padding: 0 4.8rem;
	text-decoration: none;
	font-size: 20px;

}
}
	
@media (max-width: 1040px) {
	html {
		font-size: 10px;
	}
.float-left{
	text-align:center;	
	margin: 0 0 0 20px;
	font-size:2em;
	width:100%;
}
.formularz{

margin-left: 22%;
float:none;
}
	ul li { 
margin: 0; 
color:white;
font-family: 'Open Sans Condensed', sans-serif;
text-align: center;
font-size: 3rem;
	}
	.nav-button {
	
  
	padding: 0 4.8rem;
	text-decoration: none;
	font-size: 20px;

}
.kancelaria_tekst{
	
	padding: 10px;
	text-align: justify;
	font-size: 3rem;
}
.user {
       
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 40px;
		vertical-align:top
	}
.user img {
       
        margin: 0 auto;
        height:125px;
		width:125px;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
	#footer {
	
	color: #fff;
	width: 100%;
	margin-top: -55px;
	z-index: 15;
	background-color: #d4cac5;
	font-family: 'Raleway', sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	letter-spacing: 0.1ex;
	font-size: 2em;
	color: white;
	height: 85px ;
	position:relative;
	
}
}
	
@media (max-width: 920px) {

html {
font-size: 10px;
	}
	
.nav-button {
padding: 0 4.8rem;
text-decoration: none;
font-size: 20px;
}

.kancelaria_tekst{
	
	padding: 10px;
	text-align: justify;
	font-size: 3rem;
}

}
	
@media (max-width: 800px) {
	html {
		font-size: 10px;
	}
.user {
       
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
.user img {
       
        margin: 0 auto;
        height:125px;
		width:125px;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
		.nav-button {
	
  
	padding: 0 4.8rem;
	text-decoration: none;
	font-size: 17px;

}
.centeroferta{
	
	padding: 45px;
	text-align: center;
	
}
.kancelaria_tekst{
	
	padding: 10px;
	text-align: justify;
	font-size: 3rem;
}

}
	
@media (max-width: 680px) {
	html {
		font-size: 10px;
	}
	.user {
       
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
body{
	margin: 0;
	min-width: 200px;
	padding: 0;
	background: black;
}
#second img{

	width: 200px;
	padding: 14px;
 }
.centeroferta{
	
	padding: 45px;
	text-align: center;
	
}
.user img {
       
        margin: 0 auto;
        height:125px;
		width:125px;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
		.nav-button {
	
  
	padding: 0 4.8rem;
	text-decoration: none;
	font-size: 18px;

}
.kancelaria_tekst{
	
	padding: 10px;
	text-align: justify;
	font-size: 3rem;
}

}

	
@media (max-width: 560px) {
	html {
		font-size: 10px;
	}
	.user {
       
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
.user img {
       
        margin: 0 auto;
        height:125px;
		width:125px;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
	#second img{

	width: 150px;
	padding: 14px;
 
 
}
.centeroferta{
	
	padding: 45px;
	text-align: center;
	
}
body{
	margin: 0;
	min-width: 200px;
	padding: 0;
	background: black;
}
.kancelaria_tekst{
	
	padding: 10px;
	text-align: justify;
	font-size: 3rem;
}
}
@media (max-width: 440px) {
	html {
		font-size: 10px;
	}
	.user {
       
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
		#second img{

	width: 150px;
	padding: 14px;
 }
.user img {
       
        margin: 0 auto;
        height:125px;
		width:125px;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
body{
	margin: 0;
	min-width: 200px;
	padding: 0;
	background: black;
}
.centeroferta{
	
	padding: 45px;
	text-align: center;
	
}
.kancelaria_tekst{
	
	padding: 10px;
	text-align: justify;
	font-size: 3rem;
}
}

@media (max-width: 320px) {

.user {
       
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
.user img {
       
        margin: 0 auto;
        height:125px;
		width:125px;
        background-repeat: no-repeat;
        background-position:center top;
        padding: 0;
		vertical-align:top
	}
body{
	margin: 0;
	min-width: 200px;
	padding: 0;
	background: black;
}
	#second img{

	width: 125x;
	padding: 10px;
 
 
}
	.nav-button {
	
  
	padding: 0 4.8rem;
	text-decoration: none;
	font-size: 18px;

}
.centeroferta{
	
	padding: 45px;
	text-align: center;
	
}
.kancelaria_tekst{
	
	padding: 10px;
	text-align: justify;
	font-size: 3rem;
}
}