*{
	font-family: "Calibri", Sans-Serif;
	color: #6d6d6d;
}
::-moz-selection, ::selection{
	background:#287abf;
}
html, body{
	background-color: #fff;
}
.glowne{
	width: 100%
}
.container{
	position:relative;
}
.logo{
	border-bottom: 0.13em solid #293172;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%
}
.logo img{
	max-width: 655px;
	width:30%;
	display: block;
	margin-top: 4.5em;
	margin-bottom: 3.5em;
	margin-left: auto;
	margin-right: auto;
}
/*=====================formatowanie akapitów======================*/
article{
	padding-bottom: 2em;
	text-align: justify;
	line-height: 1.4em;
}
article p{
	padding-left: 18%;
	padding-right:18%;
	font-size: 1.1em;
	color: #6d6d6d;
	line-height: 1.7em;
}
/*============================nawigacja===============================*/
header{
	padding-bottom: 2.5em;
}
nav{
	background-color: #fff;
	width:100%;
	text-align:center;
}
ul{
	margin-top: 3.5em;
	padding-left: 0;
}
nav li{
	display:inline;
	font-size: 1.4em;
	padding: 3em;
}
.navbar-fixed {
	top: -1.6em;
    padding-bottom: .9em;
    z-index: 100;
 	position: fixed;
}
/*============================dol strony==============================*/
.stopka{
	background-color: #23294c;
	width:100%;
	height:2.8em;
	text-align: center;
	padding-top:1.4em;
}
.stopka p{
	font-size: 1em;
	margin:0;
	color: #ededed;
}
/*===============================linki================================*/
a{
	color:#287abf;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	-o-transition:.2s;
  	-ms-transition:.2s;
  	-moz-transition:.2s;
  	-webkit-transition:.2s;
    transition:.5s;
}
a:hover{
		color:#293172;
		text-decoration: none;
}
/*=============================piktogramy=============================*/
.znaki{
	padding-top: 2em;
	text-align:center;
}
.znaki img{
	width: 10em;
	padding: 0 4em 2em 4em;
	}
.znaki li {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
	margin-bottom: 9em;
 }
.ramka{
	border-top: 0.13em solid #293172;
	margin: .4em 34% 0 34%
}
.znaki li span p{
	  padding-bottom: 7em;
	  margin-bottom: 6em;
}
.znaki span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 5em;
    margin-left: -50%;
    width: 100%;
    color:#293172;
    display: block;
}
.znaki li p{
    text-transform: none;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.3em;
    padding-left: 7%;
    padding-right: 7%
    }
.znaki ul{
    text-decoration: none;
	list-style: none;
}
/*===============================sekcje===============================*/
#kim_jestesmy, #kontakt, #aktualnosci, #oprogramowanie{
	padding-top: 5em;
	padding-bottom: 5em;
	width: 100%;
}
#kim_jestesmy, #kontakt{
	background-color: #e9e9e9;
}
#aktualnosci{
	background-color: #23294c;
}
#oprogramowanie{
	background-color: #fff;
}
#aktualnosci p{
	color: #ededed;
}
#kim_jestesmy a{
	text-transform:  none;
	color:#6d6d6d;
}
.subsidia, h1{
	font-family: "Corbel", Sans-Serif; 
	font-size: 1.3em;
	color: #293172;
	font-weight: 900;
}
h1{
	text-transform: uppercase;
	text-align: center;
	padding-bottom: 1em;
}
/*===============================formularz===============================*/
.dane, .formularz{
	display: inline;
	float:left;
}
.dane{
	padding-left: 18%;
	width: 16%;
	float: left;
}
.formularz{
	padding-right: 18%;
	width: 48%;
}
input, textarea {
	height:1em;
	background:#fff;
	border:1px solid #e8e8e8;
	padding:.9em;
	margin-top:.8em;
	font-size:0.9em;
	-moz-border-radius:.2em;
    -webkit-border-radius:.2em;
    border-radius:.2em;
    resize: none;
    width: 100%;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input{
	height: 1.1em;
}
textarea {
	height:10em;
}
#submit {
	color: #fff;
	background-color: #287abf;
	text-transform:uppercase;
	height:2.9em;
    width: 100%;
	margin-bottom:1.5em;
    margin-top:.8em;
    cursor:pointer;
}
#submit:hover {
	    opacity:.6;
}
#kontakt article{
	padding-bottom: 0
}
/*===================================================================*/
@media only screen and	(min-width : 1920px){
	article p{
		padding-left: 23%;
		padding-right:23%;
	}
	.dane{
		padding-left: 23%;
		width: 11%
	}
	.formularz{
		padding-right:23%;
		width: 43%;
	}
}
@media only screen and (max-width: 1280px) and (max-height: 900px){
	article p{
		padding-left: 12%;
		padding-right:12%;
	}
	.dane{
		padding-left: 12%;
		width: 22%
	}
	.formularz{
		padding-right:12%;
		width: 54%;
	}
	ul{
		margin-top: 2.5em;
	}
	.navbar-fixed {
		top: -.6em;
   	}
}
@media only screen and (max-width: 1050px){
	.formularz, .dane{
		display: block;
	}
	article p{
		padding-left: 7%;
		padding-right:7%;
	}
	.dane p{
		text-align: center;
	}
	.dane{
		padding-left: 7%;
		padding-right: 7%;
		width: 86%
	}
	.formularz{
		padding-left: 7%;
		padding-right: 7%;
		width: 86%
	}
	.logo img{
		width: 45%
	}
	.znaki img{
		padding: 0 5em 2em 5em;
	}
	.navbar-fixed {
		top:0;
    	padding-bottom: 0;
    	position: relative;
	}
	#kim_jestesmy, #kontakt, #aktualnosci, #oprogramowanie{
		padding-top: 3em;
		padding-bottom: 3em
	}
	nav li{
		display:inline-block;
		padding: .5em 1.5em .5em 1.5em;
	}
	header{
		padding-bottom: 1.5em
	}
	ul{
		margin-top: 2.5em
	}
}
@media only screen and (max-width: 1000px) and (max-height: 720px){
	.glowne{
		display: none
	}
	.logo img{	
		width: 60%;
		margin-top: 2.5em
	}
	#kim_jestesmy, #kontakt, #aktualnosci, #oprogramowanie{
		padding-top: 1.5em;
		padding-bottom: .1em
	}
	h1{
		padding-bottom: .4em;
	}
	ul{
		margin-top:	1.5em;
	}
	nav li{
		font-size: 1.1em;
	}
	header{
		padding-bottom: .8em
	}
	article p{
		font-size: .85em;
	}
	.subsidia, h1{
		font-size: 1em;
	}
	.znaki li p{
		font-size: .8em
	}
	#kim_jestesmy article{
		  padding-bottom: 0;
	}
	.stopka{
		padding-top: 1.15em;
		height:2em;
	}
	.stopka p{
		font-size: .7em;
	}
}
@media only screen and (max-width: 400px){
	.logo img{
		width: 90%;
	}
}