* {
	margin: 0;
	padding: 0;
}
body {
	color: #434343;
	font-family: "Titillium Web";
	font-size: 16px;
	background: url('../images/body.png') no-repeat center 48px;
}
a {
	text-decoration: none;
	  transition-duration:0.5s;
}

#header {
	overflow: hidden;
	max-width: 925px;
	padding: 16px 16px 38px;
	background: url('../images/header.png') no-repeat bottom;
	margin: auto;
}
#header a {
	float: left;
	padding-left: 100px;
	background: url('../images/logo.png') no-repeat 0 center;
	font-family: Capriola;
	color: #ABABAB;
	height: 76px;
	padding-top: 18px;
}
#header span {	
	color: #00A2E0;
	font-size: 28px;
	display: block;
	text-transform: uppercase;	
}
#header div {
	float: right;
}
#header p {
	color: #727272;
	font-size: 22px;
	font-weight: 600;
	padding-left: 38px;
	background: url('../images/phone.png') no-repeat 0 center;	
	margin-top: 30px;
}
#offer {
	list-style: none;
	overflow: hidden;
	margin: -11px auto -122px;
	position: relative;
	padding: 0 1px 10px;
	background: url('../images/offer.png') no-repeat bottom;
	max-width: 959px;
}
#offer li {
	float: left;
	margin: 0 1px;
	position: relative;
}
#offer img {
	width: 100%;
	display: block;
}
#offer img+img {
	position: absolute;
	top: 0;
}
#offer a:hover img+img {
	display: none;
}
#menu {
	background: url('../images/shadow.png') repeat-x bottom, url('../images/menu.jpg');	
}
#menu ul {
	max-width: 959px;
	margin: auto;	
	overflow: hidden;	
	padding-top: 112px;
	list-style: none;	
}
#menu li {
	float: left;
	margin: 0 1px;
	 width:135px;
}
#menu span {
	display: block;
	border: solid #20BAF7;
	border-width: 0 0 0 1px;
	text-align: center;
	padding: 12px;
}
#menu li:first-child span {
	border: 0;
}
#menu a {
	text-transform: uppercase;
	color: #FFF;
	font-weight: 600;
	font-size: 16px;
	text-shadow: 2px 2px rgba(0,140,195,.75);
}
#menu a:hover { text-decoration:underline; }
#content {
	background: #FFF url('../images/content.png') no-repeat center -14px;
	overflow: hidden;	
	padding: 48px 16px 16px;
	max-width: 957px;
	margin: auto;
}
#left {
	width: 26%;
	float: right;
	background: #F6F6F6;
}
.title {
	overflow: hidden;
	padding-top: 8px;
}
.title h1 {
	float: left;
}
.bip h1 {
	padding-right: 44px;
	background: url('../images/bip.png') no-repeat right;
}
.title span {
	display: block;
	color: #FFF;
	font-size: 17px;
	text-transform: uppercase;
	background: #7CBA42;
	padding: 4px 16px;
	font-weight: 300;
}
.bip span {
	background: #D5241D;
}
.contact span {
	background: #FD550D;
}
.news span {
	background: #009CDA;
}
.description {
	margin-bottom: 16px;
	padding: 16px;
	border-bottom: 1px solid #B4B4B4;
}
.description p {
	margin-bottom: 16px;
}
#left div:last-child {	
	border: 0;
	margin: 0;
}
.description strong {
	font-weight: 600;
}
.more {
	color: #949494;
	font-size: 15px;
	text-decoration: underline;
}
#right {
	width: 74%;
	float: right;
	color:#333;
}
#right a { color:#12408a; text-decoration:underline; }
#right a:hover { text-decoration:none; }

#right>div {
	margin-left: 48px;
}
#right ul {
	list-style: none;
}
#right li {
	overflow: hidden;
	border-bottom: 1px solid #B4B4B4;
	padding: 16px 0;
}
#right h1 {
	color: #FD550D;
	font-size: 21px;
	text-transform: uppercase;
	font-weight: 300;
}
#right h3 {
	color: #7cba42;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
}

#right img {
	float: left;
	border: 4px solid #F6F6F6;
	margin: 16px 32px 0 0;
}
#right p {
	margin-top: 16px;
	font-weight: 300;
}
#right .more {
	color: #FD550D;
	font-size: 16px;
	font-weight: 300;
}
#footer {
	text-align: center;
	margin: 0 16px 16px;
	background:#f6f6f6; padding:30px;
}
@media (max-width: 960px) {	
	#header a {
		float: none;
		margin: auto;
		display: block;
		width: 92px;
		padding: 0;
		height: 94px;
		color: transparent;
	}
	#header span {
		color: transparent;
	}
	#header div {
		float: none;
		text-align: center;
	}
	#header p {		
		display: inline-block;
		margin-top: 16px;
	}
	#offer {
		display: none;
	}
	#menu ul {
		padding: 0;
	}
	#menu span {
		border: 0;
	}
	#content {
		padding: 30px 16px 16px;
	}
	#left,
	#right {
		float: none;
		width: auto;
	}
	#right>div {
		margin: -8px 0 16px;
	}
	#right img {
		margin-right: 16px;
	}
}	
@media (max-width: 480px) {
	#right img {
		display: none;
	}
}
img.gallery { margin:0px 12px 12px 0px !important; padding:1px; border:6px solid #f9fcfe; width:190px; max-width:450px; }

div.news { margin:10px 0px; color:#807f7f; border-bottom:1px solid #eaeaea; padding-bottom:18px; padding-top:10px; line-height:17px; }
div.news p.title { color:#00417d; font-weight:bold; margin-bottom:7px;margin-bottom:12px;  font-size:19px; text-transform:uppercase}
div.news img {  margin:0px 25px 0px 0px; padding:1px; border:5px solid #f9fcfe; height:90px; } 
div.news_full { margin:10px 0px; color:#807f7f; border-bottom:1px solid #eaeaea; padding-bottom:18px; padding-top:10px; }
div.news_full img { float:left;  margin:10px 25px 10px 0px; padding:1px; border:5px solid #f9fcfe; max-width:670px; } 
a.innowacje { display:block; width:100%; padding:30px 0; text-align:center; background:url(../images/innowacje.png) no-repeat center center; background-size: 100%; margin-bottom:15px; color:#36F}
a.innowacje:hover { color:#F00; background-size: 130%; }
a.innowacje span { padding:3px; background:#FFF; }
a.sublink { display:block; width:100%; padding:12px 0; text-align:center; margin-bottom:15px; color:#20baf7; border:2px solid #20baf7; text-transform:uppercase; font-weight:600}
a.sublink:hover { background:#20baf7; color:#FFF;}

/* social */
.widget_social {
	float:right;
	width:350px;
	height:600px;
	background: url(../images/fb_bgb.png) no-repeat;
	display:block;
	right:-315px;
	padding:0;
	position:fixed;
	top:50px;
	z-index:10000;
}