/*
 *		plik:		css/style.css
 *		autor: 		Technetium [Tc]
 *							Przemek Szalko
 *							01 czerwiec 2007
 *		modify:		Marek Kleszyk
 *							05 luty 2009
 *		system:		T.CMS-4.0-SEO
 */

@import url("menu.css"); 
@import url("comments.css"); 
 
/*----------formularze-----------*/
form
{
	padding:0px;
	margin:0px auto;
}

fieldset
{
	padding:0px;
	margin:0px;
	border:none;
}
legend
{
	display:none;
}

input.text, input.text2, textarea, select, input.file
{
	border: 1px solid #dfdfdf;
	background:#ffffff;
	color: #807F78;
	font-family:Arial;
	font-size:11px;
}

input.text
{
	height:16px;
	padding-top:2px;
	padding-left:2px;
   width:209px;
}

input.text2
{
	height:16px;
	padding-top:2px;
	padding-left:2px;
   margin-left: 2px;
	width:120px;
}

input.small
{
	width:100px;
}


textarea
{
	padding:2px;
}

input.submit 
{

	margin:0px auto;
	margin-left:274px;
	width:99px;
	height:17px;
	background:url(../img/button_wyslij.jpg) 0 0 no-repeat;
	cursor:pointer;
	border:none;
	display:block;
}

select
{
	padding-left:2px;
	height:18px;
	width:213px;
}

option
{
	border:none;
   padding-left: 5px;
}

div.kontrolka
{
	overflow:hidden;
	clear:both;
	margin-bottom:5px;
}

div.kontrolka_textarea
{
	overflow:hidden;
	clear:both;
	margin-bottom:5px;
	padding:0px;
}

div.kontrolka p, div.kontrolka_textarea p
{
	font-size:10px;
	color:#5d6a6d;
	margin-left:140px;
	margin-top:3px;
}

div.form_separator
{
	height:1px;
	border-bottom:1px solid #e5e5e5;
	width:300px;
	margin:10px auto;
}

div.przycisk
{
	overflow:hidden;
	clear:both;
	margin-bottom:5px;
	text-align:left;
}

.textowka {
   padding: 10px;
}

			/* --------- layout ---------- */
		
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
   background: #fff;
	font-family: "Arial", "Verdana", "Helvetica",  sans-serif;
	font-size: 11px;
	color: #4c4b40;
}

#container 
{
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	height: auto;
	text-align: left;
	overflow:hidden;
}

#top
{
	width: 1000px;
   height: auto;
   position: relative;
   float: left;
   z-index: 3;
}

#top #logo
{
	width: 247px;
   height: 88px;
   margin-top: 9px;
   float: left;
   position: relative;
   z-index: 100;
}

#top #reklama
{
	width: 500px;
   height: 88px;
   margin-top: 9px;
   float: left;
}

#top #menu-top
{
	width: 248px;
   height: 47px;
   margin-top: 5px;
   margin-right: 5px;
   text-align: right;
   float: left;
   position: relative;
   z-index: 100;
}

#top #data
{
	width: 243px;
   height: 25px;
   text-align: right;
   padding-top: 20px;
   padding-right: 10px;
   color: #9a9a9a;
   float: left;
}

#top #data strong {
   color: #a4062f;
}

#top #main-menu
{
   width: 1000px;
	height: 55px;
	position: relative;
}

#base
{
	width: 1000px;
   height: auto;
   position: relative;
   background-color: #fff;
   float: left;
	 z-index:1;
	 
}

#base #left
{
	width: 292px;
   float: left;
}

#base #right
{
	width: 708px;
   float: left;
}




.page-title 
{
	height: 49px;
	border-bottom: 1px solid #dfdfdf;
}

.page-title h1
{
	line-height:49px;
	margin-left:11px;
	font-size: 10pt;
}

.page-title h1 img
{
	margin-top:21px;
}

div.page-content 
{
	margin-top:5px;
}

div#footer
{
	width: 980px;
   height: auto;
   margin: 10px;
   margin-top: 20px;
   position: relative;
   float: left;
}

div#footer #menu-bottom
{
   width: 980px;
   height: 20px;
   margin-top: 10px;
	border-bottom:1px solid #dbdbdb;
	float: left;
}

div#footer div#copyright
{
   width: 966px;
   height: 40px;
   padding: 0 7px;
   margin-top: 8px;
	color:#929292;
   position: relative;
	float: left;
}

div#footer div#copyright strong {
   color: #53327b;
}

div#footer div#copyright a
{
	color:#929292;
}

div#footer div#copyright div#center-house
{
   width: 102px;
   height: 30px;
	position: absolute;
   right: 102px;
   top: -33px;
}

div#footer div#copyright div#wstecz
{
   width: 53px;
   height: 16px;
   padding-top: 14px;
   background: transparent url('../img/wstecz.jpg') no-repeat scroll 0 0;
   text-align: center;
	position: absolute;
   right: 49px;
   top: -13px;
}

div#footer div#copyright div#do-gory
{
   width: 49px;
   height: 16px;
   padding-top: 14px;
   background: transparent url('../img/do-gory.jpg') no-repeat scroll 0 0;
   text-align: center;
	position: absolute;
   right: 0;
   top: -13px;
}

div#footer div#copyright div#wstecz a, div#footer div#copyright div#do-gory a {
   color: #929292;
}

div#footer div#copyright div#wstecz a {
   padding: 0 5px;
   border-right: 1px solid #929292;
}

div#footer div#realizacja {
   width: 149px;
   height: 16px;
   padding-top: 14px;
   text-align: right;
	position: absolute;
   right: 6px;
   top: 9px;
}

#left .box {
   width: 272px;
   margin: 0 10px;
   height: auto;
}

#left .box .box-nagl {
   width: 272px;
   height: 45px;
   position: relative;
}

#left #left-box1 .box-nagl {
   background: transparent url('../img/box1.jpg') no-repeat scroll 0 0;
}

#left #left-box2 .box-nagl {
   background: transparent url('../img/box2.jpg') no-repeat scroll 0 0;
}

#left #left-box3 .box-nagl {
   background: transparent url('../img/box3.jpg') no-repeat scroll 0 0;
}

#left #left-box4 .box-nagl {
   background: transparent url('../img/box4.jpg') no-repeat scroll 0 0;
}

#left #left-box5 .box-nagl {
   background: transparent url('../img/box5.jpg') no-repeat scroll 0 0;
}

#left .box .box-nagl a.up {
   width: 12px;
   height: 12px;
   position: absolute;
   right: 16px;
   top: 15px;
}

#left .box .box-nagl a.down {
   width: 12px;
   height: 12px;
   position: absolute;
   right: 4px;
   top: 15px;
}

#left .box .box-tresc {
   width: 272px;
   height: auto;
   color: #4e473b;
   position: relative;
}

#left .box .box-tresc a {
   color: #4e473b;
}

div.sciezka
{
	line-height: 49px;
	padding-left: 11px;
	border-bottom:1px solid #dfdfdf;
}

div.sciezka strong
{
	color:#b5b5b0;
}

div.sciezka a
{
	color:#97968e;
	background: url(../img/arrow4.jpg) 0 52% no-repeat;
	padding-left:10px;
	margin-left:8px;
}

div.sciezka a.first
{
	background:none;
	padding-left:0px;
	margin-left:0px;
}

.naj-row {
   width: 700px;
   height: auto;
   position: relative;
   float: left;
}

.naj-row .naj-gora {
   width: 700px;
   height: 41px;
   border-bottom: 1px solid #dfdfdf;
   float: left;
}

.naj-row .naj-title {
   width: 120px;
   height: 41px;
   background: transparent url(../img/naj-title.jpg) no-repeat 0 0;
   position: absolute;
   left: 0;
   top: 1px;
}

.naj-row .naj-box {
   width: 340px;
   height: 144px;
   overflow: hidden;
   border-bottom: 1px solid #dfdfdf;
   position: relative;
   float: left;
}

.naj-row .naj-lewy {
   margin-right: 10px;
}

.naj-row .naj-prawy {
   margin-left: 10px;
}

.naj-row .naj-box .naj-foto {
   width: 126px;
   height: 105px;
   margin: 9px 0;
   padding: 10px 7px;
   text-align: center;
   position: relative;
   display: table;
   overflow: hidden;
   float: left;
}

.naj-row .naj-box .naj-foto a {
   display: table-cell;
   position: relative;
   text-align: center;
   vertical-align: middle;
}

.naj-row .promowane .naj-foto {
   background-color: #ebebeb;
}

.naj-row .naj-box .naj-foto .naj-icon {
   width: 124px;
   height: 18px;
   position: absolute;
   text-align: left;
   top: 22px;
   left: 9px;
}

.naj-row .naj-box .naj-foto .sprzedane, .ofe-foto .sprzedane {
   width: 77px;
   height: 77px;
   background: transparent url(../img/sprzedane.gif) no-repeat 0 0;
   position: absolute;
   left: 56px;
   bottom: 20px;
}

.naj-row .naj-box .naj-foto .wstrzymane, .ofe-foto .wstrzymane {
   width: 86px;
   height: 86px;
   background: transparent url(../img/wstrzymane.gif) no-repeat 0 0;
   position: absolute;
   left: 47px;
   bottom: 20px;
}

.naj-row .naj-box .naj-foto .wynajete, .ofe-foto .wynajete {
   width: 77px;
   height: 77px;
   background: transparent url(../img/wynajete.gif) no-repeat 0 0;
   position: absolute;
   left: 56px;
   bottom: 20px;
}

.ofe-foto .sprzedane2 {
   width: 77px;
   height: 77px;
   background: transparent url(../img/sprzedane.gif) no-repeat 0 0;
   position: absolute;
   right: 3px;
   bottom: 9px;
}

.ofe-foto .wstrzymane2 {
   width: 86px;
   height: 86px;
   background: transparent url(../img/wstrzymane.gif) no-repeat 0 0;
   position: absolute;
   right: 3px;
   bottom: 9px;
}

.ofe-foto .wynajete2 {
   width: 77px;
   height: 77px;
   background: transparent url(../img/wynajete.gif) no-repeat 0 0;
   position: absolute;
   right: 3px;
   bottom: 9px;
}

.naj-row .naj-box .naj-opis {
   width: 200px;
   height: 105px;
   margin: 9px 0;
   padding: 10px 0;
   color: #4c4b40;
   float: left;
}

.naj-row .promowane .naj-opis {
   background-color: #ebebeb;
}

.naj-row .naj-box .naj-opis .naj-kat {
   width: 192px;
   height: 21px;
   margin-bottom: 5px;
   border-bottom: 1px solid #dfdfdf;
   display: block;
}

.naj-row .naj-box .naj-opis .naj-kat a {
   position: relative;
   top: -3px;
   float: right;
}

img.arrow3 {
   position: relative;
   top: -3px;
   margin: 0 2px;
}

.naj-row .naj-box .naj-opis span.naj-o {
   width: 80px;
   float: left;
}

.naj-row .naj-box .naj-opis .naj-kod {
   width: 192px;
   height: 33px;
   margin-bottom: 5px;
   display: block;
   font-weight: bold;
}

.naj-row .naj-box .naj-opis strong.naj {
   color: #693d95;
}

.path {
   padding: 0 9px;
   line-height: 48px;
   color: #5a5a5a;
   font-size: 10pt;
   font-weight: bold;
}

.path span {
   color: #cb1641;
}

.path a {
   color: #5a5a5a;
}

#oferta {
   width: 690px;
   margin: 18px 9px;
   position: relative;
   overflow: hidden;
}

#oferta .ofe-foto {
   width: 264px;
   height: 205px;
   position: absolute;
   top: 0;
   left: 0;
   text-align: center;
   float: left;
}

#oferta .ofe-foto .ofe-icon {
   width: 150px;
   height: 18px;
   position: absolute;
   text-align: left;
   top: 5px;
   left: 8px;
}

#oferta .ofe-icon2 {
   width: 180px;
   height: 23px;
   position: absolute;
   text-align: left;
   top: 5px;
   left: 8px;
}

#oferta a#bt-prev {
   width: 20px;
   height: 80px;
   position: relative;
   left: 270px;
   overflow: hidden;
   background: transparent url(../img/bt-prev.jpg) no-repeat center center;
   float: left;
}

#oferta #foto-hide {
   width: 382px;
   height: 80px;
   position: relative;
   left: 270px;
   overflow: hidden;
   float: left;
}

#oferta a#bt-next {
   width: 20px;
   height: 80px;
   position: relative;
   left: 270px;
   background: transparent url(../img/bt-next.jpg) no-repeat center center;
   overflow: hidden;
   float: left;
}

#oferta #foto-hide #foto-hide2 {
   height: 80px;
   float: left;
}

#oferta #foto-hide #foto-hide .ofe-img {
   width: 97px;
   height: 80px;
   float: left;
}

#oferta .cechy {
   width: 410px;
   height: auto;
   color: #4e473b;
   float: right;
}

#oferta .cechy .ofe-row {
   width: 410px;
   height: 23px;
   line-height: 23px;
   background: transparent url(../img/row.jpg) repeat-x bottom;
   display: block;
}

#oferta .cechy .ofe-row span.ofe-o {
   width: 210px;
   height: 23px;
   line-height: 23px;
   padding-left: 10px;
   background: transparent url(../img/arrow5.jpg) no-repeat left center;
   float: left;
}

#oferta .cechy .ofe-row .oo {
   color: #693d95;
}

#oferta .o-icon {
   width: 258px;
   height: 39px;
   background: transparent url(../img/o-icon.jpg) no-repeat 0 0;
   float: left;
}

#oferta .o-icon-r {
   width: 258px;
   height: 39px;
   background: transparent url(../img/o-icon2.jpg) no-repeat 0 0;
   float: left;
}

#oferta .o-doradca {
   width: 404px;
   height: 18px;
   margin-left: 6px;
   padding: 19px 1px 2px 11px;
   background: transparent url(../img/o-doradca.jpg) no-repeat 0 0;
   float: left;
}

#oferta .o-doradca a {
   color: #4C4B40;
}

#oferta .o-opis {
   width: 690px;
   height: auto;
   margin-top: 5px;
   position: relative;
   float: left;
}

#oferta .o-opis .o-opis2 {
   width: 690px;
   height: 38px;
   border-bottom: 1px solid #dfdfdf;
   float: left;
}

#oferta .o-opis .o-opis3 {
   width: 39px;
   height: 38px;
   background: transparent url(../img/o-opis.jpg) no-repeat 0 0;
   position: absolute;
   left: 0;
   top: 1px;
}

#oferta .o-opis .o-opis4 {
   width: 670px;
   height: auto;
   padding: 10px;
   float: left;
}

#oferta .o-icon2 {
   width: 670px;
   height: auto;
   padding: 10px;
   float: left;
}

#oferta .o-icon2 a.i {
   margin-right: 45px;
}

#oferta .o-data {
   width: 670px;
   height: auto;
   padding: 5px 12px;
   color: #929292;
   float: left;
}

#oferta .o-data span {
   color: #4e473b;
}

.kod {
   color: #3D1D63;
}

#wyszukiwarka {
   width: 698px;
   height: 194px;
   margin: 3px 0 8px 0;
   border-left: 1px solid #dfdfdf;
   border-bottom: 1px solid #dfdfdf;
   position: relative;
   float: left;
}

#wyszukiwarka .wysz-ofert {
   width: 121px;
   height: 27px;
   background: transparent url(../img/wyszukiwarka-ofert.jpg) no-repeat 0 0;
   position: relative;
   left: -1px;
   float: left;
}

#wyszukiwarka .wysz-promowane {
   width: 96px;
   height: 30px;
   background: transparent url(../img/oferty-promowane.jpg) no-repeat 0 0;
   position: absolute;
   top: 165px;
   left: -1px;
}

#wyszukiwarka .wysz-znalezione {
   width: 96px;
   height: 30px;
   background: transparent url(../img/oferty-znalezione.jpg) no-repeat 0 0;
   position: absolute;
   top: 165px;
   left: -1px;
}

#wyszukiwarka .wysz1 {
   width: 10px;
   height: 111px;
   background: transparent url(../img/wyszukiwarka-left.jpg) no-repeat 0 0;
   position: absolute;
   top: 42px;
   left: 12px;
}

#wyszukiwarka .wysz2 {
   width: 677px;
   height: 109px;
   border-top: 1px solid #dfdfdf;
   border-bottom: 1px solid #dfdfdf;
   position: absolute;
   top: 42px;
   left: 22px;
}

img.house {
   position: absolute;
   bottom: 20px;
   left: 10px;
}

.form-szuk {
   width: 590px;
   height: 90px;
   overflow: hidden;
   position: absolute;
   top: 11px;
   left: 80px;
}

input.szukaj {
   position: absolute;
   bottom: 0;
   right: 4px;
}

a.zawansowane {
   position: absolute;
   bottom: 8px;
   right: 75px;
}

.l1 {
   width: 67px;
   height: 21px;
   line-height: 21px;
   margin-right: 15px;
   float: left;
}

.l2 {
   width: 70px;
   height: 21px;
   line-height: 21px;
   margin-right: 15px;
   text-align: right;
   float: left;
}

.l3 {
   width: 110px;
   height: 21px;
   line-height: 21px;
   margin-left: 15px;
   float: left;
}

.in {
   width: 190px;
   height: 14px;
   margin: 2px;
   padding: 1px 2px;
   color: #aaa9a5;
   font-size:11px;
   border: 1px solid #d0d0d0;
   float: left;
}

.in2 {
   width: 196px;
   height: 18px;
   margin: 2px;
   color: #aaa9a5;
   font-size:11px;
   border: 1px solid #d0d0d0;
   float: left;
}

.in3 {
   width: 81px;
   height: 14px;
   margin: 2px;
   padding: 1px 2px;
   color: #aaa9a5;
   font-size:11px;
   border: 1px solid #d0d0d0;
   float: left;
}

.form-szuk2 {
   width: 252px;
   height: 148px;
   padding: 15px 10px;
   overflow: hidden;
   position: relative;
   color: #717069;
}

input.szukaj2 {
   position: absolute;
   bottom: 5px;
   right: 13px;
}

a.zawansowane2 {
   position: absolute;
   bottom: 5px;
   right: 77px;
}

.ll1 {
   width: 64px;
   height: 21px;
   line-height: 21px;
   margin-right: 10px;
   float: left;
}

.ll2 {
   width: 70px;
   height: 21px;
   line-height: 21px;
   margin-right: 10px;
   float: left;
}

.ll3 {
   width: 100px;
   height: 21px;
   line-height: 21px;
   margin-right: 10px;
   float: left;
}

.iin {
   width: 165px;
   height: 14px;
   margin: 2px;
   padding: 1px 2px;
   color: #aaa9a5;
   font-size:11px;
   border: 1px solid #d0d0d0;
   float: left;
}

.iin2 {
   width: 172px;
   height: 18px;
   margin: 2px;
   color: #aaa9a5;
   font-size:11px;
   border: 1px solid #d0d0d0;
   float: left;
}

.iin3 {
   width: 60px;
   height: 14px;
   margin: 2px;
   padding: 1px 2px;
   color: #aaa9a5;
   font-size:11px;
   border: 1px solid #d0d0d0;
   float: left;
}

.stronicowanie {
   width: 689px;
   position: absolute;
   top: 30px;
   right: 16px;
   color: #929292;
}

.sort {
   width: auto;
   line-height: 24px;
   margin-right: 5px;
   color: #929292;
   float: right;
}

.strony {
   width: auto;
   line-height: 24px;
   margin-right: 5px;
   color: #929292;
   float: right;
}

.inactive {
   margin: 0 1px;
   color: #693d95;
   font-weight: bold;
}

.link {
   color: #929292;
}

.inactive img, .link img {
   position: relative;
   top: 4px;
}

a.a-mapy {
   width: 60px;
   height: 20px;
   position: relative;
   top: 9px;
   left: 10px;
   float: left;
}

a.a-lokalizacja {
   width: 80px;
   height: 20px;
   position: relative;
   top: 9px;
   left: 10px;
   float: left;
}

a.a-zapytaj {
   width: 100px;
   height: 20px;
   position: relative;
   top: 9px;
   left: 10px;
   float: left;
}

#oferta #div-mapy, #oferta #div-lokalizacja, #oferta #div-zapytaj {
   width: 670px;
   height: auto;
   padding: 10px;
   margin-top: 5px;
   float: left;
}

.up, .down { display: none; }

table#form-zgl {
   width: 500px;
}

table#form-zgl tr td {
   padding: 3px;
}

.min-wys {
   min-height: 205px;
}

.div_zaw {
   float: left;
}

			/* --------- galeria ---------- */

.foto-pokaz {
	margin-bottom: 5px;
	padding: 5px;
}

.foto-opis {
	text-align: justify;
	display: block;
}

.foto-gal {
   padding: 10px;
	text-align: center;
	vertical-align: middle;
}

.foto-gal:hover {
	cursor: pointer;
}

div#okno
{
	width: 600px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	left: 200px;
	padding: 10px;
	border: 2px solid #562382;
	background-color: #fff;
   display: none;
}
