* {
    padding: 0;
    margin: 0;
}


html, body {
height: 100%;
min-height: 100%;
padding:0;
margin:0;
}



img {border-style: none;}


a:link {color: #000000; text-decoration: none;}
a:visited {color: #000000; text-decoration: none;}
a:active {color: #4179AC; font-weight: bold; text-decoration: none;}
a:focus {color: #4179AC; font-weight: bold; text-decoration: none;}
a:hover {color: #4179AC; font-weight: bold; text-decoration: none;}


.r a:link {color: #CE0000; font-weight: bold; text-decoration: underline;}
.r a:visited {color: #CE0000; font-weight: bold; text-decoration: underline;}
.r a:active {color: #CE0000; font-weight: bold; text-decoration: underline;}
.r a:focus {color: #CE0000; font-weight: bold; text-decoration: underline;}
.r a:hover {color: #CE0000; font-weight: bold; text-decoration: underline;}



ul {
 list-style-type: disc;
 text-align: left;

 }




#odstep { 
 width:1px;
 height:50%;
 margin-bottom:-329px;
 float:left;}


p { font-family: Tahoma, Verdana;
 font-size:13pt;
 letter-spacing:.0ex;
 line-height:2.5ex;
 color: #000000;
 text-align:center;}
 


p.adres { font-family: Tahoma, Verdana;
 font-size:11pt;
 letter-spacing:.0ex;
 line-height:1.2em;
 color: #000000;
 text-align:left;}


p.copy { font-family: Tahoma, Verdana;
 font-size:8pt;
 letter-spacing:.0ex;
 line-height:2.5ex;
 color: #000000;
 text-align:center;}


p.szybki { font-family: times new roman;
 font-size:18pt;
 font-weight: bold;
 letter-spacing:.0ex;
 line-height:1.5ex;
 color: #4f4f4f;
 text-align:center;}

p.druk { font-family: times new roman;
 font-size:24pt;
 font-weight: bold;
 letter-spacing:.0ex;
 line-height:1.5ex;
 color: #9E0000;
 text-align:center;}



#pole_gl { 
 position:absolute;
 top: 0px;
 left: 50%;
 width:660px;
 height:100%;
 min-height:100%;
 margin-left: -330px;}

.pole_gl { 
 position:absolute;
 top: 0px;
 left: 50%;
 width:660px;
 height:100%;
 min-height:100%;
 margin-left: -330px;
background-color: #ffffcc;
}



div.zolte {
	position:relative;
	top: 156px;
	left: 0px;
	width:660px;
	height2:100%;
        min-height2: 100%;
height2: 100%;
	background-color: #ffffcc;
}

div.stat {
	position:relative;
	top: 156px;
	left: 0px;
	width:660px;
	height:30px;
	background-color: #ffffcc;
}

div.zolte_poli { 
 position:absolute;
 top: 130px;
 left: 0px;
 width:100%;
 height:681px;
 background-color: #ffffcc;}


div.txt { 
 position:relative;
 top: 20px;
 left: 0px;
 width: 660px;
 height: 260px;
}


div.txtpoli { 
 position:absolute;
 top: 50px;
 left: 50%;
 width: 480px;
 height: 160px;
}


div.form { font-family: Tahoma, Verdana;
 font-size:11pt;
 position:relative;
 top: 0px;
 left: 0px;
 width:660px;
 height:250px;
}


div.tlo_gora { 
 position:absolute;
 top:0px;
 left:0px;
 width:660px;
 height:127px;
 background-image: url(grafika/tlo_gora.jpg);}


div.tlo_poli { 
 position:absolute;
 top:0px;
 left:0px;
 width:660px;
 height:130px;
 background-image: url(grafika/tlo_poli.jpg);
 background-repeat: no-repeat;}


div.menu {
	position:absolute;
 top: 127px;
 left: 50%;
 width:660px;
 height:29px;
 margin-left: -330px;
 background-color: #005AC6;
}


 .reklama {
	font-family: Tahoma, Verdana;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	color: #CC0000;
	text-decoration: underline;
	position: relative;
	left: 0px;
	top: 10px;
	height: 30px;
	width: 617px;
	text-align: right;
	margin-left2: 50%;
}
.ksiazka {
	position: relative;
	height: auto;
	width: 574px;
	top: 0px;
	margin-left: 50%;
	left: -287px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.ksiazka2 {
	position: absolute;
	height: 240px;
	width: 574px;
	top: 300px;
	margin-left: 50%;
	left: -287px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.ksiazka3 {
	position: absolute;
	height: 240px;
	width: 574px;
	top: 560px;
	margin-left: 50%;
	left: -287px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
	
.grafika {
	background-image: url(okladki/przeslanie.jpg);
	position: relative;
	height: 160px;
	width: 112px;
	left: 0px;
	top: 0px;
}

.grafika2 {
	background-image: url(okladki/ra.jpg);
	position: relative;
	height: 160px;
	width: 112px;
	left: 0px;
	top: 0px;
}

.grafika3 {
	background-image: url(okladki/ra.jpg);
	position: relative;
	height: 160px;
	width: 112px;
	left: 0px;
	top: 0px;
}

.tyt_aut {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	height: 70px;
	width: 430px;
	left: 0px;
	top: 20px;
	text-align: left;
	vertical-align: super;
}
.tyt_aut_rozw {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	position: relative;
	height: 35px;
	width: 574px;
	left: 0px;
	top: 0px;
	text-align: left;
	vertical-align: super;
}

.tyt_aut_art {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	position: absolute;
	height: 35px;
	width: 574px;
	left: 0px;
	top: 0px;
	text-align: left;
	vertical-align: super;
}

.tyt_aut_art2 {
	font-family: Tahoma, Verdana;
	font-size: 14px;
	position: absolute;
	height: 35px;
	width: 574px;
	left: 0px;
	top: 220px;
	text-align: left;
	vertical-align: super;
}

.opis {
	font-family: Times New Roman;
	font-size: 14px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
//	height: auto;
//	width: 430px;
//	left: 10px;
//	top: 50px;
	text-align: justify;
	vertical-align: super;
	padding-bottom2: 20px;
}

.opis_rozw {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	height: auto;
	width: 574px;
	left: 0px;
	top: 50px;
	text-align: justify;
	vertical-align: super;
	padding-bottom: 20px;
}

.art {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	position: absolute;
	height: auto;
	width: 574px;
	left: 0px;
	top: 50px;
	text-align: justify;
	vertical-align: super;
	padding-bottom: 20px;
}

.art2 {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	position: absolute;
	height: auto;
	width: 574px;
	left: 0px;
	top: 270px;
	text-align: justify;
	vertical-align: super;
	padding-bottom: 20px;
}


.cena {
	font-family: Tahoma, Verdana;
	font-size: 14px;
        font-weight:bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

	position: relative;
	height: 30px;
	width: 112px;
	left: 0px;
	top: 0px;
	text-align: right;
	vertical-align: super;
}

.wiecej {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	height: 20px;
	width: 80%;
	left: 0px;
	bottom: 6px;
	text-align: right;
	vertical-align: super;
	font-weight: bold;
}

.wiecej_art {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	height: 20px;
	width: 80%;
	left: 0px;
	bottom: 6px;
	text-align: right;
	vertical-align: super;
	font-weight: bold;
}


/*  STRZALKI  */


div.st_ost { 
 position: absolute;
 left: 550px;
 bottom: 10px;
 width:12px;
 height:13px;
 background-image: url(grafika/ostatni.png);}

div.st_pie { 
 position: relative;
 left: 50px;
 bottom: 10px;
 width:12px;
 height:13px;
 background-image: url(grafika/pierwszy.png);}

div.st_nas {
 position: absolute;
 left: 535px;
 bottom: 10px; 
 width:9px;
 height:13px;
 background-image: url(grafika/nastepny.png);}

div.st_pop { 
 position: absolute;
 left: 520px;
 bottom: 10px;
 width:9px;
 height:13px;
 background-image: url(grafika/poprzedni.png);}
 
 div.st_ost_n { 
 position: absolute;
 left: 550px;
 bottom: 10px;
 width:12px;
 height:13px;
 background-image: url(grafika/ostatni_n.png);}

div.st_pie_n { 
 position: absolute;
 left: 505px;
 bottom: 10px;
 width:12px;
 height:13px;
 background-image: url(grafika/pierwszy_n.png);}

div.st_nas_n {
 position: absolute;
 left: 535px;
 bottom: 10px; 
 width:9px;
 height:13px;
 background-image: url(grafika/nastepny_n.png);}

div.st_pop_n { 
 position: absolute;
 left: 520px;
 bottom: 10px;
 width:9px;
 height:13px;
 background-image: url(grafika/poprzedni_n.png);}





/*  KNEFLE  */




#ks_ez {   
 position:absolute;
 top:0px;
 left:25px;
 height:29px;
 width:167px;
 background-image:url(grafika/ks_ez.jpg);
 background-position: 0px -29px;
 background-repeat: no-repeat;}

#ks_ez:hover {
 background-image:url(grafika/ks_ez.jpg);
 background-position: 0px 0px;}

#ks_ez_a {   
 position:absolute;
 top:0px;
 left:25px;
 height:29px;
 width:167px;
 background-image:url(grafika/ks_ez_a.jpg);
 background-repeat: no-repeat;}



#ks_hi { 
 position:absolute;
 top:0px;
 left:200px;
 height:29px;
 width:167px;
 background-image:url(grafika/ks_hi.jpg);
 background-position: 0px -29px;
 background-repeat: no-repeat;}

#ks_hi:hover {
 background-image:url(grafika/ks_hi.jpg);
 background-position: 0px 0px;}

#ks_hi_a {   
 position:absolute;
 top:0px;
 left:200px;
 height:29px;
 width:167px;
 background-image:url(grafika/ks_hi_a.jpg);
 background-repeat: no-repeat;}




#prod { 
 position:absolute;
 top:0px;
 left:375px;
 height:29px;
 width:83px;
 background-image:url(grafika/prod.jpg);
 background-position: 0px -29px;
 background-repeat: no-repeat;}

#prod:hover {
 background-image:url(grafika/prod.jpg);
 background-position: 0px 0px;}

#prod_a { 
 position:absolute;
 top:0px;
 left:375px;
 height:29px;
 width:83px;
 background-image:url(grafika/prod_a.jpg);
 background-repeat: no-repeat;}



#arty { 
 position:absolute;
 top:0px;
 left:465px;
 height:29px;
 width:83px;
 background-image:url(grafika/arty.jpg);
 background-position: 0px -29px;
 background-repeat: no-repeat;}

#arty:hover {
 background-image:url(grafika/arty.jpg);
 background-position: 0px 0px;}

#arty_a { 
 position:absolute;
 top:0px;
 left:465px;
 height:29px;
 width:83px;
 background-image:url(grafika/arty_a.jpg);
 background-repeat: no-repeat;}



#kont { 
 position:absolute;
 top:0px;
 left:550px;
 height:29px;
 width:83px;
 background-image:url(grafika/kont.jpg);
 background-position: 0px -29px;
 background-repeat: no-repeat;}

#kont:hover {
 background-image:url(grafika/kont.jpg);
 background-position: 0px 0px;}

#kont_a { 
 position:absolute;
 top:0px;
 left:550px;
 height:29px;
 width:83px;
 background-image:url(grafika/kont_a.jpg);
 background-repeat: no-repeat;}


html, body {
  height: 100%;
  min-height: 100%;
}


body {
 background-color: #99CCFF;
 text-align:center;
height: 100%;	
  min-height: 100%;

}