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

Project:          Alavija nekretnine d.o.o.
Primary Use:      Screen
Date:             09.07.2010.
Last Change:      14.07.2010.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");

/*----------- GENERAL -----------------------*/
body  { color: #333; background: #fff; font-family: Arial, sans-serif; }

#logo        { display: block; width: 378px; height: 77px; position: absolute; }
  a#logo     { text-indent: -9999px; overflow: hidden; }
  .hr a#logo { background: url(../images/alavija-logo-hr.gif); }
  .en a#logo { background: url(../images/alavija-logo-en.gif); }
  .ru a#logo { background: url(../images/alavija-logo-en.gif); }

#container  { width: 915px; margin: 0px auto; position: relative; }
#wrapper  { margin-bottom: 45px; overflow: hidden; zoom: 1; }

.print_logo { display: none; }

/*----------- HOME -----------------------*/
#home-page  { /*width: 708px;*/width:960px; margin: 0px auto; }
  
  #home-page .text { padding:6px 0 2px; line-height:19px; }
  #home-page .text p { margin-bottom:5px; }
  
  #home-page #top { /*height: 242px;*/height:354px; margin-bottom:12px; background: url('../images/header-img.jpg') 0 98px no-repeat; position: relative; }
    #home-page #top #logo { top:10px; left: 0; }
	
  #home-page .home_banners { padding-top:7px; }
  #home-page .home_banners ul { overflow:hidden; }
  #home-page .home_banners ul li { float:left; display:block; width:99px; height:68px; margin-right:2px; }
  #home-page .home_banners ul li a { outline:none; }
  #home-page .home_banners ul li.marg3 { margin-right:7px; }
  #home-page .home_banners ul li.last { margin-right:0px; }
  
  #home-page #nav { overflow: hidden; zoom: 1; margin-bottom: 0px; }
    #home-page #nav li      { float: left; background: url(../images/home-nav-bkg.gif) top left no-repeat; margin-right: 11px; padding-bottom: 10px; zoom: 1; }
    #home-page #nav li.over { background-position: -144px top; }
    #home-page #nav li a    { display: block; width: 144px; padding: 10px 0 9px; font-size: 16px; line-height: 19px; color: #fff; font-family: Tahoma, Arial, sans-serif; text-align: center; text-decoration: none; text-transform: uppercase; }
    #home-page #nav li a:hover    {  }
  
    #home-page #nav ul            { display: none; position: absolute; }
    #home-page #nav li.over ul    { display: block; margin-top: 12px; }
    #home-page #nav li.over ul ul { display: none; }
    
    #home-page #nav li.over ul li           { clear: left; background: #999; border-bottom: 1px solid #cfcfcf; border-right: 1px solid #fff; margin: 0; padding: 0; position: relative; }
    #home-page #nav li.over ul li a         { width: 129px; padding: 7px 5px 7px 10px; text-align: left; font-size: 13px; line-height: 16px; font-family: Arial, sans-serif; }
    #home-page #nav li.over ul li.first     { background: url(../images/home-nav-bkg.gif) -289px top no-repeat; }
    #home-page #nav li.over ul li.last      { background: url(../images/home-nav-bkg.gif) -433px bottom no-repeat; border: none; border-right: 1px solid #fff; }
    #home-page #nav li.over ul li.over      { background: #af001d; }
    #home-page #nav li.over ul li.first.over{ background: url(../images/home-nav-bkg.gif) -578px top no-repeat; }
    #home-page #nav li.over ul li.last.over { background: url(../images/home-nav-bkg.gif) -722px bottom no-repeat; }
    
    #home-page #nav li.over ul li.over ul               { display: block; left: 145px; top: 0px; margin-top: 0px; }
    #home-page #nav li.over ul li.over ul li a          { width: 139px; }
    #home-page #nav li.over ul li.over ul li.first      { background: url(../images/home-nav-bkg.gif) -867px top no-repeat; }
    #home-page #nav li.over ul li.over ul li.last       { background: url(../images/home-nav-bkg.gif) -1021px bottom no-repeat; }
    #home-page #nav li.over ul li.over ul li.first.over { background: url(../images/home-nav-bkg.gif) -1176px top no-repeat; }
    #home-page #nav li.over ul li.over ul li.last.over  { background: url(../images/home-nav-bkg.gif) -1330px bottom no-repeat; }
    
/*----------- TEXT -----------------------*/
.text           { font-size: 14px; line-height: 20px; color: #333; }
  .text h1      { font-size: 30px; line-height: 33px; color: #083449; margin-bottom: 20px; font-weight: normal; }
  .text h1 span { display: block; font-size: 16px; margin-top: 20px; line-height: 20px; font-weight: bold; }
  .text h2      { font-size: 18px; line-height: 21px; margin-bottom: 10px; font-weight: normal; }
  .text h3      { font-size: 16px; line-height: 19px; margin-bottom: 5px; }
  .text p       { margin-bottom: 20px; }
  .text ul       { margin: 0 0 20px 20px; list-style: disc; }
  .text ol       { margin: 0 0 20px 30px; list-style: decimal; }
  .text a       { color: #8b0304; text-decoration: none; }
  .text a:hover { text-decoration: underline; }
  
/*----------- HEADER -----------------------*/
#header       { background: url(../images/header-bkg.gif) left 115px repeat-x; margin-bottom: 60px; }
  #header div { width: 915px; margin: 0px auto; position: relative; padding-top: 130px; overflow: hidden; zoom: 1; }
  
  #header #logo { top: 24px; left: 0; }
  
  #header dl            { position: absolute; top: 21px; right: 0; }
  #header dl dt         { display: none; }
  #header dl dd         { background: #b7b7b7 url(../images/phone-contacts-bkg.gif) top left no-repeat; padding-left: 30px; height: 27px; margin-bottom: 3px; width: 173px; }
  #header dl dd.mobile  { background-position: 0px 0px; }
  #header dl dd.phone   { background-position: 0px -27px; }
  #header dl dd span    { display: block; background: url(../images/phone-contacts-bkg.gif) bottom right no-repeat; padding-right: 12px; font-size: 15px; line-height: 27px; font-weight: bold; font-family: Tahoma, Arial, sans-serif; color: #fff; text-align: right; }

  #header ul      { float: right; padding-top: 11px; }
  #header ul li   { float: left; margin-left: 10px; }
  #header ul li a { display: block; width: 144px; padding: 9px 0 5px; background: #af001d url(../images/nav-bkg.gif) top left no-repeat; font-size: 16px; line-height: 19px; color: #fff; font-family: Tahoma, Arial, sans-serif; text-decoration: none; text-transform: uppercase; text-align: center; }
  #header ul li a:hover { color: #333; }
  #header ul li.active a { padding: 20px 3px 5px 3px; margin: -11px -3px 0 -3px; background-position: top right; color: #666; }

/*----------- SUB NAVIGATION -----------------------*/
#sub-nav              { position: absolute; top: -50px; left: 93px; }
.ru #sub-nav              { left:28px; }
  #sub-nav li         { float: left; }
  #sub-nav li a       { display: block; font-size: 15px; line-height: 16px; font-weight: bold; color: #8b0304; text-decoration: none; }
  #sub-nav li a:hover { text-decoration: underline; }
  #sub-nav li span    { display: block; padding: 6px 20px 5px; }
  #sub-nav li.active          { padding-bottom: 5px; background: url(../images/sub-nav-bkg.gif) bottom center no-repeat; }
  #sub-nav li.active a        { background: #af001d url(../images/sub-nav-bkg.gif) left 0px no-repeat; color: #fff; font-weight: normal; }
  #sub-nav li.active a:hover  { text-decoration: none; }
  #sub-nav li.active span     { background: url(../images/sub-nav-bkg.gif) right -27px no-repeat; }

/*----------- COLUMNS -----------------------*/
#column-1           { width: 610px; float: right; }
#column-2           { width: 265px; float: left; background: #f6f5f5 url(../images/column-02-bkg.gif) top left no-repeat; }
  #column-2 .inner  { padding: 35px 25px; background: url(../images/column-02-bkg.gif) bottom right no-repeat; }

/*----------- TABLES -----------------------*/
.table-type-1                   { width: 945px; border-collapse: separate; border-spacing: 15px; margin: -15px; empty-cells:hide; }
  .table-type-1 td              { background: #f6f5f5 url(../images/table-type-1-bkg.gif) bottom right no-repeat; width: 295px; }
  .table-type-1 td .inner       { width: 273px; background: url(../images/table-type-1-bkg.gif) top left no-repeat; padding: 11px; overflow: hidden; zoom: 1; }
  .table-type-1 td .imgWrapper  { float: left; width: 136px; height: 102px; overflow: hidden; position: relative; margin-right: 12px;margin-top: 4px; }
  .table-type-1 td .imgWrapper img    { display: block; }
  .table-type-1 td .imgWrapper .patch { display: block; top: 0px; left: 0px; position: absolute; z-index: 3; }
  .table-type-1 td .imgWrapper .mask { display: block; top: 0px; left: 0px; position: absolute; z-index: 2; width: 136px; height: 102px; }
  
  .table-type-1 td .block { overflow: hidden; zoom: 1; }
  .table-type-1 td h3 a { font-size: 15px; line-height: 19px; font-weight: normal; color: #8b0304; text-decoration: none; }
  .table-type-1 td .sub { font-size: 13px; line-height: 16px; font-weight: bold; color: #8b0304; display: block; margin-bottom: 5px; }
  .table-type-1 p       { font-size: 13px; line-height: 16px; }

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

/*----------- LISTS -----------------------*/
.detail-box .text .list-01  { margin: 0 0 25px 0; list-style: none; }
  .detail-box .text .list-01 li { padding: 2px 0 5px; background: none; overflow: hidden; zoom: 1; border-top: 1px solid #dcdcdd; list-style: none; }
  .detail-box .text .list-01 span { float: left; margin-right: 5px; font-weight: bold; }
  .detail-box .text .list-01 strong { float: left; font-weight: normal; }
  .detail-box .text .list-01 .bkg  { background: #ebeef0; }
  .detail-box .text .list-01 .button { padding: 10px 0 0 0; }
  .detail-box .text .list-01 .button a { display: block; width: 134px; height: 31px; cursor: pointer; text-indent: -9999px; overflow: hidden; }
  .hr .detail-box .text .list-01 .button a { background: url(../images/button-inquiry.gif) top left no-repeat; }
  .en .detail-box .text .list-01 .button a { background: url(../images/button-inquiry.gif) top right no-repeat; }
  .ru .detail-box .text .list-01 .button a { background: url(../images/button-inquiry-ru.gif) top right no-repeat; }

.list-03  { overflow: hidden; zoom: 1; margin: 0 -17px 20px 0 !important; list-style: none !important; }
  .list-03 li { float: left; margin: 0 17px 0px 0; }
  .list-03 li img { display: block; }
  .list-03 li p { margin: 5px 0; }  

/*----------- DETAIL ------------------------*/
.detail-box { overflow: hidden; zoom: 1; padding: 30px 20px 30px 0; background: #f6f5f5; margin-bottom: 30px; position: relative; }  
  .detail-box .left { float: left; width: 242px; padding: 0 53px 0 34px; }
  .detail-box .left div { margin-bottom: 15px; position: relative; }
  .detail-box .left div img { display: block; border: 1px solid #dedede; width: 240px; height: 180px; }
  .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: #fff; padding: 0 0 19px 10px; overflow: hidden; zoom: 1; margin-bottom: 15px; }
  .detail-box .left dt  { font-size: 14px; color: #333; font-weight: bold; padding: 12px 0 10px 2px; }
  .detail-box .left dd  { float: left; margin: 0 4px 5px 0; }
  .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: 0px 10px 50px 0; }
  .detail-box .text h1    { margin-bottom: 0px; }
  .detail-box .text .sub  { display: block; margin-bottom: 20px; }

.broj-pregleda { color:#686868; font-size:10px; padding:0 0 10px; text-align:right; }

.detail-box .text .single-detail ul { width:100%; margin:0; padding:0 0 10px 0; color:#333; position:relative; }
.detail-box .text .single-detail ul li{ color:#686868; background:#fff; line-height:16px; margin-bottom:6px; padding:2px 0 1px 8px; list-style:none; }
.detail-box .text .single-detail ul li div.a { width:182px; float:left; padding:0 4px 0px 0px;  }
.detail-box .text .single-detail ul li div.b { width:172px; float:left; padding:0 4px 0px 0px;  }
.cb { clear:both; height:0px; }

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

.mapBox           { width:218px; height: 163px; zoom: 1; background: #fff; 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: 14px; font-weight: bold; color: #333; }
.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; }


/*----------- INNER CONTROLS ----------------*/
.innerControls  { position: absolute; top: 33px; right: 20px; list-style: none !important; }
  .innerControls li { padding: 0 !important; background: none !important; float: left; }
  .innerControls li a { display: block; text-indent: -9999px; outline: none; }
  .innerControls li.back a { background: url(../images/icon-back.gif); width: 16px; height: 20px; margin-right: 8px; }
  .innerControls li.print a { background: url(../images/icon-print.gif); width: 17px; height: 19px; margin-right: 18px; }
  .innerControls li.prev a { background: url(../images/icon-prev.gif); width: 10px; height: 14px; margin: 4px 10px 0 0; }
  .innerControls li.next a { background: url(../images/icon-next.gif); width: 10px; height: 14px; margin: 4px 10px 0 0; }
  
  .bottomPos  { top: auto !important; bottom: 15px !important; }

/*----------- FORMS -----------------------*/
.side-form            { width: 265px; float: left; background: #f6f5f5 url(../images/column-02-bkg.gif) top left no-repeat; }
  .side-form fieldset { padding: 16px 21px; background: url(../images/column-02-bkg.gif) bottom right no-repeat; }
  .side-form h2       { font-size: 20px; line-height: 23px; font-weight: normal; color: #083449; margin-bottom: 14px; }
  .side-form div      { margin-bottom: 10px; }
  .side-form label    { font-size: 13px; line-height: 16px; font-weight: bold; color: #333; display: block; margin-bottom: 3px; }
  .side-form input    { font-size: 13px; line-height: 16px; color: #333; display: block; width: 210px; border: 1px solid #bbbaba; padding: 2px; }
  .side-form textarea { font-size: 13px; line-height: 16px; color: #333; display: block; width: 210px; height: 138px; border: 1px solid #bbbaba; padding: 2px; font-family: Arial, sans-serif; }
  .side-form .error   { border-color: red; background: #e4bec4; }
  .side-form .captcha       { margin-bottom: 15px; }
  .side-form .captcha img   { display: block; margin: 0px auto 5px; }
  .side-form .captcha label { width: 148px; }
  .side-form .captcha input { width: 120px; }
  .side-form button { float: right; margin-top: -40px; width: 84px; height: 31px; text-indent: -9999px; overflow: hidden; cursor: pointer; }
  .hr .side-form button { background: url(../images/button-send.gif) top left no-repeat; }
  .en .side-form button { background: url(../images/button-send.gif) top right no-repeat; }
  .ru .side-form button { background: url(../images/button-send-ru.gif) top right no-repeat; }
  .side-form p  { font-size: 12px; line-height: 18px; color: #6d6f73; margin-bottom: 10px; }
  .side-form em  { font-weight: normal; color: #ff0000; }

/*----------- 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: #8b0304; 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  { border-color: red; background: #e4bec4; }
  #queryPopup button  { float: right; width: 92px; margin: 4px 35px 0 -20px; width: 84px; height: 31px; text-indent: -9999px; overflow: hidden; cursor: pointer; }
  .hr #queryPopup button { background: url(../images/button-send.gif) top left no-repeat; }
  .en #queryPopup button { background: url(../images/button-send.gif) top right no-repeat; }
  .ru #queryPopup button { background: url(../images/button-send-ru.gif) top right no-repeat; }
  .hr #queryPopup button.close { background: url(../images/button-back.gif) top left no-repeat; }
  .en #queryPopup button.close { background: url(../images/button-back.gif) top right no-repeat; }
  .ru #queryPopup button.close { background: url(../images/button-back-ru.gif) top right no-repeat; }

/*----------- FOOTER -----------------------*/
#footer { background: url(../images/footer-bkg.gif) top left repeat-x; padding: 25px 0 100px; }
  #footer div { width: 915px; margin: 0px auto; overflow: hidden; zoom: 1; font-size: 11px; line-height: 14px; color: #7c7c7c; }
  #footer p { text-align: center; }
  #footer .author_logo  { float: left; color: black; text-decoration: none; }
  #footer .author_logo:hover,
  #footer .author_logo span { color: red; }

/*----------- 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; }