/* CSS RESET & GLOBALS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, tt, var, fieldset, form, label, legend, caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; }

a:focus { outline: none; }
a img, area { border: none; }

strong, b { font-weight: bold; }
em, i { font-style: italic; }
br { line-height: 14px; }
sup { font-size: 0.7em; }

.clearAll { height: 1px; line-height: 1px; font-size: 0; }


/* GLOBALS */
html, body { height: 100%; }
body { background: #485640 url(img/bgnd.jpg) repeat-x 0 0; font: 12px Arial, Helvetica, sans-serif; line-height: 18px; color: #535658; }
input, select, textarea { font: 12px Arial, Helvetica, sans-serif; line-height: 18px; color: #535658; }

.picBorder { border: 1px solid #a6a6a6; }
.txtBig { font-size: 17px; }
.txtSmall { font-size: 11px; }
.txtSmallest { font-size: 9px; }
.date, .datum { font-size: 10px; color: #7e8082; }

ul.inline { margin: 0; padding: 0; list-style: none; }
ul.inline li { display: inline; }


/* FORM ELEMENTS */
.textbox, textarea { background: #ffffff; border: 1px solid #2971a6; line-height: 17px; height: 17px; padding: 2px 0 2px 5px; color: #272727; }
.searchbox { line-height: 26px; height: 26px; width: 250px; border: none; background: url(img/searchboxBgnd.gif) no-repeat; padding: 2px 7px 0 7px; color: #999999; font-size: 14px; }
.newsletterbox { line-height: 27px; height: 27px; width: 190px; border: none; background: url(img/newsletterboxBgnd.gif) no-repeat; padding: 2px 10px 0 10px; color: #999999; }
.loginbox { line-height: 19px; height: 19px; width: 100px; border: 1px solid #5c5c5c; background: #ffffff; padding: 2px 5px; margin: 0 9px 0 0; }
select { background: #ffffff; border: 1px solid #c7c7c7; padding: 3px; }

.button { background: url(img/btnBgnd.gif) no-repeat 0 0; margin: 0; padding: 0 0 0 15px; border: none; display: inline-block; cursor: pointer; }
.button a { font-size: 12px; background: url(img/btnBgnd.gif) no-repeat right top; border: none; padding: 6px 15px 6px 0; white-space: nowrap; display: inline-block; cursor: pointer; line-height: 14px; }
.button a:link, .button a:active, .button a:visited, .button a:hover { color: #ffffff; }
.btn { padding: 0; margin: 0; background: url(img/search-button.png) no-repeat 0 0; border: none; width: 82px; height: 31px; margin: 0 0 0 7px; cursor: pointer; color: #fff; font-weight: bold; }


/* LINKS */
a:link, a:active, a:visited, a:hover { text-decoration: none; }

a:link, a:active, a:visited { color: #114e74; }
a:hover { color: #e76801; }

.lang a:link, .lang a:active, .lang a:visited { color: #ffffff; }
.lang a:hover { color: #e0ad3e; }

.leftMenu ul li.active ul li a:link, .leftMenu ul li.active ul li a:active, .leftMenu ul li.active ul li a:visited { color: #535658; }
.leftMenu ul li.active ul li a:hover { color: #e76801; }

.leftMenu ul li ul li.active a:link, .leftMenu ul li ul li.active a:active, .leftMenu ul li ul li.active a:visited { color: #e76801; }
.leftMenu ul li ul li.active a:hover { color: #e76801; }


/* WRAPPERS */
.fullStretch { width: 100%; }
.fullHeight { height: 100%; }	
.marginTop1 { margin: 12px 0 0 0; }
.marginTop2 { margin: 17px 0 0 0; }
.marginTop3 { margin: 50px 0 0 0; }
.marginLeft1 { margin: 0 0 0 23px; }
.marginLeft2 { margin: 0 0 0 15px; }
.marginLeft3 { margin: 0 0 0 40px; }

h1 { font-size: 20px; font-weight: bold; color: #535658; padding: 5px 0 0 0; }
h2 { }
h3 { color: #155701; font-size: 16px; font-weight: bold; }
h4 { color: #155701; font-weight: bold; }

.wrapper { width: 980px; margin: 0 auto; background: url(img/clouds.jpg) no-repeat center top; min-height: 450px; height: auto !important; height: 450px; }

.siteTop { height: 150px; }
.logo { position: relative; float: left; width: 160px; height: 150px; }
.logo img { position: absolute; top: 18px; left: 10px; }
.siteTopMain { position: relative; float: left; width: 810px; }

.lang { position: relative; width: 171px; height: 50px; margin: 10px 0 0 auto; }
.lang ul { margin: 0; padding: 0; list-style: none; }
.lang ul li { margin: 0 0 2px 0; background: url(img/langBgnd.png) no-repeat 0 0;}
.lang ul li a { display: block;  padding: 5px 12px 4px 12px; }
.lang ul li a img { vertical-align: middle; margin: 0 8px 0 0; }
#langSubmenu { position: absolute; visibility: hidden; width: 171px; left: 0; top: 40px; z-index: 1000; }

.mainMenu { margin: 60px 0 0 0; padding: 0; list-style: none; text-align: right; }
.mainMenu li { display: inline; font-size: 15px; font-weight: bold; padding: 0 0 0 25px; }
.mainMenuEng li { padding-left: 18px; }
.mainMenu li.active a { color: #e76801; }

.middle { min-height: 300px; height: auto !important; height: 300px; background: url(img/siteTopShadow.png) no-repeat right top;  }
.main { padding-top: 50px; overflow: hidden; }
.contentWrapper { min-height: 375px; height: auto !important; height: 375px; background: #ffffff; padding: 20px; overflow: hidden; clear: both; }
.middleBottom { min-height: 200px; height: auto !important; height: 200px; background: url(img/middleBottom.png) no-repeat 0 0; }
.middleBottom img { margin: 40px 0 0 35px; }
.left { float: left; width: 255px; min-height: 375px; height: auto !important; height: 375px; background: url(img/columnDivider.png) no-repeat right top; }
.content { position: relative; float: left; width: 680px; }
.pageBottom { padding: 25px 0 0 0; }

.floor { text-align: center; padding: 10px 0 0 0; }

.leftMenu { width: 170px; padding: 10px 15px; background: #e3e3e3; }
.leftMenu ul { margin: 0; padding: 0; list-style: none; }
.leftMenu ul li { margin: 5px 0; font-weight: bold; }
.leftMenu ul li a { display: block; padding: 7px 10px; background: #ffffff; }
.leftMenu ul li.active a { background: #87b1ca; color: #ffffff; }
.leftMenu ul li.active ul { margin: 0; padding: 5px 0 5px 10px; list-style: none; }
.leftMenu ul li.active ul li a { padding: 0; background: none; }

.selectBuilding { position: relative; height: 591px; }
.selectBuilding img { position: absolute; left: 0; top: 61px; border: 0; }

.selectFloor { position: relative; height: 645px; }
.selectFloor img { position: absolute; left: 0; top: 35px; border: 0; }

.selectFlat { position: relative; height: 431px; }
.selectFlat img { position: absolute; left: 0; top: 0; border: 0; }

.objectInfo { position: absolute; width: 225px; height: 175px; left: 40px; top: 225px; }
.objectInfo p { margin: 0; padding: 15px 0 0 0; }
.objectInfo img { position: relative; top: 0; }

.objectVR { position: absolute; width: 225px; height: 50px; left: 40px; top: 100px; padding: 0; }

#objekti area, #katovi area, #o1-k1 area, #o1-k3 area, #o2-k1 area, #o2-k3 area { cursor: pointer; }
.buildingHover { display: none; }

.flatInfo { float: left; width: 240px; padding: 5px 30px 0 0; }
.flatInfo .nettoArea { font-weight: bold; color: #2b729e; }
.flatInfo .price { font-weight: bold; color: #b65604; }
.flatInfoDivider { background: url(img/dividerHorizontal.gif) repeat-x left center; height: 17px; }
.flatDrawing { float: left; width: 390px; padding: 15px 0 0 0; text-align: center; }
.flatInfoLinks { padding: 25px 0 0 0; font-size: 11px; }
.flatInfoLinks img { vertical-align: middle; margin: 0 4px 0 0; }

.footer { width: 930px; margin: 0 auto; }
.footer td { color: #ffffff; font-size: 11px; }
.footer td img, .footer td span { vertical-align: middle; padding: 0 15px; }
.footerLeft { width: 730px; }
.footerRight { width: 200px; text-align: right; }

.clear {
	clear: both;
}

.image { width:120px; height: 80px; float:left; margin: 12px 12px 0 0; overflow: hidden; border: 1px solid #E1E8EC; }
.image div { width: 112px; height: 72px; margin: 4px; overflow: hidden; }


/* PRINT */
.printTop { height: 170px; border: none; }

.printDivider { height: 3px; line-height: 1px; font-size: 1px; background: #cccccc;  }

.printMiddle { padding: 20px 0; font: 11px Arial, sans-serif;  }
.printMiddle table { width: 100%; height: 680px; }
.printMiddle table .printTlocrt { width: 680px; height: 680px; background: none; }
.printMiddle table .printTlocrt img { width: 600px; z-index: 10000; }
.printMiddle table .printTlocrt2 { width: 480px; height: 680px; background: none; }
.printMiddle table .printTlocrt2 img { width: 430px; z-index: 10000; }
.printMiddle table .printFlatInfo { width: 180px; line-height: 21px; }

.printBottom { border: none; padding: 10px 0 0 0; font-size: 11px; text-align: center; color: #555555; }

p.kliknite {
    position: absolute;
    font-weight: bold;
    color: #fff;
    margin-top: 40px;
    margin-left: 20px;
    text-shadow: 1px 1px 5px #2C739F;
    font-size: 17px;
}