/*
* ZRESETOWANIE STYLOW PRZEGLADAREK
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}

fieldset, img {
	border: none;
}


/*
* POWSZECHNIE WYSTEPUJACE
*/

a {
 color: #a4a4a4;
 text-decoration: none;
}

a:hover,
a:focus,
a:active {
 text-decoration: underline;
}

p {
 margin: 0 0 15px;
 line-height: 1.4em;
 clear: both;
}

input.button,
input.submit {
 cursor: pointer;
}

h2 {
 clear: left;
 margin-bottom: 10px;
 font-size: 18px;
 font-weight: bold;
}

h3 {
 margin-bottom: 4px;
 font-size: 1.2em;
 font-weight: bold;
}

h4 {
 margin-bottom: 4px;
 font-size: 1em;
 font-weight: bold;
}

h5 {
 font-size: 1em;
 font-weight: bold;
 font-style: italic;
}

h6 {
 font-size: .85em;
 font-weight: bold;
 font-style: italic;
}

ul, ol {
 margin: 10px 30px;
}

#tresc img.ilustracja {
 display: block;
 padding: 1px;
 border: solid 1px #807c70;
}

#tresc .do-lewej {
 display: inline;
 margin-right: 12px;
 float: left;
}

#tresc .do-prawej {
 display: inline;
 margin-left: 12px;
 float: right;
}


/*
* ZOOMBOX
*/

a.zoombox {
 display: block;
 position: relative;
}

a.zoombox:focus,
a.zoombox:active {
 outline: none;
}

a.zoombox .ladowanie {
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 background: url('../img/icons/loading.gif') center center no-repeat;
}

#zoombox {
 padding: 5px;
 position: absolute;
 left: 0;
 top: 0;
 background: #fff;
 border: solid 1px #e1e1e1;
 z-index: 100;
}

#zoombox img {
 display: block;
 position: relative;
 z-index: 10;
 cursor: pointer;
}

#zoombox .opis {
 display: none;
 margin: 3px 2px -1px;
 color: #5e5e5e;
 text-align: right;
 font-size: .8em;
 font-weight: normal;
}

#zoombox .opis h2 {
 margin: 0;
 font-size: 11px;
 font-weight: bold;
}

#zoombox .opis p {
 margin: 0;
}

#zoombox .n {
 width: 100%;
 height: 12px;
 position: absolute;
 left: 0;
 top: -12px;
 background: url('../img/backgrounds/cien-ns.png') center top repeat-x;
}

#zoombox .s {
 width: 100%;
 height: 12px;
 position: absolute;
 left: 0;
 bottom: -12px;
 background: url('../img/backgrounds/cien-ns.png') center bottom repeat-x;
}

#zoombox .w {
 width: 12px;
 height: 100%;
 position: absolute;
 left: -12px;
 top: 0;
 background: url('../img/backgrounds/cien-we.png') left center repeat-y;
}

#zoombox .e {
 width: 12px;
 height: 100%;
 position: absolute;
 right: -12px;
 top: 0;
 background: url('../img/backgrounds/cien-we.png') right center repeat-y;
}

#zoombox .nw {
 width: 12px;
 height: 12px;
 position: absolute;
 left: -12px;
 top: -12px;
 background: url('../img/backgrounds/cien-narozniki.png') left top no-repeat;
}

#zoombox .ne {
 width: 12px;
 height: 12px;
 position: absolute;
 right: -12px;
 top: -12px;
 background: url('../img/backgrounds/cien-narozniki.png') right top no-repeat;
}

#zoombox .se {
 width: 12px;
 height: 12px;
 position: absolute;
 right: -12px;
 bottom: -12px;
 background: url('../img/backgrounds/cien-narozniki.png') right bottom no-repeat;
}

#zoombox .sw {
 width: 12px;
 height: 12px;
 position: absolute;
 left: -12px;
 bottom: -12px;
 background: url('../img/backgrounds/cien-narozniki.png') left bottom no-repeat;
}


/*
* NAGLOWEK
*/

#naglowek {
 width: 960px;
 padding: 30px 0 20px;
 margin: 0 auto;
 position: relative;
}

#naglowek:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

h1 {
 display: inline;
 width: 500px;
 line-height: 47px;
 float: left;
 position: relative;
 margin-left: 20px;
 font-size: 1.25em;
 font-weight: normal;
 font-family: Arial, sans-serif;
 text-transform: lowercase;
}

h1 a {
 text-decoration: none !important;
}

h1 strong {
 display: inline;
 padding-right: 20px;
 margin-right: 30px;
 float: left;
 border-right: solid 1px #d8d8d8;
 font-size: 1.2em;
 font-weight: bold;
}

h1 img {
 display: inline;
 float: left;
 padding: 1px 0 10px 0;
}

h1 small {
 display: inline;
 float: left;
 font-size: 1em;
}

#naglowek h2,
#naglowek h1 span {
	position: absolute !important;
	left: -2500px !important;
	width: 20px !important;
}

#naglowek #opcje {
 display: inline;
 width: 200px;
 height: 12px;
 line-height: 12px;
 padding: 21px 0 14px;
 margin: 0 10px 0 0;
 float: right;
 position: relative;
 list-style: none;
 text-align: right;
}

#naglowek #opcje li {
 display: inline;
 line-height: 12px;
 margin: 0 7px;
}


/*
* STOPKA
*/

#stopka {
 width: 960px;
 padding: 20px 0 20px;
 margin: 0 auto;
 position: relative;
 text-align: right;
 font-size: .95em;
}

#stopka h2 {
	position: absolute !important;
	left: -2500px !important;
	width: 20px !important;
}

#stopka ul {
 margin: 0 10px 7px;
 list-style: none;
}

#stopka ul li {
 display: inline;
 padding-left: 8px;
 margin-left: 4px;
 border-left: solid 1px #d8d8d8;
}

#stopka ul li:first-child {
 border-left: none;
}

#stopka #realizacja {
 margin-right: 10px;
}


/*
* LEWA KOLUMNA
*/

#menu {
 display: inline;
 width: 177px;
 padding: 25px 0 1px;
 margin: 0 0 0 20px;
 float: left;
 background: url('../img/backgrounds/separator.png') 0 bottom repeat-x;
 list-style: none;
 font-family: 'HelveticaLT Light', Arial, sans-serif;
 font-size: 1.2em;
}

#menu li {
 padding: 1px 0 0;
 background: url('../img/backgrounds/separator.png') 0 0 repeat-x;
}

#menu li a {
 display: block;
 padding: 12px 5px 12px 10px;
 background: url('../img/backgrounds/menu-aktywne.png') -177px 0 repeat-y;
 color: #c4c4c4;
 text-decoration: none !important;
}

#menu li.aktywna a,
#menu li a:hover,
#menu li a:focus,
#menu li a:active {
 background-position: 0 0;
 outline: none;
}

#menu li a span {
 padding-left: 14px;
 background: url('../img/icons/bullet.png') 0 55% no-repeat;
}

#menu ul {
 margin: 0;
 background: url('../img/backgrounds/separator.png') 0 0 repeat-x;
 list-style: none;
}

#menu ul li {
 padding-left: 1px;
 margin-left: 25px;
 background: url('../img/backgrounds/separator.png') 0 0 repeat-y;
}


/*
* TRESC
*/

#tresc .lewa-kolumna .data {
 margin: 0;
 position: absolute;
 right: 5px;
 top: 10px;
 color: #76716d;
 font-size: 10px;
}

#tresc dl {
 margin: 0 0 20px;
}

#tresc dl:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#tresc dl dt {
 display: inline;
 width: 80px;
 padding-bottom: 10px;
 float: left;
 clear: both;
 font-weight: bold;
}

#tresc dl dd {
 display: inline;
 width: 245px;
 margin-left: 10px;
 float: right;
}


/*
* KOLUMNY
*/

#tresc .kolumny {
 margin: 0 10px 20px;
 clear: both;
}

#tresc .kolumny:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#tresc .kolumny .lewa-kolumna {
 display: inline;
 width: 335px;
 float: left;
 position: relative;
}

#tresc .kolumny .prawa-kolumna {
 display: inline;
 width: 335px;
 float: right;
 position: relative;
}

#tresc .kolumny-lewa-szeroka {
 margin: 0 10px 20px;
 clear: both;
}

#tresc .kolumny-lewa-szeroka:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#tresc .kolumny-lewa-szeroka .lewa-kolumna {
 display: inline;
 width: 490px;
 float: left;
 position: relative;
}

#tresc .kolumny-lewa-szeroka .prawa-kolumna {
 display: inline;
 width: 180px;
 float: right;
 position: relative;
}


/*
* NAGLOWKI
*/

#tresc h2 {
 line-height: 18px;
 padding: 5px 0 1px;
 margin: 0 0 15px;
 font-family: 'HelveticaLT Light', Arial, sans-serif;
 font-size: 18px;
 font-weight: normal;
}

#tresc .lewa-kolumna h2 {
 line-height: 24px;
 padding: 0 10px 0 0;
 font-size: 18px;
 font-weight: normal;
}

#tresc h3 {
 margin: 0 0 5px;
 font-size: 1em;
 font-weight: bold;
}

#tresc .kolumny-lewa-szeroka .lewa-kolumna h3 {
 line-height: 24px;
 position: absolute;
 right: 10px;
 top: 0;
 color: #66665e;
 font-size: 18px;
 font-weight: normal;
}


/*
* AKTUALNOSCI
*/

#tresc .aktualnosci {
 margin: 0;
 list-style: none;
}

#tresc .aktualnosci li {
 margin: 40px 0 20px;
 position: relative;
}

#tresc .aktualnosci li:first-child {
 margin-top: 0;
}

#tresc .aktualnosci h3 {
 padding: 0 70px 2px 0;
 background: url('../img/backgrounds/linia.png') left bottom repeat-x;
}

#tresc .aktualnosci h3 a {
 padding: 0 0 8px;
 display: block;
}

#tresc .aktualnosci .data {
 margin: 0;
 position: absolute;
 right: 0;
 top: 0;
 color: #6b6765;
 font-size: .9em;
}

#tresc .aktualnosci p {
 margin-bottom: 5px;
}

#tresc .aktualnosci .czytaj-dalej {
 margin-top: -5px;
 text-align: right;
}


/*
* PRZEGLAD INWESTYCJI
*/

#tresc .przeglad-inwestycji {
 margin: 0 0 20px;
 padding: 10px;
 clear: both;
 background: url('../img/backgrounds/blok.png');
}

#tresc .przeglad-inwestycji h2 {
	position: absolute !important;
	left: -2500px !important;
	width: 20px !important;
}

#tresc .przeglad-inwestycji .lista-inwestycji {
 margin: 0 0 10px;
 list-style: none;
}

#tresc .przeglad-inwestycji .lista-inwestycji:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#tresc .przeglad-inwestycji .lista-inwestycji li {
 display: inline;
 margin: 0 -1px 0 0;
 padding: 0 0 6px;
 float: left;
}

#tresc .przeglad-inwestycji .lista-inwestycji li.aktywna {
 background: url('../img/icons/inwestycja-aktywna.png') 15px bottom no-repeat;
}

#tresc .przeglad-inwestycji .lista-inwestycji li a {
 display: block;
 border: solid 1px #5e5c52;
 position: relative;
 z-index: 1;
}

#tresc .przeglad-inwestycji .lista-inwestycji li img {
 display: block;
 padding: 1px;
}

#tresc .przeglad-inwestycji .lista-inwestycji li a:hover,
#tresc .przeglad-inwestycji .lista-inwestycji li a:focus,
#tresc .przeglad-inwestycji .lista-inwestycji li a:active {
 outline: none;
 border-color: #8c887d;
 z-index: 2;
}

#tresc .przeglad-inwestycji .inwestycja {
 clear: both;
 color: #797b79;
}

#tresc .przeglad-inwestycji .inwestycja:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#tresc .przeglad-inwestycji .inwestycja .opis {
 display: inline;
 width: 335px;
 float: left;
}

#tresc .przeglad-inwestycji .inwestycja .galeria {
 display: inline;
 width: 350px;
 margin: 0 -15px 15px 0;
 float: right;
 list-style: none;
}

#tresc .przeglad-inwestycji .inwestycja .galeria:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#tresc .przeglad-inwestycji .inwestycja .galeria li {
 display: inline;
 margin-right: 15px;
 float: left;
}

#tresc .przeglad-inwestycji .inwestycja .galeria li img {
 display: block;
 padding: 1px;
 border: solid 1px #5e5c52;
}

#tresc .przeglad-inwestycji .inwestycja .galeria li a:hover img,
#tresc .przeglad-inwestycji .inwestycja .galeria li a:focus img,
#tresc .przeglad-inwestycji .inwestycja .galeria li a:active img {
 border-color: #8c887d;
}

#tresc .przeglad-inwestycji .inwestycja .wiecej {
 display: inline;
 width: 335px;
 padding: 10px 0 0;
 margin: 0;
 float: right;
 clear: right;
 background: url('../img/backgrounds/linia.png') left top repeat-x;
 text-align: right;
}

#tresc .przeglad-inwestycji .inwestycja .wiecej a {
 padding-right: 14px;
 background: url('../img/icons/dalej.png') right center no-repeat;
 font-weight: bold;
}


/*
* FORMULARZ
*/

#tresc form div:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#tresc form div {
 margin: 0 0 17px;
 clear: both;
}

#tresc form div label {
 display: inline;
 width: 88px;
 line-height: 23px;
 float: left;
}

#tresc form div.pole-tekstowe span {
 display: inline;
 width: 237px;
 height: 23px;
 float: right;
 background: url('../img/backgrounds/pole-tekstowe.png') center center no-repeat;
}

#tresc form div.pole-tekstowe span input {
 width: 231px;
 height: 15px;
 padding: 4px 3px;
	color: #a4a4a4;
 font-size: 11px;
 background: transparent;
 border: none;
}

#tresc form div.pole-textarea span {
 display: inline;
 width: 237px;
 height: 155px;
 float: right;
 background: url('../img/backgrounds/pole-textarea.png') center center no-repeat;
}

#tresc form div.pole-textarea span textarea {
 width: 231px;
 height: 147px;
 padding: 4px 3px;
	color: #a4a4a4;
 font-family: Tahoma, sans-serif;
 font-size: 11px;
 background: transparent;
 border: none;
}

#tresc form div.przycisk {
 text-align: right;
}


/*
* MATERIALY
*/

#tresc ul.materialy {
 margin: 0 0 20px;
 list-style: none;
}

#tresc ul.materialy li {
 padding: 5px 0 1px;
 background: url('../img/backgrounds/linia.png') left bottom repeat-x;
}

#tresc ul.materialy li a {
 display: block;
 padding: 10px 10px 10px 0;
 background: url('../img/icons/dalej.png') right center no-repeat;
 font-weight: bold;
}


/*
* WYBOR INWESTYCJI
*/

#tresc .wybor-inwestycji {
 margin-top: 39px;

}

#tresc .wybor-inwestycji h2 {
	position: absolute !important;
	left: -2500px !important;
	width: 20px !important;
}

#tresc .wybor-inwestycji ul {
 width: 334px;
 padding: 0 1px 0 0;
 margin: 0;
 
 list-style: none;
}

#tresc .wybor-inwestycji ul:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#tresc .wybor-inwestycji ul li {
 display: inline;
 width: 167px;
 padding: 0 0 1px;
 margin: 0;
 float: right;

}

#tresc .wybor-inwestycji ul li a {
 display: block;
 padding: 8px 11px 8px 10px;
 margin: 0;
 
 font-weight: bold;
}


/*
* PODMENU
*/

#tresc .podmenu {
 padding: 75px 0 0 1px;
 margin-top: -38px;
 background: url('../img/backgrounds/separator.png') left top repeat-y;
}

#tresc .podmenu h3 {
	position: absolute !important;
	left: -2500px !important;
	width: 20px !important;
}

#tresc .podmenu ul {
 padding: 1px 0 0;
 margin: 0;
 background: url('../img/backgrounds/separator.png') left top repeat-x;
 list-style: none;
}

#tresc .podmenu ul li {
 padding: 0 0 1px;
 background: url('../img/backgrounds/separator.png') left bottom repeat-x;
}

#tresc .podmenu ul li a {
 display: block;
 padding: 9px 10px;
 background: url('../img/backgrounds/podmenu-aktywne.png') -177px 0 repeat-y;
 font-weight: bold;
}

#tresc .podmenu ul li.aktywna a,
#tresc .podmenu ul li a:hover,
#tresc .podmenu ul li a:focus,
#tresc .podmenu ul li a:active {
 background-position: 0 0;
 text-decoration: none;
 outline: none;
}


/*
* BREADCRUMBS
*/

#breadcrumbs {
 height: 15px;
 margin: -20px 10px 10px;
 font-size: .9em;
}

#breadcrumbs h2 {
 display: inline;
 font-size: 1em;
 font-weight: normal;
}

#breadcrumbs ul {
 display: inline;
 margin: 0;
 list-style: none;
}

#breadcrumbs ul li {
 display: inline;
 padding-left: 9px;
 margin-left: 3px;
 background: url('../img/icons/bullet2.png') left 60% no-repeat;
}

#breadcrumbs ul li:first-child {
 padding-left: 0;
 background: transparent;
}


/*
* MAPA
*/

#mapa {
 height: 285px;
 padding: 1px;
 margin: 0 10px 20px;
 clear: both;
 border: solid 1px #807c70;
}

#mapa div {
 height: 285px;
}


/*
* TABELA
*/

table {
 width: 100%;
 margin: 20px 0 50px;
 clear: both;
}

table caption {
	position: absolute !important;
	left: -2500px !important;
	width: 20px !important;
}

table th,
table td {
 padding: 5px 7px;
 text-align: center;
}

table thead th {
 padding: 6px 8px 8px 10px;
 background: url('../img/backgrounds/tabela-naglowek.png') left bottom no-repeat;
}

table thead th:first-child {
 background-position: right bottom;
}

table tbody th,
table tbody td {
 padding: 6px 8px 8px 10px;
 background: url('../img/backgrounds/tabela.png') left bottom no-repeat;
}

table tbody th:first-child,
table tbody td:first-child {
 background-position: right bottom;
}

table tbody tr.p {
 background: url('../img/backgrounds/jasne.png') center center repeat-y;
}


/*
* LEGENDA
*/

#tresc .legenda {
 display: inline;
 width: 300px;
 float: left;
}

#tresc .legenda h4 {
	position: absolute !important;
	left: -2500px !important;
	width: 20px !important;
}

#tresc .legenda dl dt {
 display: inline;
 width: 20px;
 margin: 0 4px 0 0;
 float: left;
 clear: left;
}

#tresc .legenda dl dt img {
 vertical-align: middle;
}

#tresc .legenda dl dd {
 display: block;
 margin: 0;
 float: left
}

#tresc .zobacz-plan-zagospodarowania {
 display: inline;
 width: 170px;
 float: right;
 text-align: right;
}

#tresc .zobacz-plan-zagospodarowania a {
 padding-right: 14px;
 background: url('../img/icons/dalej.png') right center no-repeat;
}


/*
* GALERIA
*/

#tresc ul.galeria-zdjec {
 margin: 0 0 20px;
 padding: 10px 10px 11px;
 clear: both;
 background: url('../img/backgrounds/blok.png');
 list-style: none;
}

#tresc ul.galeria-zdjec:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#tresc ul.galeria-zdjec li {
 display: inline;
 margin: 0 -1px -1px 0;
 padding: 0;
 float: left;
}

#tresc ul.galeria-zdjec li .opis {
	position: absolute !important;
	left: -2500px !important;
	width: 20px !important;
}

#tresc ul.galeria-zdjec li a {
 display: block;
 border: solid 1px #5e5c52;
 position: relative;
 z-index: 1;
}

#tresc ul.galeria-zdjec li img {
 display: block;
 padding: 1px;
 position: relative;
}

#tresc ul.galeria-zdjec li a:hover,
#tresc ul.galeria-zdjec li a:focus,
#tresc ul.galeria-zdjec li a:active {
 outline: none;
 border-color: #8c887d;
 z-index: 2;
}


/*
* STYLE GLOBALNE
*/

.clear {
 height: 0;
 clear: both;
 overflow: hidden;
}

.clear-left {
 height: 0;
 clear: left;
}

.clear-right {
 height: 0;
 clear: right;
}

.ukryty {
	position: absolute !important;
	left: -2500px !important;
	width: 20px !important;
}

body {
 background: #fff;
	color: #a4a4a4;
	font-family: Tahoma, sans-serif;
	font-size: .7em;
	line-height: 1.2em;
}

.kontener {
 width: 960px;
 margin: 0 auto;
 position: relative;
}

#zawartosc {
 margin: 0;
 background: #0c0c0a url('../img/backgrounds/srodek.jpg') center top repeat-x;
}

#zawartosc .tlo {
 background: url('../img/backgrounds/blask-fs8.png') center top no-repeat;
}

#zawartosc .kontener {
 padding: 0 0 25px;
 background: url('../img/backgrounds/separator.png') 197px 0 repeat-y;
}

#zawartosc .kontener:after {
 content: '.'; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#tresc {
 display: inline;
 width: 745px;
 padding: 33px 0 0;
 margin: 0;
 float: right;
}