/*---------------------------------------------
[Main CSS Stylesheet]

Project:          MD Biro
Primary Use:      Screen
Date:             04.12.2009.
Last Change:      07.12.2009.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");

/*----------- GENERAL -----------------------*/
body  { color: #333; background: url(../images/bg-page.png) top center repeat-y; font-family:Tahoma, Arial, Helvetica, sans-serif; }

#outer-wrapper  { background: url('../images/bg-header.jpg') top center no-repeat; }
#container { position: relative; width: 946px; margin: 0 auto; padding: 0 15px; }
#wrapper { padding: 0 30px; background: url('../images/bg-content-main.png') repeat-y; margin: 0 -15px; overflow:hidden; position:relative; }
a { outline:none; }
a.more  { color: #f5742d; font-weight: bold; font-size: 11px; line-height: 12px; text-decoration: none; background: url(../images/icon-arrow-01.gif) left 4px no-repeat; padding-left: 8px; }

.send-query-banner  { display: block; margin-bottom: 10px; }
.send-query-banner img  { margin-bottom: 10px; }

#wrapper h2 { font-size: 18px; line-height: 20px; font-weight: normal; font-family: Tahoma, Arial, sans-serif; margin-bottom: 10px; }

.text { font-size: 12px; line-height: 14px; }
.text.txtPage { padding:0 5px 24px; }
.text p { margin-bottom: 15px; }
.text a { color: #f5742d; }
.text ul { margin-bottom: 15px; }
.text ul li { padding: 0 0 5px 15px; background: url('../images/bullet-01.png') left 3px no-repeat; }
.text h1  { font-size: 16px; line-height: 18px; color: #22394c; font-weight: bold; margin-bottom: 15px; }
.text h1 span { display: block; font-size: 12px; font-weight: normal; }
.detail-box .text h1  { color: #f5742d; font-weight: bold; }
#wrapper .text h2  { color: #22394c; font-size: 14px; line-height: 16px; margin-bottom: 10px; font-weight: bold; }
#wrapper .text h2.big { font-size: 18px; line-height: 20px; font-weight: normal; }
.text h3  { color: #22394c; font-size: 12px; line-height: 14px; margin-bottom: 10px; } 

.empty-note { display: block; font-size: 12px; line-height: 14px; padding:10px; /*border: 1px solid #dedede; border-top: none;*/ }
.txtPage .empty-note { border:0 none; }

/*----------- HEADER ------------------------*/
#header .hRow1 { position:relative; padding:0 45px 0 15px; margin:0 -15px; }
#header .hRow2 { clear:both; position:relative; padding:0 45px 18px 15px; margin:0 -15px; background:url('../images/bg-header-top.png') center -156px no-repeat; }
#header h1 { position:absolute; left:25px; top:9px; font-size:13px; font-weight:bold; line-height:1.2em; text-shadow:0 0 0 transparent, 3px 3px 3px rgba(255, 255, 255, 1); }
.en #header h1 { left:28px; top:12px; font-size:17px; font-weight:normal; }
#header .logo { position:absolute; left:26px; top:42px; width:131px; height:90px; background:url('../images/logo.gif') 0 0 no-repeat; text-decoration:none; font-style:italic; font-size:12px; color:#333; outline:none; }
#header .logo span { position:absolute; bottom:0; width:100%; left:13px; }
.en #header .logo span { left:2px; }

#header .top-nav { padding:147px 0 0 12px; width:530px; overflow:hidden; }
#header .top-nav li { float:left; }
#header .top-nav li a { outline:none; font-weight:bold; color:#686868; text-decoration:none; background:url('../images/separator-01.png') no-repeat right center; padding-right:8px; margin-right:9px; font-size:11px; line-height:13px; }
#header .top-nav li.last a { background:none; padding:0; margin:0; }
#header .top-nav li a:hover,
#header .top-nav .active a  { color:#f5742d; }

#header .main-nav { padding-top:22px; width:922px; overflow:hidden; }
#header .main-nav li { float:left; padding: 0 40px 0 21px; }
#header .main-nav li a { font-size:12px; text-decoration:none; font-weight:bold; text-transform:uppercase; color:#f5742d; outline:none; }
#header .main-nav li a:hover,
#header .main-nav .active a { color:#00844a; }
#header .main-nav li#myChoice { float:none; position:absolute; right:-7px; top:17px; }
#header .main-nav li#myChoice a { background:url('../images/bg_myChoice.png') 0 0 no-repeat; padding:7px 0 6px 30px; text-transform:none; color:#00844a; line-height:14px; display:block; }
#header .main-nav li#myChoice:hover a { text-decoration:underline; }

#header .lang_nav { position:absolute; top:7px; right:24px; }
#header .lang_nav li { float:left; padding: 0 0 0 5px; }
#header .lang_nav li a { outline:none; }
#header .lang_nav li.active img { opacity:0.4; filter:alpha(opacity=40); }

/*----------- SEARCH ------------------------*/
#searchForm { position: absolute; top:8px; right:-12px; width: 422px; font-size: 11px; }
#searchForm h2  { font-size:14px; line-height:16px; font-weight: bold; font-family: Tahoma, Arial, sans-serif; padding-bottom:7px; width:350px; }
#searchForm select, 
#searchForm li input { font-size: 11px; border: 1px solid #cdcdcd; padding: 2px; color: #686868; font-family: Arial, sans-serif; }
#searchForm select { width:180px; margin-bottom: 5px; display: none; }
#searchForm div { float: left; clear: left; width: 195px; }
#searchForm div.checks { width:300px; padding-left:1px; }
#searchForm li  { overflow: hidden; zoom: 1; margin-bottom: 5px; }
#searchForm li input { width:52px; float: left; padding: 3px 2px; }
#searchForm li span { float: left; padding: 4px 4px 0; }
#searchForm li label { float: left; width: 48px; padding-top: 3px;}
#searchForm fieldset  { width: 224px; }
#searchForm fieldset label  { padding: 5px 10px 0 0; float: left; }
#searchForm div fieldset { width:auto; margin:0; }
#searchForm div fieldset label  { padding:4px 5px 1px 0; }
#searchForm fieldset label input { margin-right: 2px; }
#searchForm button  { position:absolute; bottom: -4px; right: 38px; width: 54px; line-height: 15px; padding:2px 0 7px; background:url(../images/bg-button-form-01.png) no-repeat left 0; cursor:pointer; color:#fff; font-weight:bold; text-transform:lowercase;height:22px;}

#searchForm .ID { clear:both; float:left; padding:0; margin-bottom:4px; clear:none; width:auto; }
#searchForm .ID span.rpl-bkgID input { background:none; border:0 none; }

#searchForm .ID span.rpl-bkgID { float: left; padding: 0; }
#searchForm .ID span.rpl-bkgID input { width: 130px; float: left; padding: 3px 2px; background:#d7effc; border:1px solid #CDCDCD; color:#686868; margin-left:4px; }
#searchForm .ID span.rpl-bkgID label { display: none; }
#searchForm .ID label { padding: 4px 4px 0 0; width:40px; }

#searchForm .sel-replaced { font-size: 11px; line-height: 13px; margin-bottom: 5px; width: 151px; border: 1px solid #cdcdcd; padding: 4px 25px 3px 4px; color: #686868; display: block; background: #fff url(../images/sel-rpl-bkg.gif) 163px 3px no-repeat; cursor: pointer; }
#searchForm .off  { opacity: 0.4; filter:alpha(opacity=40); }

/*----------- DROPDOWN REPLACEMENT ----------*/
#select-drop          { margin-top: 0; background: #fff; position: absolute; display: none; z-index: 1000; padding: 0 2px 4px 0; border: 1px solid #cdcdcd; border-top: none; }
  #select-drop .inner   { padding: 10px 0 10px 5px; overflow: hidden; zoom: 1; }
  #select-drop .col1    { margin-right: 5px; }
  #select-drop h2       { font-weight: bold; font-size: 14px; line-height: 18px; color: #686868; border-bottom: 1px dotted #838384; padding: 0 3px 4px; margin-bottom: 5px; cursor: pointer; }
  #select-drop .col2    { margin-right: 5px; }
  #select-drop .close   { float: right; cursor: pointer; }
  
  #select-drop ul                   { overflow: auto; max-height: 252px; position: relative; }
  #select-drop ul li                { font-size: 12px; font-weight: bold; color: #686868; padding: 2px 2px 4px 6px; }
  #select-drop ul li a              { color: #a4a6ac; }
  #select-drop .col1 li             { cursor: pointer; }
  #select-drop .col1 li.highlight   { background: #e9eaea; color: #1d2123; }
  #select-drop .col1 li.highlight a { color: #1d2123; }
  #select-drop .col1 li.on,
  #select-drop .col1 li:hover       { background: #b1b7b6; color: #1d2123; }
  #select-drop .col1 li.on a,
  #select-drop .col1 li:hover a     { color: #1d2123; }
  
  #select-drop .col2 ul { padding-bottom: 5px; }
  #select-drop .col2 li { *margin-bottom: -5px; }
  #select-drop .col2 input  {  margin: 1px 5px 0 0; }  

/*----------- COLUMNS -----------------------*/
#column-1 { float: left; width: 695px; margin-top:5px; }
#column-2 { float: right; width: 204px; margin-top:5px; }

/*----------- HOME --------------------------*/
.home-box-01  { width: 260px; float: left; }
  .home-box-01 li { border-bottom: 1px solid #dedede; overflow: hidden; zoom: 1; padding-bottom: 10px; margin-bottom: 10px; }
  .home-box-01 li li  { margin: 0; border: none; padding-bottom: 0; }
  .home-box-01 li.last  { border: none; }
  .home-box-01 li .more { float: right; }

/*.home-box-02  { width: 400px; float: right; }*/
.home-box-02  {  }
  /*.home-box-02 li { background: #f5f5f5; margin-bottom: 13px; padding: 11px 18px; overflow: hidden; zoom: 1; }*/
  .home-box-02 li { background: #f5f5f5; margin-bottom: 13px; padding: 11px 18px; overflow: hidden; zoom: 1; width: 302px; float: left; }
  .home-box-02 .img { float: left; margin-right: 10px; }
  .home-box-02 .img img { display: block; border: 1px solid #dedede; }
  .home-box-02 dl { overflow: hidden; zoom: 1; margin-bottom: 10px; }
  .home-box-02 dt,
  .home-box-02 dd { border-bottom: 1px dotted #d0d1d2; padding: 0 2px 2px; margin-bottom: 2px; }
  .home-box-02 dt a { font-size: 14px; line-height: 18px; font-family: Verdana, Arial, sans-serif; color: #f5742d; text-decoration: none; }
  .home-box-02 dd { font-size: 12px; line-height: 14px; color: #686868; }
  .home-box-02 .more  { float: right; }
	
.home-box-03  { width:340px; float:left; }
.home-box-03.right  { margin-left:14px; }
.home-box-03 li { background: #f5f5f5; margin-bottom: 13px; padding: 11px 18px 0 11px; overflow: hidden; width: 312px; float:left; }
.home-box-03 .img { float: left; margin-right: 10px; width:138px; outline:none; font-size:11px; overflow:hidden; }
.home-box-03 .img img { display: block; border: 1px solid #dedede; }
.home-box-03 .cell { overflow: hidden; zoom: 1; margin-bottom: 10px; }
.home-box-03 h3 { border-bottom:1px dotted #d0d1d2; padding:0 0 2px 2px; margin-bottom:2px; }
.home-box-03 p { border-bottom: 1px dotted #d0d1d2; padding: 0 2px 2px; margin-bottom: 2px; }
.home-box-03 h3 a { outline:none; font-size:14px; line-height:15px; color:#f5742d; text-decoration:none; }
.home-box-03 h3 a span { display:block; font-size:12px; font-weight:bold; font-family:Arial, sans-serif; padding-top:1px; }
.home-box-03 p { font-size: 12px; line-height: 14px; color: #686868; }
.home-box-03 p span { float:left; width:60px;  }
.home-box-03 p strong { text-align:left; font-weight:normal; display:block; }
.home-box-03 p strong.price-euro { padding-left:60px; font-weight:bold; }
.home-box-03 p strong.price-kn { padding-left:60px; color: #F5742D;}
.home-box-03 .more  { float: right; margin-bottom:10px; }

/* BIG HOME BOX */
#homeBox { position:relative; }
#homeBox .content { padding: 0 30px; background: url('../images/bg-content-main.png') repeat-y; margin: 0 -15px; overflow:hidden; position:relative; }
#homeBox #bottomBkg { height:28px; padding: 0 30px; background: url('../images/bg-footer.png') center 0 no-repeat; margin: 0 -15px; overflow:hidden; position:absolute; width:100%; left:-15px; }
#homeBox #topBkg { height:42px; padding: 0 30px; background: url('../images/bg-header-top.png') center -140px no-repeat; margin: 0 -15px; overflow:hidden; position:relative; }
#homeBox section { overflow:hidden; }
#homeBox .col-1 { float:left; margin-right:4px; }
#homeBox .col-1 h1 { font-size:17px; margin:0 0 14px; }
#homeBox .col-1 h2 { color:#f5742d; display:inline; font-weight:bold; }
#homeBox .col-1 .row { overflow:hidden; margin-bottom:14px; }
#homeBox .col-1 .row .item { float:left; width:316px; background:#f5f5f5; padding:10px 12px 8px; margin-right:14px; font-size:13px; line-height:15px; }
#homeBox .col-1 .row .item p { display:inline; }
#homeBox .col-1 .extraBanners { text-align:center; padding:6px 0 0; }
#homeBox .col-1 .extraBanners a { outline:none; margin-right:6px; display:inline-block; }
#homeBox .col-2 { float:left; width:204px; }

  
/*----------- REALESTATES NAVIGATION --------*/
.sub-nav  { position:relative; padding:0 24px 10px 36px; background:url('../images/bg-content-main.png') center 8px no-repeat; margin:-8px -15px 0; }
.sub-nav li { display:inline; padding-right:20px; margin-right:17px; background:url('../images/separator-03.png') right 6px no-repeat; }
.sub-nav li.last { background:none; margin:0; padding:0; }
.sub-nav li a { font-size:11px; color:#f5742d; font-weight:bold; text-decoration:none; outline:none; white-space:nowrap; }
.sub-nav li a:hover,
.sub-nav .active a { color:#00844a; }

/*----------- BREADCRUMBS -------------------*/
.breadcrumbs  { padding:10px; border: 1px solid #dedede; border-bottom: none; overflow: hidden; }
.breadcrumbs li { float:left; background:url(../images/icon-arrow.png) right 7px no-repeat; padding-right: 15px; margin-right: 7px; }
.breadcrumbs li.last  { background: none; }
.breadcrumbs li a { font-size: 18px; line-height: 20px; color: #22394c; }

/*----------- INNER CONTROLS ----------------*/
.innerControls  { position: absolute; top: 0px; right: 10px; }
  .innerControls li { padding: 0 !important; background: none !important; float: left; }
  .innerControls li a { display: block; text-indent: -9999px; outline: none; height: 32px; width: 32px; background: url(../images/icon-nav.gif) top left no-repeat; }
  .innerControls li.back a { background-position: 0 0; }
  .innerControls li.print a { background-position: -32px 0; }
  .innerControls li.prev a { background-position: -64px 0; }
  .innerControls li.next a { background-position: -96px 0; }
  
  .bottomPos  { top: auto !important; bottom: 0px !important; }
  
/*----------- CONTROL BOX -------------------*/
.controlBox { background: url(../images/control-bkg.gif) left top repeat-x; border: 1px solid #e3e8eb; height: 31px; padding: 5px 10px 0; overflow: hidden; zoom: 1; }
  .controlBox h2 { float: left; color: #22394c; }
  .controlBox .more { float: right; margin-top: 7px; }
  
  .pagination { float: left; padding: 5px 0 0 0; }
  .pagination li  { float: left; }
  .pagination img { margin-top: 2px; float: left; *margin-top: -1px; }
  .pagination a { font-size: 12px; line-height: 14px; color: #22394c; font-weight: bold; padding: 1px 3px; margin: 0 1px; float: left; }
  .pagination a.active,
  .pagination a:hover { color: #fff; background: #97d3f5 url(../images/bg-pagi.png) top left repeat-x; text-decoration: none; }
  .pagination .prev a:hover,
  .pagination .next a:hover { background: none; }
  
  
  .controlBox form  { float: right; }
  .controlBox form label { float: left; font-size: 12px; line-height: 14px; font-weight: bold; margin: 5px 5px 0 0; }
  .controlBox form select { float: left; font-size: 12px; line-height: 14px; border:1px solid #cdcdcd; margin: 3px 10px 0 0; }
  .controlBox form button { float: left; width: 54px; line-height: 15px; font-size: 12px; margin: 4px 0px 0 0; padding: 1px 0 8px; background:url(../images/bg-button-form-01.png) no-repeat left 0; cursor: pointer; color: #fff; font-weight: bold; text-transform: lowercase; }

/* SEARCH TITLE */
.searchTitle { padding:6px 10px 8px; border:1px solid #dedede; border-bottom:0 none; overflow:hidden; font-size:15px; font-weight:bold; line-height:1.2em; }
.searchTitle .lbl { float:left; margin-right:9px; }
.searchTitle hgroup { float:left; width:483px; }
.searchTitle h5 { color:#00844a; }
.searchTitle h5 span { font-size:0.8em; }
.searchTitle h6 { color:#00844a; }
  
/*----------- TABLES ------------------------*/
.table-type-1 { width: 100%; border-left: 1px solid #e3e8eb; }
  .table-type-1 td  { width: 138px; font-size: 11px; padding: 17px 4px 30px 17px; border-right: 1px solid #e3e8eb; border-bottom: 1px solid #e3e8eb; vertical-align:top; }
  .table-type-1 .imgWrapper { display: block; width: 136px; height: 102px; margin-bottom: 10px; position: relative; outline:none; }
  .table-type-1 img { display: block; border: 1px solid #dedede; width: 136px; height: 102px; }
  .table-type-1 .imgWrapper .patch,
  .table-type-1 .imgWrapper .sold { display: block; top: 1px; left: 1px; border: none; position: absolute; width: auto; height: auto; }
  .table-type-1 h3,
  .table-type-1 h3 a { font-size: 13px; line-height: 16px; float: none; font-weight: bold; text-decoration: none; color: #f5742d; outline:none; }
  .table-type-1 h3 a span.sub,
  .table-type-1 .sub { font-size: 12px; line-height: 14px; color: #f5742d; display: block; padding-bottom: 6px; margin-bottom: 5px; font-weight:normal; }
  .table-type-1 p { line-height: 18px; overflow: hidden; zoom: 1; padding-bottom: 5px; }
  .table-type-1 p span  { float: left; margin-right: 2px; font-size:10px; }
  .table-type-1 p strong  { font-size: 11px; color: #2c3749; font-weight: normal; display: block; overflow: visible; text-align:left; margin-right:0px; padding-left:48px; font-family:Arial, sans-serif; }
  .table-type-1 p strong.price-euro { color: #22394C; font-weight: bold; font-size:12px; color:#F5742D; }
  .table-type-1 p .price-kn { font: normal normal 11px/14px Arial; }
  .en .table-type-1 p strong  { padding-left:55px; }

.text table { width:100%; border-collapse: collapse; }
  .text table th,
  .text table td { border-bottom:5px solid #fff; }
  .text table th { vertical-align: top; background: #f3f4f4; padding: 5px 10px 5px 5px; }
  .text table td { background: #f3f4f4; padding: 5px; }

/*----------- LISTS -------------------------*/
.sideList-01  { border: 1px solid #c9cacb; border-bottom: none; margin-bottom: 15px; font-size: 12px; line-height: 12px; }
  .sideList-01 dt { border-bottom: 1px solid #c9cacb; text-align: center; cursor: pointer; color: #fff; background: #eeeff0 url(../images/bg-accordion-title-off.png) top left repeat-x; padding: 6px 0; font-weight: bold; font-family: Tahoma, Verdana, Arial, sans-serif; }
  .sideList-01 dt.active { color: #333; background: #eeeff0 url(../images/bg-accordion-title.png) top left repeat-x; }
  .sideList-01 dd { padding-bottom:8px; border-bottom: 1px solid #c9cacb; background: #fff url(../images/bg-accordion-content.png) top left repeat-x; overflow: hidden; zoom: 1; }
  .sideList-01 .scroll { overflow: auto; /*height: 240px;*/ }
  
  .sideList-01 .scroll { scrollbar-face-color:#cbcdcf; scrollbar-track-color:#e6e6e6; scrollbar-shadow-color:#f9f9f9; scrollbar-darkshadow-color:#f1efe2; scrollbar-arrow-color:#9b9d9f; }
  
  .sideList-01 dd ul { padding: 0 4px; }
  .sideList-01 dd li { border-bottom: 1px dotted #d0d1d2; overflow: hidden; zoom: 1; padding: 9px 2px 10px 1px; }
  .sideList-01 dd li a.imgWrapper { display:block; width:71px; outline:none; float:left; overflow:hidden; }
  .sideList-01 dd li img { float: left; display: block; }
  .sideList-01 dd li div { overflow: hidden; zoom: 1; padding-left: 6px; }
  .sideList-01 dd li div a { text-decoration: none; color: #f5742d; outline:none; }
  .sideList-01 dd li div a span { display: block; font-weight: bold; }

.sideList-02  { }
  .sideList-02 li a { display: block; background: #f5f5f5; margin-bottom: 10px; padding: 5px; overflow: hidden; zoom: 1; font-size: 12px; line-height: 14px; color: #333; text-decoration: none; }
  .sideList-02 img  { float: left; margin-right: 10px; }
  .sideList-02 .block { display: block; overflow: hidden; zoom: 1; }

.sideList-03  { }
  .sideList-03 li { margin-bottom:14px; }
  .sideList-03 li a { display:block; outline:none; padding:0; overflow: hidden; zoom: 1; font-size: 12px; line-height: 14px; color: #333; text-decoration: none; }
  .sideList-03 img  { vertical-align:top; }

.text .list-01  { margin: 0 0 15px 0; line-height: 18px; }
  .text .list-01 li { padding: 0; background: none; overflow: hidden; zoom: 1; margin-bottom: 3px; }
  .text .list-01 span { float: left; margin-right: 5px; }
  .text .list-01 strong { display: block; overflow: hidden; zoom: 1; }
  .text .list-01 .button { padding: 10px 0 6px 0; }
  .text .list-01 .button a { vertical-align:top; outline:none; }
  .text .list-01 .button a.query { display: inline-block; width: 87px; line-height: 15px; padding:2px 0 8px; text-align: center; cursor: pointer; background: url('../images/bg-button-form-02.png') no-repeat 0 0; color: #fff; font-weight: bold; text-transform: lowercase; margin:2px 24px 0 0; }
  .text .list-01 .button a.myChoice { display:none; height:23px; line-height:22px; text-align:center; border:0 none; color:#0e7b41; font-weight:bold; font-size:11px; cursor:pointer; text-decoration:none; }
  .text .list-01 .button a.myChoice.active { display:inline-block; }
  .text .list-01 .button a.myChoice span { float:left; display:inline-block; padding-left:12px; cursor:pointer; background:url('../images/button_myChoice.png') 0 0 no-repeat; margin:0; }
  .text .list-01 .button a.myChoice b { float:left; display:inline-block; width:11px; height:23px; cursor:pointer; background:url('../images/button_myChoice.png') right 0 no-repeat; }
  
  
/*----------- SIDE NAVIGATION ---------------*/
.side-nav-box {}
  .side-nav-box h2 { color: #22394c; }
  .side-nav-box h2 span { font-size: 12px; }
  .side-nav-box ul { border-top: 1px solid #dedede; margin-bottom: 15px; }
  .side-nav-box li  { padding: 2px 14px 4px; border-bottom: 1px solid #dedede; }
  .side-nav-box li a  { color: #f5742d; font-weight: bold; font-size: 11px; line-height: 12px; text-decoration: none; background: url(../images/icon-arrow-01.gif) left center no-repeat; padding-left: 8px; }

/*----------- DETAIL ------------------------*/
.detail-box { border: 1px solid #dedede; border-top: 0; overflow: hidden; zoom: 1; padding: 15px 0 0 0; position: relative; }  
  .detail-box .left { float: left; width: 242px; padding: 0 45px 0 32px; }
  .detail-box .left div { margin-bottom: 15px; position: relative; }
  .detail-box .left div a { outline:none; }
  .detail-box .left div img { display:block; border:1px solid #dedede; width:240px; }
  .detail-box .left div .patch,
  .detail-box .left div .sold { position: absolute; top: 1px; left: 1px; border: none; width: auto; height: auto; }
  .detail-box .left dl  { background: #efefef; padding: 0 0 19px 10px; overflow: hidden; zoom: 1; margin-bottom: 15px; }
  .detail-box .left dt  { font-size: 12px; color: #686868; font-weight: bold; padding: 12px 0 10px 2px; }
  .detail-box .left dd  { float: left; margin: 0 4px 5px 0; }
  .detail-box .left dd a { outline:none; }
  .detail-box .left dd img  { display: block; width: 71px; height: 51px; }
  
  .detail-box .left .files dd { float: none; margin: 0 10px 5px 0; border-bottom: 1px solid #fff; }
  .detail-box .left .files a  { display: block; overflow: hidden; zoom: 1; padding: 0 0 0 30px; background: url(../images/ICONfile.gif) top left no-repeat; font-size: 11px; color: #686868; text-decoration: none; cursor: pointer; }
  .detail-box .left .files .video a { background: url(../images/ICONvideo.gif) top left no-repeat; }
  .detail-box .left .files .pdf a { background: url(../images/ICONpdf.gif) top left no-repeat; }
  .detail-box .left .files .doc a { background: url(../images/ICONfile.gif) top left no-repeat; }
  .detail-box .left .files .zip a { background: url(../images/ICONzip.gif) top left no-repeat; }
  .detail-box .left .files span { float: right; padding: 12px 0 12px 5px; width: 50px; text-align: right; }
  .detail-box .left .files span.title { float: left; font-weight: bold; font-size: 12px; width: 125px; text-align: left; }
  
  .detail-box .text { overflow: hidden; zoom: 1; padding: 30px 10px 50px 0; }
  
  .price-euro { color: #F5742D; font-weight: bold; font-size:13px;}
  .price-euro.old-price { text-decoration:line-through; color:#F5742D!important; font-size:11px!important;}
  .price-euro.old-price em { color:#22394C; }
  .price-kn { font: normal normal 11px/14px Arial; }
  .home-box-02 .price-kn { font: normal normal 11px/18px Arial; padding-left: 43px; }
  
  .broj-pregleda { padding: 10px 0; text-align: right; font: normal normal 11px/14px arial; color: #686868; }

/*----------- GOOGLE MAP ----------------------*/
.mapBoxWrapper    { height: 205px; position: relative; margin-bottom: 15px; }

.mapBox           { width:218px; height: 163px; zoom: 1; background: #efefef; border:1px solid #eeeeee; padding: 9px 10px 31px 10px; margin-bottom:10px; position: absolute; top: 0; left: 0; }
.mapBox #gMap     { clear:left; border:1px solid #e0e0e0; width: 100%; height: 100%; overflow: hidden; zoom: 1; }
.mapBox #gMap a   { display: none; }
.mapBox .title    { float: left; margin-bottom: 6px; font-size: 12px; font-weight: bold; color: #686868; }
.mapBox a.button  { float: right; cursor: pointer; background: url(../images/ICONplus.gif) top right no-repeat; padding-right: 17px; font-size: 11px; color: #8b0304; }
.mapBox a.close   { background: url(../images/ICONminus.gif) top right no-repeat; }

#google-map { float: right; width: 438px; height: 350px; margin: 0 0 30px 20px; border: 1px solid #e0e0e0; padding: 1px; background: #fff; }
.text #google-map div  { line-height: 14px; }

/*----------- QUERY FORM ----------------------*/
#query-form { overflow: hidden; zoom: 1; margin-bottom: 15px;  }
  #query-form fieldset { overflow: hidden; zoom: 1; margin-bottom: 25px; }
  #query-form em { color: red; }
  #query-form ul  { overflow: hidden; zoom: 1; }
  #query-form li  { float: left; width: 210px; margin: 0 0 10px 0; position: relative; padding: 0; background: none; }
  #query-form li label  { display: block; line-height: 16px; }
  #query-form li .txt { display: block; width: 189px; border: 1px solid #ccc; padding: 2px; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; }
  #query-form li div  { float: left; }
  #query-form li div .txt,
  #query-form li .txt-01  { width: 130px; float: left; margin-right: 10px; }
  #query-form li div.small .txt { width: 29px; margin-right: 0px; }
  #query-form li select { display: block; width: 195px; padding: 1px; border: 1px solid #ccc; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; }
  #query-form li .sel-01  { width: 49px; }
  #query-form li em.note  { color: #999; font-size: 10px; line-height: 13px; display: block; }
  #query-form .textarea { clear: left; width: auto; }
  #query-form .textarea textarea  { width: 400px; height: 150px; border: 1px solid #ccc; padding: 1px 2px; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; overflow: auto;  }
  #query-form .info-popup { display: none; }
  #query-form .captcha  { margin-bottom: 10px; }
  #query-form .captcha label  { display: block; }
  #query-form .captcha .txt  { display: block; width: 189px; border: 1px solid #ccc; padding: 2px; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; margin-bottom: 5px; }
  #query-form .captcha img  { display: block; }
  #query-form .submit-form  { padding-right: 25px; }
  #query-form .submit-form p  { float: left; width: 500px; }
  
  #query-form .submit-form button { float: right; width: 54px; line-height: 15px; margin: 4px 35px 0 0; padding: 1px 0 8px; background:url(../images/bg-button-form-01.png) no-repeat left 0; cursor:pointer; color:#fff; font-weight:bold; text-transform:lowercase; }
  
  #query-form  .error { background: #fcc0c0; }

  .icon-info  { position: absolute; cursor: pointer; top: 2px; right: 15px; display: block; }
  
  .info-popup                 { display: none; }
  .info-popup-wrapper         { display: none; position: absolute; width: 150px; z-index: 1000; padding-bottom: 9px; background: url(../images/BKGinfo_box_bottom_small.gif) bottom left no-repeat; font-size: 11px; line-height: 14px; color: #2c3749; }
  .info-popup-wrapper .bkg-1  { background: url(../images/BKGinfo_box_top_small.gif) top left no-repeat; padding-top: 9px; width: 150px; }
  .info-popup-wrapper .bkg-2  { background: url(../images/BKGinfo_box_middle_small.gif) top left repeat-y; padding: 0 7px; width: 136px; }
  .info-popup-wrapper span    { display: block; font-weight: bold; }

  .text .list-01 li.bkg { border-top: 1px solid #dfdfdf; padding-top: 5px }
  .text .list-01 li.bkg.button { border-top:0 none; text-align:right; }
  
/*----------- QUERY FORM SHORT ----------------*/
#query-form-short { overflow: hidden; zoom: 1; margin-bottom: 15px;  }
  #query-form-short fieldset { overflow: hidden; zoom: 1; margin-bottom: 25px; }
  #query-form-short em { color: red; }
  #query-form-short ul  { overflow: hidden; zoom: 1; float:left; margin-right:12px; }
  #query-form-short li  { width: 210px; margin: 0 0 10px 0; position: relative; padding: 0; background: none; }
  #query-form-short li label  { display: block; line-height: 16px; }
  #query-form-short li .txt { display: block; width: 189px; border: 1px solid #ccc; padding: 2px; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; }
  #query-form-short li div  { float: left; }
  #query-form-short li div .txt,
  #query-form-short li .txt-01  { width: 130px; float: left; margin-right: 10px; }
  #query-form-short li div.small .txt { width: 29px; margin-right: 0px; }
  #query-form-short li select { display: block; width: 195px; padding: 1px; border: 1px solid #ccc; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; }
  #query-form-short li .sel-01  { width: 49px; }
  #query-form-short li em.note  { color: #999; font-size: 10px; line-height: 13px; display: block; }
  #query-form-short .textarea { clear: left; width: auto; }
  #query-form-short .textarea textarea  { resize:none; width: 400px; height: 157px; border: 1px solid #ccc; padding: 1px 2px; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; overflow: auto;  }
  #query-form-short .info-popup { display: none; }
  #query-form-short .captcha  { float:left; width:385px; }
  #query-form-short .captcha label  { display: block; }
  #query-form-short .captcha .txt  { display: block; width: 189px; border: 1px solid #ccc; padding: 2px; font-size: 12px; color: #2c3749; font-family: arial, sans-serif; margin-bottom: 5px; }
  #query-form-short .captcha img  { display: block; margin:4px 0 0 2px; }
  #query-form-short .submit-form  { float:left; margin-top:18px; }
  #query-form-short .submit-form p  { float: left; width: 500px; }
  #query-form-short .submit-form button { float: right; width: 54px; line-height: 15px; margin: 4px 35px 0 0; padding: 1px 0 8px; background:url(../images/bg-button-form-01.png) no-repeat left 0; cursor:pointer; color:#fff; font-weight:bold; text-transform:lowercase; }
  
  #query-form-short  .error { background: #fcc0c0; }

  
/*----------- QUERY POPUP ---------------------*/
#queryPopup { position:absolute; display:none; top:0; left:0; padding-top:8px; background:url(../images/queryPopupBkgTop.gif) no-repeat top left; z-index: 50; }
  #queryPopup .inner  { padding-bottom:8px; background:url(../images/queryPopupBkgBottom.gif) no-repeat bottom left; }
  #queryPopup form  { width:470px; background:url(../images/queryPopupBkgMiddle.gif) repeat-y top left; padding:15px; }
  #queryPopup fieldset  { border: none; }
  #queryPopup .title  { font-size: 16px; font-weight: bold; line-height: 18px; color: #004577; font-family: arial, sans-serif; }
  #queryPopup blockquote  { margin: 10px 0 5px 0; padding: 7px 0; overflow: hidden; zoom: 1; border-bottom: 2px solid #c6cad2; border-top: 2px solid #c6cad2; }
  #queryPopup blockquote img  { display: block; float: left; margin-right: 17px; }
  #queryPopup blockquote .text  { float: left; }
  #queryPopup blockquote h2 { font-size: 18px; font-weight: normal; line-height: 24px; color: #f5742d; font-family: Verdana, Arial, sans-serif; }
  #queryPopup .note { display: block; padding: 10px 0 15px 0; font-size: 12px; }
  #queryPopup fieldset.left { float: left; width: 221px; }
  #queryPopup label { display: block; float: none; margin: 10px 0 3px 0; font-size: 11px; }
  #queryPopup label.small { display: inline; float: none; margin: 0 15px 0 6px; }
  #queryPopup .radio  { margin-bottom: -3px; }
  #queryPopup .txt,
  #queryPopup textarea  { width: 194px; border: 1px solid #cdcdcd; padding: 2px; overflow: auto; font-size: 11px; line-height: 12px; color: #686868; font-family: Arial, sans-serif; }
  #queryPopup textarea  { width: 210px; height: 141px; margin-bottom: 28px; overflow: auto; }
  #queryPopup .error  { background: #fcc0c0; }
  #queryPopup button  { float: right; width: 87px; margin: 4px 35px 0 0; font-size: 12px; padding: 1px 0 8px; line-height: 15px; background: url(../images/bg-button-form-02.png) no-repeat left 0; cursor:pointer; color:#fff; font-weight:bold; text-transform:lowercase; }

/*----------- VIDEO POPUP ---------------------*/
#video-popup-overlay  { position: absolute; top: 0; left: 0; z-index: 1000; background: #000; cursor: pointer; }
#video-popup          { position: absolute; top: 0; left: 0; z-index: 1001; background: #fff; padding: 10px 10px 40px 10px; width: 480px; height: 384px; display: none; }
#video-popup .close   { position: absolute; bottom: 9px; right: 10px; cursor: pointer; }

/* SITEMAP */
ul.sitemap { padding:0 0 12px 12px; }
ul.sitemap li a { text-decoration:none; color:#333; }
ul.sitemap li a:hover { text-decoration:underline; }
ul.sitemap li ul { margin:8px 0 6px; }

/*----------- FOOTER ------------------------*/
#footer { margin: 0 -15px; padding:32px 25px 25px; overflow: hidden; zoom: 1; background: url(../images/bg-footer.png) top right no-repeat; line-height:12px; }
#footer p { float:right; color:#7c7c7c; font-size:11px; margin-right:3px; }
#footer a { font-size: 11px; color: #000; text-decoration: none; outline:none; }
#footer a.sitemap { float:right; color:#7c7c7c; padding-right:6px; border-right:1px solid #7c7c7c; margin-right:8px;  }
#footer a:hover,
#footer a span { color: #f00; }

#footer a.author_logo { float:left; }
#footer a.author_logo:hover { text-decoration:none; }
#footer .author_logo { color:#000; text-decoration: none; }
#footer .author_logo span.grey { color:#939495;}
#footer .author_logo:hover,
#footer .author_logo:hover span.grey,
#footer .author_logo span.red { color: #f00; }

/*----------- LIGHTBOX ------------------------*/
#jquery-overlay               { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 500px; }
#jquery-lightbox              { position: absolute; top: 0; left: 0; width: 100%; z-index: 1001; text-align: center; line-height: 0; }
#jquery-lightbox a img        { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image     { padding: 10px; }
#lightbox-loading             { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#lightbox-container-image-data-box                      { font-family:Arial, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data                          { padding: 0; line-height: 16px; color: #1e2d3b; font-size: 14px; }
#lightbox-container-image-data #lightbox-image-details  { width: 70%; float: left; text-align: left; }	
#lightbox-image-details-caption                         { font-weight: bold; }
#lightbox-image-details-currentNumber                   { display: block; clear: left; padding-bottom: 1.0em; font-size: 10px; line-height: 12px; color: #656565; }			
#lightbox-secNav-btnClose                               { width: 66px; float: right; padding: 0 3px 0.7em 0; font-size: 11px; font-family: Arial, sans-serif; font-weight: bold; color: #656565; text-decoration: none; background: url(../images/lightbox-btn-close.gif) right 2px no-repeat; }
#lightbox-buttons                                       { float: right; clear: right; padding-bottom: 5px; }
#lightbox-buttons img                                   { margin-left: 5px; cursor: pointer; }


/*----------- PROJECT BOX ------------------------*/
#refbox { background: #ededed url(../images/bg-01.gif) top left repeat-y; border: 1px solid #dedede; margin-bottom: 20px; overflow: hidden; padding: 10px; position: relative; }
#refbox #switching { float: left; width: 268px; }
#refbox .right { float: left; width: 395px; }
#refbox .project-desc { height: 95px; position: absolute; top: 0; left: 293px; width: 365px; color: #686868; }

  #refbox #switching div 			{ display: none; height: 191px; }
  #refbox #switching div.on		{ display: block; }
  #refbox #switching .img     { position: relative; display: block; float: left; width: 246px; overflow: hidden; zoom: 1; -ms-interpolation-mode: bicubic; }
  #refbox #switching img      { display: block; float: left; height: 185px; width: 247px; -ms-interpolation-mode: bicubic; }
  #refbox #switching dl       { width: 183px; padding:5px 8px 0 10px; float: left; }
  #refbox #switching dt  			{ margin: 3px 0 12px 0; }
  #refbox #switching dt a  			{  color: #ff7930; font-size:16px;  line-height: 18px; text-decoration: none; }
  #refbox #switching dt span    { display: block; font-size:13px; font-weight: bold; }
  #refbox #switching dd         { font-size:14px; line-height: 20px; }
  #refbox #switching dd span      { color:#686868; }
  #refbox #switching .precent 	  { width: 80px; display: block; position:absolute; right:107px; bottom:0px; }
  #refbox #switching .precent em  { display: block; color:#fff; }
  #refbox #switching .rc-left  { width:11px; height:185px; position:absolute; left:0; top:0; background:url(../images/rc-left.png) no-repeat; }
  #refbox #switching .rc-right { width:11px; height:185px; position:absolute; right:0; top:0; background:url(../images/rc-right.png) no-repeat; }
  #refbox .thumbs     	{ position:relative; width: 395px; height: 75px; margin-top: 112px;  }
  #refbox .thumbs:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
  #refbox .arrow        { position:absolute; bottom: 20px; cursor: pointer; }
  #refbox #thumb_arrow_right  { right: 0px; }
  #refbox #thumb_arrow_left   { left: 0px; }
  #refbox #scrolling_thumbs       { position: relative; height: 75px; width: 405px; overflow: hidden; float: left; margin: 0 25px; }
  #refbox #scrolling_thumbs div   { position: absolute; width: 9000px; }
  #refbox .thumbs ul      { list-style: none; }
  #refbox .thumbs li      { float: left; background: url(../images/bg-02.jpg) top center no-repeat; text-align: center; padding: 8px 8px; margin-right: 5px; }
  #refbox .thumbs a       { float: left; display: block; cursor: pointer; *display: inline; }
  #refbox .thumbs a.activeSlide img,
  #refbox .thumbs a:hover img { opacity: 0.5 }
  #refbox .thumbs a img   { display: block; width: 87px; height: 65px; -ms-interpolation-mode: bicubic; }

/*----------- SPECIAL OFFER BOX ------------------------*/
#specialOfferBox { background:url('../images/bg-01.gif') 0 0 repeat-y #ededed; border:1px solid #dedede; margin-bottom:20px; overflow:hidden; padding:12px 10px 12px; position:relative; }
#specialOfferBox #switching { float:left; width:256px; margin-right:10px; }
#specialOfferBox .right { float:left; width:404px; }

#specialOfferBox #switching .realEstate { display:none; height:192px; }
#specialOfferBox #switching .realEstate.on { display:block; }
#specialOfferBox #switching .img { position:relative; display:block; overflow:hidden; outline:none; }
#specialOfferBox #switching img { display: block; float: left; }
#specialOfferBox #switching .desc { position:absolute; top:12px; left:302px; width:365px; /*height:124px;*/ color:#686868; overflow:hidden; height:100px; }
#specialOfferBox #switching h3 { margin:0 0 10px; }
#specialOfferBox #switching h3 a { color:#ff7930; font-size:16px; font-weight:normal; line-height:18px; text-decoration:none; outline:none; }
#specialOfferBox #switching h3 a span { display:block; font-size:12px; font-weight: bold; }
#specialOfferBox #switching ul li { font-size:14px; line-height: 20px; }
#specialOfferBox #switching ul li span { color:#686868; }
#specialOfferBox h2 { position:absolute; top:112px; left:301px; font-family:Arial, sans-serif; font-size:16px; font-weight:bold; margin:0; }
#specialOfferBox .thumbs { position:relative; width:404px; height:67px; padding-top:125px; }
#specialOfferBox .thumbs:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#specialOfferBox .arrow { position:absolute; bottom: 20px; cursor: pointer; }
#specialOfferBox #thumb_arrow_right { right: 0px; }
#specialOfferBox #thumb_arrow_left { left: 0px; }
#specialOfferBox #scrolling_thumbs { position:relative; height:67px; width:356px; overflow:hidden; float:left; margin:0 25px; }
#specialOfferBox #scrolling_thumbs div { position:absolute; width:9000px; }
#specialOfferBox .thumbs ul { list-style: none; }
#specialOfferBox .thumbs li { float:left; background: url('../images/bg-02.jpg') top center no-repeat; padding:8px 8px; margin-right: 5px; }
#specialOfferBox .thumbs a { float:left; display:block; cursor:pointer; *display:inline; font-size:10px;  }
#specialOfferBox .thumbs a.activeSlide img,
#specialOfferBox .thumbs a:hover img { opacity:0.5; filter:alpha(opacity=50); }
#specialOfferBox .thumbs a img { display:block; }


/*----------- OSTALO ------------------------*/ 
#wrapper h2.portal-name { padding: 5px 0; font: normal 11px/16px Arial; }

.detail-col-1 { float: left; width: 223px; padding-right: 10px; }
.detail-col-2 { float: left; width: 233px; }
.single-detail { float: left; width: 230px; }
  .single-detail h3 { color: #22394c; font: normal bold 14px/16px arial, sans-serif; padding-bottom: 0px; }
  .single-detail ul { margin-left: 10px; }
  .detail-box .text .single-detail li { background-image: none; list-style-type: square; color: #b2b3b5; margin-left: 7px; padding-left: 0px; }
  .detail-box .text .single-detail li span { color: #363636; }
.cb { clear: both }

/*.detail-box .text .single-detail ul { width:340px; margin:0; padding:0; color:#333; }
.detail-box .text .single-detail ul li{ background:#f3f4f4; line-height:14px; margin-bottom:5px; padding:4px 0 4px 8px; }
.detail-box .text .single-detail ul li div.a { width:152px; float:left; padding:0 4px 0px 0px; background:#f00;  }
.detail-box .text .single-detail ul li div.b { width:162px; float:left; padding:0 4px 0px 0px;  }
.cb { clear:both; height:0px; }*/