body {
	font-family: 'Ubuntu', sans-serif;
}

.color1, .color2, .color3, .color4 {
	height:7px;
}

.color1 {
	background:#112548;
}

.color2 {
	background:#112548;
}

.color3 {
	background:#112548;
}

.color4 {
	background:#112548;
	border-right: 0px solid #fff;
}

.logo {
	padding-left:10px;
	padding-top:10px;
	text-align:center;
	padding-bottom:10px;
}

.grey_bold {
	color:#818081;
	font-weight:700;
	font-size:10px;
	display:block;
}

.orange_regular {
	color:#000;
	font-weight:400;
	font-size:19px;
	display:block;
}

.info {
	padding-top:5px;
	padding-bottom:10px;
}

.box1, .box2, .box3, .box4, .box5 {
	/*height:151px;*/
	/*display:block;
	height:auto;
	max-height:100%;*/
}

.box2, .box3, .box4  {
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	padding-bottom:4px;
}

.box2 span.title, .box3 span.title, .box4 span.title {
	display:inline-block;
	padding-left:8px;
}

.box2 span.arrow, .box3 span.arrow, .box4 span.arrow  {
	display:inline-block;
	margin-right: 8px;
	margin-top: 6px;
	float:right;
	background: url('../img/arrow.png') center center;
	background-repeat: no-repeat;
	width:11px;
	height:11px;
}

.social {
	text-align:right;
}

.navup {
	margin-top: 20px;
	margin-bottom: 10px;
	float: right;
	font-size: 18px;
}
.menuup {
	margin-top:15px;
}

.orange {
	background:#f07f31!important;
	border-bottom:8px solid #f6be97;
	padding-bottom:10px;
	margin-bottom:10px;
}

.box1 {
	background:#b2b2b3;
	color:#fff;
}

.box1 h1,.box5 h1 {
	margin:0;
	font-size:19px;
	padding:15px;
	color:#fff;
	padding-top:10px;
	padding-bottom:0px;
	line-height:20px;
}

.box1 .up {
	height:115px;
}

.box5 .up {
	height:115px;
}

.box1 ul {
	padding-bottom:0px;
	margin-bottom:0px;
}

.box1 div.more, .box5 div.more {
	margin-top:4px;
	display:block;
	border-top:3px solid #9f9fa0;
	background:#8d8d8d;
	padding-bottom: 4px;
	text-align: right;
}

.box1 div.more span.title, .box5 div.more span.title {
	display:inline-block;
	text-align:right;
	padding-right:10px;
	padding-left:10px;
}

.box1 div.more span.arrow, .box5 div.more span.arrow {
	display:inline-block;
	margin-right: 8px;
	margin-top: 6px;
	float:right;
	background: url('../img/arrow.png') center center;
	background-repeat: no-repeat;
	width:11px;
	height:11px;
}

.box2 {
	background:#086785;
}

.box2 img {
	border-bottom:3px solid #81b1c1;
}

.box3 {
	background:#f68a3d;
}

.box3 img {
	border-bottom:3px solid #f8c39d;
}

.box4 {
	background:#1b99d4;
}

.box4 img {
	border-bottom:3px solid #8bcae8;
}

.box5 {
	background:#b2b2b3;
}

.box5 .newsletter {
	padding-left:14px;
	color:#fff;
}

.boxzlecenie {
	background:#dedddd;
}

.boxzlecenie span.title {
	color:#f07f31;
	text-decoration:underline;
	display:block;
	padding:10px;
	font-weight:bold;
	padding-bottom:0px;
}

.boxzlecenie span.subtitle {
	color:#6d6e71;
	font-size:11px;
	display:block;
	padding:10px;
	padding-top:0px;
	padding-bottom:0px;
}

.boxnewsletter {

}

.boxnewsletter span.newsletter {
	background-image: url('../img/mail.png');
	background-position: 4px;
	background-repeat:no-repeat;
	padding-left:30px;
	margin-bottom:6px;
	display:block;
	color:#aaaab1;
}

.searchform {
	margin-left:14px;
	padding:3px;
	width:60%;
	display:inline-block;
	background:#ebebeb;
	border:none;
}

.searchbutton {
	width:30%;
	border:none;
	display:inline-block;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
}


.greybox {
	background:#112548;
	height:9px;
}

.pagetitle {
	position:absolute;
	bottom:0;
	right:50%;
	color:#999897;
	/*background:#fff;*/
	margin-right:285px;
	width:285px;
	padding:20px;
	text-transform:uppercase;
	font-size:27px;
	background-image: url('../img/whitebg.png');
}

form.zlecenie input {
	margin-top:5px;
}

form.zlecenie input, form.zlecenie textarea {
	width:93%!important;
	background:#fff;
	padding:4px;
	border:0;
	outline:0;
}

form.zlecenie textarea {
	margin-top:5px;
	resize: none;
	padding:10px;
	min-height:100px;
}

form.zlecenie input, form.zlecenie textarea{
	margin-left:10px;
	margin-right:10px;
}







ul.links {
	text-align:center;
	margin-top:10px;
	margin-bottom:0px;
	font-size:12px;
	font-weight:400;
	font-family: 'Ubuntu Condensed', sans-serif;
	color:#fff;
	text-transform: uppercase;
}

ul.links li {
	border-right: 1px solid #fff;
}

ul.links li.last {
	border-right: 0px solid #a1a1a1;
}

ul.links li a {
	color:#fff;
	text-decoration: none;
}

ul.links li a:hover {
	color:#fff;
	text-decoration: underline;
}

.copyright {
	margin-top:0px;
	margin-bottom:10px;
	font-size:10px;
	font-weight:300;
	font-family: 'Ubuntu', sans-serif;
}

.footer {
	padding-top:10px;
	padding-bottom:10px;
	color:#fff;
	text-align:center;
	margin-top:0px;
	margin-bottom:10px;
	/*font-size:10px;
	font-weight:300;
	font-family: 'Ubuntu', sans-serif;*/
	background-color:#112548;
	background-repeat:no-repeat;
	background-position: center top;
	min-height:50px;
}

.footer a {
	color:#fff;
}

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

.percent100 {
	width:100%;
}

.percent50left {
	width:50%;
	font-size:11px;
	float:left;
}

.percent50right {
	width:50%;
	font-size:11px;
	float:right;
	text-align:right;
}

a.boxed:hover {
	text-decoration:none!important;
	color:#fff;
}



.yellowup {
	background: #112548;
	height:11px;
}


/* FLUID */
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; /* hack adjust for wrapping */
}

.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}


.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}
/* FLUID */

@media (min-width: 1200px) {
	.box5 .newsletter {
		display:block;
		margin-top:4px;
		margin-bottom:4px;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.box1 .up, .box5 .up {
		height:94px;
	}
	
	.box1 h1 {
		margin:0;
		font-size:18px;
		padding-top:5px;
		padding-left:10px;
		color:#fff;
		padding-bottom:0px;
	}
	
	.box1 ul {
		font-size:12px;
	}
	
	.pagetitle {
		position:absolute;
		bottom:0;
		right:50%;
		color:#999897;
		/*background:#fff;*/
		margin-right:235px;
		width:235px;
		padding:20px;
		text-transform:uppercase;
		font-size:21px;
		background-image: url('../img/whitebg.png');
	}
	
}

/* Extra Small */
@media(max-width:767px){
    .klasa {
        font-size:10px;
    }
}

@media(max-width:767px){
    .naglowek {
        font-size:14px;
    }
}

/* Small */
@media(min-width:768px) and (max-width:991px){
    .klasa {
        font-size:12px;
    }
}

/* Medium */
@media(min-width:992px) and (max-width:1199px){
    .klasa {
        font-size:14px;
    }
}

/* Large */
@media(min-width:1200px){
    .klasa {
        font-size:20px;
    }
}

@media(min-width:1200px){
    .naglowek {
        font-size:35px;
    }
}

	.box1 h1 {
		margin:0;
		font-size:22px;
		padding-top:9px;
		padding-left:10px;
		color:#fff;
		padding-bottom:0px;
	}
	
	.box1 .up {
		height:110px!important;
	}
	
	.box5 .up {
		height:80px!important;
	}
}