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

@import "reset.css";

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:13px;
	line-height:1.25em;
	position:relative;
	text-align:center;
	}
textarea, input, select {
	font-family:Arial, Helvetica, sans-serif;
} 
a {color:#000; text-decoration:underline;}
a:hover {text-decoration:none;} 
hr {display:none;}
p {line-height: 1.4em}
p.nadpis {font-size:1.5em;}


/* Farebne buttony */
a.btnsmall {display: block; width: 102px; height: 20px; text-align: center; color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; line-height: 20px; }
a.greensmall {background: url(img/btn-green-small.gif) no-repeat top left;}
a.orangesmall {background: url(img/btn-orange-small.gif) no-repeat top left;}
a.redsmall {background: url(img/btn-red-small.gif) no-repeat top left;}
a.silversmall {background: url(img/btn-silver-small.gif) no-repeat top left; color: #797373}
a.btnsmall:hover {background-position: bottom left;}
a.silversmall:hover {color: #fff;}

a.btn {display: block; width: 215px; height: 26px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; line-height: 26px; }
a.blue {background: url(img/btn-blue.gif) no-repeat top left;}
a.green {background: url(img/btn-green.gif) no-repeat top left;}
a.red {background: url(img/btn-red.gif) no-repeat top left;}
a.silver {background: url(img/btn-silver.gif) no-repeat top left; color: #797373}
a.btn:hover {background-position: bottom left;}
a.silver:hover {color: #fff;} 

a.btnbig {display: block; width: 286px; height: 25px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; text-decoration: none; line-height: 25px; }
a.bluebig {background: url(img/btn-blue-big.gif) no-repeat top left;}
a.silverbig {background: url(img/btn-silver-big.gif) no-repeat top left; color: #797373}
a.silverbig:hover {color: #fff;} 
a.btnbig:hover {background-position: bottom left;}

/****************************************************/
a#linkOR {color: #4074a5; text-decoration: none; font-size: 14px;}
a#linkOR:hover {text-decoration: underline;}

ul.horizontal {list-style-type: none;}
ul.horizontal li {float: left; margin: 0 25px 0 0;}
ul.horizontal li.last {margin:0;}

p.errormsg {font-size: 16px; font-weight: bold; color: #f00;}

table.filter select {font-size: 14px;}

input.submit {width:120px; height:23px; background:#dbe0e0 url(img/submit.gif) no-repeat scroll left top; font-weight:bold; margin-left: 10px; border:0; color:#7a898b; cursor:pointer;}
input.submit:hover {background-position:left bottom;}

/* Nastavenie farieb
*****************************************************************************************************************/
/* farba pozadia webu */
body {background:#dff4e4 url(img/bgr.gif) repeat-x scroll left top;}
/* farba textu zaloziek (uvod, predaj, prenajom) */
#header li a {color:#647577;}
/* farba textu nadpisov v sekciach (o spolocnosti, team nasich maklerov) */
p.nadpis {color: #00a651;}

/* ponuka v zozname - farba nazvu ponuky */
#list .listitem a {color: #766a4b;}

/* ponuka v zozname - farba datumu ponuky */
#list .listitem h3 {color:#766a4b;}

/* ponuka v zozname - farba textu nazvu poloziek (druh, plocha, okres)  */
#list .listitem ul {color:#7f7f7f;}

/* ponuka v zozname - farba textu poloziek samotnych */
#list .listitem ul strong {color:#000;}

/* ponuka detail - farba horneho pasiku */
#detail h2, #zoradovanie div.content {background:#40ac6b url(img/orange-t.gif) no-repeat scroll center top;}

/* nadpisy (rek. sekcia, detaily ponuky atd)  */
.promo h2, #list .listitem h2, #maindetail a.detailmapa, #maindetail h3 {color:#00a651;}
#list .listitem h2 a {color:#00a651;}


/* ponuka detail - farba textu detailn popisu nehnutelnosti */
p.popis {color: #000}

/* ponuka detail - farba textu nazvov poloziek */
#tabinfo .name {color:#7f7f7f;}
/* ponuka detail - farba textu nazvov poloziek (stat, okres ...)*/
#baseinfo strong {color:#7f7f7f;}
/* farba riadku v tabulke (kazdy neparny riadok) */
#tabinfo .odd td {background:#f4f4f4;} 

/* ponuka detail - farba textu poloziek samotnych */
#tabinfo .polozka {color:#000;}

/* ponuka detail - farba textu horneho pasiku */
#detail h2 {color: #fff}

/* ponuka detail - farba textu vsetky realitne ponuky maklera */
#dealers .makler p a.ponuky {color: #766a4b;}

/* kontaktny oblacik - farba textu */
#poradime {color: #fff}
/* pozadie (kym sa nenacita obrazok) - top (pod hladanim)*/
#top5 {background: #8e8a6f url(img/t5-t.gif) no-repeat scroll left top; padding:10px 0 0 10px; color:#000;}
/* top ponuky - nazov (pod hladanim)*/
#top5 a {color:#504e3f;}
/* top ponuky - cena(pod hladanim)*/
#top5 .cena {color: #fff}
/* farba pozadia velkej fotky v detaile */
#maindetail .image {float:left; display:block; background:#c4c4c4; max-width:360px; overflow:hidden; position:relative;}
/* farba textu (poslat na email, dohodnut prehliadku...) */
#tools a {color:#7f7f7f;}




#search {background:#4074a5 url(img/searchbgr.gif) repeat-y scroll left top;} /* farba boxu s vyhladavanim */
#search form {background:url(img/searchbgr-t.gif) no-repeat scroll left top;}
#search fieldset {background:url(img/searchbgr-b.gif) no-repeat scroll left bottom;}
#filter {background:#ffa200 url(img/orange-t.gif) no-repeat scroll center top;} /* farba fitra */
#filter p {background:url(img/orange-b.gif) no-repeat scroll center bottom;} /* farba fitra */


#list .listitem p, #maindetail .price {background: url(img/price.gif) no-repeat scroll center top;}
#detail h2 strong {background:url(img/orange-b.gif) no-repeat scroll center bottom;} /* farba fitra */

/* CSS
*****************************************************************************************************************/
#container {width:900px; margin:0 auto; text-align:left;}
#content {padding:10px 0;}
#list {float:right; width:639px; margin-left:10px;}
#sidebar {float:left; width:250px;}
#footer, #reality {clear:both; padding:10px 0 0 260px;}

#poradime {display: block; width: 249px; height: 83px; background-image: url(img/poradime.gif); font-size: 24px; font-weight: bold; text-align: center; line-height: 35px; margin-top: 10px;}
#poradime p {padding-top: 8px;}

#header {height:105px; background:url(img/top.jpg) no-repeat scroll right top;}
#header h1 a {display:block; width:305px; height:80px; position:absolute; line-height:75px; text-align:center; top: 30px;}
#header h1 a span {display:block; width:305px; height:80px; background:url(img/logo.gif) no-repeat scroll left top; position:absolute; left:0; top:0; cursor:pointer}
#header h1 a.second {display:block; width:130px; height:98px; position:absolute; line-height:75px; text-align:center; left: 305}
#header h1 a.second span.second {display:block; width:130px; height:98px; background:url(img/logo.gif) no-repeat scroll; position:absolute; margin-left: 300px; top:0; cursor:pointer}
#header ul {float:right; padding-top:76px;}
#header li {float:left; background:transparent url(img/menu1.gif) no-repeat scroll left top; margin-left:2px;}
#header li.active {background-color:#F1FAE7; background-image:url(img/menu1a.gif);}
#header li a {display:block; font-weight:bold; float:left; text-decoration:none; height:29px; line-height:29px; padding:0 9px; background:url(img/menu2.gif) no-repeat scroll right top;}
#header li a:hover {text-decoration:underline;}
#header li.active a {background-image:url(img/menu2a.gif);}

#footer div, #reality div {background:url(img/footer.gif) no-repeat scroll center top; padding:20px; padding-right: 0; text-align:center; height:120px; min-height:80px; color:#cbcbcb;}
#reality h4 {color:#cbcbcb; font-weight: normal;}
*>#footer p, #reality p {height:auto;}
#footer p label, #reality p label {color: #7f7f7f}
#footer a, #reality a {color:#cbcbcb; text-decoration: none;}
#footer a:hover, #reality a:hover {text-decoration: underline;}

#search {margin-bottom:10px; color:#fff;}
#filter {margin-bottom:10px;}

#pages {background:#fff url(img/white-b.gif) no-repeat scroll center bottom; margin:10px 0 0; width:639px;}
#pages p {padding:10px; background:url(img/white-t.gif) no-repeat scroll center top; text-align:center;}
#pages span {color:#fff;}
#pages a {color:#7ca9b1; text-decoration:none; padding:3px 5px;}
#pages a:hover {text-decoration:underline;}
#pages a.active {background:#7ca9b1; color:#fff; padding:3px 7px;}

#list .listitem {margin-bottom:5px; background:#fff url(img/white-b.gif) no-repeat scroll center bottom; position:relative;}
#list .listitem a {text-decoration: none;}
#list .listitem a:hover {text-decoration: underline;}
#list .listitem a.sledovane {text-decoration: none; text-align: center; line-height: 23px ;display: block; width:120px; height:23px; background:#dbe0e0 url(img/submit.gif) no-repeat scroll left top; font-weight:bold; border:0; color:#7a898b; position: absolute; top: 100px; right: 50px;}
#list .listitem a.sledovane:hover {background-position: left bottom;}
#list .listitem h2 {padding:10px 10px 0 154px; background:url(img/white-t.gif) no-repeat scroll center top; font-size:1.58em; font-weight:normal; line-height:1em; font-family:Calibri, Arial, Helvetica, sans-serif;}
#list .listitem h3 {padding:2px 10px 6px 154px;}
#list .listitem ul {padding:0 10px 10px 154px; line-height:1.2em;}
*>#list .listitem ul strong {font-weight:normal;}
#list .listitem p {position: absolute; right:20px; top:40px; width:185px; height:50px; overflow:hidden; line-height:25px; text-align:center; color:#fff; font-weight:bold;}
#list .listitem p strong {font-size:1.33em;}
#list .listitem .image {width:130px; height:100px; background:#c4c4c4 url(img/list-img.gif) no-repeat scroll left top; overflow:hidden; position:absolute; left:-144px; top:10px; text-align:center;}
*>#list .listitem .image {left:10px;}
#list .listitem .image img {border:1px solid #fff; margin:5px;}

#list .listitem.top {background-image:url(img/white-b-topponuka.gif);}
#list .listitem.top .image {background-image:url(img/list-img-topponuka.gif);}
          
.promo {margin:10px 0 10px 0; background:#fff; background:#fff url(img/white-s-b.gif) no-repeat scroll center bottom; position:relative;}
.promo h2 {padding:10px; background:url(img/white-s-t.gif) no-repeat scroll center top; font-size: 18px; line-height: 1.3em;}
.promo .image {display: block; background: #fff url(img/novostavba-imgbck.gif) no-repeat scroll left top; width: 110px; height:90px; margin:8px 0 0 10px; text-align: center; padding-top: 2px}
.promo .info {float: right; text-align: left; width: 115px; height:90px; margin:0 0 0 0;}
.promo .info ul {line-height: 1em}
.promo .image img {border:1px solid #fff;}
.promo li {margin-bottom:5px; font-size: 12px;}
.promo p {padding:10px; color:#7f7f7f; font-size: 12px;}
.promo a {color:#7f7f7f; text-decoration: none;}
.promo a:hover {color: #505050}
.promo .novostavbaMala {text-align: center;}
.promo .novostavbaMala a.imageLink {display: block; text-align: center;}

#search fieldset {padding:10px;}
#search label {display:block; width:107px; float:left; margin-right:10px; text-align:right; padding:3px 0;}
#search p {clear:both; margin-bottom:2px;}
#search select {width:200px; border:1px solid #3d4c4e; padding:2px; margin-right:-20px;}
#search input {width:100px; border:1px solid #3d4c4e; padding:2px 5px;}
#search input.checkbox {width:18px; border: 0;}
#search h2 {text-align:center; margin:0.5em 0 1em;}
#search .mini label {text-align:left; width:auto; float:left; padding:3px 0; margin-right:-10px;}
#search .mini input {width:auto; margin:0 3px 3px 113px; float:left; border:0;}
html>/**/body #search .mini input {margin:3px 10px 3px 115px;}
#search .btn input {width:230px; height:30px; text-align:center; background: transparent url(img/searchbtn.gif) no-repeat scroll left top; border:0; color:#fff; font-weight:bold; cursor:pointer;}

#filter p {padding:5px 10px;}
#filter label {padding:0 6px;}
#filter label.mini {padding:0 10px 0 5px;}
#filter select {padding:2px; border:1px solid #dc8c00; width:126px;}
#filter input {position:relative; top:2px;}

#contact {background-color: #fff;}
#contact fieldset {padding:0; }
#contact h2 {font-size:1.5em; font-weight:normal; margin-bottom:20px;}
#contact label {display:block; width:110px; float:left; text-align:left; margin-right:10px; padding:2px 3px;}
#contact label.small {color:#7f7f7f;}
#contact input {background:#f7f9f9; width:335px; padding:2px 5px; border:1px solid #0e5830; color:#628c92;}
#contact textarea {background:#f7f9f9; width:460px; padding:2px 5px; border:1px solid #0e5830; color:#628c92; overflow:auto; height:100px; margin-top:0;}
#contact textarea.dopyt {width: 600px;}
#contact form p {margin-bottom:3px;}
#contact .submit {width:120px; height:23px; background:transparent url(img/submit.gif) no-repeat scroll left top; font-weight:bold; margin-left: 10px; border:0; color:#7a898b; cursor:pointer;}
#contact .submit:hover {background-position:left bottom;}
#contact .reset {width:120px; height:23px; background:#e9ecec url(img/reset.gif) no-repeat scroll left top; font-weight:bold; border:0; color:#a6b1b2; cursor:pointer;}
#contact .reset:hover {background-position:left bottom;}

#detail {float:right; width:639px;}
#detail h2 {margin-bottom:10px; font-size:1.2em; line-height:1.2em;}
#detail h2 strong {display:block; padding:6px 10px; font-weight:normal;}
#detail h2 a {font-size: 13px;}
#detail h2 a.link {float:right; font-size:0.8em; background:#a3d6a2; display:block; width:120px; height:25px; margin-top:-3px; margin-right:-5px; text-align:center; text-decoration:none; line-height:25px; overflow:hidden; color:#fff;}
#detail h2 a.link:hover {color: #fff;}
#detail h2 strong ul.horizontal li {margin: 0 51px 0 0; font-size: 13px;}
#detail h2 strong ul.horizontal li.last {margin: 0;}
#detail h2 strong ul.horizontal li a {text-decoration: none; color: #000;}
#detail h2 strong ul.horizontal li a.active {color: #fff;}
#detail h2 strong ul.horizontal li a:hover {color: #fff;}

#zoradovanie {width: 639px; margin: 0 0 10px 0; padding: 0; float: right;}
#zoradovanie div.content {width: 639px; height: 28px; line-height: 30px;}
#zoradovanie div.btm {width: 639px; height: 5px; background: #b00204 url("img/orange-b.gif") no-repeat scroll center top;}
#zoradovanie ul {margin: 0 0 0 10px;}
#zoradovanie li {margin: 0 51px 0 0;}
#zoradovanie li.last {margin: 0;}
#zoradovanie a {color: #000; text-decoration: none;}
#zoradovanie a:hover, #zoradovanie a.active {color: #fff;}
#zoradovanie li.nadpis {color: #fff;}

#maindetail {background:#fff url(img/white-b.gif) no-repeat scroll center bottom; padding:20px 20px 20px 0;}
#maindetail .image img {border:1px solid #fff; margin:5px;}
html>/**/body #maindetail .image img {margin-bottom:2px;}
#maindetail .image:hover img {border-color:#000;}

#tools {background:url(img/white-t.gif) no-repeat scroll left top; margin:-20px 0 0 0; padding:20px 20px 10px 380px;}
#tools li {background:#eaeeee url(img/tools.gif) no-repeat scroll left top; margin-bottom:1px;}
#tools a {display:block; line-height:23px; padding-left:29px; text-decoration:none;}
#tools a:hover {text-decoration:underline;}
#tools .msg a {background:url(img/tools-msg.gif) no-repeat scroll 10px 7px;}
#tools .mail a {background:url(img/tools-mail.gif) no-repeat scroll 10px 8px;}
#tools .watch a {background:url(img/tools-watch.gif) no-repeat scroll 10px 7px;}
#tools .print a {background:url(img/tools-print.gif) no-repeat scroll 10px 7px;}

#baseinfo {padding-left:380px; margin-top:10px;}
#baseinfo strong {display:block; width:65px; float:left; font-weight:normal; margin-right:5px;}
#baseinfo a {margin-left:70px; margin-bottom:1em; display:block;}

#tabinfo {width:310px; float:right; margin-left:20px; margin-bottom:20px;}
#tabinfo h3 {margin:10px 0;}
#tabinfo td {padding:3px 5px 2px;}

#maindetail p.price {width:185px; height:50px; overflow:hidden; line-height:25px; text-align:center; color:#fff; font-weight:bold; margin:10px 0 10px 40px;}
#maindetail p.price strong {font-size:1.33em;}
#maindetail h3 {margin:1.5em 0 0.5em;}
#maindetail p {margin:1em 0;}
#maindetail hr {display:block; height:0; color:#fff; clear:both; border:0;}
html>/**/body #maindetail hr {margin-bottom:20px;}

#gallery {border-top:1px solid #ededed; margin:20px 0 0 20px;}
#gallery li {float:left; margin:0 10px 10px 0;}
#gallery a {width:130px; height:100px; background:#c4c4c4 url(img/list-img.gif) no-repeat scroll left top; overflow:hidden;  display:block; text-align:center;}
#gallery img {border:1px solid #fff; margin:5px;}
#gallery a:hover img {border-color:#000;}

#dealers {padding-top:5px; clear: both; font-size: 12px; line-height: 1.2em;}
#dealers img {float:left; margin:10px 20px;}
#dealers h3 {margin-bottom:-0.5em; margin-top:11px; font-size: 14px;}
#dealers h3 img {margin:0; float:none;}
#dealers .mail {color:#000; text-decoration: none;}
#dealers p {margin:0.5em 0; font-size: 14px;}
#dealers .makler {width: 580px;}
#dealers .maklerlinky {float: right; }

#top5 .top {clear: both; margin:0 0 10px 0;}
#top5 .nazov {height:32px; overflow: hidden; margin-top: 0;}
#top5 .cena {float: right; margin:0 0 0 -15px; width: 165px; text-align: left;}
#top5 .image {float:left; margin:0 10px 10px 0; width: 65px; text-align: center;}
#top5 img {border:1px solid #fff;}
html>/**/body #top5 p {margin-bottom:10px;}
#top5 a {font-weight:bold; text-decoration: none; font-size: 1em}
#top5 a:hover {text-decoration: underline;}
#top5 .last {background:url(img/t5-b.gif) no-repeat scroll left bottom; padding:0; margin:0 0 0 -10px ;}

td.indent {text-indent: 35px;}

#section {margin:0 0 0 260px}
p.navi {color: #0308f2; font-size: 18px;}
p.navi a {text-decoration: none; color: #0308f2;}
p.navi a:hover {text-decoration: underline;}

#mapaitem {width: 100%; height: 400px;}
#mapaprofil {width: 900px; height: 400px;}

#divPoznamka {background-color: #fff; position: absolute; border: 3px solid #000; z-index: 150;}
*>#divPoznamka {width: 450px}
#divPoznamka textarea {margin-top: 15px; width: 350px; height: 250px;}
#divPoznamka p {margin-top: 5px; font-size: 1.2em;}
#divPoznamka a {color: #000; text-decoration: none; font-weight: bold; float: right; margin: 5px 5px 5px 0; background-color: silver;}
#divPoznamka a:hover {color: #00f; text-decoration: underline;}

#mapa {display: block; position: absolute; width: 700px; height: 400px; margin-left: auto; margin-right: auto; top: 150px; border: 3px solid #000; }

#realitkadetail {padding: 0 0 0 20px;}
#realitkadetail img {float: left; padding-right: 30px}
#realitkadetail img.map {float: right;}

#maklerfoto img {float: left; }
#maklerfoto p {padding: 50px 0 0 135px;}

#ponukymenu {width: 900px; }
#ponukymenu #vlavo {float: left; }
#ponukymenu #vpravo {float: right; width: 282px; text-align: left; font-size: 14px; }
#ponukymenu #stred {padding: 0 0 0 270px; }

#zoradit {width: 865px; margin:20px 0 0 0; clear: all}
#zoradit a.active {background-position: left bottom; color: #fff;}

#dPoznamka {background-color: #fff; position: absolute; border: 3px solid #000; z-index: 150;}
*>#dPoznamka {width: 450px}
#dPoznamka textarea {margin-top: 15px; width: 350px; height: 250px}
#dPoznamka p {margin-top: 5px; font-size: 1.2em;}
#dPoznamka p.top {text-align: left;}
#dPoznamka p.top small {font-size: 12px;}


.dopyt {margin: 0 0 20px 0;}
.dopyt .top {width: 899px; height: 8px;}
.dopyt .toprk {background-image: url(img/dopyt-green-top.gif);}
.dopyt .topzoznam {background-image: url(img/dopyt-silver-top.gif);}
.dopyt .mid {width: 899px;}
.dopyt .midrk {background-color: #e5fde7;}
.dopyt .midzoznam {background-color: #e5e6fd;}
.dopyt .mid p {margin: 30px 5px 0 5px; color: #6b6967;}
.dopyt .mid .info {float: left;}
.dopyt .mid .info ul {margin: 0 0 0 5px;}
.dopyt .mid .info ul li {margin: 0 70px 0 0;}
.dopyt .mid .info ul li.last {margin: 0;}
.dopyt .mid .info ul li a {text-decoration: none;}
.dopyt .mid .info ul li label {font-weight: bold;}
.dopyt .mid .btn {float: right;}
.dopyt .btm {width: 899px; height: 8px;}
.dopyt .btmrk {background-image: url(img/dopyt-green-btm.gif);}
.dopyt .btmzoznam {background-image: url(img/dopyt-silver-btm.gif);}

.oblacik {background: #fff url(img/white-t.gif) no-repeat scroll center top; }
.oblacik p {padding: 10px 10px 10px 10px;}
.oblacikbtm {height: 5px; background: url(img/white-b.gif) no-repeat scroll center bottom; }

.oblaciksivy {width: 620px; background: #f7f9f9 url(img/silver-t.gif) no-repeat scroll center top;}
.oblaciksivybtm {height: 5px; width: 620px; background: url(img/silver-b.gif) no-repeat scroll center bottom; }

#detailPopup {background-color: #fff; position: absolute; border: 3px solid #000; z-index: 150; padding: 5px;}
*>#detailPopup {width: 450px} 
#detailPopup p {color: #797382;}
#detailPopup select {color: #797382}
#detailPopup label {width: 70px; display: block; float: left; text-align: left;}
#detailPopup input {background-color: #f7f9f9; color: #a1a2a2; width: 345px; border:1px solid #eaeeee;}
#detailPopup textarea {width: 420px; height: 165px; background-color: #f7f9f9; color: #a1a2a2; border:1px solid #eaeeee;}
#detailPopup .submit {width:120px; height:23px; background:#dbe0e0 url(img/submit.gif) no-repeat scroll left top; font-weight:bold; margin-left: 10px; border:0; color:#7a898b; cursor:pointer;}
#detailPopup .submit:hover {background-position:left bottom;}
#detailPopup .reset {width:120px; height:23px; background:#e9ecec url(img/reset.gif) no-repeat scroll left top; font-weight:bold; border:0; color:#a6b1b2; cursor:pointer;}
#detailPopup .reset:hover {background-position:left bottom;}

#mapakontakt {width: 350px; height: 245px; float: right; margin-right: 20px;} 

#flags {float: left; z-index: 100;}
#flags a {float: left; margin: 1px 10px 0 0;}
#flags img {float: left; border: 0;}