@import url('https://vixcrm.com/styles_/styles1fa_.css');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;500;700&display=swap');

:root
{
--gold-color:#fff;
--gold-color-tr:#938776;
--gold-color-tr1:#93877688;
--gold-color-tr2:#93877644;
--dark-color:#3e4a8c;
--white:#fff;

	--head-bg-color:#3e4a8c;
	--head-bg-color2:#565489;
	--body-bg-color:#fff;
	--main-color-tr:#3e4a8caa;
       --menu-txt-color:#fff;
       --menu-txt-color2:#fff;
       --menu-txt-color-tr:#fff88;
       --contact-bg:#3e4a8c;
	--foot-bg-color:#565489;
        --foot-txt-color:#fff;
	--bg-color:#fff; --tx0-color:#000; --tx1-color:#333;
	--sh0-color:#000; --sh1-color:#0008; --hov-color:#b47d7e44;
	--main-image:url(/files_/arkada_.webp) no-repeat top;
	--offers-width:664px;
	--size-out:332px; --size-ins:322px;
	--info-top:247px; --info-height:80px;
}
* { box-sizing:border-box; }
body { margin:0px; padding:0px; background:#fff; color:#111; font-family:"Raleway", tahoma, arial; }
body.fix form#form2search { position:fixed; top:0px; margin-left:715px; }
body.oferty-nieruchomosci { background:#fafafa; }
h1 { margin:0px; padding:0px; }
h2 { margin:0px; padding:0px; }
h3 { margin:0px; padding:0px; }
h3.ca { text-align:center; }
h4 { margin:0px; padding:0px; }
h5 { margin:0px; padding:0px; }
h6 { margin:0px; padding:0px; }
div.clear { clear:both; }
header { background:var(--head-bg-color); }
header > div.top { width:1000px; margin:0px auto; padding-top:10px; text-align:center; }
header > div.top > a { display:inline-block; margin:0px; margin-top:10px; padding:0px; }
header > div.top > a > img.logo { height:70px; margin:0px; }
header > nav#nav2menu { text-align:center; }
header > nav#nav2menu ul { display:inline-block; list-style:none; width:auto; margin:0px auto; margin-bottom:10px; padding:0px; }
header > nav#nav2menu ul li { float:left; }
header > nav#nav2menu ul li a { display:inline-block; margin:0px; padding:10px 15px; color:var(--menu-txt-color); text-decoration:none; text-transform:uppercase; font-weight:bold; font-size:16px; }
header > nav#nav2menu ul li a:hover { background:var(--hov-color); }
header > nav#nav2menu ul li.mobi { display:none; cursor:pointer; }
header > nav#nav2menu ul li.mobi a { font-size:32px; }

div.main { width:1000px; margin:0px auto; padding:20px; }
div.main > div.i { padding:0px; padding-bottom:60px; }
body.in2about div.main > div.i { padding-top:30px; }
body.in2offer2id div.main > div.i { padding-top:30px; }
body.in2services div.main > div.i { padding-top:30px; }
body.in2contact div.main > div.i { padding-top:30px; }
div.main > div.i > p.j { text-align:justify; }
div.main > div.i > div.fl { width:710px; margin-top:10px; padding:15px; float:right; }
div.main > div.i.offer
{
	text-align:center;
}
div.main > div.i.offer > h1 { display:inline-block; text-transform:uppercase; border-bottom:solid 1px var(--main-color); padding:5px 0px; }
div.main > div.i.offer > strong { display:inline-block; font-weight:300; padding:10px 0px; }
div.main > div.i.offer > div.photos
{
	margin:25px 0px; overflow:hidden;
}
div.main > div.i.offer > div.photos > img
{
	display:block; width:33%; height:250px; margin:0px; padding:0px; float:left;
	border:solid 5px transparent; cursor:pointer; object-fit:cover;
}
div.main > div.i.offer > div.photos > img:hover { border-color:#eee; }
div.main > div.i.offer > div.desc { padding:0px 10px; font-weight:300; text-align:left; line-height:1.5em; }

div.main > div.i.offer > div.tables { width:90%; margin:0px auto; margin-top:25px; }
div.main > div.i.offer > div.tables table.prop { width:45%; border-spacing:0px; border-collapse:separate; float:left; margin-bottom:1em; }
div.main > div.i.offer > div.tables table.prop.ra { float:right; }
div.main > div.i.offer > div.tables table.prop tr td { padding:5px; font-weight:300; text-align:left; }
div.main > div.i.offer > div.tables table.prop tr th { padding:10px 5px; }
div.main > div.i.offer > div.tables table.prop tr td.c3 { padding:5px; font-weight:normal; }
div.main > div.i.offer > div.tables table.prop tr:nth-of-type(2n) td { background:#fafafa; }

form#form2search { width:285px; float:left; padding:10px; margin-top:10px; background:linear-gradient(45deg, #e39d77 0%, #a77580 50%, #e39d77 100%); }
form#form2search > label { display:block; padding:5px 2px; color:#fff; font-size:11px; text-transform:uppercase; }
form#form2search > div.i { padding-bottom:10px; }
form#form2search > div > input { display:block; width:100%; height:33px; padding:5px; border:solid 2px #eee; border-radius:2px; outline:none; }
form#form2search > div > input#f2price1 { width:50%; float:left; border-top-right-radius:0px; border-bottom-right-radius:0px; border-right:none; }
form#form2search > div > input#f2price2 { width:50%; float:left; border-top-left-radius:0px; border-bottom-left-radius:0px; }
form#form2search > div > input#f2area1 { width:50%; float:left; border-top-right-radius:0px; border-bottom-right-radius:0px; border-right:none; }
form#form2search > div > input#f2area2 { width:50%; float:left; border-top-left-radius:0px; border-bottom-left-radius:0px; }
form#form2search > div > select { display:block; width:100%; height:33px; padding:5px; border:solid 2px #eee; border-radius:2px; outline:none; color:#222; }
form#form2search a.button { display:block; max-width:150px; margin:20px auto; padding:10px; font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; background:var(--head-bg-color); color:#fff; border-radius:2px; cursor:pointer; }

div.images { width:100%; height:auto; position:relative; }
div.images form#form2search { margin:10px; box-shadow:1px 1px 10px var(--sh1-color), 1px 1px 20px var(--sh1-color); }
div.images > div.img { width:100%; height:auto; padding:40px; background:var(--main-image); background-size:cover; color:#fff; }
div.images > div.img > div.fl { width:950px; padding:25px 0px; padding-right:50px; padding-top:20vh; text-align:center; float:right; }
div.images > div.img h1 { font-size:62px; text-transform:uppercase; text-shadow:1px 1px 15px var(--sh0-color), 1px 1px 5px var(--sh0-color); }
div.images > div.img span { display:inline-block; padding:10px; font-size:30px; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px 15px var(--sh0-color), 1px 1px 5px var(--sh0-color); }

div#div2offers { width:var(--offers-width); padding:5px 0px; float:right; }
div#div2offers > div.o { position:relative; width:var(--size-out); height:var(--size-out); padding:5px; float:left; }
div#div2offers > div.o > a { display:inline-block; width:var(--size-ins); height:var(--size-ins); cursor:pointer; }
div#div2offers > div.o > a > img { width:var(--size-ins); height:var(--size-ins); object-fit: cover; border:solid 2px #ccc; border-radius:2px; background:#fafafa url(/bg/nph_.png) no-repeat center; background-position:50% 35%; }
div#div2offers > div.o > a > span.status { display:block; position:absolute; margin:5px; padding:3px 5px; font-size:9px; }
div#div2offers > div.o > a > span.status.s4 { background:#B7CE0D; color:#fff; }
div#div2offers > div.o > a > span.status.s5 { background:#81b624; color:#fff; }
div#div2offers > div.o > a > span.status.s6 { background:#3F993F; color:#fff; }
div#div2offers > div.o > a > span.i
{
	display:block;
	position:absolute; top:var(--info-top);
	width:var(--size-ins); height:var(--info-height); padding:10px;
	background:#fff; color:var(--tx0-color); border:solid 2px #ccc; border-top:none;
}
div#div2offers > div.o > a > span.i > span.price { display:block; font-size:19px; font-weight:900; position:absolute; width:auto; height:30px; line-height:30px; right:0px; margin-top:-39px; padding:0px 10px; background:#fff; text-align:right; }
div#div2offers > div.o > a > span.i > span.price > small { font-weight:normal; font-size:9px; }
div#div2offers > div.o > a > span.i > span.price::before {}
div#div2offers > div.o > a > span.i > span.city { display:block; text-transform:uppercase; font-size:16px; font-weight:bold; }
div#div2offers > div.o > a > span.i > span.prtr { display:block; text-transform:uppercase; font-size:16px; font-weight:bold; }
div#div2offers > div.o > a > span.i > span.area { display:block; font-size:11px; font-weight:300; padding-top:5px; }

body.in2main > div#div2offers { width:100%; text-align:center; padding-top:15px; }
body.in2main > div#div2offers > div.o { display:inline-block; float:none; }
body.in2main > div#div2offers > div.o > a > img { border-color:transparent; }
body.in2main > div#div2offers > div.o > a > span.i { border-color:transparent; }

div#form2contact { background:var(--head-bg-color) linear-gradient(180deg, var(--head-bg-color) 0%, var(--head-bg-color2) 100%); color:#fff; padding:45px 0px; }
div#form2contact > div.i { width:1000px; margin:0px auto; padding:0px; }
div#form2contact > div.i > h4 { display:block; font-size:24px; margin:0px; padding:0px; padding-bottom:30px; text-align:center; }
div#form2contact > div.i > div.p1 { width:50%; padding-right:18px; float:left; }
div#form2contact > div.i > div.p2 { width:50%; padding-left:18px; float:right; }
div#form2contact > div.i > div > div.row { margin:0px; margin-bottom:10px; }
div#form2contact > div.i > div > div.row > label { display:block; padding:6px 0px; }
div#form2contact > div.i > div > div.row > input { display:block; width:100%; margin:0px; padding:10px; border:solid 2px var(--gold-color-tr2); border-radius:2px; outline:none; font:inherit; }
div#form2contact > div.i > div > div.row > input:focus { border-color:var(--gold-color); }
div#form2contact > div.i > div > div.row > textarea { display:block; width:100%; height:128px; margin:0px; padding:10px; border:solid 2px var(--gold-color-tr2); border-radius:2px; outline:none; font:inherit; }
div#form2contact > div.i > div > div.row > textarea:focus { border-color:var(--gold-color); }
div#form2contact > div.i > div > div.row > img.captcha { display:block; width:140px; height:43px; float:left; border:dashed 2px var(--white); }
div#form2contact > div.i > div > div.row > input#captcha { display:block; width:140px; height:43px; padding:0px; float:left; margin-left:10px; text-align:center; color:#fff; background:none; border:dashed 2px var(--white); }
div#form2contact > div.i > div > div.row > input#captcha::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #8888; opacity: 1; /* Firefox */ }
div#form2contact > div.i > div > div.row > a.button { display:inline-block; height:43px; line-height:43px; background:var(--gold-color); color:var(--dark-color); padding:0px 15px; border-radius:2px; float:right; cursor:pointer; }
div#form2contact > div.i > div > div.row.send { padding-top:31px; }

div.licence { width:100%; }
div.licence > a { display:block; width:100%; max-width:827px; margin:0px auto; }
div.licence > a > img { display:block; width:100%; }

footer { background:var(--foot-bg-color); color:var(--white); font-size:13px; }
footer > div.i { width:1000px; margin:0px auto; padding:15px 0px; text-align:center; }
footer > div.i > img.logo { height:25px; margin:20px 5px; }
footer > div.i > ul { display:inline-block; list-style:none; width:100%; margin:0px auto; margin-bottom:10px; padding:0px; padding-bottom:15px; font-size:13px; border-bottom:dashed 1px var(--menu-txt-color-tr); }
footer > div.i > ul li { display:inline-block; }
footer > div.i > ul li a { display:inline-block; margin:0px; padding:15px 10px; color:var(--foot-txt-color); text-decoration:none; text-transform:uppercase; font-weight:bold; }
footer > div.i > ul li a:hover { background:var(--hov-color); }
footer > div.i > div.col { display:inline-block; width:100%; padding:0px; text-align:center; float:none; }
footer > div.i > div.col.c0 { padding:10px; padding:30px 0px; padding-bottom:10px; }
footer > div.i > div.col.c1 { padding-top:15px; }
footer > div.i > div.col.c2 { border-bottom:dashed 1px var(--gold-color-tr1); margin-top:10px; padding-bottom:25px; }
footer > div.i > div.col > a { display:inline-block; color:var(--menu-txt-color2); text-decoration:none; padding:3px 5px; }
footer > div.i > div.col > a.uc { text-transform:uppercase; font-weight:bold; padding-bottom:10px; }
footer > div.i > a { color:#fff; }

@media screen and (max-width:1350px)
{
	div.images > div.img > div.fl { width:850px; padding-right:100px; }
}
@media screen and (max-width:1250px)
{
	div.images > div.img > div.fl { width:750px; padding-right:100px; }
	div.images > div.img h1 { font-size:54px; }
}
@media screen and (max-width:1150px)
{
	div.images > div.img > div.fl { width:600px; padding-right:50px; }
	div.images > div.img h1 { font-size:34px; }
	div.images > div.img span { font-size:18px; }
}
@media screen and (max-width:1050px)
{
	header > div.top { width:100%; }
	header > nav#nav2menu ul { width:auto; }
	div.main { width:100%; }
	div#form2contact > div.i { width:100%; max-width:600px; padding:0px 20px; }
	div#form2contact > div.i > div.p1 { width:100%; float:none; padding:0px; }
	div#form2contact > div.i > div.p2 { width:100%; float:none; padding:0px; }
	footer > div.i { width:100%; }
}
@media screen and (max-width:1000px)
{
	header > nav#nav2menu ul li.mobi { display:inline-block; width:100%; float:none; text-align:center; }
	header > nav#nav2menu ul li.mobi a { padding:20px 28px; }
	header > nav#nav2menu ul li.tm2contact { display:inline-block; }
	header > nav#nav2menu ul:not(.on) li:not(.mobi) { display:none; }
	header > nav#nav2menu ul.on li { width:100%; float:none; text-align:center; }
	header > nav#nav2menu ul.on li a { padding:20px 28px; }
	div.images form#form2search { width:100%; max-width:500px; margin:0px auto; float:none; }
	div.images > div.img > div.fl { width:100%; padding:0px; float:none; margin-bottom:20px; }
	div.main > div.i form#form2search { width:100%; max-width:500px; margin:0px auto; float:none; }
	div.main > div.i > div.fl { width:100%; padding:20px; float:none; }
	div.main > form#form2search { width:100%; max-width:500px; margin:0px auto; float:none; }
	div#div2offers { width:100%; text-align:center; }
	div#div2offers > div.o { display:inline-block; float:none; }
	div.main > div.i.offer > div.photos > img { width:50%; }
}
@media screen and (max-width:600px)
{
div.main > div.i.offer > div.tables table.prop { width:100%; float:none; }
div.main > div.i.offer > div.tables table.prop.ra { float:none; }
}
@media screen and (max-width:500px)
{
	div.images > div.img h1 { font-size:24px; }
	div.images > div.img span { font-size:12px; }
	div.images > div.img { padding:20px; }
	div.main > div.i.offer > div.photos > img { width:100%; }
	div#form2contact > div.i > div > div.row > img.captcha { width:100%; max-width:200px; height:61px; margin:0px auto; float:none; }
	div#form2contact > div.i > div > div.row > input#captcha { width:100%; max-width:200px; margin:0px auto; margin-top:10px; float:none; }
	div#form2contact > div.i > div > div.row > a.button { display:block; width:100%; max-width:200px; margin:0px auto; margin-top:10px; float:none; text-align:center; }
}
@media screen and (max-width:375px)
{
	div#div2offers > div.o { width:100%; padding:5px 0px; }
	div#div2offers > div.o > a { width:100%; }
	div#div2offers > div.o > a > img { width:100%; }
	div#div2offers > div.o > a > span.i { width:100%; }
}

div.vixcrm { margin-top:20px; padding:10px; padding-top:20px; border-top:dashed 1px var(--gold-color-tr2); }
div.vixcrm img { height:15px; }