@import 'reset.css';

/*--------------------slider---------------*/
.mid-content-more{width:26px;height:16px;margin:0 auto;padding:0 0 6px 0; position:absolute; right: 50%; top:0px;}
#more_wrapper{width: 959px; color:#2A2A2A; font-size: 10px; font-family: Arial, Tahoma; float:left;}
.more_col{width: 299px; float:left;height:inherit; padding:10px;}
.rozwin{width:26px;height:16px;background:url('img/down.png') no-repeat;float:left;}
.zwin{width:26px;height:16px;background:url('img/up.png') no-repeat;float:left;}
h1.tytul{color:#B20000; font-weight: bold; font-size: 12px; font-family: Arial, Tahoma; margin-bottom: 5px;}






.hidden {display: none;}
.bolded {font-weight: bold;}
.red {color: #b20000;}
.clear {clear: both;}
a {text-decoration: none; color: #2a2a2a }
.power {vertical-align: super;}

body {
    font-family: Tahoma, Arial;
    font-size: 11px;
    color: #2a2a2a;
}

#page {
    width: 100%;
    background: url('img/page-bg.png') top center no-repeat;
    border-top: 2px #b20000 solid;
}

#pods_page {
    width: 100%;
    background: url('img/pods_page-bg.png') top center no-repeat;
    border-top: 2px #b20000 solid;
}

#wrapper {
    width:960px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    /*background: url('img/bg.png') no-repeat;*/
	margin-bottom: 20px;
}

#header {
    background: url('img/main_header.png') bottom center no-repeat;
    width: 961px;
    height: 450px;
}

#telephone {
    height: 27px;
    padding-top: 17px;
    margin-left: 30px;
    
}

ul#nav {float: right; list-style: none; margin-right: 8px;}
ul#nav li {float: left; height: 30px;}
ul#nav li a {display: block; height: 30px; }
ul#nav li.nav0 a {width: 51px; background: url('img/nav0.png');}
ul#nav li.nav1 a {width: 92px; background: url('img/nav1.png');}
ul#nav li.nav2 a {width: 125px; background: url('img/nav2.png');}
ul#nav li.nav3 a {width: 95px; background: url('img/nav3.png');}
ul#nav li.nav4 a {width: 108px; background: url('img/nav4.png');}
ul#nav li.nav5 a {width: 98px; background: url('img/nav5.png');}
ul#nav li.nav6 a {width: 130px; background: url('img/nav6.png');}

ul#nav li a:hover {background-position: 0 100%;}
ul#nav li.active a {background-position: 0 100%;}

#content {
    width: 960px;
    min-height: 200px;
    background: url('img/main_container.png') no-repeat bottom;
    overflow: hidden;
}

#footer {
float:left;
position:relative;
    width: 959px;
    height: 30px;
    background: url('img/footer.png') no-repeat;
    color: #fff;
    font-size: 10px;
    font-family: Arial, Tahoma;
}

#footer a {
    color: #fff;
}

span.footleft {display: block; float: left; width: 400px; height: 30px; line-height: 29px; margin-left: 20px;}
span.footright {display: block; float: right; width: 300px; height: 30px; line-height: 29px; text-align: right; margin-right:20px;}

.main_col1 {
    width: 390px;
    padding: 35px 16px 0 0;  
    min-height: 325px; /* dla potomnych i dla mnie za 10 minut, jak już zapomnę po co to zrobiłem - ustawiam min-height, żeby dopasować gościa w 1 kolumnie, ma przy głowie fragment białego tła, który ma się wpasować w przerwę w bg-contentu.*/
    line-height: 17px;
    float: left;
}

p.firstcol_text1 {
    text-indent: 35px;
}

p.firstcol_text2 {
    display: block;
    width: 196px;
    margin-left: 180px;
    margin-top: 30px;
}

.main_col2 {
    float: left;
    width: 257px;
    padding: 35px 16px 0 20px;
}

span.whywe {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 25px;
    display: block;
}

ul#col2ul {
    list-style:none;
}

ul#col2ul li {
    height: 28px;
    font-weight: bold;
}

ul#col2ul li img {
    vertical-align: -30%;
}

span.seemore {
    float: right;
}

.main_col3 {
    float: right;
    width: 257px;
    background:url('img/right.png') no-repeat;
    margin-top:40px;
    height:420px;
}

#calc_box {
    width:185px;
    height: 250px;
    background: url('img/col3box.png') no-repeat;
    margin-top: 35px;
    line-height: 17px;
}

#calc_box ul {
    width: 170px;
    padding-top: 8px;
    text-align: right;
    color: #bdbdbf;
}

/*  KONTAKT  */

#kontakt_content {
    width: 960px;
    min-height: 360px; /* j.w */
    background: url('img/kontakt_container.png') no-repeat;
    overflow: hidden;
}

#kontakt_header {
    background: url('img/kontakt_header.png') bottom center no-repeat;
    width: 961px;
    height: 393px;
}

.col_title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 20px;
}

.kontakt_col1 {
    width: 600px;
    padding: 35px 16px 0 0;
    float: left;
}
.ki{
    width:170px;
    height:19px;
    padding:2px;
    text-align:center;
    font-family:Arial;
    background:url("img/ki.png") no-repeat;
    border:none;
    font-size:11px;
    color:#000000;
    margin-left:20px;
    margin-top:10px;
}
.kl{
    width:63px;
    height:17px;
    padding:2px;
    text-align:right;
    font-family:Arial;
  
    font-size:9px;
    color:#ffffff;
}
.kk{
      height: 50px;
    margin-left: 90px;
    margin-top: 11px;
    width: 192px;
}
.zgoda{
    font-size:9px;
    line-height:10px;
    width:140px;
    margin-top:0px;
    text-align:left
}
.wyslij{
     margin-left: 127px;
    margin-top: 7px;
    width: 64px;
    height:19px;
    background:url('img/wyslij.png') no-repeat;
    border:none;
}
.kontakt_col2 {
    width: 290px;
    padding: 35px 16px 0 0;
    float: left;
}

.kontakt_col3 {
   padding-top: 38px;
    float: right;
    width: 200px;
}

.form_element {clear: both; }
.form_element label {width: 80px; float: left; text-align:right; margin-right: 5px; line-height: 17px;}
.form_element input[type='text'] {width: 186px; height: 19px; background: url('img/text_input.png') no-repeat; border: none; color: #fff; padding-left: 6px; font-family: Tahoma, Arial; font-size: 11px;}
.form_element textarea {width: 186px; height: 105px; background: url('img/textarea.png') no-repeat; border: none; padding-left: 6px; color: #fff; font-family: Tahoma, Arial; font-size: 11px;}
.form_element input[type='submit'] {width: 122px; height: 19px; background: url('img/btnSend.png') no-repeat; border: none; float: right; margin-right: 13px; cursor: pointer;}

/* O FIRMIE */

#ofirmie_content {
    width: 960px;
    min-height: 450px; /* j.w */
    background: url('img/ofirmie_container.png') no-repeat;
    overflow: hidden;
}

#ofirmie_header {
    background: url('img/ofirmie_header.png') bottom center no-repeat;
    width: 961px;
    height: 393px;
}
.promocja{
    width:177px;
    height:195px;
    margin-left:48px;
    margin-top:20px;
    text-align:right;
    font-family:Arial;
    line-height:35px;
    font-size:26px;
    color:#ffffff;
}

.ofirmie_col1 {
    width: 730px;
    padding: 35px 16px 0 0;
    float: left;
}

.ofirmie_col2 {
    float: right;
    width: 200px;
}

.ofirmie_col1 p {
    line-height: 16px;
    text-align:justify;
    margin-bottom: 15px;
    text-indent: 25px;
}

.ofirmie_colincol {
    float: left;
    margin-top: 30px;
    text-align: left;
    line-height: 16px;
    padding: 7px 0 7px 10px;
    min-height: 100px;
}

.ofirmie_colincol ul li.heading_li{
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.ofirmie_colincol ul li{
    margin-left: 15px;
}

.ofirmie_colincol ul li.heading_li img{
    vertical-align: middle;
    margin-right: 5px;
}

.incol1 {
    width: 170px;
    margin-left: 15px;
}

.incol2 {
    width: 200px;
    margin-left: 70px;
}

.incol3 {
    width: 150px;
    float: right;
    margin-right: 40px;
}

/* OFERTA */

#oferta_content {
    width: 960px;
    min-height: 350px; /* j.w */
    background: url('img/default_container.png') no-repeat;
    overflow: hidden;
}

#oferta_header {
    background: url('img/oferta_header.png') bottom center no-repeat;
    width: 961px;
    height: 393px;
}

.oferta_col1 {
    width: 730px;
    padding: 35px 16px 0 0;
    float: left;
}

.oferta_col2 {
    float: right;
    width: 200px;
}

.oferta_col1 ul {
    line-height: 16px;
    font-size: 11px;
    list-style: square outside url('img/reddot_small.png');
    float: left;
    width: 335px;
    text-align: justify;
}

.oferta_col1 ul.ul1 {
    margin-left: 30px;
	margin-bottom: 20px;
}

.oferta_col1 ul.ul2 {
    margin-left: 30px;
}


/* ONLINE */

#online_content {
    width: 960px;
    min-height: 400px; /* j.w */
    background: url('img/default_container.png') no-repeat;
    overflow: hidden;
}

#online_header {
    background: url('img/online_header.png') bottom center no-repeat;
    width: 961px;
    height: 393px;
}

.online_col1 {
    width: 960px;
    padding: 35px 16px 0 0;
    float: left;
}

.online_col1 img {
    float: left;
    margin-left: 15px;
}

/* INNE USŁUGICAR */

#inneuslugicar_content {
    width: 960px;
    min-height: 360px; /* j.w */
    overflow: hidden;
}

#inneuslugicar_header {
    background: url('img/inneuslugi_header.png') bottom center no-repeat;
    width: 961px;
    height: 393px;
}

.inneuslugicar_col1 {
    width: 730px;
    padding: 35px 16px 30px 0;
    float: left;
}

.inneuslugicar_col2 {
    float: right;
    width: 200px;
}

.inneuslugicar_col1 p {
    line-height: 16px;
    text-align: justify;
    text-indent: 35px;
    font-size: 11px;
}

.colincol_gal {
    width: 330px;
    float: left;
    margin-left: 15px;
    margin-top: 15px;
}

.colincol_gal .gal_title {
    font-size: 12px;
    font-weight: bold;
}

.colincol_gal .gal_title {
    font-size: 12px;
    font-weight: bold;
	}

.last_np p  {
    min-height: 60px !important;
}

.colincol_gal p {
    min-height: 150px;
    text-indent: 0px;
    margin-top: 5px;
    text-align: justify;
    padding: 0 4px;
    margin-bottom: 0;
}

.colincol_gal ul {
    line-height: 16px;
    margin-top: 0px;
    padding: 0 4px;
    margin-bottom: 5px;
}

.colincol_gal img {
    margin-bottom: 4px;
	vertical-align: middle;
}

.bottom_col .col_title {
margin-left:-15px;
}

.bottom_col {
    margin-left: 30px;
    padding-top: 15px;
    padding-bottom: 25px;
    width: 300px;
}

#apartment_box {
    width:185px;
    height: 136px;
    background: url('img/apartment-box.png') no-repeat;
    margin-top: 35px;
    line-height: 17px;
}

#car_box {
    width:185px;
    height: 137px;
    background: url('img/car-box.png') no-repeat;
    margin-top: 35px;
    line-height: 17px;
}

#car_box span, #apartment_box span {
    display: block;
    float: right;
    margin-top: 17px;
    margin-right: 15px;
    text-align: right;
    font-weight: bold;
    color: #bdbdbf;
}

#apartment_box a {
    display: block;
    width:185px;
    height: 136px;
}

#car_box a {
    display: block;
    width:185px;
    height: 137px;
}

/* INNE USŁUGI APARTMENTS */

#inneuslugi_content {
    width: 960px;
    min-height: 360px; /* j.w */
    overflow: hidden;
}

.inneuslugi_thumbs {overflow: hidden; width: 336px;}
.inneuslugi_thumbs img {float: left;}

/* REFERENCJE */

#referencje_content {
    width: 960px;
    min-height: 360px; /* j.w */
    overflow: hidden;
}

#referencje_header {
    background: url('img/referencje_header.png') bottom center no-repeat;
    width: 961px;
    height: 393px;
}

.referencje img {border:1px #dedede solid; width: 130px; height: 193px; margin-bottom: 5px;}
.referencje {margin-bottom: 30px; overflow: hidden;}
.ref_img_box {float: left; width: 130px; margin-bottom: 15px; margin-right: 14px;}
.ref_img_caption {display: block; text-align: center; width: 130px; }

#calc_box li a {color: #dc2c2c;}