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

@import "reset.css";

body {
	font-family:Arial, Helvetica, sans-serif;
	background:#eaeeee url(img/bgr.gif) repeat-x scroll left top;
	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;}
h1 {font-size: 16px; padding: 15px;}
.floatLeft {float: left;}
.floatRight {float: right;}
.hidden {display: none;}
.red {color: #f00;}
.note {font-size: 10px;}

/* 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: #f82a2a; text-decoration: none; font-size: 14px;}*/
a#linkOR {color: #00f; text-decoration: none; font-size: 14px; margin-left: 10px;}
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
*****************************************************************************************************************/
#header li a {color:#647577;} /* farba pisma menu */
#search {background:transparent 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 */
/*#promo h2, #list .listitem h2, #maindetail a.detailmapa, #maindetail h3 {color:#fa4b00;}*/
.promo h2, #list .listitem h2, #maindetail a.detailmapa, #maindetail h3 {color:#486eff;}
/*#list .listitem h3 {color:#ffa200;}*/
#list .listitem h3 {color:#809ea4;}
#list .listitem p, #maindetail .price {background: url(img/price.gif) no-repeat scroll center top;}
/*#detail h2 {background:#ffa200 url(img/orange-t.gif) no-repeat scroll center top;} /* farba nadpisu v detaile */
#detail h1 {background:#5d7ba9 url(img/orange-t.gif) no-repeat scroll center top;} /* farba nadpisu v detaile */
#detail h2 {color: #486EFF;}
#zoradovanie div.content {background: #5d7ba9 url("img/orange-t.gif") no-repeat scroll center top;} /* pozadie oblaciku zoradovania*/
#detail h1 strong {background:url(img/orange-b.gif) no-repeat scroll center bottom;} /* farba fitra */
#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;*/}
#adminlist {margin:0}
#sidebar {float:left; width:250px;}
#include {float: right; width:640px;}
#footer, #reality {clear:both; padding:10px 0 0 260px;}

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

#sitemap {float: right;}

#header {height:105px;}
#header a.header {display:block; width:305px; height:75px; position:relative; line-height:75px; text-align:left;}
#header a.header span {display:block; width:372px; height:97px; background:url(img/logo-atrio.gif) no-repeat scroll left top; position:absolute; left:-52px; top:0; cursor:pointer;}
#header ul {float:right; padding-top:1px;}
#header li {float:left; background:#eaeeee url(img/menu1.gif) no-repeat scroll left top; margin-left:2px;}
#header li.active {background-color:#eaeeee; 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 {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:#fff url(img/white-b.gif) no-repeat scroll center bottom; position:relative;}
/*#list .listitem a {text-decoration: none; color: #fa4b3a;}*/
#list .listitem a {text-decoration: none; color: #00f;}
#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; color:#7f7f7f; line-height:1.2em;}
#list .listitem ul strong {color:#000; 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 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; font-weight: bold;}
.promo .image {display: block;  background: #fff url(img/novostavba-imgbck.gif) no-repeat scroll left top; width: 110px; height:90px; margin:0 0 0 10px; text-align: center; float: left;}
.promo .image img {border:1px solid #fff; margin-top: 2px}
.promo li {margin-bottom:2px; font-size: 12px;}
.promo p {padding:10px; color:#486EFF; font-size: 12px;}
.promo a {color:#7f7f7f; text-decoration: none;}
.promo a:hover {color: #505050}
.novostavbaMala div {width: 100%; text-align: center; padding-bottom: 5px;}
.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:100%; border:1px solid #3d4c4e; padding:2px; margin-right:-20px;}
#search select.halfwide {width: 49%; margin: 0;}
#search input {width:94%; border:1px solid #3d4c4e; padding:2px 5px;}
#search span {text-align:center; margin: 5px; color:#fff; width: 100%; display: block;}
#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:#678084 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 #eaeeee; color:#628c92;}
#contact input.priklad {width: 55px;}
#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 form ul p {width: 320px; font-size: 11px; padding-top: 0;}
#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 h1 {margin-bottom:10px; font-size:1.2em; line-height:1.2em; padding: 0;}
#detail h1 strong {display:block; padding:6px 10px; font-weight:normal; color: #fff}
#detail h1 a {font-size: 13px;}
#detail h1 a.link {float:right; font-size:0.8em; background:#88a2cb url(img/watch.gif) no-repeat scroll center center; display:block; width:120px; height:25px; margin-top:-3px; margin-right:-5px; text-align:center; text-decoration:none; line-height:25px; overflow:hidden;}
#detail h1 a.link:hover {color: #fff;}
#detail h1 strong ul.horizontal li {margin: 0 51px 0 0; font-size: 13px;}
#detail h1 strong ul.horizontal li.last {margin: 0;}
#detail h1 strong ul.horizontal li a {text-decoration: none; color: #000;}
#detail h1 strong ul.horizontal li a.active {color: #fff;}
#detail h1 strong ul.horizontal li a:hover {color: #fff;}
#detail #dealers {margin-bottom: 20px;}

#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: 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;}
#maindetail .image {float:right; display:block; background:#c4c4c4; 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 {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; color:#7f7f7f; 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:400px; margin-top:10px;}
#baseinfo strong {display:block; width:65px; float:left; font-weight:normal; color:#7f7f7f; margin-right:5px;}
#baseinfo a {margin-left:70px; margin-bottom:1em; display:block;}

#tabinfo {margin-bottom:20px; float: left;}
#tabinfo h3 {margin:10px 0;}
#tabinfo td {padding:3px 5px 2px;}
#tabinfo .name {color:#7f7f7f;}
#tabinfo .odd td {background:#f4f4f4;}

#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 {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;}
html>/**/body #dealers {padding-top:10px;}
#dealers img {float:left; margin:0 20px;}
#dealers h2 {margin-bottom:-0.5em; margin-top:11px; font-size: 14px;}
#dealers h2 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 .makler p a.ponuky {color: #cb5f50;}*/
#dealers .makler p a.ponuky {color: #00f;}
#dealers .maklerlinky {float: right; }

#top5 {background:#ffb400 url(img/t5-t.gif) no-repeat scroll left top; padding:10px 0 0 10px; color:#946109;}
#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; color: #fff; width: 165px; text-align: left;}
#top5 .image {float:left; margin:0 10px 10px 0; width: 65px; text-align: center;}
#top5 img {border:1px solid #704700;}
html>/**/body #top5 p {margin-bottom:10px;}
/*#top5 a {color:#714800; font-weight:bold; text-decoration: none; font-size: 1em}*/
#top5 a {color:#000; 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;}

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

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

.oblaciksivy {margin-left: 5px; background-color: #f7f9f9; padding-top: 5px;}
.oblaciksivybtm {height: 5px;}

#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; margin-top: 20px;} 
#detail #mapakontakt {float: left; width: 380px; margin: 0 20px 0 0;}

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