@charset "utf-8";
/* CSS Document */

html, body { width:100%; height:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; background:#585a59; }
.fL { float:left; }
.fR { float:right; }

a { color:#3858ad; text-decoration:underline; }
a:hover { color:#283b84; text-decoration:none; }

#mainpage { width:100%; height:100%; background:url(../images/bg-mainpage.png) repeat-x center; }
#mainpage #top { position:absolute; z-index:5; width:960px; height:110px; top:50%; left:50%; margin-left:-480px; margin-top:-300px; }
#mainpage #welcome { position:absolute; z-index:4; width:960px; height:355px; top:50%; left:50%; margin-left:-480px; margin-top:-245px; }
#mainpage #welcome1 { position:absolute; z-index:4; width:1015px; height:355px; top:50%; left:50%; margin-left:-510px; margin-top:-245px; }
#mainpage #links { position:absolute; z-index:3; width:960px; height:150px; top:50%; left:50%; margin-left:-480px; margin-top:110px; }
#mainpage #footer { background:url(../images/bg-footer.png) top repeat-x; position:absolute; z-index:2; width:960px; height:40px; top:50%; left:50%; margin-left:-480px; margin-top:260px; }
#subpage #top { position:relative; width:960px; height:110px; margin-left:-480px; left:50%; }
#subpage #content { color:#333; padding:19px 0 20px 0; background:#e7e7e9; border-top:1px solid #d1d1d5; clear:both; }
#subpage #content #column-left { width:620px; float:left; padding-right:20px; }
#subpage #content #column-right { width:300px; float:right; padding-left:20px; }
#subpage #frame { position:relative; width:960px; left:50%; margin-left:-480px; }
#subpage #links { background:#585a59; border-top:1px solid #a7a5a6; height:150px; }
#subpage #links #li-left { position:relative; top:0px; left:50%; margin-left:-460px;  }
#subpage #links #li-center { position:relative; top:0px; left:50%; margin-left:-140px;  }
#subpage #links #li-right { position:relative; top:0px; left:50%; }
#subpage #footer { background:#585a59; height:60px; }
#subpage #footer #fo-left { position:relative; top:0px; left:50%; margin-left:-480px; border-top:1px solid #696b6a; }
#subpage #footer #fo-right { position:relative; top:0px; left:50%; border-top:1px solid #696b6a; }
#subpage { background:#fff; }

#logo { float:left; width:150px; height:70px; padding:20px 0px; }
#menu { float:right; height:110px; }
#lang { float:right; height:110px; width:40px; margin-left:10px; background:url(../images/bg-lang.png) center no-repeat; }
#lang img { margin-top: 40px; padding:8px 9px 8px 10px; opacity:.5; }
#lang img:hover { opacity:1; }

#mainmenu { margin-right:50px; }
#mainmenu li { float:left; margin-left:10px; width:120px; height:30px; font-size:13px; }
#mainmenu li a { color:#333; text-decoration:none; display:block; width:120px; height:30px; line-height:30px; text-align:center; background:url(../images/mainmenu-inactive.png) center no-repeat; color:#333; }
#mainmenu li a:hover, #mainmenu li.active a { color:#fff; background:url(../images/mainmenu-active.png) center no-repeat; }

#submenu { margin-right:50px; padding-top:10px; clear:left; font-size:12px; }
#submenu li { float:left; padding-left:10px; width:120px; height:30px;  }
#submenu li a { color:#333; text-decoration:none; display:block; width:120px; height:30px; line-height:30px; text-align:center; background:url(../images/submenu-inactive.png) center no-repeat; color:#333; }
#submenu li a:hover, #submenu li.active a { color:#3b5bb0; background:url(../images/submenu-active.png) center no-repeat; }
#submenu li.heading a { color:#fff; background:url(../images/mainmenu-active.png) center no-repeat; }
#submenu li.goback a { color:#333; background:url(../images/mainmenu-inactive.png) center no-repeat; }
#submenu li.connect { background:url(../images/connect.png) repeat-x center; }

.nosub #mainmenu { margin-top:40px; }
.sub #mainmenu { margin-top:20px; }

#li-left {  float:left; margin:20px; width:280px; height:110px; }
#li-center {  float:left; margin:20px; width:280px; height:110px; }
#li-right { float:left; margin:20px; width:280px; height:110px; }
#fo-left { padding:15px 0px 0px 20px; float:left; width:460px; height:25px; }
#fo-right { padding:15px 20px 0px 0px; float:left; width:460px; height:25px; text-align:right; }


#links .osiedle { background:url(../images/bg-box-img.png) top center no-repeat; }
#links  p.image { float:right; padding:2px; margin-left:10px; }
#links  p.title, #links .osiedle p.title a { font-size:15px; padding-bottom:12px; color:#fff; }
#links .osiedle p.title a:hover {color:#ccc;}
#links  .reklama p.title { position:absolute; }
#links  p.title span { font-size:10px; line-height:13px; color:#ccc; font-style:italic; }
#links  p.title span strong { color:#fc0; font-weight:normal; }
#links  p.text { line-height:13px; color:#ccc; }
#links a { color:#9fdcf6; text-decoration:none;  }
#links a:hover { color:#44aee3; }

#footer { font-size:10px; line-height:12px; color:#999; }
#footer span, #footer a { color:#bbb; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

.tabelamieszkan { width:100%; color:#666; }
.tabelamieszkan .dostepne, .tabelamieszkan .dostepne a { color:#3858ad; text-decoration:none; }
.tabelamieszkan .rezerwacja, .tabelamieszkan .rezerwacja a { color:#ad3737; text-decoration:none; }
.tabelamieszkan th, .tabelamieszkan th a { color:#fff; text-decoration:none;}
.tabelamieszkan th, .tabelamieszkan th+th+th, .tabelamieszkan th+th+th+th+th { background:#3858ad; }
.tabelamieszkan th+th, .tabelamieszkan th+th+th+th, .tabelamieszkan th+th+th+th+th+th { background:#6079bd; }

.tabelamieszkan th, .tabelamieszkan td { padding:5px; text-align:left; }
.tabelamieszkan th:last-child, .tabelamieszkan td:last-child { text-align:center; }
.tabelamieszkan .odd td, .tabelamieszkan .odd td+td+td, .tabelamieszkan .odd td+td+td+td+td { background:#d6d6d7; }
.tabelamieszkan .odd td+td, .tabelamieszkan .odd td+td+td+td, .tabelamieszkan .odd td+td+td+td+td+td { background:#dededf; }
.tabelamieszkan .even td, .tabelamieszkan .even td+td+td, .tabelamieszkan .even td+td+td+td+td { background:#cacacb; }
.tabelamieszkan .even td+td, .tabelamieszkan .even td+td+td+td, .tabelamieszkan .even td+td+td+td+td+td { background:#d5d5d5; }

.tabelamieszkan .dostepne.odd td, .tabelamieszkan .dostepne.odd td+td+td, .tabelamieszkan .dostepne.odd td+td+td+td+td { background:#cdd2e0; }
.tabelamieszkan .dostepne.odd td+td, .tabelamieszkan .dostepne.odd td+td+td+td, .tabelamieszkan .dostepne.odd td+td+td+td+td+td { background:#d7dbe6; }
.tabelamieszkan .dostepne.even td, .tabelamieszkan .dostepne.even td+td+td, .tabelamieszkan .dostepne.even td+td+td+td+td { background:#b2bcd7; }
.tabelamieszkan .dostepne.even td+td, .tabelamieszkan .dostepne.even td+td+td+td, .tabelamieszkan .dostepne.even td+td+td+td+td+td { background:#c1c9df; }

.tabelamieszkan .rezerwacja.odd td, .tabelamieszkan .rezerwacja.odd td+td+td, .tabelamieszkan .rezerwacja.odd td+td+td+td+td { background:#dbc4cc; }
.tabelamieszkan .rezerwacja.odd td+td, .tabelamieszkan .rezerwacja.odd td+td+td+td, .tabelamieszkan .rezerwacja.odd td+td+td+td+td+td { background:#e2d0d6; }
.tabelamieszkan .rezerwacja.even td, .tabelamieszkan .rezerwacja.even td+td+td, .tabelamieszkan .rezerwacja.even td+td+td+td+td { background:#d5b2bd; }
.tabelamieszkan .rezerwacja.even td+td, .tabelamieszkan .rezerwacja.even td+td+td+td, .tabelamieszkan .rezerwacja.even td+td+td+td+td+td { background:#ddc1ca; }

.sortZ, .sortA { float:right; width:10px; height:11px; cursor:pointer; }
.sortZ { background:url(../images/sortz.png) no-repeat center right; opacity:.5; }
.sortA { background:url(../images/sorta.png) no-repeat center right; opacity:.5; }
/* .sortZ:hover, .sortA:hover, span.active { opacity:1; }*/
span.active { opacity:1; }


.tabelamieszkantools { height:12px; margin-bottom:10px; }
.tabelamieszkantools a { text-decoration:none; color:#333; }
.tabelamieszkantools a:hover { text-decoration:underline; }
.tabelamieszkantools a.active { color:#3858ad; }
p+.tabelamieszkantools { margin-top:10px; }

#content p { padding:0; margin:0; line-height:13px; }
#content p+p { padding-top:10px; }
#content p+table { margin-top:10px; }
#content table+p { margin-top:10px; }
#content strong { color:#3858ad; }

#inwestycja-txt { 

padding:10px 15px 0 15px; 
background-color:transparent;
  	background-attachment:inherit;
  	background-position:top center;
  	background-repeat:repeat-y;
		background-image:url('../images/inwestycja-txt.png');
 color:#3858ad; 
 
 }
 #inwestycja-txt p{display:block; clear:both; background-color:transparent;}
 
#inwestycja-std { padding:0 15px; background:url(../images/inwestycja-std.png) repeat-y center; text-align:center; }
#inwestycja-std img { padding:2px; }

#karta #plan { float:right; width:420px; }
#karta #metryka { width:200px; }
#karta #narzedzia { padding-top:20px; text-align:center; }
#karta #narzedzia img { padding-bottom:5px; }
#karta #narzedzia a { text-decoration:none; }
#karta #narzedzia div+div { padding-top:30px; }


#slideshow {    position:relative;    height:335px;	 margin-top:20px;}
#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 335px;
    background-color: #FFF;
}

#slideshow DIV.active {   z-index:10;    opacity:1.0;}
#slideshow DIV.last-active {   z-index:9;}

#slideshow DIV #boxx {display:none ;}
#slideshow DIV.active #boxx {display:block ;}

#slideshow DIV #boxx, #slideshow DIV #boxx iframe, #slideshow DIV #boxx *{
    opacity:1;
   position:absolute;
   }


.slajd {
clear:both;
width:960px;
height:355px;
  	background-color:transparent;
  	background-attachment:inherit;
  	background-position:bottom left;
  	background-repeat:no-repeat;
}

.slajd .opis {float:left;
					width:335px;
					height:170px;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;		
					color:#525254;
					margin:100px 0 0 10px;
}


.slajd b {font-size:12px; color:#2b2b2d; display:block;}
.slajd  h1 { font-size:14px; color: #3654ae; display:block; font-weight:normal; padding:0 0 5px 0 ;}
.slajd .opp2 {margin:60px 0 0 0; display:block;  padding:5px 0 0px 2px;}
.slajd .dymek {float:left;
					width:374px;
					height:230px;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;
					color:#525254;
					margin:10px 0 0 0px;
					background-color:transparent;
  	background-attachment:inherit;
  	background-position:top left;
  	background-repeat:no-repeat;
	background-image:url('../temp/dymek.png');
}

.slajd .dymek p {width:295px; padding:10px;}



.opp3 {margin:10px 0 0 0; display:block;  padding:5px 0 0px 2px;}
.opp3 h1 { font-size:14px; color: #3654ae; display:block; font-weight:normal; padding:0 0 5px 0 ;}
.dymek1 {float:left;
					width:374px;
					height:230px;
					font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;
					color:#525254;
					margin:10px 0 0 0px;
					background-color:transparent;
  	background-attachment:inherit;
  	background-position:top left;
  	background-repeat:no-repeat;
	background-image:url('../temp/dymek2.png');
}

.dymek1 p {width:295px; padding:10px;}



.slajd  .big {font-size:20px;}
.slajd .big1 {font-size:16px;}


.kontakt {
	/*background-image:url('../temp/kontakt.jpg');*/
	background-image:url('../temp/kontakt1.jpg');
	clear:both;
	width:960px;
	height:355px;
  	background-color:transparent;
  	background-attachment:inherit;
  	background-position:bottom left;
  	background-repeat:no-repeat;
}
.mapka {float:right; margin: 78px 38px 0 0; width:154px;}
.mapka1 {float:LEFT; margin: 78px 38px 0 0; width:487px;border:solid 1px #fff;}


#tresc1 {float:right; width:400px; margin:70px 0 0 0;}
#tresc {float:left; width:400px; margin:70px 0 0 0;}
#tresc2 { margin:70px 0 0 0;}


#tresc fieldset, #tresc1 fieldset{border: none;}
#tresc form li, #tresc1 form li{width: 300px;}
#tresc form span.required, #tresc1 form span.required{
	display:inline;
	float:left;
	color:red !important;
	font-weight:bold;
	margin:0;
	padding:0;
}
fieldset{border:0; margin:0; padding:0; text-align:left; float:left;}
ul.form{float:left; list-style:none; padding:0; margin:0; width:440px; border:0; color:#342c21;}
.form_head{height:20px; width:420px; color:#aaa; margin:0;text-align:center; border-bottom:0 !important;}
ul.form li label{
display:block;
float:left;
width:160px; 
margin:2px 0 0 0;
clear: both;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;
}
.required{display:block; color:#999; width:160px; float:left;
	clear:left; padding-left:12px; background:transparent url("../images/wymagane.gif") top left no-repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;
	}
ul.form li input, ul.form li select, ul.form li textarea{
  	background-color:#fff; border:1px solid #ccc; padding-left:3px;
	width:280px;
	}
	
ul.form li.submit{text-align:right;border:0; background:none; background:none;}

#tresc ul.form li.submit input , #tresc1 ul.form li.submit input{
	background:url("../images/wyslij.gif") no-repeat;
	border:0 none; cursor:pointer; display:block; height:20px; width:110px;
	overflow:hidden; text-indent:-4000px; float:left;
	background-color:transparent;
	padding:0; margin:0;
	
	}
	
#comment{width:480px; background-color:#eee; border:1px solid #ccc;}
ul.form li textarea{height:90px;width:280px;}
li.comment .required, ul.form li.comment label{width:120px; background:none;}
li.comments{height:110px !important;}
.valid{border:1px solid #70a0ff !important;}
.invalid{border:1px solid red !important; }

#tresc form ul li, #tresc1 form ul li{
margin:5px 0px 3px 0px;
padding:0px 0px 0px 20px;
font-size:14px;
color: #666666;
background:url("../images/minus.gif"); background-repeat:no-repeat; background-position:3px 5px;
}

/* ----- INSTRUCTIONS ----- */
form li.focused{background-color:#fff7c0;}
form li.focused, form li:hover{	position:relative; }
form .instruct{
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
	width:130px;
	margin:0 0 0 0px;
	padding:8px 5px 5px 5px;
	border:1px solid #e6e6e6;
	background:#f5f5f5;
	visibility:hidden;
	font-size:105%;
}
form .instruct small{line-height:120%; font-size:80%; color:#444;}
form li.focused .instruct, form li:hover .instruct{left:100%; visibility:visible; }


#subpage #content .galerie { float:left; padding:3px 10px 0 0; width:630px; }

.galerie a  {float: left; display:block; width:82px; height:62px;  border:solid 1px #fff; margin:0 5px 5px 0; background:#fff; text-align:center;}
.galerie a:hover {background:#eee;}
.galerie a img {height:60px; width:auto; border:solid 1px #eee;}
.brak {background-image:none; height:auto;}

.kol1 {float:left; width:290px; margin:0px 0 0 0; padding:0 20px 0 0;}
.kol1 ul {padding:10px 0; clear:both;}
.kol1 ul li, .koll ul li {
background:url("../images/check.png"); background-repeat:no-repeat; background-position:center left; padding:1px 0 4px 20px;}
.koll ul {margin-top:6px; margin-bottom:10px;}
.kol1 strong {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#2e51ad;}
 
 
#subpage #content #column-left1 { width:640px; float:left; padding-right:0px; }
#listaold .li-left {float:left; margin: 10px 20px 30px 20px; width:280px; height:110px; background:url(../images/bg-box-img1.png) top center no-repeat;}
 

#listaold p.image { float:right; padding:2px; margin-left:10px; margin-top:10px; display:block;}
#listaold p.title { font-size:15px; padding-bottom:6px; padding-top:4px; color:#2e51ad; }
#listaold .reklama p.title { position:absolute; }
#listaold p.title span { font-size:10px; line-height:13px; color:#333; font-style:italic; }
#listaold p.title span strong { color: #111; font-weight:normal; }
#listaold p.text { line-height:13px; color: #666666; }

#tresc2 #listaold p.text {margin-top:14px; }


#listaold a { color:#2e51ad; text-decoration:none;  }
#listaold a:hover { color:#44aee3; }


#kontaktform {height:500px; color:#666; width:370px; float:right;}
#kontaktform .tshdr { font-size:12px; color:#5358ad; text-transform:uppercase; padding:0 0 15px 0; text-align:center;}
#kontaktform .inp, #kontaktform .inpta {border:solid 1px #ccc;   background:#fff; width: 370px; margin:5px 0 10px 0;  font-size:12px; }
#kontaktform .inp:hover, #kontaktform .inpta:hover {background:#eee;}
#kontaktform .inp:focus, #kontaktform .inpta:focus {background:#eee;}
#kontaktform .btn {
background:#eee; border:solid 1px #ccc; line-height:13px; 
padding:3px 5px; font-size:11px;  
cursor:pointer; text-transform:uppercase;}