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

@import "reset.css";

body {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  background: #eee;
  color:#666;
  font-size:12px;
  line-height:1.25em;
  position:relative;
  text-align:center;
  }
textarea, input, select {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
} 
a {color:#0b593f; text-decoration:none;}
a:hover {text-decoration:underline;} 
hr {display:none;}
.floatLeft {float: left;}
.floatRight {float: right;}
.hidden {display: none;}
.red {color: #f00;}
.note {font-size: 10px;}

#sitemap { width:930px; height:20px; padding:0 20px 0 0; font-size: 10px; text-align:right; background-color:#f4f4f4;}
#sitemap a { color:#999;}

#container {width:950px; margin:0 auto;text-align:left; -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3);}

#header {width:100%; height:100px; background:url(img/top.jpg); overflow:hidden;}
#header h1 {padding-top:0;}
#header a.logo {float:left; display:block; width:260px; height:100px; position:relative; overflow:hidden;}
#header a.logo span {cursor:pointer; position:absolute; display:block; width:260px; height:100px; background:url(img/logo_menu.svg); background-size: 200px auto; background-repeat: no-repeat; background-position: center; }

#header ul.menu {width: 940px; height: 100px; text-transform: uppercase;}
#header ul.menu li {height: 100px; line-height: 100px; float: right; padding: 0px 8px;}
#header ul.menu li a {color: #888;}
#header ul.menu li a.active {font-weight: bold; color: #56a618 !important;}
#header ul.menu li a.active:hover {text-decoration: none;}
#header ul.menu li:hover > ul {display: block;}
#header ul.menu:after {content: ""; clear: both; display: block;}

#header ul.menu ul {display: none; max-width: 200px; margin-left: -25px; background: url("./img/menu-bg.png"); color: #fff; position: absolute; top: 100px; z-index: 999;}
#header ul.menu ul li {float: none !important; height: 50px !important; line-height: 50px !important; padding: 0px 25px !important; color: #fff !important; text-align: left !important;}
#header ul.menu ul li a {color: #fff !important;}

#menu {height:250px; background:#fff url(img/theme.jpg) no-repeat scroll center top; padding:0 25px; border-bottom:25px solid #fff;}
#menu ul {height:50px; padding-top:200px; line-height:50px; padding-left:2px; }
#menu li {display:inline; padding:0; margin:0 -2px; background:url(img/menu-delic.png) right center no-repeat;}
#menu a { background:url(img/menu.png); padding:18px; color:#fff;}
#menu a:hover {background:#156651; text-decoration:none;}
#menu a.active { background: #0b593f; color:#fff;}



#content {float:right; width:620px; padding: 18px 25px 25px; background:#fff;}
#content a {text-decoration:underline; color:#0b593f;}
#content a:hover {text-decoration:none;}
#content p {margin:1em 0; text-align:justify;}
#content h2 {font-size:1.33em; font-weight:bold;}
#content h1 {font-size:1.33em; font-weight:bold; margin-bottom:27px; color: #000;}

#content .horizontal {margin-left:-25px; background:#d8ddd7; margin-top:-1px; position:relative; height:35px; color:#666; margin-bottom:25px;}
#content .horizontal li {float:left; background:url(img/delic-strankovanie.gif) right repeat-y; padding-right:8px;}
#content .horizontal .first {width:154px; background:#ededed; text-align:right; line-height:35px; height:35px; color:#fff; padding-right:10px; color:#666;}
*>#content .horizontal .first {width:144px;}
#content .horizontal li a {display:block; float:left; height:35px; line-height:35px; padding:0 10px; color:#666; margin-left:5px;text-decoration:none;}
#content .horizontal li span {display:block; float:left; height:35px; line-height:35px; padding:0 10px; color:#fff; margin-left:5px;text-decoration:none;}
#content .horizontal li span.inactive {background:#0b593f; color:#fff;}
#content .horizontal li a.active { color:#333; text-decoration:underline;}
#content .horizontal li a:hover { text-decoration:underline;}
#content .horizontal li a.active:hover { text-decoration:underline;}


#content .pagination li {float:left; background:url(img/delic-strankovanie.gif) right repeat-y; padding-right:8px;}
#content .pagination .first {width:154px; background:#ededed; text-align:right; line-height:35px; height:35px; color:#fff; padding-right:10px; color:#666;}
*>#content .pagination .first {width:144px;}
#content .pagination li a {display:block; float:left; height:35px; line-height:35px; padding:0 10px; color:#666; margin-left:5px;text-decoration:none;}
#content .pagination li span {display:block; float:left; height:35px; line-height:35px; padding:0 10px; color:#fff; margin-left:5px;text-decoration:none;}
#content .pagination li span.inactive {background:#0b593f; color:#fff;}
#content .pagination li a.active { color:#333; text-decoration:underline;}
#content .pagination li a:hover { text-decoration:underline;}
#content .pagination li a.active:hover { text-decoration:underline;}

#content #list {margin-left: -25px;}
#content .listitem {float: left; font-size:0.92em; width: 295px; margin-left: 25px; margin-top: 25px; margin-bottom: 15px; color:#333; height: 250px;}
#content .listitem .image {background: #EEEEEE url("./img/listitem-shadow.png") center bottom no-repeat; padding-bottom: 18px;position: relative;width: 291px; margin: 2px; height: 214px;display: flex;}
#content .listitem .image img {display:block;height: 218px;max-width: 100%;margin: auto;clip: rect(0px,290px,217px,0px);}
#content .listitem h2 {background: url("./img/listitem-bg.png");width: 261px; position: relative; padding: 15px; padding-bottom: 43px;margin: 2px; margin-top: -114px; text-align: center !important; height: 40px;}
#content .listitem h2 a {color: #fff !important; font-size: 13px; line-height: 18px; text-decoration: none;}
#content .listitem h2 a:hover {text-decoration: underline;}

#content .listitem p strong {background: #85bf58; position: relative; display: block; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 14px; width: 150px; margin-left: 72px; margin-top: -38px;}

#content .top h3 {color:#0b593f;}
#content .top .image {border-color:#a5ad69;}
#content form input.priklad {width:55px;}

#footer {background: #fff; border-top: 3px solid #56a618; padding: 50px 25px; overflow: auto;}
#footer h3 {font-size: 18px; color: #56a618; margin-bottom: 25px;}
#footer small {font-size: 14px; color: #333; font-weight: bold;}
#footer p {line-height: 18px; margin: 10px 0px 20px 0px;}

#footer .kto {width: 300px; float: left; margin-right: 50px;}

#footer .kde {width: 300px; float: left; margin-right: 50px;}
#footer .kde .mapa {width: 100%; height: 220px; background: #f5f5f5;}

#footer .ako p label {width: 75px; display: inline-block;}
#footer .ako p strong.next {padding-left: 79px;}

#aside {width:280px; float:left; padding-top:8px; background: #d8ddd7;}

#search { padding:10px 10px 30px 25px;color:#666; font-size:12px;}
#search p {margin-bottom:3px;}

#search span { padding:0 0 25px 0; width: 100%; display: block; font-size:16px;}
#search p { padding:0 0 5px 0;}
#search p.typ {color: rgb(110, 182, 78); font-weight: bold;}
#search label {display:block; width:60px; float:left; height: 28px; line-height: 28px;}
#search label.in {display:inline; width:auto; float:none; padding:0 6px 0 14px;}
#search select {width:160px; border:0; padding:3px;}
*>#search select {width:164px;}
#search select.in {width:68px;}
*>#search select.in {width:70px;}
#search input {width:152px; border:0; padding:4px; height: auto;}
*>#search input {width:156px; height:auto;}
#search select.half {width: 80px;}
#search input.checkbox {width: 25px; position: relative; top: 2px;}
#search input.btn {background:#0b593f; color:#fff; font-weight:bold; margin-left:62px; width:172px; cursor:pointer;}
*>#search input.btn {width:164px; margin-left:60px;}
#search input.btn:hover {background:#666;}

#top {background:#0b593f; color:#fff; border-top:1px solid #0a4f38; margin-bottom:25px;}
#top div {clear:both; height:65px; border-bottom:1px solid #0a422f; border-top:1px solid #0f7553; padding:8px 10px;}
  #top div:hover { background-color:#0c694a;}
*>#top div {height:49px;}
#top .image {float:left; border:1px solid #fff; margin-right:8px;}
#top .image img {float:left; display:block;}
#top a {color:#fff; padding:0 0 4px 0; display:block}

#hotline {background:#004130; color:#fff; padding:15px; font-size:1.33em; line-height:1.5em; margin-top:25px;}
#hotline strong {font-size:1.57em; font-weight:normal;}

.sample {background:#0b593f; padding:15px; padding-bottom:30px; font-size:0.92em;}
.sample p.nadpis {font-size:1.54em; font-weight:normal; margin:0 0 25px; color:#fff; line-height: 20px;}
  .nadpis { font-size:16px;}
.sample .image {background:#000; padding:1px; border:2px solid #0a422f; float:left; margin-right:12px; margin-top: 4px;}
.sample .image img {float:left; display:block;}
.sample p {clear:both; margin-top:2em;}
.sample p a {color:#fff;}
.sample ul {color:#fff;}

.novostavbaMala h2 {color: #fff; font-size: 14px; margin-bottom: 20px;}

#content #detail {margin-top: 15px;}

#detail p {margin:1em 0; color:#666;}
#detail p.popis {font-size: 14px; line-height: 1.3em;}
#detail p strong {color:#666;}
#detail p em {font-style:normal; font-weight:bold;}

#detail p.price {float:right;text-align: right;margin-top:-7px;padding: 10px;font-weight: normal;line-height: 12px;background: #56A618;color: #FFFFFF;margin-left:15px;}
#detail p.price strong {font-size:1.33em;color: #FFFFFF;display:block;}
#detail p.price em {font-weight:bold; font-style:normal; color:#a5ad69;}
#detail h2 {font-size:1.33em;}
#detail h2 a.sledovat {background:#f90; color:#fff; display:block; float:left; width:75px; height:30px; margin-right:10px; background:url(img/sledovat.gif);}
#detail h2 a.sledovat strong {font-size:0.6em; display:none;}
#detail iframe {float:right; border:4px solid #454545; padding:1px; background:#000;}

#content #detail .main-image {width: 620px; max-height: 300px; display: block; margin-top: 35px; overflow: hidden; margin-bottom: 25px;}
#content #detail .main-image img {width: 100%;margin-top: -55px;}

#content #detail p.popis {line-height: 20px; margin: 0px !important;}

#tools {background: url("./img/menu-bg.png");width: 620px;height: 40px;font-size:12px;position: absolute;margin-top: -65px;}
#tools li {height: 40px;/* margin: 0px 11px; */line-height: 40px;float: left;}  
#tools a {color:#fff;display:block;padding-left: 20px;background-size: 20px;background-repeat:no-repeat;background-position:left center;text-decoration: none;}
#tools a:hover {text-decoration: underline;}
#tools .msg a {background-image: url("./img/tools-msg.svg");background-position: 0 11px;padding-left: 25px;width: 90px;margin-left: 10px;}
#tools .mail a {background-image: url("./img/tools-mail.svg");background-position: 0 11px;padding-left: 25px;width: 148px;}
#tools .watch a {background-image: url("./img/tools-watch.svg");background-position: 0 9px;padding-left: 25px;width: 175px;}
#tools .print a {background-image: url("./img/tools-print.svg");background-position: 0 10px;padding-left: 28px;width: 90px;}

#detailinfo {margin: 25px 0px;}
#detailinfo p {float: left; width: 290px; clear: left; text-align:justify; line-height: 22px;}
#detailinfo table {font-size:0.91em; border-collapse:separate; width: 330px;}
#detailinfo td {border-bottom:1px solid #074732; padding:2px 5px; color:#0b593f; padding:4px 0 4px 12px;}

#detailinfo td.name {font-weight:normal;}

#content #detail #mapa {width: 620px !important; height: 250px !important; background: #f5f5f5; margin-bottom: 25px;}

#gallery {clear:both; margin-right:-10px;}
#gallery li {float:left; margin-bottom: 8px; height: 92px; margin-right: 5px;}
#gallery li a {border:2px solid #444; padding:1px; display:block; float:left;}
#gallery li a:hover {border-color:#e0b745;}
#gallery li a img {display:block; float:left;}

#content .makler {width:400px; float:left; height:100px; color:#aaa; border-top:1px solid #dfdfdf; margin-bottom:10px; font-size: 12px; background:url(img/listitem.png) top repeat-x; padding:20px 0 0 0;}
#content .makler strong {font-weight:normal; color:#0b593f; margin-right: 5px; font-weight:bold;}
#content .makler img {float:left; margin-right:10px;}
#content .makler h3 img {float:none; margin-right:4px; display:inline;}
#content .makler h2 {font-weight:normal; color:000; font-size:1.45em; color:#a5ad69;}
#content .makler p {margin:0.5em 0;}
#content .detail.makler {width:auto; float:none; padding-top:20px; margin-top:20px; border:0; margin-bottom:0; clear:both;}

#content .podobne-ponuky {margin-left: -40px;}
#content .podobne-ponuky h2 {margin-bottom: 20px; margin-left: 40px;}
#content .podobne-ponuky .listitem {width: 180px; margin: 0px; margin-left: 39px; height: 190px;}
#content .podobne-ponuky .listitem .image {width: 180px; height: 132px; margin-bottom: 10px;}
#content .podobne-ponuky .listitem .image img {max-width: 180px; max-height: 132px;}
#content .podobne-ponuky .listitem h2 {width: 150px; margin-left: 2px; margin-top: -123px;}
#content .podobne-ponuky .listitem p strong {line-height: 25px; height: auto; font-size: 12px; width: 130px; margin-left: 23px; padding: 3px;}

#content form {font-size:0.92em; margin:2em 0; border:1px solid #555; background:#0b593f; padding:20px 20px 15px; color:#fff;}
#content form label {display:block; width:100px; float:left;}
#content form p {margin:0 0 3px;}
#content form input {border:1px solid #000; padding:3px 5px; width:300px;}
#content form textarea {border:1px solid #000; padding:3px 5px; width:570px; line-height:1.3em;}
#content form p.btns {padding-left:15px;}
#content form p.btns input {width:100px; cursor:pointer; border:1px solid #000; background:#333; color:#fff;}

#mapa {width: 400px; height: 245px;}

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

#m2 {height:330px; background:#fff; border-top: 3px solid #56a618; text-align: center;}

#jsddm {padding-top: 200px; height: 50px; text-align: center; line-height: 50px; margin-left: 0px;}
#jsddm a.active {background:#0b593f; color:#fff;}

#jsddm li {float: left; list-style: none;}
#jsddm li a {
    display: block;
    background: url(img/menu.png);
    padding: 0 20px;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
}
#jsddm li a:hover {
    background: #0b593f;
}
#jsddm li ul {   
    z-index: 200;
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
}
#jsddm li ul li {
    float: none;
    display: inline;
}

#jsddm li ul li a {
    width: auto;
    background: #0b593f;
}

#jsddm li ul li a:hover {
    background: #0b593f;
}
#formsuhlas {
	height: 100% !important;
}
#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: 1px solid #000; z-index: 150; padding: 5px; top:20px; height: auto !important; top: 20px !important;}
#simplemodal-container p {color: #000000;}
#simplemodal-container select {color: #797382}
#simplemodal-container label {width: 70px; display: block; float: left; text-align: left;}
#simplemodal-container input {background-color: #f7f9f9; color: #000000; width: 345px; border:1px solid #eaeeee;}
#simplemodal-container textarea {width: 420px; height: 165px; background-color: #f7f9f9; color: #000000; 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;}

#develo {}
#develo .text h2 {color: #616846; background: none; margin-bottom: 0; font-size:1em;}
#develo .text p {margin-top: 0;}
#develo table td {text-align: left; font-size: 12px; padding: 1px 40px;}
#develo table td.title {color: #616846; padding: 0;}
#develo table.ponuky {width: 100%;}
#develo table.ponuky .odd {background-color: #bc8d0c;}
#develo table.ponuky th {font-size: 10px; padding: 0 3px; text-align: center;}
#develo table.ponuky td {font-size: 11px; text-align: center; padding: 2px 0;}
#develo table.ponuky tr:hover td {background-color: #bbb; cursor: pointer;}
.listitem h3.develo span {color: #9b9c96;}
.listitem table.develo {margin: 15px 0 0 0; padding-bottom: 15px;}
.listitem table.develo td {padding: 0 15px;}
.listitem table.develo td.title {padding: 0; color: #7f7f7f;}



#detailinfo div.image {float: left; margin-right: 15px;}
#linkSledovat { float:left; margin:0 10px 0 0;}

#detail a.sledovat {
background:url("img/sledovat.gif") repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
float:left;
height:30px;
margin-right:10px;
width:75px;
}

#detail a.sledovat strong { display:none !important;}

#detail h2.mapa {margin-left: 220px;}

#content .makler h2 { padding:0 0 7px 0; margin:0;}
.podrInfo { padding-bottom:7px;}
.mapa h2 { padding-bottom:7px;}
#gallery { padding-top:7px;}

.sledovane {
	margin-left: 8px;
}

#contact input[type="checkbox"] {float: left; width: auto; height: auto; margin: 4px 9px 4px 0;}
#simplemodal-container input[type="checkbox"] {float: left; width: auto; height: auto; margin: 4px 9px 4px 0;}
#simplemodal-container h1 {margin-bottom: 20px; height: 40px; line-height: 40px; text-align: left;}
#simplemodal-container p.text {height: auto !important; line-height: 22px; text-align: left;}
#popup-suhlas {color: #fff !important;}

#cm #c-ttl, #cm #c-txt {font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif !important; line-height: 24px !important; color: #252525 !important; font-weight: 400 !important;}
#cm #c-txt {color: #959595 !important;}
#cm.cloud #c-p-bn, #s-all-bn {background: #85bf58 !important; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif !important; text-transform: uppercase !important;}
#cm.cloud #c-s-bn, #s-rall-bn, #s-sv-bn, #s-bl .c-bl.b-ex {background: #252525 !important; color: #fff !important; text-transform: uppercase; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif !important;}

#s-ttl, #s-bl .title, #s-cnt .p {font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif !important;}

#s-c-bn {background: #fafafa !important;}
#s-c-bn:before, #s-c-bn:after {background: #222 !important;}

#s-cnt .b-bn .b-tl, #s-cnt .b-bn .b-tl:active, #s-cnt .b-bn .b-tl:hover {background: #252525 !important; text-transform: uppercase; font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif !important;}

.cc_div .b-tg .c-tg {background: #ececec !important;}
.cc_div .b-tg .c-tgl:checked~.c-tg {background: #85bf58 !important;}

#s-cnt .b-bn .b-tl, #s-cnt .b-bn .b-tl:hover {border: 1px solid #ececec !important; background: #fafafa !important; color: #222 !important;}
.cc_div .off-i:before, .cc_div .off-i:after {background: #929292 !important;}

#s-bl .c-bl.b-ex {background: transparent !important;}