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

@import "reset.css";

body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background:#474747 url(img/bgr.gif) repeat-x scroll left 150px;
	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:#429adb; text-decoration:none;}
a:hover {text-decoration:underline;} 
hr {display:none;}

#container {width:950px; margin:0 auto; text-align:left;}

#header {height:125px; /*background:url(img/top.gif) no-repeat scroll right bottom;*/ border-bottom:25px solid #3c3c3c;}
#header h1 {padding-top:0; padding-left:0;}
#header a {display:block; width:355px; height:125px; position:relative; overflow:hidden;}
#header a span {cursor:pointer; position:absolute; display:block; left:0; top:0; width:355px; height:125px; background:url(img/logo.gif);}

#menu {height:250px; background:#3c3c3c url(img/theme.jpg) no-repeat scroll center top; padding:0 25px; border-bottom:25px solid #3c3c3c;}
#menu ul {height:50px; padding-top:200px; line-height:50px; text-align:center;}
#menu li {display:inline; padding:0; margin:0 -5px;}
#menu a {background:#429adb; padding:18px; color:#fff;}
#menu a:hover {background:#2582c7; text-decoration:none;}
#menu a.active {background:#3c3c3c; color:#fff;}

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

#content .horizontal {margin-left:-25px; background:#3c3c3c; margin-top:-1px; position:relative; height:35px;}
#content .horizontal li {float:left;}
#content .horizontal .first {width:154px; background:#474747; text-align:right; line-height:35px; height:35px; color:#fff; padding-right:10px;}
*>#content .horizontal .first {width:144px;}
#content .horizontal li a {display:block; float:left; height:35px; line-height:35px; padding:0 10px; color:#fff; margin-left:5px; text-decoration:none;}
#content .horizontal li a.active {background:#f4e15d; color:#333;}
#content .horizontal li a:hover {background:#555;}
#content .horizontal li a.active:hover {background:#f4e15d;}

#content .listitem {clear:both; border-bottom:1px solid #555; padding:20px 0 20px 142px; position:relative; font-size:0.92em; height:140px; color:#aaa;}
*>#content .listitem {height:100px;}
#content .listitem .image {position:absolute; left:0; top:20px; border:4px solid #9ba262; padding:1px; background:#fff;}
#content img {display:block;}
#content .listitem p {float:right; width:200px; margin-top:-7px; line-height:1.5em; color:#fff;}
#content .listitem h2 {font-size:1.45em; font-weight:bold; margin-top:5px; line-height:1.1em;}
#content .listitem h2 a {color:#9ba262; text-decoration:none;}
#content .listitem h2 a:hover {color:#9ba262; text-decoration:underline;}
#content .listitem h3 {font-size:0.92em; font-weight:normal; margin-bottom:1em;}
#content .listitem ul strong {color:#fff; font-weight:normal;}
#content .listitem p strong {font-size:1.45em; font-weight:normal; color:#429adb; display:block; padding-top:5px;}
#content .listitem p em {font-size:1.09em; font-weight:normal; font-style:normal; color:#429adb;}
#content .top h2 a {color:#f4e15d;}

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

#aside {width:255px; float:left; padding-top:25px;}

#search {background:#9ba262; padding:10px 10px 9px; margin-bottom:25px; color:#fff; font-size:12px;}
#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:164px; border:0; padding:4px; height:20px;}
*>#search input {width:166px; height:auto;}
#search input.btn {background:#757d38; color:#fff; font-weight:bold; margin-left:62px; width:172px; cursor:pointer;}
*>#search input.btn {width:174px; margin-left:60px;}
#search input.btn:hover {background:#656d18;}
#search input.checkbox {width: 17px; margin: 0 0 0 3px;}

#top {background:#429adb; color:#bcddf6; border-top:1px solid #5aaae5; margin-bottom:25px;}
#top div {clear:both; height:65px; border-bottom:1px solid #5aaae5; padding:8px 10px;}
*>#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;}

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

#aside .sample {background:#3c3c3c; padding:15px; margin-bottom:25px; font-size:0.92em;}
#aside .sample h2 {font-size:1.54em; font-weight:normal; margin:0 0 13px; color:#9ba262;}
#aside .sample .image {background:#fff; padding:1px; border:4px solid #9ba262; float:left; margin-right:12px;}
#aside .sample .image img {float:left; display:block;}
#aside .sample p {clear:both; margin-top:1.5em;}
#aside .sample p a {color:#fff;}
#aside .sample ul {color:#aaa; padding-top:4px;}

#detail p {margin:1em 0; color:#aaa;}
#detail p strong {color:#fff; font-weight:normal;}
#detail p em {font-style:normal; font-weight:bold;}

#detail p.price {float:right; margin-top:-7px; line-height:1.5em; color:#fff; margin-left:15px;}
#detail p.price strong {font-size:1.33em; font-weight:bold; color:#fff; display:block; padding-top:5px;}
#detail p.price em {font-weight:bold; font-style:normal; color:#aaa;}
#detail h2 {font-size:1.33em; line-height:2em; margin-bottom:20px; color:#9ba262;}
#detail h2 a.sledovat {background:#000; 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 #9ba262; padding:1px; background:#fff;}

#tools {background:#474747; margin-left:-25px; width:210px; padding:5px 0; margin-bottom:23px; font-size:12px;}
#tools a {color:#fff; display:block; padding:5px 10px 5px 35px; background-repeat:no-repeat; background-position:17px 7px;}
#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; color:#fff;}
#detailinfo p {margin:1em 0; text-align:justify;}
#detailinfo table {float:right; margin:0 0 25px 15px; border-collapse:separate; width:255px;}
#detailinfo td {background:#333; border-bottom:1px solid #222; border-top:1px solid #444; padding:2px 5px; font-weight:bold;}
#detailinfo td.name {font-weight:normal;}

#gallery {clear:both; margin-right:-10px;}
#gallery li {float:left; margin-left:1px; margin-bottom:1px;}
#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:400px; float:left; height:170px; color:#aaa; border-bottom:1px solid #ddd; margin-bottom:20px; font-size: 12px;}
#content .makler strong {font-weight:normal; color:#fff; margin-right: 5px;}
#content .makler img {float:left; margin-right:10px;}
#content .makler p img {float:none; margin-right:0; display:inline;}
#content .makler h3 {font-weight:normal; color:#9ba262; font-size:1.45em; color:#9ba262;}
#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 form {font-size:0.92em; margin:2em 0; border:1px solid #222; background:#333; 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 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 #444; background:#222; color:#fff;}

#mapa {width: 400px; height: 245px;}
#detail #mapa {float: right;}

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

#zlava {
	background-image: url("../../img/zlava_pozadie.jpg");
	width: 255px;
	height: 152px;
	margin-bottom: 25px;
}

.kupon {
	float: left;
        width: 115px;
        height: 100px;
        padding:0;
	margin: 40px 3px 0 3px;
        text-align: center;
        color: #474747;
}

*> .kupon {margin: 40px 6px 0 6px;}

.kupon span {
	margin-bottom: 5px;
}

.kupon a {
	display: block;
	width: 113px;
	height: 78px;
        margin-top: 5px;
	border: 1px solid #d8b605;
        background-position: top left;
}

.kupon a:hover {
	border: 1px solid #857109;
        background-position: left bottom;
}

#zlava .kupa {
	background-image: url("../../img/kupon_kupa.jpg");
}

#zlava .prenajom {
	background-image: url("../../img/kupon_prenajom.jpg");
}