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

@import "reset.css";

body {
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff url(img/bgr.gif) repeat-y scroll center top;
	font-size:13px;
	line-height:1.25em;
	position:relative;
	text-align:center;
	}
textarea, input, select {
	font-family:Arial, Helvetica, sans-serif;
} 
a {color:#bc0207; text-decoration:underline;}
a:hover {text-decoration:none;} 
hr {display:none;}
p {line-height: 1.4em}
p.nadpis {font-size:1.5em;}
.floatLeft {float: left;}
.floatRight {float: right;}
.hidden {display: none;}
.red {color: #f00;}
.note {font-size: 10px;}
img {border: 0;}


/* 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: #ffcc33}
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: #ffcc33}
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: #ffcc33}
a.silverbig:hover {color: #fff;} 
a.btnbig:hover {background-position: bottom left;}

/****************************************************/
a#linkOR {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;}



#list .listitem p, #maindetail .price {background: url(img/price.gif) no-repeat scroll center top; color:#fff;}

/* 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;}
#include {float: right; width: 640px;}

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

#header {height:120px; background:url(img/top.jpg) no-repeat scroll right top; margin:0 -10px; border-top:20px solid #b2b2b2;}
#header a.header {display:block; width:250px; height:75px; position:relative; line-height:75px; text-align:center}
#header a.header span {display:block; width:250px; height:75px; background:url(img/logo.gif) no-repeat scroll left top; position:absolute; left:0; top:0; cursor:pointer}
#header a.second {display:block; width:130px; height:98px; position:absolute; line-height:75px; text-align:center; left: 305}
#header 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 {clear:both; background:#999; height:30px; border-bottom:3px solid #bc0207; margin-top:10px; padding-left:525px;}
#header li {float:left; background:#b00 url(img/menu1.gif) no-repeat scroll left top; margin-left:3px; margin-top:5px; position:relative;}
#header li.active {background-color:#900; background-image:url(img/menu1a.gif);}
#header li a {display:block; color:#fff; font-weight:bold; float:left; text-decoration:none; height:25px; line-height:25px; 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);}

#header li ul {position:absolute; left:0; top:25px; width:150px; background:#666; margin:0; padding:0; display:none;z-index:2;}
#header li:hover ul {display:block;}
#header li.active li, #header li li {margin:0; padding:0; border:0; background:#666; float:none;}
#header li.active ul a, #header li ul a {margin:0; padding:1px 5px; display:block; background:#666; color:#fff; float:none; border-bottom:1px solid #aaa;}
#header li.active ul a:hover, #header li ul a:hover {background:#444; text-decoration:none;}

#footer, #reality {background:#fff /*url(img/white-t.gif) no-repeat scroll center top*/; padding: 20px 0 0 0; text-align:center; margin-top: 20px; height: 80px; width: 640px; color:#cbcbcb; float: right;}
#footer p label, #reality p label {color: #000000}
#footer a, #reality a {color:#cbcbcb; text-decoration: none;}
#footer a:hover, #reality a:hover {text-decoration: underline;}
#footer h4, #reality h4 {color: #cbcbcb; margin: 0; font-weight: normal;}

#search {margin-bottom:10px;}
#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:#000; color:#fff; padding:3px 7px;}

.pages {width: 639px; margin: 0 0 10px 0; padding: 0; float: right; height: 30px; line-height: 30px; text-align: center;}
.pages {background: #fff /*url("img/white-b.gif") no-repeat scroll center bottom*/;}
.pages a, .pages span {color: #7ca9b1; text-decoration: none; margin: 0 5px;}
.pages a:hover, .pages span.inactive {color: #000;}

#list .listitem {margin-bottom:5px; background:#f2f2f2 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; color:#adc13f;}
#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:#efefd3 url(img/white-s-b.gif) no-repeat scroll center bottom;}
.promo p.nadpis {padding:10px; background:url(img/white-s-t.gif) no-repeat scroll center top; font-size: 18px; line-height: 1.3em;}
.promo .image {background: #000 url(img/novostavba-imgbck.gif) no-repeat scroll left top; width: 110px; height:80px; margin:4px 15px 0 10px; text-align: center; padding-top: 2px; float: left;}
.promo .image img {border:1px solid #fff;}
.promo li {margin-bottom:2px; font-size: 12px;}
.promo p {padding:10px; color:#000000; font-size: 12px;}
.promo a {text-decoration: none;}
.promo a:hover {text-decoration:underline;}
.novostavbaMala {padding-bottom: 5px;}
.novostavbaMala div {width: 100%; text-align: center; padding-bottom: 5px;}
.promo .novostavbaMala a.imageLink {display: block; text-align: center;}

#search form {background:#efefd3 url(img/searchbgr-t.gif) no-repeat scroll left top;}
#search fieldset {background:url(img/searchbgr-b.gif) no-repeat scroll left bottom; 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:100%; border:1px solid #3d4c4e; padding:2px; margin-right:-20px;}
#search input {width:95%; border:1px solid #3d4c4e; padding:2px 5px;}
#search select.halfwide {width: 49%; margin: 0;}
#search input.checkbox {width: 25px; border: none;}
#search span {text-align:center; margin: 5px; color:#000; width: 95%; display: block; font-weight: bold;}
#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 {background:#e6a77d url(img/orange-t.gif) no-repeat scroll center top;padding:5px 10px;}
#filter p {background:url(img/orange-b.gif) no-repeat scroll center bottom;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 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 #eaeeee; color:#628c92;}
#contact textarea {background:#f7f9f9; width:460px; padding:2px 5px; border:1px solid #eaeeee; 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:#fff; 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:#fff; 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; background:#bc0207 url(img/orange-t.gif) no-repeat scroll left top; color:#fff;}
#detail h2 strong {display:block; padding:6px 10px; font-weight:normal; background:url(img/orange-b.gif) no-repeat scroll left bottom;}
#detail h2 a {font-size: 13px;}
#detail h2 a.link {float:right; font-size:0.8em; background:#df3d16; 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: #000;}
#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:underline; color: #fff;}
#detail h2 strong ul.horizontal li a.active {color: #000;}
#detail h2 strong ul.horizontal li a:hover {text-decoration:none;}

#zoradovanie {width: 639px; margin: 0 0 10px 0; padding: 0; float: right; background:#bc0207 url(img/orange-t.gif) no-repeat scroll center top;}
#zoradovanie div.content {width: 639px; height: 28px; line-height: 30px;}
#zoradovanie div.btm {width: 639px; height: 5px; background: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: #fff; text-decoration: underline;}
#zoradovanie a:hover, #zoradovanie a.active { text-decoration: none;}
#zoradovanie li.nadpis {color: #fff;}

#maindetail {background:#F2F2F2 url(img/white-b.gif) no-repeat scroll center bottom; padding:20px 20px 20px 0;}
#maindetail .image {float:left; display:block; max-width:360px; overflow:hidden; position:relative;}
#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:#e2e2e2; 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 #666; 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 3px 0 0; float:none;}
#dealers p {margin:0.5em 0; font-size: 14px;}
#dealers .makler {width: 580px; padding: 15px 0 0;}
#dealers .maklerlinky {float: right; }

#top5 {background:#83c0db url(img/t5-t.gif); padding-left:10px; padding-top:10px;}
#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;}
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;}

#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: #f2f2f2 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;}

#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;} 
#mapa {width: 700px; height: 400px;}

#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container a.modalCloseImg {
    background:url(img/x.png) no-repeat; /* adjust url as required */
    width:25px;
    height:29px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:-15px;
    right:-18px;
    cursor:pointer;
}

#simplemodal-container {background-color: #fff; position: absolute; border: 3px solid #000; z-index: 150; padding: 5px;}
#simplemodal-container p {color: #797382;}
#simplemodal-container select {color: #797382}
#simplemodal-container label {width: 70px; display: block; float: left; text-align: left;}
#simplemodal-container input {background-color: #f7f9f9; color: #a1a2a2; width: 345px; border:1px solid #eaeeee;}
#simplemodal-container textarea {width: 420px; height: 165px; background-color: #f7f9f9; color: #a1a2a2; border:1px solid #eaeeee;}
#simplemodal-container .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;}
#simplemodal-container .submit:hover {background-position:left bottom;}
#simplemodal-container .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;}
#simplemodal-container .reset:hover {background-position:left bottom;}

#referencie {font-size: 11px;}
#referencie ul {padding: 0 0 0 30px;}
#referencie li {list-style: disc outside url("img/arr_right.gif")}