body{
font-family: trebuchet MS,tahoma;
font-size:13px;
margin: 0px;
padding: 0px;
text-align: center;
}
#body{
margin: 0px;
padding: 0px;
text-align: left;
}
#bodym{
margin: 0 auto;
width: 1024px;
}
#top{
width: 1024px;
height: 491px;
background-image: url("../graphic/mainbg2a.jpg");
float: left;
}
#top3{
width: 1024px;
height: 491px;
background-image: url("../graphic/topkont.jpg");
background-repeat: repeat-x;
float: left;
}
#top2{
width: 1024px;
height: 68px;
background-image: url("../graphic/top2bg.jpg");
float: left;
}
#karta{
margin: 4px 0 0 4px;
width: 239px;
height: 487px;
background-image: url("../graphic/karta.jpg");
float: left;
}
#foottxt {
font-size: 10px;
padding: 10px 0 20px 0;
color: #9D9D9D;
} 
#karta2{
width: 236px;
height: 69px;
background-image: url("../graphic/logo2.jpg");
float: left;
margin-left: 7px;
}
#karta3{
width: 243px;
height: 69px;
background-image: url("../graphic/logo3.jpg");
background-repeat: no-repeat;
background-color: rgb(119,189,230);
float: left;
}
#tt{
width: 100%;
height: 400px;
bottom: 0;
clear: both;
z-index:100; 
float: left;
background-color: red;
}
#graf{
width: 1024px;
height: 160px;
background-image: url("../graphic/top3bg.jpg");
background-repeat:no-repeat;
float: left;
}

#real{
width: 924px;
margin: 0 auto;
padding: 10px 50px;
float:left;
background-image: url("../graphic/clouds.jpg");
background-repeat:no-repeat;
}
#topreal{
width:100%;
height: 0px;
}
.breal{
width:170px;
height: 150px;
margin: 25px 30px 25px 0;
border-right: 1px solid #cde5f1;
float: left;
}
.fotoreal{
width:150px;
height: 100px;
margin: 5px 10px;
background-color: black;
border: 1px solid #66acd3;
float: left;
}
#textarea{
width: 1024px;
min-height: 491px;
background-image: url("../graphic/clouds.jpg");
background-repeat:no-repeat;
float: left;
z-index:1;
clear: both;
}
.t{
width: 900px;
margin: 0px 30px;
float: left;

}
.t img{
margin: 8px 0 8px 30px;
}
.t p{
font-size: 14px;
color: rgb(141, 141, 141);
}
.t h2{
font-size: 1em;
}
#zkl{
margin: 25px 0;

}
#mapa{
margin-top: 4px;
width: 781px;
height: 30px;
float: left;
}
#mapa ul  {   
	/* border:2px solid red; */   /*  pokazuje kontener */
	float:right; /* sprawia, ¿e element ul otacza elementy li */
  margin: 5px;
  padding: 0;
	}
#mapa li  {   
	/* border:2px solid blue; */   /* pokazuje kontener */
	border-left:1px solid #72bbe6; /* a divider between the list items */
	list-style-type:none; /* usuwa punktory elementów listy */
	float:left; /* sprawia, ¿e elementy listy le¿± w jednej linii */
 	position:relative; /* pozycjonowanie tre¶ci zagnie¿d¿onej listy ul */
	}
#mapa li:first-child  {
	border-left:none; /*po lewej stronie pierwszego elementu nie jest potrzebna ¿adna linia oddzielaj±ca */
	}
#mapa a {
	display:block; /* sprawia, ¿e odno¶nik zape³nia element listy */
	padding:3px 20px ; /* odsuwa tekst od krawêdzi elementu */
	text-decoration:none;
  color: black;
  font-size: 10px;
	}
#mapa a:hover {
	color:#DED; /* zmienia kolor elementu po najechaniu na niego kursorem */
	background-color:rgb(71,135,186);/* zmienia kolor t³a elementu po najechaniu na niego kursorem */
	}
#menu{
width: 781px;
height: 34px;
float: left;
background-image: url("../graphic/menubg.jpg");
} 
#menu ul  {   
	/* border:2px solid red; */   /*  pokazuje kontener */
	float:left; /* sprawia, ¿e element ul otacza elementy li */
  margin: 0;
  padding: 0;
	}
#menu li  {   
	/* border:2px solid blue; */   /* pokazuje kontener */
	border-left:2px solid rgb(255,255,255); /* a divider between the list items */
	list-style-type:none; /* usuwa punktory elementów listy */
	float:left; /* sprawia, ¿e elementy listy le¿± w jednej linii */
 	position:relative; /* pozycjonowanie tre¶ci zagnie¿d¿onej listy ul */
	}
#menu li:first-child  {
	border-left:none; /*po lewej stronie pierwszego elementu nie jest potrzebna ¿adna linia oddzielaj±ca */
	}
#menu li:last-child a {
  padding-left: 16px;
  padding-right: 18px; /*po lewej stronie pierwszego elementu nie jest potrzebna ¿adna linia oddzielaj±ca */
	}
#menu a {
	display:block; /* sprawia, ¿e odno¶nik zape³nia element listy */
	padding:8px 14px ; /* odsuwa tekst od krawêdzi elementu */
	color: rgb(255,255,255);
	text-decoration:none;
  font-size: 12px;
	}
#menu a:hover {
	color:#DED; /* zmienia kolor elementu po najechaniu na niego kursorem */
	background-color:rgb(71,135,186);/* zmienia kolor t³a elementu po najechaniu na niego kursorem */
	}
#menu li ul {
	position:absolute; /* positions the drop-down relative the parent li positioning context */
	display:none; /* ukrywa menu wysuwane */
	width:170px; /* ustawia szeroko¶æ menu wysuwanego */
	left:-1px;
	}
#menu li:hover ul {
	display:block; /* pokazuje menu, kiedy znajdzie siê nad nim kursor */
	}
#menu li ul li {
	width:100%;  /* sprawia, ¿e ka¿dy element li ma tak± sam± szeroko¶æ jak zawieraj±cy go element ul */
  background-image: url("../graphic/menubg.jpg");
  border: none;
  border-top: 1px solid white;
	}
#shadow{
width: 1024px;
height: 31px;
margin: 0 auto;
float: left;
background-image: url("../graphic/shadow.jpg");
}
#main{
width: 1024px;
height: 240px;
margin: 0 auto;
float: left;
}
#coll{
width: 312px;
height: 190px;
margin: 0 40px;
float: left;
}
#aktua img{
float: right;
}
#aktua{
float: left;
width: 120px;
}
#aktu{
width: 180px;
height: 80px;
margin: 0 5px;
float: right;
}  
#aktu ul{
padding: 0 0 0 20px;
margin: 5px 0;
}
#aktu li{
padding-top: 2px;
font-size: 12px;
color: rgb(157,157,157);
}
#kontakt{
width: 312px;
height: 110px;
float: left;
}
#kontakttop{
width: 312px;
height: 50px;
background-color: rgb(218,231,240);
font-size: 10px;
color: rgb(157,157,157);
}
#kontakttop img{
margin-top: 4px;
float: left;
}
#kontaktbottom{
width: 308px;
height: 56px;
border-left: 4px solid rgb(218,231,240);
border-bottom: 4px solid rgb(218,231,240);
}
#kontaktbottom table{
width: 300px;
margin: 4px 5px;
font-size: 12px;
}
#colr{
width: 630px;
height: 190px;
float: left;
}
.prom{
width: 300px;
height: 150px;
margin-right: 15px;
float: left;
}
.prommenu{
width: 300px;
height: 20px;
float: left;
background-color: rgb(218,231,240);
}
.prombody{
width: 300px;
height: 130px;
float: left;
}
.prombody img{
margin: 0;
padding 0;
float: left;
}
#prombottom{
width: 622px;
height: 32px;
float: left;
border: 4px solid rgb(218,231,240);
}
.label{
width: 196px;
height: 32px;
float: left;
border-right: 1px solid rgb(225,225,225);
margin-left: 10px;
font-size: 10px;
color: rgb(141, 141, 141);
}
.label img{
float: left;
}
.labelp{
float: left;
margin-left: 4px;
}
.menu{
height: 16px;
float: left;
padding: 2px 10px;
font-size: 12px;
color: rgb(254, 254, 254);
background-image: url("../graphic/menu2bg.jpg");
font-weight: 600;
margin-right: 4px;
}
.menu a{
text-decoration:none;
color: rgb(254, 254, 254);
}
.text{
width: 130px;
height: 100px;
float: right;
font-size: 12px;
color: rgb(141, 141, 141);
margin: 15px auto;
}
#foot{
width: 1024px;
height: 83px;
margin: 0 auto;
float: left;
border-top: 2px solid rgb(228,228,228);
}
#footmain{
height: 83px;
margin: 0 auto;
}
#footmain img{
float: left;
}
#opis {
font-size: 10px;
color: rgb(141, 141, 141);
float: left;
}
#opis ul  {   
	/* border:2px solid red; */   /*  pokazuje kontener */
	float:right; /* sprawia, ¿e element ul otacza elementy li */
  margin: 5px;
  padding: 0;
	}
#opis li  {   
	/* border:2px solid blue; */   /* pokazuje kontener */
	border-left:1px solid #72bbe6; /* a divider between the list items */
	list-style-type:none; /* usuwa punktory elementów listy */
	float:left; /* sprawia, ¿e elementy listy le¿± w jednej linii */
 	position:relative; /* pozycjonowanie tre¶ci zagnie¿d¿onej listy ul */
	}
#opis li:first-child  {
	border-left:none; /*po lewej stronie pierwszego elementu nie jest potrzebna ¿adna linia oddzielaj±ca */
	}
#opis a {
	display:block; /* sprawia, ¿e odno¶nik zape³nia element listy */
	padding:3px 20px ; /* odsuwa tekst od krawêdzi elementu */
	text-decoration:none;
  color: black;
  font-size: 10px;
	}
#opis a:hover {
	color:#DED; /* zmienia kolor elementu po najechaniu na niego kursorem */
	background-color:rgb(71,135,186);/* zmienia kolor t³a elementu po najechaniu na niego kursorem */
	}
#a{
font-size: 10px;
color: rgb(141, 141, 141);  
float: left;
padding: 5px;
}
#kaont{
background-image: url("../graphic/konta.jpg");
background-color: rgb(174,174,174);
width: 774px;
height:424px;
margin-right: 7px;
float:right;
}
#shadow2{
background-image: url("../graphic/kontb.jpg");
width: 1024px;
height:79px;
float:right;
}
#kontaktb{
width:932px;
padding: 20px;
margin: 0px 27px 30px;
border: 1px solid #ededed;
border-top: 0px solid #ededed;
float: left;
font-family: Tahoma,Geneva,Kalimati,sans-serif;
}
#error h2{
color: red;
}
#ok h2{
color: green;
}
h1{
color: rgb(52, 126, 181);
font-size: 20px;
float: left;
margin-top: 0px;
}
h2{
font-size: 11px;
margin: 1px;
margin-left: 0px;
color: #347EB5;
}
a img{
border:none;
}
a{
text-decoration: none;
}