@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #000;
	padding: 0px;
}

/* ~~ Selektory elementów i znaczników ~~ */
ul, ol, dl { /* Ze względu na różnice w zachowaniu przeglądarek, dobrą praktyką jest używanie marginesów i odstępów wewnętrznych o zerowej szerokości dla elementów typu lista. Aby ułatwić sobie zachowanie spójności, można określić pożądane wartości albo tutaj, albo w parametrach elementów listy (LI, DT, DD). Pamiętaj, że wszelkie wprowadzone tu wartości zostaną przeniesione kaskadowo na listy klasy .nav, chyba że utworzysz bardziej wyspecjalizowany selektor. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	padding-right: 20px;
	padding-left: 20px;
}
a img { /* Ten selektor usuwa domyślną, niebieską ramkę, wyświetlaną przez niektóre przeglądarki wokół obrazków otoczonych łączem. */
	border: none;
}

/* ~~ Ostylowanie łączy serwisu musi być definiowane w podanej tu kolejności. Dotyczy to również grupy selektorów odpowiedzialnych za efekt „hover” (zmianę wyglądu łącza po umieszczeniu nad nim kursora) ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* Jeśli nie zamierzasz tworzyć łączy o wyjątkowo nietypowym wyglądzie, najlepiej zachować wyróżnienie graficzne w postaci podkreślenia, które pozwala na szybkie zidentyfikowanie łącza. */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* Ta grupa selektorów jest odpowiedzialna za stworzenie efektu „hover” przy nawigacji za pomocą klawiatury, identycznego z efektem uzyskiwanym przez użytkownika korzystającego z myszy. */
	text-decoration: none;
}

/* ~~ Ten kontener o stałej szerokości otacza pozostałe bloki DIV ~~ */
.container {
	width: 960px;
	background: #FFF;
	margin: 0 auto; /* Wartość „auto” dla marginesów bocznych wraz z podaną wartością szerokości zapewnia wyśrodkowanie układu. */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

/* ~~ Nagłówek nie ma określonej szerokości. Rozciągnie się na pełną szerokość układu. Zawiera zastępczy obraz, który trzeba zastąpić łączem do własnego logo. ~~ */
.header {
	background-image: url(obrazy/headerbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 58px;
	padding-top: 29px;
	padding-left: 55px;
}

/* ~~ Kolumny układu ~~ 

1) Odstępy wewnętrzne (właściwość „padding”) dodaje się tylko na górze i/lub na dole bloków DIV. Elementy wewnątrz tych bloków DIV mają odstępy wewnętrzne po bokach. Pozwala to uniknąć konieczności skomplikowanego obliczania położenia w modelu blokowym. Należy pamiętać, że jeśli zdefiniujesz odstępy wewnętrzne lub krawędzie po bokach dla bloku DIV, to zostaną one dodane do zdefiniowanej szerokości bloku. Dlatego ostateczna szerokość całego bloku będzie inna. Możesz również usunąć odstępy wewnętrzne z elementu zawartego w bloku DIV i umieścić go w kolejnym bloku DIV bez zdefiniowanej szerokości, ale z podanymi odstępami wewnętrznymi.

2) Dla kolumn nie zdefiniowano marginesu, ponieważ wszystkie są pływające. Jeśli musisz dodać margines, unikaj umieszczania go po tej stronie, do której przylega pływająca kolumna (np. prawego marginesu dla bloku DIV z deklaracją „float:right”). Często zamiast marginesów można wykorzystać odstępy wewnętrzne. Dla bloków DIV, w których trzeba zrezygnować z tej zasady, należy zdefiniować deklarację „display:inline”. Pozwala to uniknąć błędu niektórych wersji przeglądarki Internet Explorer, skutkującego podwojeniem marginesów.

3) Kolumnom przypisano nazwy klas, a nie identyfikatory, ponieważ klasę można zastosować wiele razy w obrębie jednego dokumentu (a każdy element może mieć wiele klas). Można np. zestawić dwa bloki DIV tworzące pasek boczny. Jeśli wolisz, możesz łatwo zamienić klasy na identyfikatory, pamiętając jednak, że identyfikatorów można użyć tylko jeden raz w obrębie danego dokumentu.

4) Jeśli wolisz umieścić pasek nawigacyjny po prawej stronie, zamiast po lewej, zmień po prostu wartość właściwości „float” na przeciwną (podając we wszystkich deklaracjach „float:right” zamiast „float:left”). Wówczas bloki same ułożą się w odwrotnej kolejności. Nie ma potrzeby przestawiania elementów DIV w kodzie HTML.

*/
/* ~~ Kolumny układu 2 o równej szerokości ~~ */
.sidebar1 {
	float: left;
	width: 480px;
	padding-bottom: 10px;
	padding-top: 18px;
}
.content {
	width: 480px;
	float: left;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
/* ~~ Kolumny układu 2 lewa wąska, prawa szeroka ~~ */
.sidebar2 {
	float: left;
	width: 190px;
	padding-bottom: 20px;
}
.content2 {
	width: 750px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-left: 20px;
}
/* ~~ Kolumny układu lewa szeroka prawa wąska ~~ */
.sidebar3 {
	float: left;
	width: 760px;
}
.content3 {
	float: left;
	width: 200px;
	margin: 0px;
}
/* ~~ Ten selektor grupowy obsługuje listy w bloku .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* Ten odstęp wewnętrzny jest odzwierciedleniem odstępu wewnętrznego z prawej, zdefiniowanego wcześniej w regule dla nagłówków i akapitów. Odstęp wewnętrzny na dole zapewnia odpowiednie odległości od innych elementów listy. Odstęp wewnętrzny z lewej tworzy wcięcie. Wartości te można swobodnie dostosowywać. */
}

/* ~~ Style listy nawigacyjnej (można je usunąć, jeśli wybierzesz gotowe rozwijane menu, takie jak obiekt Spry) */
/* ~~ Style listy nawigacyjnej Poziomej */
.nav {
	background-image: url(obrazy/menubg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #2B2B2B;
	border-bottom-color: #2B2B2B;
	border-left-color: #2B2B2B;
	height: 29px;
}
ul.nav {
	list-style: none;
}
ul.nav li {

}
ul.nav a, ul.nav a:visited { /* Zgrupowanie tych selektorów gwarantuje, że łącza zachowają wygląd przycisku także po odwiedzeniu. */
	display: block; /* Powoduje, że łącze ma właściwość bloku, dzięki czemu wypełnia cały element LI, w którym się zawiera. W ten sposób cały obszar reaguje na kliknięcie myszą. */
	width: 120px;  /*Podanie tej szerokości powoduje, że w przeglądarce IE6 cały przycisk będzie reagować na kliknięcie. Jeśli nie musisz zapewniać obsługi programu IE6, możesz usunąć tę deklarację. Oblicz odpowiednią szerokość, odejmując odstęp wewnętrzny łącza od szerokości kontenera paska bocznego. */
	text-decoration: none;
	background-image: url(obrazy/but.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 19px;
	font-size: small;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Zmienia kolor tła i tekstu przy nawigacji myszą i klawiaturą. */
	color: #F6F6F6;
	background-image: url(obrazy/but_black.gif);
/* ~~ Style listy nawigacyjnej Pionowej */
}
ul.nav1 {
	list-style: none; /* Tworzy górną krawędź łączy — wszystkie pozostałe są umieszczane z dolną krawędzią elementu LI. */
	margin-bottom: 15px; /* Tworzy odstęp między polem nawigacyjnym a zawartością poniżej. */
}
ul.nav1 li {
	border-bottom: 1px solid #666; /* Tworzy linie rozdzielające przyciski. */
}
ul.nav1 a, ul.nav1 a:visited { /* Zgrupowanie tych selektorów gwarantuje, że łącza zachowają wygląd przycisku także po odwiedzeniu. */
	display: block; /* Powoduje, że łącze ma właściwość bloku, dzięki czemu wypełnia cały element LI, w którym się zawiera. W ten sposób cały obszar reaguje na kliknięcie myszą. */
	width: 150px;  /*Podanie tej szerokości powoduje, że w przeglądarce IE6 cały przycisk będzie reagować na kliknięcie. Jeśli nie musisz zapewniać obsługi programu IE6, możesz usunąć tę deklarację. Oblicz odpowiednią szerokość, odejmując odstęp wewnętrzny łącza od szerokości kontenera paska bocznego. */
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
	background-image: url(obrazy/caps_white.gif);
	color: #666;
	background-color: #E7E7E7;
	height: 16px;
}
ul.nav1 a:hover, ul.nav1 a:active, ul.nav1 a:focus { /* Zmienia kolor tła i tekstu przy nawigacji myszą i klawiaturą. */
	background: #ADB96E;
	color: #FFF;
}
/* ~~ Stopka ~~ */
.footer {
	padding: 10px 0;
	position: relative;/* Włącza właściwość hasLayout dla programu IE6, zapewniając prawidłowe wyłączanie opływu. */
	clear: both;
	line-height: 18px;
	color: #D7E1C9;
	background-image: url(obrazy/footerbg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFF;
}

/* ~~ Różne klasy float/clear ~~ */
.fltrt {  /* Ta klasa umożliwia tworzenie elementów pływających z prawej strony (właściwość „float:right”). Element pływający musi poprzedzać w kodzie element, obok którego ma się znajdować na stronie. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Ta klasa umożliwia tworzenie elementów pływających z lewej strony (właściwość „float:left”). Element pływający musi poprzedzać w kodzie element, obok którego ma się znajdować na stronie. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Tę klasę można wykorzystać w znaczniku <br /> lub pustym bloku DIV, który stanowi ostatni element za ostatnim pływającym blokiem DIV (wewnątrz bloku o identyfikatorze #container), jeśli usunięto blok #footer lub przeniesiono go poza blok #container. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ~~ Style nagłówka */
.header img {
	float: left;
}
#small {
	display: inline;
	float: right;
	padding-top: 7px;
	padding-right: 109px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#small a {
	display: block;
	float: left;
	padding-left: 11px;
}

.belowheader {
}
.belowheader img {
	float: left;
}
#slogan {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FDFFFA;
	background-image: url(obrazy/slogan.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 198px;
	width: 480px;
	float: left;
}
#slogan p, #slogan h1, #slogan h2, #slogan h3 {
	padding-top: 80px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 45px;
	text-align: justify;
	margin-right: 100px;
	margin-top: 20px;
}
#sekcjaobr {
	clear: both;
}
.footer a {
	color: #D7E1C9;
	text-decoration: none;
}
.footer a:visited {
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.footer .mb{
color:#78B624;
text-decoration:none;
margin:0 2px
}
.footer .mb:visited{
text-decoration:none
	}
.footer .mb:hover{
text-decoration:underline
}
.tytuly {
	padding-left: 20px;
	padding-top: 17px;
}

.sidebar1 p img {
	float: left;
	padding-right: 25px;
	display: inherit;
	padding-bottom: 25px;
}
#special {
	background-color: #D7E1C9;
	padding-bottom: 40px;
}
#special p {
	display: block;
	padding-left: 140px;
	margin-top: -20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#pan-roz1 {
	padding-right: 20px;
	padding-left: 140px;
	margin-bottom: 20px;
}
#pan-roz1 p {
	margin: 0px;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
}

.offer {
}
#pan-roz2 {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}
#pan-roz2 p {
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 0px;
	margin: 0px;
	padding-bottom: 5px;
}
.formularz-opisy {
	padding-left: 20px;
}
.formularz_pola {
	width: 400px;
	padding-left: 5px;
}
.content a {
	color: #FFF;
	text-decoration: none;
	background-color: #678E33;
	display: block;
	margin-left: 140px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
}
#pan-roz3 {
	padding-left: 20px;
	margin-top: -10px;
	margin-bottom: 3px;
}
#pan-roz3 p {
	font-size: 9px;
	color: #F00;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-top: 5px;
	margin: 0px;
}
#pan-zak1 {
	padding-left: 20px;
	clear: both;
}
#reprezentanci {
	background-color: #EEEEEE;
	padding-bottom: 30px;
	padding-right: 10px;
}
#reprezentanci ul {
	padding-left: 20px;
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: circle;
}
#reprezentanci ul li {
	font-weight: bold;
}
#reprezentanci ul li p {
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#role {
	padding-left: 15px;
}
#role ul {
	list-style-position: outside;
	list-style-type: circle;
	color: #666666;
}
#role p {
	margin-bottom: 10px;
	font-weight: bold;
	padding: 0px;
	margin-left: -10px;
	color: #333;
	text-decoration: underline;
}
.content2 h1 {
	font-weight: bolder;
	color: #999;
	text-decoration: underline;
}
.content2 h2, .content2 h3 {
	font-weight: bolder;
	color: #666;
}
.TabbedPanelsContent.TabbedPanelsContentVisible ul {
	padding-left: 20px;
	margin-bottom: 80px;
}
.TabbedPanelsContent.TabbedPanelsContentVisible ul li {
	padding-top: 10px;
}
#zajawka {
}
#zajawka a {
	color: #FFF;
	text-decoration: none;
	background-color: #678E33;
	display: inline;
	margin-left: 20px;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	width: auto;
}
#kolumna1 {
	float: left;
	width: 375px;
}
#kolumna2 {
	float: left;
	width: 375px;
}
#kolumna1 ul, #kolumna2 ul {
	margin-right: 5px;
	margin-left: 20px;
}
#role ul li {
	margin-bottom: 10px;
}
.subheader {
	background-image: url(obrazy/subheader.jpg);
	height: 74px;
}
.subheader h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	color: #666;
	font-size: xx-large;
	font-family: Verdana, Geneva, sans-serif;
}
#Lista {
}
#Lista ul {
	padding-left: 20px;
}
#reprezentanci h3 {
	margin: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #666;
}
.sidebar3 img {
	float: left;
	padding-left: 20px;
	margin-right: 20px;
	padding-top: 10px;
}
.content2 img {
	float: left;
	margin-right: 20px;
	padding-left: 20px;
	padding-top: 10px;
}
#referencje {
}
#referencje h1 {
	font-size: medium;
	text-decoration: none;
	color: #666;
}
#referencje h2 {
	font-size: 12px;
	color: #666;
	font-weight: bold;
	margin-top: 0px;
}
#referencje h3 {
	font-size: 11px;
	color: #666;
	margin-top: -10px;
}
#referencje p {
	font-size: 10px;
	font-style: italic;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}
#referencje ul {
	padding-left: 20px;
	font-style: italic;
	font-size: 10px;
	list-style-position: inside;
}
#zaufali {
	padding-left: 20px;
	padding-top: 20px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
#zaufali ul li {
	margin-top: 14px;
}