body {
	margin: 0px auto;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(grafika/piksel.jpg);
	text-align: center;
}

#calosc {
	width: 780px;
	height: auto;
	padding: 0px;
	margin: 0px auto;
	margin-top: 2px;
}

img {
	border: none;
}

h1 {
	color: #580a0a;
	font-weight: bold;
	font-size: 13px;
	padding: 10px 0px 2px 0px; 
	margin: 0px;
}
h1 a{
	text-decoration: none;
	color: #580a0a;
	margin-left: 60px;
	margin-top: 120px;
	font-size: 18px;
}

h1 a:hover{
	color: #f4e0b0;
}
#grupa{
	text-align: center;
}
#grupa-grafika1{
	position: absolute;
	left: 640px;
	top:280px;
}
#grupa-grafika2{
	position: absolute;
	left: 640px;
	top: 400px;
}
p.opis {
	font-size: 11px;
	line-height: 15px;
	padding: 8px 0px 4px 0px; 
	margin: 0px;
}

a.link_w_tekscie {
	text-decoration: underline;
	color: #580a0a;
	font-weight: bold;
	font-size: 11px;
}

a.link_w_tekscie:hover {
	text-decoration: underline;
	color: #f4e0b0;
	font-weight: bold;
	font-size: 11px;
}

span.pogrubienie {
	font-weight: bold;
	color: #580a0a;
	font-size: 11px;
}

span.kursywa {
	font-style: italic;
}

/* dla stony głównej */

#gora {
	width: 780px;
	height: 188px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	float: left;
}

#menu {
	width: 780px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	float: left;
}

#menu_strona_glowna {
	width: 209px;
	height: 24px;
	padding: 8px 0px 0px 20px;
	margin: 0px;
	text-align: left;
	float: left;
	background-color: #580a0a;
}

a.keystone {
	text-decoration: none;
	color: #fcf5d6;
	font-weight: bold;
	font-size: 13px;
}

a.keystone:hover {
	color: #f4e0b0;
}

#menu_zegar {
	width: 249px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	float: left;
	background-image: url(grafika/2.jpg);
}

#menu_inne {
	width: 302px;
	height: 24px;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	text-align: justify;
	float: right;
	background-color: #580a0a;
}

#menug, #p_menug ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
	float: left;
	width: 302px;
}

#menug li {
	float: right;
	padding: 0px 20px 0px 0px;
}

#menug a {
	display: block;
	text-decoration: none;
	color: #fcf5d6;
	font-weight: bold;
	font-size: 13px;
}

#menug a:hover {
	color: #f4e0b0;
}

#zegar {
	width: 780px;
	height: 156px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	float: left;
	background-image: url(grafika/4.jpg);
}

/* --------------------------*/

#naglowek {
	width: 780px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: left;
}

/* --------------------------*/

#kim_jestesmy {
	width: 680px;
	height: 87px;
	padding: 0px 50px 0px 50px;
	margin: 0px 0px 25px 0px;
	text-align: justify;
	float: left;
	line-height: 18px;

}

#kim_jestesmy p {
	font-size: 12px;
	line-height: 18px;
	padding: 6px 0px 0px 0px; 
	margin: 0px;
}

/* --------------------------*/

#zawartosc {
	width: 780px;
	height: 515px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: justify;
	float: left;
}

#produkty {
	width: 185px;
	height: 515px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	background-image: url(grafika/produkty.jpg);
}

#produkty_menu {
	width: 185px;
	height: auto;
	padding: 5px 0px 0px 0px;
	margin: 0px;
	text-align: left;
}

#produkty_link {
	width: 185px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	float: left;
}

#produkty_linia {
	width: 185px;
	height: 1px;
	padding: 0px 0px 0px 0px;
	margin: 7px 0px 7px 0px;
	text-align: left;
	float: left;
	font-size: 1px;
}

a.prod {
	text-decoration: none;
	color: #580a0a;
	font-weight: bold;
	font-size: 10px;
}
a.prod-kbpo {
	text-decoration: none;
	color: #580a0a;
	font-weight: bold;
	font-size: 16px;
}
a.prod:hover{
	text-decoration: none;
	color: #dfc398;
	font-weight: bold;
	font-size: 10px;
}
a.prod-kbpo:hover {
	text-decoration: none;
	color: #dfc398;
	font-weight: bold;
	font-size: 16px;
}
#opisy {
	width: 550px;
	height: 515px;
	padding: 0px 20px 0px 10px;
	margin: 0px 0px 0px 0px;
	text-align: justify;
	float: right;
	background-image: url(grafika/opis.jpg);
}

#stopka {
	width: 780px;
	height: 19px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-align: justify;
	float: left;
	background-image: url(grafika/stopka.jpg);
}

/* -----------------------  PODSTRONY  - produkty ---*/

#p_calosc {
	width: 780px;
	height: auto;
	padding: 0px;
	margin: 0px auto;
	margin-top: 2px;
}

#p_gora {
	width: 780px;
	height: 199px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	float: left;
}

#p_menu {
	width: 780px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	float: left;
}

#p_menu_keystone {
	width: 121px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	float: left;
	background-image: url(grafika/p_1.jpg);
}

a.p_keystone {
	text-decoration: none;
	color: #fcf5d6;
	font-weight: bold;
	font-size: 11px;
	line-height: 24px;
}

a.p_keystone:hover {
	color: #f4e0b0;
}

#p_menu_fili {
	width: 473px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	float: left;
	background-image: url(grafika/p_2.jpg);
}


/* menu górne - prawa strona */

#p_menu_inne {
	width: 186px;
	height: 24px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	float: right;
	background-image: url(grafika/p_3.jpg);
}

#p_menug, #p_menug ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style: none;
	float: left;
	width: 186px;
}

#p_menug li {
	float: right;
	padding: 0px 15px 0px 0px;
}

#p_menug a {
	display: block;
	text-decoration: none;
	color: #fcf5d6;
	font-weight: bold;
	font-size: 11px;
	line-height: 24px;
}

#p_menug a:hover {
	color: #f4e0b0;
}

#p_wizytowka {
	width: 780px;
	height: 175px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	float: left;
	background-image: url(grafika/p_4.jpg);
}

#p_pasek_2 {
	width: 780px;
	height: 12px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	text-align: justify;
	float: left;
	background-color: #580a0a;
}

#p_zawartosc {
	width: 780px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	text-align: justify;
	float: left;
}

/* menu - produkty */

#p_produkty {
	width: 200px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	float: left;
}

#p_produkty_menu {
	width: 185px;
	height: 375px;
	padding: 0px 0px 0px 15px;
	margin: 10px 0px 0px 0px;
	text-align: left;
	float: left;
	background-image: url(grafika/p_produkty.jpg);
}

#p_produkty_link {
	width: 185px;
	height: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	float: left;
}

#p_produkty_linia {
	width: 185px;
	height: 1px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 0px;
	text-align: left;
	float: left;
	font-size: 1px;
}

/* znacznik a taki sam ja na głównej */

#produkty_linia_podwojna {
	width: 185px;
	height: 6px;
	padding: 0px 0px 0px 0px; 
	margin: 10px 0px 0px 0px;
	text-align: left;
	float: left;
	font-size: 1px;
}

#produkty_logo {
	width: 200px;
	height: 70px;
	padding: 0px 0px 0px 0px; 
	margin: 30px 0px 10px 0px;
	text-align: left;
	float: left;
	background-image: url(grafika/p_logo.jpg);
}
/* logo na podstronie KBPO */
#produkty_logo_kbpo {
	width: 161px;
	height: 70px;
	padding: 0px 0px 0px 0px; 
	margin: 20px 0px 10px 20px;
	text-align: left;
	float: left;
	background-image: url(grafika/kbpo_logo_produkty.jpg);
}
/* część z opsami produktów     */ 

#p_teksty { /* warstwa zbierająca prawą stronę   */ 
	width: 580px;
	height: auto;
	padding: 0px;
	margin: 0px;
	float: right;
}

#p_naglowek {
	width: 580px;
	height: 30px;
	padding: 0px;
	margin: 0px;
	text-align: left;
	float: right;
	text-indent: 60px;
	background-image: url(grafika/p_naglowek_tlo.jpg); 
}

#p_opisy {
	width: 550px;
	height: auto;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 10px 0px;
	text-align: justify;
	float: right;
	background-image: url(grafika/piksel.jpg);
}



ul.strzalki {
	list-style-image: url(grafika/strzalka.jpg);
	font-size: 11px;
	line-height: 15px;
	padding-top: 0px;
	padding-bottom: 0px;

}

ul.punkty {
	list-style-type: decimal;
	line-height: 15px;
	font-size: 11px;
	padding-top: 0px;
	}

li {
	padding-bottom: 6px;
}

li.punkty_brazowe {
	color: #580a0a;
}

ul.literki {
	list-style-type: lower-alpha;
	line-height: 15px;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
}

ul {
	list-style-type: square;
	line-height: 15px;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#p_stopka {
	width: 780px;
	height: 19px;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	text-align: justify;
	float: left;
	background-color: #580a0a;
}


/* KONTAKT    */ 

#p_opisy_kontakt {
	width: 550px;
	height: auto;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 20px 0px;
	text-align: center;
	float: right;
	background-image: url(grafika/piksel.jpg);
}

p.kontaktowe {
	line-height: 24px;
	font-size: 15px;
}

span.firma {
	font-size: 18px;
	font-weight: bold;
	color: #580a0a;
}

a.mail {
		font-size: 14px;
	font-weight: bold;
	color: #580a0a;
}

a.mail:hover {
	color: #debf88;
}


/* O NAS   */ 

.p_naglowek_o_nas { /* grafika jest na stronie   */ 
	width: 580px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	text-align: justify;
	float: right;
}

#o_nas {
	width: 550px;
	height: auto;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 20px 0px;
	text-align: justify;
	float: right;
	background-image: url(grafika/piksel.jpg);
}


span.hasla {
	font-weight: bold;
	color: #580a0a;
	letter-spacing: 1px;
	font-size: 11px;
}