/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
text-decoration:none;
}
body{
background-image:url("tlo7.jpg");
background-repeat:no-repeat;
background-size:100% 100%;
overflow-x:hidden;
background-attachment:fixed;
}
header{
background-color:#fff;
width:100%;
height:60px;
position:fixed;
z-index:2;
-webkit-animation:nawigacja 2s ease;
-ms-animation:nawigacja 2s ease;
-moz-animation:nawigacja 2s ease;
-o-animation:nawigacja 2s ease;
animation:nawigacja 2s ease;

}
	#headerCentrowanie{
	width:980px;
	height:60px;
	margin:0 auto;
	}
	#pasekHeader{
	background-color:#f28d23;
	width:100%;
	height:8px;
	border-bottom:1px solid #f29f48;
	box-shadow:0px 3px 6px #2e2e2e;
	position:fixed;
	top:60px;
	z-index:1;
	-webkit-animation:nawigacja 2s ease;
	-moz-animation:nawigacja 2s ease;
	-ms-animation:nawigacja 2s ease;
	-o-animation:nawigacja 2s ease;
	animation:nawigacja 2s ease;
	}
	#logoKontener{
	width:250px;
	height:60px;
	float:left;
	position:relative;
	-webkit-animation:logo 2.1s ease;
	-moz-animation:logo 2.1s ease;
	-ms-animation:logo 2.1s ease;
	-o-animation:logo 2.1s ease;
	animation:logo 2.1s ease;
	}
	nav{
	width:720px;
	height:60px;
	float:left;
	margin-left:10px;
	text-align:left;
	position:relative;
	}
		nav > ul li{
		width:100px;
		height:60px;
		display:inline;
		font-size:20px;
		position:relative;
		top:20px;
		margin-right:10px;
		font-family: 'Didact Gothic', sans-serif;
		padding-bottom:14px;
		}
			nav > ul >  a{
			color:#000;
			}
			nav > ul li:hover{
			border-bottom:4px solid #000;
			cursor:pointer;
			font-weight:bold;
			}
			#a1, #a2, #a3, #a4, #a5, #a6{
			position:relative;
			}
			#a1{
			-webkit-animation:zakladki 2.2s ease;
			-moz-animation:zakladki 2.2s ease;
			-ms-animation:zakladki 2.2s ease;
			-o-animation:zakladki 2.2s ease;
			animation:zakladki 2.2s ease;
			}
			#a2{
			-webkit-animation:zakladki 2.4s ease;
			-moz-animation:zakladki 2.4s ease;
			-ms-animation:zakladki 2.4s ease;
			-o-animation:zakladki 2.4s ease;
			animation:zakladki 2.4s ease;
			}
			#a3{
			-webkit-animation:zakladki 2.6s ease;
			-moz-animation:zakladki 2.6s ease;
			-ms-animation:zakladki 2.6s ease;
			-o-animation:zakladki 2.6s ease;
			animation:zakladki 2.6s ease;
			}
			#a4{
			-webkit-animation:zakladki 2.8s ease;
			-moz-animation:zakladki 2.8s ease;
			-ms-animation:zakladki 2.8s ease;
			-o-animation:zakladki 2.8s ease;
			animation:zakladki 2.8s ease;
			}
			#a5{
			-webkit-animation:zakladki 3s ease;
			-moz-animation:zakladki 3s ease;
			-ms-animation:zakladki 3s ease;
			-o-animation:zakladki 3s ease;
			animation:zakladki 3s ease;
			}
			#a6{
			-webkit-animation:zakladki 3.2s ease;
			-moz-animation:zakladki 3.2s ease;
			-ms-animation:zakladki 3.2s ease;
			-o-animation:zakladki 3.2s ease;
			animation:zakladki 3.2s ease;
			}



#glownyKontener{
width:980px;
height:auto;
margin:0 auto;
padding-bottom:25px;
background-color:#fff;
margin-top:50px;
position:relative;
-webkit-animation:glownykontener 4.6s ease;
-ms-animation:glownykontener 4.6s ease;
-moz-animation:glownykontener 4.6s ease;
-o-animation:glownykontener 4.6s ease;
animation:glownykontener 4.6s ease;
}
#kontenerSlider{
width:980px;
height:200px;
position:relative;
top:100px;
text-align:center;
margin:0 auto;
z-index:-1;
-webkit-animation:slider 4s ease;
-moz-animation:slider 4s ease;
-ms-animation:slider 4s ease;
-o-animation:slider 4s ease;
animation:slider 4s ease;
}
	#slider{
	width:800px;
	height:auto;
	display:block;
	margin:0 auto;
	border-left:4px solid #fff;
	border-right:4px solid #fff;

	}
		#sliderObraz{
		background-image:url("slider.png");
		width:800px;
		height:120px;
		background-position:0px 0px;
			-webkit-animation:sliderONAS 15s linear;
			-moz-animation:sliderONAS 15s linear;
			-ms-animation:sliderONAS 15s linear;
			-o-animation:sliderONAS 15s linear;
			animation:sliderONAS 15s linear;
			-webkit-animation-iteration-count: 50;
			-moz-animation-iteration-count: 50;
			-ms-animation-iteration-count: 50;
			-o-animation-iteration-count: 50;
			animation-iteration-count: 50;
		}

		/*ONAS */
#onasKontener{
width:100%;
height:auto;

}
	#onasTytul{
	width:210px;
	height:80px;
	display:block;
	border-bottom:1px solid #494949;
	margin-left:20px;
	}
		#onasTytul > p{
		font-family: 'Didact Gothic', sans-serif;
		color:#494949;
		font-size:32px;
		padding:20px;
		padding-top:30px;
		}
	#onasOpis{
	width:100%;
	height:auto;
	}
		#onasOpis > p{
		padding:20px;
		padding-top:40px;
		padding-left:40px;
		font-family: 'Alegreya Sans', sans-serif;
		font-size:20px;
		text-indent:0em;
		text-align:left;
		}
			strong#priebe{
			font-size:24px;
			margin-right:4px;
			font-weight:bold;
			}
		#onasZdjecie{
		background-image:url("onas2.jpg");
		width:900px;
		height:250px;
		margin:0 auto;
		margin-top:10px;
		border-radius:10px;
		box-shadow:0px 0px 10px #000;
		border:8px solid #fff;
		}


		/*TRANSPORT*/
#transportKontener{
width:100%;
height:auto;
}
	#tytulTransport{
	width:210px;
	height:80px;
	display:block;
	border-bottom:1px solid #494949;
	margin-left:20px;
	}	
		#tytulTransport > p{
		font-family: 'Didact Gothic', sans-serif;
		color:#494949;
		font-size:32px;
		padding:20px;
		padding-top:30px;
		}
	#transportOpis{
	width:100%;
	height:auto;
	}
		#transportOpis > p{
		padding:20px;
		padding-top:40px;
		padding-left:40px;
		font-family: 'Alegreya Sans', sans-serif;
		font-size:24px;
		text-indent:2em;
		text-align:left;
		}
	#transportZdjecie{
	background-image:url("tir.jpg");
	width:900px;
	height:300px;
	margin:0 auto;
	margin-top:10px;
	}

/*OFERTA*/
#ofertaKontener{
width:100%;
height:auto;
}
	#ofertaTytul{
	width:210px;
	height:80px;
	display:block;
	border-bottom:1px solid #494949;
	margin-left:20px;
	}
		#ofertaTytul > p{
		font-family: 'Didact Gothic', sans-serif;
		color:#494949;
		font-size:32px;
		padding:20px;
		padding-top:30px;
		}
	#ofertaOpis{
	width:100%;
	height:auto;
	}
		#ofertaOpis > p{
		padding:20px;
		padding-top:40px;
		padding-left:40px;
		font-family: 'Alegreya Sans', sans-serif;
		font-size:20px;
		text-indent:0em;
		text-align:left;
		}
			strong#asortyment{
			font-size:26px;
			}
			strong#zapraszamy{
			font-size:24px;
			}
		#ofertaZdjecie{
		background-image:url("oferta.jpg");
		width:900px;
		height:250px;
		margin:0 auto;
		margin-top:10px;
		border-radius:10px;
		box-shadow:0px 0px 10px #000;
		border:8px solid #fff;
		}
/*ZAPYTANIE OFERTOWE*/
#zapytanieKontener{
width:100%;
height:auto;
}
	#zapytanieTytul{
	width:357px;
	height:80px;
	display:block;
	border-bottom:1px solid #494949;
	margin-left:20px;
	}
		#zapytanieTytul > p{
		font-family: 'Didact Gothic', sans-serif;
		color:#494949;
		font-size:32px;
		padding:20px;
		padding-top:30px;
		}
	#zapytanieOpis{
	width:100%;
	height:auto;
	padding-top:50px;
	padding-left:50px;
	font-family: 'Alegreya Sans', sans-serif;
	font-size:20px;
	
	}
		#zapytanieOpis > p{
		padding:20px;
		padding-top:40px;
		padding-left:40px;
		font-family: 'Alegreya Sans', sans-serif;
		font-size:20px;
		text-indent:0em;
		text-align:left;
		}
		
		#zapytanieOpis > input{
		width: 500px;
		}
		
		.przycisk{
		width: 200px;
		background-color:#494949;
		height: 40px;
		font-family: 'Alegreya Sans', sans-serif;
		font-size:20px;
		color:#fff;
		border:0px;
		}
		
    	.pole{
		width: 800px;
		height: 40px;
		font-family: 'Alegreya Sans', sans-serif;
		font-size:20px;
		color:#494949;
		border:1px #494949 solid;
		padding-left:15px;
		}
		
		.tekstowe{
		min-width: 800px;
		min-height: 250px;
		font-family: 'Alegreya Sans', sans-serif;
		font-size:20px;
		color:#494949;
		padding-top: 15px;
		padding-left:15px;
		border:1px #494949 solid;
		}
/*KONTAK KONTENER*/
#kontaktKontener{
width:600px;
height:auto;
margin:0 auto;
}
	#kontaktTytul{
	width:210px;
	height:80px;
	display:block;
	border-bottom:1px solid #494949;
	margin-left:20px;
	}
		#kontaktTytul > p{
		font-family: 'Didact Gothic', sans-serif;
		color:#494949;
		font-size:32px;
		padding:20px;
		padding-top:30px;
		}

	#kontaktKontener > p{
	padding-top:40px;
	font-family: 'Alegreya Sans', sans-serif;
	font-size:20px;
	text-indent:0em;
	text-align:center;
	}








			/*WSPOLPRACA */
#wspolpracaKontener{
width:100%;
height:auto;

}
	#wspolpracaTytul{
	width:210px;
	height:80px;
	display:block;
	border-bottom:1px solid #494949;
	margin-left:20px;
	}
		#wspolpracaTytul > p{
		font-family: 'Didact Gothic', sans-serif;
		color:#494949;
		font-size:32px;
		padding:20px;
		padding-top:30px;
		text-indent:1.5em;
		}
	#wspolpracaOpis{
	width:100%;
	height:auto;
	
	}
		#wspolpracaOpis > p{
		padding:20px;
		padding-top:40px;
		padding-left:40px;
		font-family: 'Alegreya Sans', sans-serif;
		font-size:20px;
		text-indent:0em;
		text-align:left;
		}
			strong#zapraszamy{
			font-size:24px;
			margin-right:4px;
			font-weight:bold;
			}
		#wspolpracaZdjecie{
		background-image:url("wspolpraca.jpg");
		width:800px;
		height:250px;
		margin:0 auto;
		margin-top:10px;
		border-radius:10px;
		box-shadow:0px 0px 10px #000;
		border:8px solid #fff;
		}



	footer{
	background-color:#fff;
	width:100%;
	height:50px;
	padding-top:20px;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	-webkit-animation:stopka 4.8s ease;
	-moz-animation:stopka 4.8s ease;
	-ms-animation:stopka 4.8s ease;
	-o-animation:stopka 4.8s ease;
	animation:stopka 4.8s ease;
	}

	footer#zapytanie{
	background-color:#fff;
	width:100%;
	height:100px;
	position:relative;
	top:40px;
	}
	footer > p{
	font-family: 'Alegreya Sans', sans-serif;
	color:#000;
	text-align:center;
	}
	footer > p > a{
	color:#000;
	font-weight:bold;
	transition:0.4s;
	}
		footer > p > a:hover{
		color:#000;
		font-weight:bold;
		transition:0.4s;
		font-size:20px;
		}