﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin				: 0;
	padding				: 0;
	border				: 0;
	font-size			: 100%;
	font				: inherit;
	vertical-align		: bottom;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body{
	background-color		: white;
	background-repeat		: no-repeat;
	background-attachment	: fixed;
	-webkit-background-size	: cover;
	-moz-background-size	: cover;
	-o-background-size		: cover;
	background-size			: cover;
	font-size				: 10px; /* 0.6875em */
	font-family				: Century Gothic, Geneva, sans-serif;
	color					: black;
}

.kontener {
	width	: 930px;
	margin	: 0 auto;
}

.kontener header {
	height	: 150px;
	width	: 900px;
}

.kontener header #logo {
	background-image	: url(images/logo.png);
	background-repeat	: no-repeat;
	position			: relative;
	height				: 60px;
	width				: 311px;
	top					: 60px;
	left				: 394.5px;
}

.kontener header #fb {
	height				: 20px;
	width				: 20px;
	margin-top			: 65px;
	margin-left			: 880px;
}

.kontener header #fb .facebook{
	display	: block;
	background-image	: url(images/facebook.jpg);
	background-repeat	: no-repeat;
	height				: 20px;
	width				: 20px;
	
}

.kontener header #fb .facebook a{
	display	: block;
	height	: 20px;
	width	: 20px;
}

.kontener #navigation {
	float	: left;
	height	: 410px;
	width	: 200px;
}

.kontener #navigation ul{
	height	: 410px;
	width	: 200px;
}

.kontener #navigation ul li{
	list-style	: none;
	overflow	: hidden;
}

.kontener #navigation ul li:hover{
	display				: block;
	height				: 60px;
	width				: 200px;
	border-right-style	: solid;
	border-width		: 2px;
	border-color		: #0587e7;
}

.kontener #navigation ul li a{
	display	: block;
	height	: 60px;
	width	: 200px;
}

.kontener #navigation ul #p1{
	display				: block;
	height				: 60px;
	width				: 200px;
	margin-top			: 12.4px;
	margin-bottom		: 24.8px;
}

.kontener #navigation ul #p1 a{
	display				: block;
	height				: 60px;
	width				: 180px;
	font-size			: 18px;
	color				: black;
	text-align			: right;
	text-decoration		: none;
	padding-top			: 8px;
	padding-right		: 20px;
}

.kontener #navigation ul #p1 a:hover{
	color				: #0587e7;
}

.kontener #navigation ul #p1aktywny{
	display				: block;
	height				: 60px;
	width				: 200px;
	margin-top			: 12.4px;
	margin-bottom		: 24.8px;
	border-right-style	: solid;
	border-width		: 2px;
	border-color		: #0587e7;
}

.kontener #navigation ul #p1aktywny a{
	display				: block;
	height				: 60px;
	width				: 180px;
	font-size			: 18px;
	font-weight			: bold;
	color				: #0587e7;
	text-align			: right;
	text-decoration		: none;
	padding-top			: 8px;
	padding-right		: 20px;
}

.kontener #navigation ul #p2{
	display				: block;
	height				: 60px;
	width				: 200px;
	margin-bottom		: 24.8px;
}

.kontener #navigation ul #p2 a{
	display				: block;
	height				: 60px;
	width				: 180px;
	font-size			: 18px;
	color				: black;
	text-align			: right;
	text-decoration		: none;
	padding-top			: 21px;
	padding-right		: 20px;
}

.kontener #navigation ul #p2aktywny{
	display				: block;
	height				: 60px;
	width				: 200px;
	margin-bottom		: 24.8px;
	border-right-style	: solid;
	border-width		: 2px;
	border-color		: #0587e7;
}

.kontener #navigation ul #p2aktywny a{
	display				: block;
	height				: 60px;
	width				: 180px;
	font-size			: 18px;
	font-weight			: bold;
	color				: #0587e7;
	text-align			: right;
	text-decoration		: none;
	padding-top			: 21px;
	padding-right		: 20px;
}

.kontener #navigation ul #p2 a:hover{
	color				: #0587e7;
}

.kontener #navigation ul #p3{
	display				: block;
	height				: 60px;
	width				: 200px;
	margin-bottom		: 24.8px;
}

.kontener #navigation ul #p3 a{
	display				: block;
	height				: 60px;
	width				: 180px;
	font-size			: 18px;
	color				: black;
	text-align			: right;
	text-decoration		: none;
	padding-top			: 21px;
	padding-right		: 20px;
}

.kontener #navigation ul #p3 a:hover{
	color				: #0587e7;
}

.kontener #navigation ul #p3aktywny{
	display				: block;
	height				: 60px;
	width				: 200px;
	margin-bottom		: 24.8px;
	border-right-style	: solid;
	border-width		: 2px;
	border-color		: #0587e7;
}

.kontener #navigation ul #p3aktywny a{
	display				: block;
	height				: 60px;
	width				: 180px;
	font-size			: 18px;
	font-weight			: bold;
	color				: #0587e7;
	text-align			: right;
	text-decoration		: none;
	padding-top			: 21px;
	padding-right		: 20px;
}

.kontener #navigation ul #p4{
	display				: block;
	height				: 60px;
	width				: 200px;
	margin-bottom		: 24.8px;
}

.kontener #navigation ul #p4 a{
	display				: block;
	height				: 60px;
	width				: 180px;
	font-size			: 18px;
	color				: black;
	text-align			: right;
	text-decoration		: none;
	padding-top			: 8px;
	padding-right		: 20px;
}

.kontener #navigation ul #p4 a:hover{
	color				: #0587e7;
}

.kontener #navigation ul #p4aktywny{
	display				: block;
	height				: 60px;
	width				: 200px;
	margin-bottom		: 24.8px;
	border-right-style	: solid;
	border-width		: 2px;
	border-color		: #0587e7;
}

.kontener #navigation ul #p4aktywny a{
	display				: block;
	height				: 60px;
	width				: 180px;
	font-size			: 18px;
	font-weight			: bold;
	color				: #0587e7;
	text-align			: right;
	text-decoration		: none;
	padding-top			: 8px;
	padding-right		: 20px;
}

.kontener #navigation ul #p5{
	display				: block;
	height				: 60px;
	width				: 200px;
	margin-bottom		: 12.4px;
}

.kontener #navigation ul #p5 a{
	display				: block;
	height				: 60px;
	width				: 180px;
	font-size			: 18px;
	color				: black;
	text-align			: right;
	text-decoration		: none;
	padding-top			: 21px;
	padding-right		: 20px;
}

.kontener #navigation ul #p5 a:hover{
	color				: #0587e7;
}

.kontener #navigation ul #p5aktywny{
	display				: block;
	height				: 60px;
	width				: 200px;
	margin-bottom		: 12.4px;
	border-right-style	: solid;
	border-width		: 2px;
	border-color		: #0587e7;
}

.kontener #navigation ul #p5aktywny a{
	display				: block;
	height				: 60px;
	width				: 180px;
	font-size			: 18px;
	font-weight			: bold;
	color				: #0587e7;
	text-align			: right;
	text-decoration		: none;
	padding-top			: 21px;
	padding-right		: 20px;
}

.kontener section {
	height				: 420px;
	width				: 698px;
	margin-left			: 200px;
	border-top-style	: solid;
	border-right-style	: solid;
	border-bottom-style	: solid;
	border-left-style	: none;
	border-color		: black;
	border-width		: 2px;
}

.kontener section article {
	height	: 43px;
	width	: 698px;
}

.kontener section article #title {
	height	: 43px;
	width	: 578px;
	float	: left;
}

.kontener section article #title p {
	font-size	: 20px;
	font-weight	: bold;
	color		: #0587e7;
	text-align	: center;
	margin-top	: 11px;
	margin-left : 120px;
}

.kontener section article #knf {
	height				: 40px;
	width				: 120px;
	margin-left			: 578px;
	padding-top			: 1.5px;
}

.kontener section article #knf a{
	display				: block;
	height				: 40px;
	width				: 120px;
}

.kontener section article p b{
	font-weight: bold;
}

.kontener section article #box {
	background-image	: url(images/background.png);
	width				: 698px;
	height				: 338px;
	overflow			: scroll;
	overflow-x			: hidden;
}

.kontener section article #box p {
	font-size	: 14px;
	text-align	: justify;
	margin-left	: 30px;
	margin-right: 30px;
}

/* ~~ index ~~ */

.kontener section article #box #div1  {
	width: 490px;
	height: 170px;
	float: left;
}

.kontener section article #box #div1 p  {
	margin-right: 30px;

}

.kontener section article #box #div2  {
	margin-bottom: 35px;
	margin-top: 5px;
}

.kontener section article #box #div3  {
	width: 680px;
}

.kontener section article #box #div3  p{
line-height: 20px;
}

/* ~~ firma ~~ */

.kontener section article #box #div4{
	float	: left;
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 30px;
	height: 348px;
}

.kontener section article #box #div5  {
	width: 680px;
}

.kontener section article #box #div5 p {
	text-align	: justify;
	line-height: 20px;
}

.kontener section article #box #div6{
	float: left;
	margin-top: 5px;
	margin-bottom: 25px;
}

/* ~~ oferta ~~ */

.kontener section article #box #div7{
	width: 394px;
	float: left;
}

.kontener section article #box #div71{
	width: 680px;
	float: left;
}

.kontener section article #box #div71 p{
	margin-right: 30px;
}

.kontener section article #box #div71 p  span{
	margin-left: 9px;
}

.kontener section article #box #div71 p  span2{
	color		: #0587e7;
}

/* ~~ zamowienia ~~ */

.kontener section article #box #div8{
	width: 680px;
	float: left;
}

.kontener section article #box #div8 p{
	line-height: 19px;
}

.kontener section article #box #div9{
	width: 384px;
	float: left;
}
.kontener section article #box #div9 p{
	margin-right: 30px;
	line-height: 18.5px;
}

.kontener section article #box #div10 {
	padding-top: 5px;
}

/* ~~ kontakta ~~ */

.kontener section article #box #div11{
	width: 375px;
	margin-top: 36px;
	margin-left: 146.5px;
	float: left;
}

.kontener section article #box #div11 p{
	text-align: center;
	margin-right: 0px;
}

.kontener section article #box #div11 p a{
	text-decoration: none;
	color: #2f90e7;
}

.kontener section article #box  #div12{
	margin-top: 230px;
}
