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

@import "reset.css";

/*@font-face {
	font-family: 'MyWebFont';
	src: url('font.otf'); 
	src: url('font.otf?#iefix') format('embedded-opentype'), 
	}
*/	


body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background: #ccf9b1 url(img/bgr.jpg) repeat-x fixed ;
	color:#000;
	font-size:12px;
	line-height:1.25em;
	position:relative;
	text-align:center;
	margin-bottom:50px;
	}
textarea, input, select {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
} 
a {color:#447e21; text-decoration:none;}
a:hover {text-decoration:underline;} 

.floatLeft {float: left;}
.floatRight {float: right;}
.hidden {display: none;}
.red {color: #f00;}
.note {font-size: 10px;}
.underline {text-decoration: underline;}

h1 {font-size: 16px;}
h4 {font-weight: normal;}
.nadpis {font-size:1.33em; font-weight:bold;}
.lang {position:absolute; top:10px; z-index:200;}

.novinka {font-size: 12px;}

div.vlajky {float: right; margin-top:24px; text-align: right;}
div.vlajky a {padding: 5px; color: #fff;}
                                                                                                 
#container {width:1000px; margin:0 auto; text-align:left;}

#sitemap {float: right;}

#header {height:150px;/* background:url(img/top.gif) no-repeat scroll right top;*/ position:relative; clear: both; width:150px; float:left; margin:25px;}
#header a {width:150px; height:150px; position:relative; overflow:hidden; left:0px; top:0px; text-indent:-1000px;}
#header a span {cursor:pointer; position:absolute; display:block; left:0; top:0; width:150px; height:150px; background:url(img/header.png);}
#header div {position:absolute; left:150px; top:20px;}
#header div a {width:auto; height:auto; margin-left:5px;}

#m2 {height:250px; background:#fff url(img/theme.jpg) repeat-x scroll center top; border:25px solid #fff;clear: right;}

#content {float:left; width:670px; padding:20px; padding-top:0px; margin-bottom:50px; background:#fff;
  -moz-box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
  box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);

}
#content {width:659px;}
#content p {margin:1em 0; text-align:justify;}
#content h2 {font-size:1.33em; font-weight:bold;}

#content .horizontal {position:relative; height:35px; margin-bottom:25px;}
#content .horizontal li {float:left;}
#content .horizontal .first {background:#eae7e7; width:154px; text-align:left; line-height:35px; height:35px; color:#000; padding-left:25px;}
*>#content .horizontal .first {width:144px;}
#content .horizontal li a {display:block; float:left; height:35px; line-height:35px; padding:0 10px; color:#000; background:#fff; margin-left:10px;}
#content .horizontal li span {display:block; float:left; height:35px; line-height:35px; padding:0 10px; color:#fff; margin-left:10px; text-decoration:none;}
#content .horizontal li a.active {background:#447e21; color:#fff;}
#content .horizontal li span.inactive {background:#447e21; color:#fff;}
#content .horizontal li a:hover {background:#eae7e7; color:#000; text-decoration:none;}
#content .horizontal li a.active:hover {background:#447e21; color:#fff;}

/*#content .listitem {font-size:0.92em; height:140px; color:#444;}
*>#content .listitem {height:110px;}
#content .listitem .image img {border: 4px solid #003b6f; padding: 1px;}

#content img {display:block;}
#content .listitem p {float:right; width:200px; margin-top:-7px; line-height:1.5em;}
#content .listitem h2 {font-size:1.45em; font-weight:bold; margin-top:5px; line-height:1.1em;}
#content .listitem h3 {font-size:0.92em; font-weight:normal; margin-bottom:1em;}
#content .listitem ul strong {color:#000; font-weight:normal;}
#content .listitem p strong {font-size:1.45em; font-weight:bold; color:#000; display:block; padding-top:15px;}
#content .listitem p em {font-size:1.09em; font-weight:bold; font-style:normal; color:#888;}
#content .top .image {border-color:#000;}
*/
#content .listitem {text-align: center; border: 1px solid #cdd4c4; background: #ecf4df; color: #444444; float: left; font-size: 0.92em; width: 317px; height: 390px; margin-bottom: 10px;}
#content .listitem.right{margin-left: 20px;}
#content .listitem .image{
    display: inline-block;
    margin: 0 auto;
    height: 200px;
  width: 90%;
}
#content .listitem img{
    max-width: 275px;
    max-height: 200px;
    border: 1px solid #6b7a43;
}
#content img {display:block;}
#detailinfo img {border: 1px solid #5F8228;} 
#content .listitem p {float: right; line-height: 1.5em; margin-top: -7px; padding-right: 5px; position: relative; text-align: right; top: 13px; width: 140px;}
#content .listitem span.typ-ponuky{text-align: left; height: 30px; line-height: 30px; background: #003b6f; color: #fff; font-size: 1.3em; display: block; width: 307px; padding-left: 10px;}
#content .listitem h2 {text-align: left; font-size:1.3em; font-weight: bold; margin: 10px; height: 38px; line-height:1.3em;}
#content .listitem h2 a {color: #000;}
#content .listitem h3 {font-size:0.92em; font-weight:normal; margin-bottom:1em;}
#content .listitem label {float: left; display: block; width: 70px;}
#content .listitem ul {margin-top: -10px;}
#content .listitem ul li {text-align: left; font-size: 0.9em; margin-left: 10px;}
#content .listitem ul strong {color:#000; font-weight: normal;}
#content .listitem p strong {font-size:1.55em; font-weight:bold; color:#000; display:block; padding-top:65px; margin-right: 10px;}
#content .top .image {border-color:#aaa;}

#content .listitem ul {
    float: left;
    font-size: 1.1em;
    position: relative;
    top: -60px;
    width: 208px;
    color:#003b6f;
} 


#content .ref {height:130px; width:auto; margin:5px; display:inline-block; border:4px solid #ccc; padding:1px; background:#E3E3E3;}
#content .ref_nadpis {margin:1.3em 0 0;}
#section p {text-align:justify;}
#section {background-color: #fff; }

#section .oblacik .info {width:200px;}

#footer, #reality {padding-top:25px; color:#000; clear:both;}
#footer p a, #reality h4 a, #reality h4 {color:#999; text-decoration: none;}
#footer strong, #reality strong {color:#999; font-weight:normal;}

#aside {width:260px; float:right; color:#fff; padding-top:0;}

#search {background:#003b6f; margin: -275px 25px 50px -30px; padding: 35px 10px 34px 10px; color:#fff; font-size:12px; border-bottom: 3px solid #002E60;
  -moz-box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
  box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
height: 178px;
}
#search span {display:block; padding:0 0 10px; font-weight:bold; text-align:center;}
#search p {margin-bottom:3px;}
#search label {display:block; width:60px; float:left;}
#search label.in {display:inline; width:auto; float:none; padding:0 6px 0 14px;}
#search select {width:170px; border:0; padding:3px;}
*>#search select {width:174px;}
#search select.in {width:68px;}
*>#search select.in {width:70px;}
#search input {width:162px; border:0; padding:4px; height: auto;}
*>#search input {width:166px; height:auto;}
#search input.btn {background:#6787A4; color:#002E60; font-weight:bold; margin-left:62px; margin-top:5px; width:172px; cursor:pointer;}
*>#search input.btn {width:174px; margin-left:60px;}
#search input.btn:hover {background:#fff;}
#search label.checkbox {margin: 0; width: auto; margin-right: 20px;}
#search label.checkbox input {width: 16px; float: left;}

#top {background:#5fb32e; color:#fff; margin-bottom:25px;}
#top div {clear:both; height:65px; padding:8px 10px;}
*>#top div {height:55px;}
#top .image {float:left; border:2px solid #ccf9b1; margin-right:8px;}
#top .image img {float:left; display:block;}
#top a {color:#ccf9b1; font-weight:bold;}

#hotline {background:#5fb32e; color:#ccf9b1; padding:15px; font-size:1.33em; line-height:1.5em; margin-bottom:25px; border-bottom: 5px solid #2e5019; 
  -moz-box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
  box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
}
#hotline strong {font-size:1.57em; font-weight:normal;}

.sample {background:#fff; padding:15px; margin-bottom:25px; font-size:0.92em;
  -moz-box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
  -webkit-box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
  box-shadow:0 17px 20px -20px rgba(0,0,0,0.5);
}
.sample p.nadpis {font-size:1.54em; font-weight:normal; margin:-15px -15px 13px; line-height: 20px; background:#fff; padding:15px; border-bottom:1px solid #f1f1f1; color: #447e21;}
.sample .image {background:#fff; float:left; margin-right:12px; margin-top: 4px;}
.sample .image img {border: 4px solid #1d3e63; padding: 1px; float:left; display:block;}
.sample p {clear:both; margin-top:2em; text-align:left;}
.sample p a {color:#000;}
.sample ul {color:#000;}

#detail {position: relative;}
#detail p {margin:1em 0; color:#444;}
#detail p strong {color:#000; padding-top:15px;}
#detail p em {font-style:normal; font-weight:bold;}

#detail h2 {font-size: 16px; margin-bottom:25px;}
#detail h2.mapa {margin-left: 220px;}
/*#detail h2.podrInfo {margin-left: 365px;}*/
#detail p.price {float:right; margin-top:-7px; line-height:1.5em; margin-left:15px;}
#detail p.price strong {font-size:1.33em; font-weight:bold; color:#000; display:block;}
#detail p.price em {font-weight:bold; font-style:normal; color:#888;}
#detail h1 {font-size:1.33em; line-height:2em; margin-bottom:20px;}
#detail a.sledovat {background:#000; color:#fff; display:block; float:left; width:75px; height:30px; margin-right:10px; background:url(img/sledovat.gif); margin-top:-0.7em;}
#detail a.sledovat strong {font-size:0.6em; display:none;}
#detail iframe {float:right; border:4px solid #447e21; padding:1px; background:#fff;}

#tools {width:200px; margin-bottom:23px; font-size:12px; background:#fff; padding:10px 0;}
#tools a {background:#fff; color:#000; display:block; padding:5px 10px 5px 35px; background-repeat:no-repeat; background-position:17px 10px; margin-bottom:2px;}
#tools .msg a {background-image:url(img/tools-msg.gif);}
#tools .mail a {background-image:url(img/tools-mail.gif);}
#tools .watch a {background-image:url(img/tools-watch.gif);}
#tools .print a {background-image:url(img/tools-print.gif);}

#detailinfo {clear:both; font-size:0.91em; margin-top:25px;}
#detailinfo div.image {float: left; margin-right: 15px;}
#detailinfo p {margin:1em 0; text-align:justify; color: #4F5050;}
#detailinfo table {float:right; margin:0 0 25px 10px; border-collapse:separate;}
#detailinfo td {background:#ccf9b1; border-top:1px solid #fff; padding:5px 5px; font-weight:bold;}
#detailinfo td.name {font-weight:normal;}

#develo table {width:100%;}
#develo td {background:#eae7e7; border-top:1px solid #fff; padding:5px !important; font-weight:bold;}
#develo td.name {font-weight:normal;}
#develo td.title {border-left:1px solid #fff;}
#develo th {background:#dcd9d9; color:#000; padding:5px 3px !important; line-height:1.2em !important;}
#develo .ponuky .odd td {background:#eae7e7 !important;}
#develo .ponuky tr:hover td,
#develo .ponuky .odd:hover td {background:#dcd9d9 !important;}

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

#content .makler {width:48%; float:left; height:290px; border-bottom:1px solid #d0d0d0; margin: 0 10px 20px 0;}
#content .makler strong {font-weight:normal; color:#000; margin-right: 5px;}
#content .makler h3 img {float:none; margin-right:0; display:inline;}
#content .makler h2 {font-weight:normal; font-size:1.45em; color:#000;}
#content .makler p, #content .makler h3 {margin:0.5em 0;}
#content .makler p img {float: left; margin-right: 10px;}
#content .detail.makler {width:auto; float:none; padding-top:20px; margin-top:20px; border:0; margin-bottom:0; clear:both;}
#content hr.strong {border: 2px solid #000; margin-bottom: 20px;}

#content form {font-size:0.92em; margin:2em 0; border:1px solid #fff; background:#ccf9b1; padding:20px 20px 15px;}
#content form label {display:block; width:100px; float:left;}
#content form p {margin:0 0 3px;}
#content form input {border:1px solid #bbb; border-bottom-color:#ddd; border-right-color:#ddd; padding:3px 5px; width:300px;}
#content form input.priklad {width:55px;}
#content form textarea {border:1px solid #bbb; border-bottom-color:#ddd; border-right-color:#ddd; padding:3px 5px; width:570px; line-height:1.3em;}
#content form p.btns {padding-left:100px;}
#content form p.btns input {width:100px; cursor:pointer; border:1px solid #61604b; background:#999; color:#fff;}

#mapa, .mapa {width: 400px; height: 245px; border:5px solid #003B6F;}
#detail #mapa {float: right;}
               
#detailPopup {background-color: #E3E3E3; 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;}

.realitkadetail img {float: left; margin-right: 20px;}

#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: #E3E3E3; position: absolute; border: 3px solid #000; z-index: 150; padding: 5px;min-width: 300px !important;}
#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;}

#jsddm {padding-top: 200px; height: 50px; text-align: center; line-height: 50px; /*margin-left: 100px;*/}
#jsddm a.active {background:#fff; color: #002E60;}
#jsddm a.active:hover {background:#fff; color: #002E60; border-bottom:3px solid #fff;}

#jsddm li {float: left; list-style: none;}
#jsddm li a {
    display: block;
    background: #003b6f url(img/menu.gif);
    padding: 0 15px;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
}
#m2 li:hover a,
#m2 li a:hover {
    background: #6787a4;
    color:#002e60;
    border-bottom: 3px solid #002e60;
}
#m2 ul ul  {   
    z-index: 200;
    margin: 0;
    padding: 0;
    position: absolute;
    visibility: hidden;
}
#m2 ul ul  li {
    float: none;
    display: inline;
}
#m2 ul ul a {
    width: auto;
    background:#fff;
	  line-height:2em;
	  height:2em;
	  text-align:left;
}
#m2 ul ul a,
#m2 li:hover ul a {
    background: #6787a4;
    color:#002e60;
    border-bottom:3px solid #002e60;
}
#m2 ul ul a:hover,
#m2 li:hover ul a:hover {
    background: #002E60;
    color:#fff;
    border-bottom:3px solid #002e60;
}
#m2 li ul {visibility: hidden;}
#m2 li:hover ul {visibility: visible; display: block;}

#develo .text h2 {color: #4c4c4c; 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: #4c4c4c; padding: 0;}
#develo table.ponuky {width: 100%;}
#develo table.ponuky .odd {background-color: #f57d7d;}
#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: #FF0040; cursor: pointer;}

.listitem h3.develo span {color: #f71832; font-weight:bold;}
.listitem table.develo {margin: 0; padding-bottom: 15px;}
.listitem table.develo td {padding: 0 15px;}
.listitem table.develo td.title {padding: 0; color: #444;}

ul.text {list-style-type: disc;}
ul.text li {margin-left: 15px;}

#section .sluzby p {text-align: justify;}
#section .sluzby {font-style: italic;}