@charset "utf-8";
body {
	margin:auto;
	margin-top: 40px;
	background-color: #000000;
	margin-bottom: 5px;
	}
.tlo {
	background-image: url(img/tlo2.jpg);
	width: 820px;
	height: 750px;
	margin: auto;
	}
.linia, .linia1, .linia2, .linia3, .linia4 {
	width:800px;
	background-image: url(img/kropka.jpg);
	top: 170px;
	left: 10px;
	height: 1px;
	position: relative;
	}
.linia1 {
	top:410px;
	position:absolute;
	left: 0px;
	}
.linia2 {
	top:532px;
	position:absolute;
	left:0px;
	}
.linia4 {
	top:406px;
	position:absolute;
	left:0px;
	}
.linia3 {
	position:absolute;
	top:13px;
	left:342px;
	width:1px;
	height:380px;
	background-image: url(img/kropka.jpg);
	}
.logo {
	background-image:url(img/logo.jpg);
	width: 802px;
	height: 156px;
	margin: auto;
	z-index: 2;
	}
.button, .button1, .button2, .button3, #button a, #button1 a, #button2 a, #button3 a, .buttonen, #buttonen a, .buttonen1, #buttonen1 a, .buttonen2, #buttonen2 a, .buttonen3, #buttonen3 a, .buttonfr, #buttonfr a, .buttonfr1, #buttonfr1 a, .buttonfr2, #buttonfr2 a, .buttonfr3, #buttonfr3 a, .buttonde, #buttonde a, .buttonde1, #buttonde1 a, .buttonde2, #buttonde2 a, .buttonde3, #buttonde3 a {
	position:absolute;
	left:291px;
	top:-39px;
	width:140px;
	height:30px;
	z-index: 3;
	background-image: url(img/przy_1.png);
	}
#button a {
	background-image:url(img/przy.png);
	}
.buttonen {
	background-image:url(img/przyEN_1.png);
	}
#buttonen a {
	background-image:url(img/przyEN.png);
	}
#buttonen a:hover {
	background-image:url(img/przyEN_1.png);
	}
.buttonfr {
	background-image:url(img/przyFR_1.png);
	}
#buttonfr a {
	background-image:url(img/przyFR.png);
	}
#buttonfr a:hover {
	background-image:url(img/przyFR_1.png);
	}
.buttonde {
	background-image:url(img/przyDE_1.png);
	}
#buttonde a {
	background-image:url(img/przyDE.png);
	}
#buttonde a:hover {
	background-image:url(img/przyDE_1.png);
	}
.button1, #button1 a {
	left:415px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przy1.png);
	}
.buttonen1, #buttonen1 a {
	left:415px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przyEN1.png);
	}
.buttonfr1, #buttonfr1 a {
	left:415px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przyFR1.png);
	}
.buttonde1, #buttonde1 a {
	left:415px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przyDE1.png);
	}
.button1 {
	background-image:url(img/przy1_1.png);
	}
.buttonen1 {
	background-image:url(img/przyEN1_1.png);
	}
.buttonfr1 {
	background-image:url(img/przyFR1_1.png);
	}
.buttonde1 {
	background-image:url(img/przyDE1_1.png);
	}
#button a:hover {
	background-image:url(img/przy_1.png);
	}
#button1 a:hover {
	background-image:url(img/przy1_1.png);
	}
#buttonen1 a:hover {
	background-image:url(img/przyEN1_1.png);
	}
#buttonfr1 a:hover {
	background-image:url(img/przyFR1_1.png);
	}
#buttonde1 a:hover {
	background-image:url(img/przyDE1_1.png);
	}
#button2 a:hover {
	background-image:url(img/przy2_1.png);
	}
#buttonen2 a:hover {
	background-image:url(img/przyEN2_1.png);
	}
#buttonfr2 a:hover {
	background-image:url(img/przyFR2_1.png);
	}
#buttonde2 a:hover {
	background-image:url(img/przyDE2_1.png);
	}
#button3 a:hover {
	background-image:url(img/przy3_1.png);
	}
#buttonen3 a:hover {
	background-image:url(img/przyEN3_1.png);
	}
#buttonfr3 a:hover {
	background-image:url(img/przyFR3_1.png);
	}
#buttonde3 a:hover {
	background-image:url(img/przyDE3_1.png);
	}
.button2, #button2 a {
	left:539px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przy2.png);
	}
.buttonen2, #buttonen2 a {
	left:539px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przyEN2.png);
	}
.buttonfr2, #buttonfr2 a {
	left:539px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przyFR2.png);
	}
.buttonde2, #buttonde2 a {
	left:539px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przyDE2.png);
	}
.button2 {
	background-image:url(img/przy2_1.png);
	}
.buttonen2 {
	background-image:url(img/przyEN2_1.png);
	}
.buttonfr2 {
	background-image:url(img/przyFR2_1.png);
	}
.buttonde2 {
	background-image:url(img/przyDE2_1.png);
	}
.button3, #button3 a {
	left:663px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przy3.png);
	}
.buttonen3, #buttonen3 a {
	left:663px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przyEN3.png);
	}
.buttonfr3, #buttonfr3 a {
	left:663px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przyFR3.png);
	}
.buttonde3, #buttonde3 a {
	left:663px;
	top: -39px;
	color: #FFFFFF;
	background-image: url(img/przyDE3.png);
	}
.button3 {
	background-image:url(img/przy3_1.png);
	}
.buttonen3 {
	background-image:url(img/przyEN3_1.png);
	}
.buttonfr3 {
	background-image:url(img/przyFR3_1.png);
	}
.buttonde3 {
	background-image:url(img/przyDE3_1.png);
	}
.tekst, .tekstprodukt, .tekstjakosc, .tekstkontakt {
	position:absolute;
	left:40px;
	top:16px;
	width: 720px;
	color: #FFFFFF;
	height: 151px;
	font-family: "Trebuchet MS", "Times New Roman", Arial;
	line-height: 145%;
	font-size: 90%;
	text-align: justify;
	z-index: 2;
	}
.tekstprodukt {
	top:85px;
	height:440px;
	}
.tekstjakosc {
	top:45px;
	width: 719px;
	text-indent: 17px;
	display: inline;
	}
.tekstkontakt {
	left:10px;
	top:16px;
	height: 30px;
	line-height: 30px;
	font-size: 90%;
	text-decoration: none;
	font-weight: bold;
	width: 313px;
	letter-spacing: 0.15em;
	text-align: center;
	color: #CCCCCC;
	}
.srodek {
	position:absolute;
	top:160px;
	left:500px;
	background-image:url(img/index_img.jpg);
	width: 252px;
	height: 202px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center center;
	}
.fotojakosc {
	position:absolute;
	top:24px;
	left:451px;
	background-image:url(img/jakosc_img.jpg);
	width:375px;
	height: 281px;
	background-repeat: no-repeat;
	background-position: center center;
	}
.fotopasek a {
	position:absolute;
	top:420px;
	left:-1px;
	width:802px;
	height:102px;
	background-image:url(img/pasek.jpg);
	background-repeat:no-repeat;
	}
.banerkrd a {
	position:absolute;
	top:590px;
	left:37px;
	width:802px;
	height:102px;
	background-image:url(img/baner_krd.png);
	background-repeat:no-repeat;
	}
.footer {
	position:absolute;
	top:552px;
	left:0px;
	width:800px;
	text-align:center;
	color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif, Garamond;
	font-size: 60%;
	}
.link a {
	text-decoration:none;
	color: #CCCCCC;
	}
.link a:hover {
	color:#FFFFFF;
	}
.produktsrodek, .produktsrodek1, .produktsrodek2 {
	background-image:url(img/produkty_img1.jpg);
	width:252px;
	height:190px;
	left:362px;
	top:20px;
	position: absolute;
	}
.produktsrodek1 {
	top:162px;
	left:505px;
	background-image:url(img/produkty_img2.jpg);
	z-index: 2;
	}
.produktsrodek2 {
	top:320px;
	left:444px;
	background-image:url(img/produkty_img3.jpg);
	}
.formularz {
	position:absolute;
	top:30px;
	left:360px;
	width:440px;
	height: 300px;
	font-size: 80%;
	line-height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.wyslij, .wyczysc  {
	position:absolute;
	left:115px;
	top:280px;
	width: 130px;
	}
.wyczysc {
	left:265px
	}
.pole, .pytanie, .wybor {
	position:absolute;
	left:105px;
	width:300px;
	}
.wybor {
	width:305px
	}
.pytanie {
	height:140px;
	left: 105px;
	}
.gwizdka {
	top:335px;
	left: 0px;
	width: 300px;
	font-size: 80%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	color: #CCCCCC;
	position: absolute;
	}
.label {
	position:absolute;
	left:0px;
	text-align:right;
	width:100px;
	height:22px;
	line-height:22px;
	color: #FFFFFF;
	}
.komunikat {
	position:absolute;
	width:250px;
	top:0px;
	left: 0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	text-decoration: none;
	color:#CCCCCC;
	z-index: 3;
	}
.wyliczenie {
	list-style:none;
	}
.kluczowe {
	position:absolute;
	text-align:left;
	color:#4D4D4D;
	width:650px;
	left:10px;
	top:-210px;
	letter-spacing: 0.15em;
	font-size: 90%;
	height: 38px;
	line-height: 40px;
	}
.anglia a, .francja a, .niemcy a, .polskaen a, .polskade a, .polskafr a {
	position:absolute;
	top:10px;
	left: 660px;
	background-image: url(img/anglia.jpg);
	height: 20px;
	width: 30px;
	border: 1px solid #FFFFFF;
	}
.anglia a:hover, .francja a:hover, .niemcy a:hover, polska a:hover, polskade a:hover, .polskafr a:hover {
	border: 1px solid #FFFFFF;
	}
.niemcy a {
	left:700px;
	background-image: url(img/niemcy.jpg);
	}
.francja a {
	left:740px;
	background-image: url(img/francja.jpg);
	}
.polskaen a {
	background-image: url(img/polska.jpg);
	}
.polskade a {
	background-image: url(img/polska.jpg);
	left:700px;
	}
.polskafr a {
	background-image: url(img/polska.jpg);
	left:740px;
	}
.mapa a {
	width: 300px;
	height: 160px;
	background-image: url(img/mapa.jpg);
	position: absolute;
	border: 2px solid #FFFFFF;
	left: 5px;
	top: 208px;
	}
.mapa a:hover {
	width: 300px;
	height: 160px;
	background-image: url(img/mapa.jpg);
	position: absolute;
	}