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

Project:          Trezorinvest
Primary Use:      Screen
Version:          1.0
Date:             14.12.2009.
Last Change:      21.12.2009.
Author:           Dimedia
---------------------------------------------*/
@import url("reset.css");
body  { font-family: Arial, Helvetica, sans-serif; background: #fff url(../images/BKGbody.gif) top center repeat-x; }

/*----------- HEADER ------------------------*/
#header { width: 962px; margin: 0px auto; position: relative; height: 104px; z-index: 2; }
  #header .logo { background: url(../images/logo.gif); width: 206px; height: 63px; text-indent: -9999px; display: block; position: absolute; top: 0; left: 0; }

  #header a.facebook-link { position:absolute; top:44px; right:0px; cursor:pointer; outline:none; display:block; height:21px; overflow:hidden; text-indent:0px; zoom: 1; background:url("../images/facebook_icon_smaller.png") no-repeat scroll right 0 transparent; width:90px; font-size:11px; text-decoration:none; color:#686868; }
  
  #header .lang { position: absolute; bottom: 4px; right: 0; }
  #header .lang li  { display: block; height: 16px; line-height: 16px; width: 16px; padding: 2px 2px 0; background: url(../images/FLAGbkg.gif); }
  #header .lang li.active { display: none; }
  #header .lang li a  { display: block; height: 11px; line-height: 11px; width: 16px; text-indent: -9999px; outline: none; }
  #header .lang li .hr  { background: url(../images/FLAGhr.gif); }
  #header .lang li .en  { background: url(../images/FLAGen.gif); }
  
  #header .top-nav  { position: absolute; bottom: 0px; right: 30px; }
  #header .top-nav li  { float: left; padding: 0 9px 7px 7px; background: url(../images/separator-01.gif) right 5px no-repeat; position: relative; }
  #header .top-nav li a { font-size: 12px; line-height: 14px; color: #4f4b6a; font-weight: bold; text-decoration: none; cursor: pointer; }
  
  #header .top-nav ul { display: none; position: absolute; background: #b5b3c0; width: 70px; margin-top: 7px; *top: 16px; right: 0; padding-top: 1px; }
  #header .top-nav .over ul  { display: block; }
  #header .top-nav ul li  { padding: 1px 0 1px 8px; background: none; width: 62px; }
  
  #header .main-nav  { position: absolute; bottom: 0; left: 0; }
  #header .main-nav li  { float: left; margin-right: 9px; }
  #header .main-nav li a  { font-size: 12px; line-height: 14px; color: #fff; font-weight: bold; text-transform: uppercase; text-decoration: none; display: block; text-align: center; padding: 7px 0 5px; }
  
  #header .main-nav .link-1 a { background: url(../images/BKGmainnav_1.gif); width: 30px; text-indent: -9999px; }
  #header .main-nav .link-2 a { background: url(../images/BKGmainnav_2.gif); width: 94px; }
  #header .main-nav .link-3 a { background: url(../images/BKGmainnav_3.gif); width: 145px; }
  #header .main-nav .link-4 a { background: url(../images/BKGmainnav_4.gif); width: 95px; }
  #header .main-nav .link-5 a { background: url(../images/BKGmainnav_5.gif); width: 115px; }
  #header .main-nav .link-6 a { background: url(../images/BKGmainnav_6.gif); width: 97px; }
  
  #header .main-nav ul  { display: none; position: absolute; width: 145px; padding-bottom: 7px; background: url(../images/BKGmainnav_3_ul.gif) bottom left no-repeat; overflow: hidden; zoom: 1; }
  #header .main-nav .over ul  { display: block; }
  #header .main-nav ul li { width: 125px; padding: 6px 0 5px 20px; background: #ed1852; }
  #header .main-nav ul a { color: #000; text-transform: auto; width: auto !important; margin: 0; padding: 0; text-align: left; background: #ed1852 !important; }
  #header .main-nav ul a:hover  { color: #fff; }

/*----------- SUB HEADER --------------------*/
#sub-header { background: #4f4b6a; border-top: 6px solid #6b6882; border-bottom: 6px solid #6b6882; padding-top: 12px; position: relative; z-index: 1; }
  #sub-header .box  { width: 982px; height: 90px; background: url(../images/BKGhead_img.jpg); margin: 0px auto; padding-top: 20px; }
  .border-link1	{ border-color: #6b6882 !important; }
  .border-link2	{ border-color: #FF6633 !important; }
  .border-link3	{ border-color: #FF0066 !important; }
  .border-link4	{ border-color: #FFCC00 !important; }
  .border-link5	{ border-color: #99FF00 !important; }
  .border-link6	{ border-color: #6b6882 !important; }
  
  #sub-header .animation  { overflow: hidden; zoom: 1; width: 920px; margin: 0px auto; }
  #sub-header .animation li  { float: left; width: 460px; height: 60px; overflow: hidden; zoom: 1; position:relative; }
  #sub-header .animation li img { display: block; }
  
  #sub-header .search-holder  { width: 982px; margin: 0px auto; padding: 12px 0; overflow: hidden; zoom: 1; position: relative; }

	#sub-header a { padding:0 0px 0 27px; text-decoration:none; display:block; position:relative;}
	#sub-header a:active,
	#sub-header a:visited {border:none; outline:none;}
	#sub-header .up,
	#sub-header .down { width:824px; height:27px; padding:0 17px; font:bold 14px/27px Arial, Helvetica, sans-serif;}
	#sub-header .up {  color:#fff; background:#ff0066;}
	#sub-header .down { color:#ff0066; background: #fff; margin-top:6px; overflow:hidden; position:relative;}
	#sub-header .down span {position:absolute; top:0; left:0; white-space:nowrap;}
	#sub-header img { position:absolute; top:0; right:35px;}
	
/*----------- SEARCH ------------------------*/
#searchForm { float: right; padding: 0 12px 10px 18px; width: 435px; background: url(../images/search-bottom.gif) bottom left no-repeat; font-size: 11px; color: #c8c7d0; position: relative; }
  #searchForm h2  { font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; background: url(../images/search-top.gif) top left no-repeat; padding: 10px 18px; width: 435px; margin: 0 -12px 0 -18px; }
  #searchForm .col-1 { float: left; width: 180px; }
  #searchForm .col-2 { float: right; width: 225px; }
  #searchForm li  { overflow: hidden; zoom: 1; padding-bottom: 4px; }
  #searchForm li label  { float: left; width: 60px; line-height: 18px; }
  #searchForm li span { float: left; padding: 0 5px; line-height: 18px; }
  #searchForm li input  { background: #fff; border: 1px solid #cdcdcd; width: 52px; float: left; font-size: 11px; line-height: 12px; padding: 1px 2px; color: #686868; }
  
  #searchForm li label.property-seaview { width:200px!important; }
  #searchForm li label input[type=checkbox] { width:16px; margin:2px 4px 0 0; background:none; border:none; }
  
/*.property-seaview-div{ position:absolute; margin:0 0 0 -25px; width:200px; }
.property-seaview { width:200px; }*/

  #searchForm  button { position: absolute; bottom: 5px; right: 29px; background: url(../images/button-01.gif); width: 80px; height: 21px; line-height: 21px; font-size: 12px; font-weight: bold; color: #fff; cursor: pointer; }

  #searchForm select  { display: none; position: absolute; }
  #searchForm .sel-replaced { display: block; border: 1px solid #cdcdcd; font-size: 11px; line-height: 12px; padding: 2px 2px; color: #686868; background: #fff url(../images/sel-replaced-bkg.gif) 162px 1px no-repeat; margin-bottom: 4px; *margin-bottom: 5px; cursor: pointer; zoom: 1; }
  #searchForm .off  { opacity: 0.6; filter:alpha(opacity=60); }
  
  #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: #999; }
  #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; }  

#searchFormLogged { position: absolute; right: 0; bottom: 25px; }
  #searchFormLogged label { font-size: 14px; line-height: 16px; vertical-align: middle; color: #c1c0ca; font-weight: bold; margin-right: 10px; }
  #searchFormLogged .txt  { margin-right: 10px; background: #fff; border: 1px solid #cdcdcd; width: 150px; font-size: 11px; line-height: 12px; padding: 1px 2px; color: #686868; }
  #searchFormLogged button { background: url(../images/button-01.gif); width: 80px; height: 21px; line-height: 21px; font-size: 12px; font-weight: bold; color: #fff; cursor: pointer; }
  
#loggedAs { background: url(../images/BKGloggedAs_bottom.gif) bottom left no-repeat; width: 188px; float: left; margin-bottom: 15px; padding: 0px 0 10px 15px; }
  #loggedAs .title  { background: url(../images/BKGloggedAs_top.gif) top left no-repeat; display: block; margin-left: -15px; padding: 8px 0 0 15px; font-size: 11px; color: #d5d4db; }
  #loggedAs p { margin: 3px 0 10px 0; font-size: 13px; color: #fff; line-height: 18px; font-weight: bold; } 
  #loggedAs .button { background: url(../images/button-01.gif) top left no-repeat; text-align: center; font-size: 12px;  width: 80px; height: 21px; line-height: 21px; color: #fff; font-weight: bold; text-decoration: none; cursor: pointer; float: left; margin-right: 20px; }

/*----------- CONTENT -----------------------*/
#container  { width: 962px; margin: 0px auto; overflow: hidden; zoom: 1; padding: 15px 0 25px 0; }
  .cont-bkg-1 { background: url(../images/cont-bkg-1.gif) top left repeat-y; }
  .cont-bkg-2 { background: url(../images/cont-bkg-2.gif) top left repeat-y; }
  .cont-bkg-3 { background: url(../images/cont-bkg-3.gif) top left repeat-y; }
  .cont-bkg-4 { background: url(../images/cont-bkg-4.gif) top left repeat-y; }

#column-1 { float: right; width: 700px; padding-top: 20px; }
#column-2 { float: left; width: 205px; padding-top: 20px; }

.home #column-1 { float: left; width: 478px; padding-top: 20px; }
.home #column-2 { float: right; width: 478px; padding-top: 20px; }

.contact #column-1 { float: left; width: 440px; }
.contact #column-2 { float: right; width: 470px; }

.user #column-1 { float: left; width: 205px; }
.user #column-2 { float: right; width: 700px; }

#column-2.re_Group { width:240px; }

.col-3-layout #column-1 { float: left; width: 205px; margin-right: 42px; padding-top: 35px; }
.col-3-layout #column-2 { float: left; width: 475px; }
.col-3-layout #column-3 { float: right; width: 200px; padding-top: 20px; }

.refereces #column-2 { padding-top: 35px; }

.empty-note { font-size: 12px; line-height: 14px; }

.notice-01, .notice-02 { width:463px; height:91px; padding-top:38px; font-size:15px; font-weight:bold; line-height:1.3; text-align:center; color:#fff; }
.notice-01 { background:url(../images/BGnotice-01.png) no-repeat; }
.notice-02 { background:url(../images/BGnotice-02.png) no-repeat; }

/*----------- HEADINGS & TEXT -----------------*/
h1.noShow { display: none; }

.empty-note { font-size: 12px; color: #686868; line-height: 18px; margin-bottom: 15px; }

.text { font-size: 12px; color: #686868; line-height: 18px; }
  h1,
  .text h1 a,
  .text h2.big { font-size: 18px; line-height: 22px; font-weight: bold; color: #686868; margin-bottom: 20px; }
  .text h1 span { display: block; font-size: 15px; line-height: 18px; color: #686868; }
  .text h2  { font-size: 14px; line-height: 16px; font-weight: bold; color: #686868; margin-bottom: 7px; }
  .text h2 a  { text-decoration: none; color: #686868; }
  .text p { margin-bottom: 15px; }
  .text a { color: #70a4c1; }
  .text ul  { margin: 0 0 15px 10px; }
  .text ul li { padding-left: 15px; background: url(../images/BULLITtype3.gif) left 7px no-repeat; }
  .text ol  { margin: 0 0 15px 30px; }
  .text ol li { list-style: decimal; }
  .text h3 { color:#686868; font-size:14px; font-weight:bold; line-height:18px; margin-bottom:5px; }

/*----------- HOME LAYOUT -------------------*/
.nav-tab  { list-style: none; overflow: hidden; }
  .nav-tab li { float: left; display: block; padding-left: 11px; margin-top: 5px; cursor: pointer; font-size: 12px; color: #585858; font-weight: bold; }
  .nav-tab li span  { display: block; padding: 9px 18px 7px 7px; }
  .nav-tab li.left  { background: url(../images/BKGhomeright_nav_left.gif) top left no-repeat; }
  .nav-tab li.right { background: url(../images/BKGhomeright_nav_right.gif) top right no-repeat; }
  .nav-tab li.on  { background: url(../images/BKGhomeright_nav_left_on.gif) top left no-repeat; margin-top: 0px; }
  .nav-tab li.on span { background: url(../images/BKGhomeright_nav_right_on.gif) top right no-repeat; padding: 14px 18px 7px 7px; }

.home-box { background: url(../images/BKGhomeright_box_bottom.gif) bottom left no-repeat; width: 478px; }
  .home-box .inner  { background: url(../images/BKGhomeright_box_top.gif) top right no-repeat; padding: 15px 2px 22px 14px; overflow: hidden; zoom: 1; }
  .home-box #home_table_2 { display: none; }
  .home-box table { margin-bottom: 5px; }
  .home-box td  { width: 158px; height: 166px; vertical-align: top; font-size: 11px; color: #686868; line-height: 18px; }
  .home-box td a  { font-size: 12px; color: #257a97; text-decoration: none; }
  .home-box td.last { width: 130px; }
  .home-box td img  { display: block; margin-bottom: 10px; }
  .home-box .button { background: url(../images/button-03-left.gif) top left no-repeat; padding-left: 10px; text-align: center; font-size: 12px; line-height: 21px; color: #fff; font-weight: bold; text-decoration: none; cursor: pointer; float: right; margin-right: 20px; }
  .home-box .button span { display: block; background: url(../images/button-03-right.gif) top right no-repeat; padding-right: 10px; color: #fff; width: auto; }
  
#refbox 		    { width: 478px; background: url(../images/BKGrefbox_bottom.gif) bottom left no-repeat; margin-bottom: 23px; }
  #refbox .inner  { position:relative; background:url(../images/BKGrefbox_top.gif) top left no-repeat; padding: 11px 0 18px 0; }
  #switching          { height: 200px; }
  #switching div 			{ display: none; height: 185px; margin-left: 20px; }
  #switching div.on		{ display: block; }
  #switching .img     { position: relative; display: block; float: left; width: 246px; overflow: hidden; zoom: 1; -ms-interpolation-mode: bicubic; }
  #switching img      { display: block; float: left; height: 185px; width: 247px; -ms-interpolation-mode: bicubic; }
  #switching dl       { width: 183px; padding:5px 8px 0 10px; float: left; }
  #switching dt  			{ margin: 3px 0 12px 0; }
  #switching dt a  			{  color:#6bffff; font-size:19px; font-weight: bold; line-height: 22px; text-decoration: none; }
  #switching dt span    { display: block; color:#fff; font-size:13px; }
  #switching dd         { color:#fff; font-size:14px; line-height: 20px; }
  #switching dd span      { color:#b4b1ca; }
  #switching .precent 	  { width: 80px; display: block; position:absolute; right:107px; bottom:0px; color:#fff; }
  #switching .precent em  { display: block; color:#fff; }
  #switching .rc-left  { width:11px; height:185px; position:absolute; left:0; top:0; background:url(../images/rc-left.png) no-repeat; }
  #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; margin-left:34px; width: 405px; height: 75px; }
  #refbox .thumbs:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
  #refbox .arrow        { width:13px; height:13px; position:absolute; bottom:50px; cursor: pointer; }
  #refbox #thumb_arrow_right  { right:20px; }
  #refbox #thumb_arrow_left   { left:13px; }
  #scrolling_thumbs       { position: relative; height: 75px; width: 405px; overflow: hidden; float: left; }
  #scrolling_thumbs div   { position: absolute; width: 9000px; }
  #refbox .thumbsHeading  	{ text-transform:uppercase; font-weight:bold; font-size:16px; color:#fff; font-weight: bold; margin: 0 0 9px 20px; display: block; }
  #refbox .thumbs ul      { list-style: none; }
  #refbox .thumbs li      { float: left; }
  #refbox .thumbs a       { float: left; display: block; border: 3px solid #39345a; cursor: pointer; margin-right: 11px; *display: inline; }
  #refbox .thumbs a.activeSlide,
  #refbox .thumbs a:hover { border-color: #fff; }
  #refbox .thumbs a img   { display: block; width: 87px; height: 65px; -ms-interpolation-mode: bicubic; }

.homeBanner, #flash_banner  { float:left; margin-right:3px; width:235px; height: 242px; }

/*----------- BREADCRUMBS -------------------*/
.breadcrumbs  { overflow: hidden; zoom: 1; margin-bottom: 20px; }
  .breadcrumbs li { float: left; font-size: 18px; line-height: 22px; font-weight: bold; color: #686868; background: url(../images/arrow-01.gif) right 7px no-repeat; padding-right: 19px; margin-right: 13px; }
  .breadcrumbs .last  { background: none; padding: 0; margin: 0; }

.text h1 .breadcrumbs { margin: 0; }
  .text h1 .breadcrumbs li  { background: url(../images/arrow-01.gif) right 7px no-repeat !important; padding: 0 19px 0 0; }
  .text h1 .breadcrumbs .last  { background: none !important; padding: 0; margin: 0; }

/*----------- CONTROL BOX -------------------*/
.controlBox { width: 658px; padding: 3px 22px 3px 18px; border: 1px solid #dcdcdd; background: url(../images/control-box-bkg.gif) top left repeat-x; overflow: hidden; zoom: 1; min-height:8px; }
  .controlBox h2  { font-size: 18px; line-height: 22px; font-weight: bold; color: #686868; float: left; text-transform: lowercase; }
  .controlBox .more { float: right; line-height: 22px; font-size: 12px; color: #70a4c1; font-weight: bold; text-decoration: none; }  

  .pagination { float: left; margin: -3px 0; }
  .pagination ul,
  .pagination ul li { float: left; }
  .pagination ul li,
  .pagination ul li a { font-size: 11px; line-height: 20px; color: #555; text-decoration: none; font-weight: bold; }
  .pagination ul li a { padding: 3px 6px; display: block; }
  
  .pagination .buttons  { margin-right: 10px; }
  .pagination .buttons .prev { /*background: url(../images/separator-02.gif) top right no-repeat;*/ }
  .pagination .buttons .prev a  { padding-left: 0; }
  .pagination .buttons .next a  { padding-left: 4px; }
  .pagination .buttons a.off  { color: #a5a5a5; }
  
  .pagination .pages  { background: url(../images/separator-02.gif) top left no-repeat; padding-left: 2px; }
  .pagination .pages li { background: url(../images/separator-02.gif) top right no-repeat; padding-right: 2px; }
  .pagination .pages .active,
  .pagination .pages a:hover  { background: url(../images/pages-bkg.gif) top left repeat-x; }
  
  .controlBox form  { float: right; font-size: 11px; color: #555; font-weight: bold; margin: 0 -18px -1px 0; *display: inline; }
  .controlBox form label  { float: left; margin: 3px 4px 0 0; }
  .controlBox form select { float: left; font-size: 11px; color: #686868; margin: 1px 4px 0 0; }
  .controlBox form img  { float: left; cursor: pointer; }

/*----------- SIDE NAVIGATION ---------------*/
.side-nav-box h2  { font-size: 18px; line-height: 22px; font-weight: bold; color: #686868; margin-bottom: 20px; }

.side-nav { border-top: 1px solid #dcdcdd; margin-bottom: 15px; }
  .side-nav li  { zoom: 1; }
  .side-nav li a   { padding: 5px 0 6px 24px; display: block; border-bottom: 1px solid #dcdcdd; background: url(../images/BULLITtype2.gif) 2px 10px no-repeat; font-size: 12px; color: #70a4c1; font-weight: bold; text-decoration: none; }
  .side-nav li a.active,
  .side-nav li a:hover { background-image: url(../images/BULLITtype2_on.gif); color: #666; }

/*----------- DETAIL ------------------------*/
.detail-box { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; position: relative; }
  .detail-box .bkg-top { background: url(../images/BKGdetail_top.gif) top left no-repeat; width: 700px; margin: 0 -1px; }
  .detail-box .bkg-bottom { background: url(../images/BKGdetail_bottom.gif) bottom left no-repeat; padding: 30px 25px 20px 35px; overflow: hidden; zoom: 1; }
  
  .detail-box .bkg-bottom .controlBox,
  .detail-box .bkg-bottom .table-type-1 { margin: 0 -25px 0 -35px; }

  .detail-box .left { float: left; width: 242px; }
  .detail-box .left div { margin-bottom: 15px; height: 180px; overflow: hidden; zoom: 1; position: relative; border: 1px solid #e2e2e3; }
  .detail-box .left div img { display: block; }
  .detail-box .left div .patch  { display: block; position: absolute; z-index: 1; top: 0; left: 0; border: none; }
  .detail-box .left dl  { background: #f9fafa; 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; height: 51px; }
  .detail-box .left dd img  { display: block; }
  
  .detail-box .left .files dd { float: none; margin: 0 10px 5px 0; border-bottom: 1px solid #dedede; }
  .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 { float: right; width: 375px; overflow: hidden; zoom: 1; }
  .detail-box .text ul.info  { border-top: 1px solid #dcdcdd; margin: 0 0 50px 0px; }
  .detail-box .text ul.info li  { border-bottom: 1px solid #dcdcdd; padding: 3px 0px; overflow: hidden; zoom: 1; color: #666; background: none; }
  .detail-box .text ul.info span { float: left; width: 100px; font-weight: bold; color: #000; clear: left; }
  .detail-box .text ul.info strong  { float: left; }
  .detail-box .text ul.info div  { float: left; }
  .detail-box .text ul.info em { font-style: normal; font-weight: bold; }
  .detail-box .text ul.info .button  { border: none; padding-top: 10px; }
  .detail-box .text ul.info .button a { display: block; background: url(../images/button-03-left.gif) top left no-repeat; padding-left: 10px; text-align: center; font-size: 12px; line-height: 21px; color: #fff; font-weight: bold; text-decoration: none; cursor: pointer; float: left; margin-right: 15px; }
  .detail-box .text ul.info .button span { display: block; background: url(../images/button-03-right.gif) top right no-repeat; padding-right: 10px; color: #fff; width: auto; }
  
  .detail-box .flash-wrapper { float: none; width: auto; margin: 0 -25px 0 -35px; width: 670px; padding-left: 30px; }
  #realEstateBuilding_flash { margin-bottom: 20px; }

/*----------- INNER CONTROLS ------------------*/
.detail-box .text .innerControls  { border-top: none; margin: 0; }
  .innerControls .back  { position: absolute; display: block; top: 4px; right: 35px; }
  .innerControls .back a  { font-size: 11px; color: #a7a7a7; text-decoration: none; padding-left: 20px; background: url(../images/BKGup.gif) center left no-repeat; }
  .innerControls .prev  { position: absolute; display: block; top: 30px; left: 0; }
  .innerControls .prev a  { display: block; width: 21px; height: 51px; background: url(../images/ICONleft.gif); text-indent: -9999px; }
  .innerControls .next  { position: absolute; display: block; top: 30px; right: 0; }
  .innerControls .next a  { display: block; width: 21px; height: 51px; background: url(../images/ICONright.gif); text-indent: -9999px; }
  .innerControls .print  { position: absolute; display: block; top: 4px; right: 5px; }
  .innerControls .print a  { display: block; width: 17px; height: 19px; background: url(../images/icon-print.gif); text-indent: -9999px; }
  .detail-box .text .innerControls li { border-bottom: none; padding: 0; }
  .innerControls a  { outline: none; }

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

.mapBox           { width:220px; height: 163px; zoom: 1; background: #f9fafa; 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; }

/*----------- TABLES ------------------------*/
.table-type-1 { width: 700px; border-left: 1px solid #dcdcdd; }
  .table-type-1 td  { width: 156px; border-right: 1px solid #dcdcdd; border-bottom: 1px solid #dcdcdd; padding: 15px 0 15px 18px; }
  .table-type-1 .imgWrapper { display: block; width: 136px; height: 102px; margin-bottom: 20px; position: relative; }
  .table-type-1 .imgWrapper img { display: block; width: 136px; height: 102px; -ms-interpolation-mode: bicubic; }
  .table-type-1 .imgWrapper .patch  { display: block; position: absolute; z-index: 1; top: 0; left: 0; }
  .table-type-1 .date { display: block; font-size: 18px; line-height: 22px; font-weight: bold; color: #b0b0b0; }
  .table-type-1 h3 a  { font-size: 12px; line-height: 16px; font-weight: bold; color: #257a97; }
  .table-type-1 .sub  { font-size: 12px; line-height: 16px; font-weight: bold; color: #686868; display: block; margin-bottom: 10px; }
  .table-type-1 p { line-height: 14px; font-size: 12px; }
  .table-type-1 p span  { float: left; margin-right: 5px; color: #2e2e2e; clear: left; }
  .table-type-1 p strong  { float: left; font-weight: normal; color: #686868; }
  .table-type-1 a.more { line-height:14px; font-size:12px; text-decoration:none; font-weight:bold; text-transform:lowercase; color:#686868; }
  
.table-type-2 { margin-bottom: 30px; border-left: 6px solid #6b6882; line-height: 14px; }
  .table-type-2 th  { font-weight: bold; padding: 0 0 5px 14px; }
  .table-type-2 td  { padding: 0 5px 5px 14px; }
  .table-type-2 a { color: #686868; }
  .table-type-2 th a  { font-weight: normal; }
    
  .contact2 { border-color: #ff6633; }
  .contact3 { border-color: #ff0066; }
  .contact4 { border-color: #ffcc00; }
  .contact5 { border-color: #99ff00; }

.detail-box .text table { width: 100%; }
  .detail-box .text table th { background: #f3f4f4; padding: 4px 10px; border-bottom: 6px solid #fff; }
  .detail-box .text table td { background: #f3f4f4; padding: 4px 10px; border-bottom: 6px solid #fff; }
  
.table-type-3 { width: 100%; }
  .table-type-3 th { background: #f3f4f4; padding: 4px 10px; font-weight: bold; border-bottom: 12px solid #fff; }
  .table-type-3 td { background: #f3f4f4; padding: 2px 10px; border-bottom: 6px solid #fff; }

/*----------- LISTS ------------------------*/
.list-01  { font-size: 12px; color: #686868; line-height: 18px; }
  .list-01 li { background: url(../images/list-01-bkg.gif) bottom left repeat-x; padding: 0 0 10px 0; margin-bottom: 15px; overflow: hidden; zoom: 1; width: 200px; }
  .list-01 li h2  { font-size: 14px; line-height: 16px; font-weight: bold; color: #257a97; margin-bottom: 10px; }
  .list-01 li .more { float: right; margin-top: 5px; color: #70a4c1; font-weight: bold; text-decoration: none; }

.text .list-02  { margin: 0; border-top: 1px solid #e2e2e2; }
  .text .list-02 li { padding: 19px 9px 9px; border-bottom: 1px solid #e2e2e2; overflow: hidden; zoom: 1; background: none !important; }  
  .text .list-02 li .img  { float: left; margin-right: 20px; }
  .text .list-02 li .img img  { display: block; }
  .text .list-02 li .icon { float: left; margin-right: 10px; background: url(../images/ICONpdf_download.gif) top left no-repeat; padding-top: 35px; text-align: right; font-size: 10px; color: #7d7d7d; text-decoration: none; }
  .text .list-02 li div { overflow: hidden; zoom: 1; font-size: 11px; color: #7d7d7d; text-decoration: none; }
  .text .list-02 li h2 a  { color: #70a4c1; }
  
.list-03  { background: url(../images/BKGhomelist_bottom.gif) bottom left no-repeat; } 
  .list-03 ul { padding: 14px 0 35px 1px; background: url(../images/BKGhomelist_top.gif) top left no-repeat; overflow:hidden; zoom: 1; }
  .list-03 li { position:relative; width:190px; height:100px; float:left; padding: 16px 25px 19px 13px; background:url(../images/BORDERtyp1.gif) 10px bottom no-repeat; font-size: 10px; color: #686868; line-height: 12px; }
  .list-03 h2,
  .list-03 h2 a { font-size: 14px; color: #257a97; font-weight: bold; text-decoration: none; }
  .list-03 h2 { margin-bottom: 9px; }
  .list-03 .more { position:absolute; right:8px; top:50%; width:11px; height:11px; text-indent:-9999px; overflow:hidden; }
  .list-03-1 { border-left: 6px solid #ff6633; }
  .list-03-1 .more { background-image:url(../images/BKGhomelist1_arrow.gif); }
  .list-03-2 { border-left: 6px solid #ff0066; }
  .list-03-2 .more { background-image:url(../images/BKGhomelist2_arrow.gif); }
  .list-03-3 { border-left: 6px solid #ffcc00; }
  .list-03-3 .more { background-image:url(../images/BKGhomelist3_arrow.gif); }
  .list-03-4 { border-left: 6px solid #99ff00; }
  .list-03-4 .more { background-image:url(../images/BKGhomelist4_arrow.gif); }

.list-04  { background: url(../images/BKGlist2_middle.gif); }
  .list-04 .inner { background: url(../images/BKGlist2_top.gif) top left no-repeat; }
  .list-04 .text { background: url(../images/BKGlist2_bottom.gif) bottom left no-repeat; margin: 0; padding: 20px; }
  .list-04 ul { background: url(../images/BKGlist2_bottom.gif) bottom left no-repeat; margin: 0; padding: 0; }
  .list-04 li { margin: 0 5px !important; padding: 15px 5px 15px 5px !important; background: none !important; border-bottom: 1px solid #dcdcdd; overflow: hidden; zoom: 1; }
  .list-04 li .date { font-size: 11px; color: #686868; font-weight: normal; display: block; margin-bottom: 7px; }
  .list-04 li .link { color: #70a4c1; font-size: 14px; line-height: 16px; font-weight: bold; text-decoration: none; background: url(../images/BULLITtype2.gif) 2px 6px no-repeat; padding-left: 15px; float: left; }
  .list-04 li .button { background: url(../images/button-03-left.gif) top left no-repeat; padding-left: 10px; text-align: center; font-size: 12px; line-height: 21px; color: #fff; font-weight: bold; text-decoration: none; cursor: pointer; float: right; margin-right: 20px; }
  .list-04 li .button span { display: block; background: url(../images/button-03-right.gif) top right no-repeat; padding-right: 10px; color: #fff; width: auto; }
	
.sideList-01 { text-align: center; }
.sideList-01.prBanners { width:240px; margin-top:42px; background:#5e5870; padding:30px 0 1px; }
.sideList-01.prBanners.alt { /*margin-top:62px;*/ }
.sideList-01 li { margin-bottom: 30px; }

/*----------- ACCORDION --------------------*/
.text-accordion { border-top: 1px solid #e2e2e2; }
  .text-accordion .date { font-size: 11px; color: #686868; font-weight: normal; top: 0; left: 0; position: absolute; }
  .text-accordion h2 { color: #70a4c1; font-size: 14px; line-height: 16px; font-weight: bold; cursor: pointer; padding-top: 14px; position: relative; }
  .text-accordion div { border-bottom: 1px solid #e2e2e2; padding: 15px 0 5px; }
  .text-accordion div div { border: none; padding: 0; }
  
.jobs-accordion { border-top: 1px solid #e2e2e2; }
  .jobs-accordion .date { font-size: 11px; color: #686868; font-weight: normal; top: 0; left: 0; position: absolute; }
  .jobs-accordion h3 { color: #70a4c1; font-size: 14px; line-height: 16px; font-weight: bold; cursor: pointer; padding-top: 14px; position: relative; }
  .jobs-accordion div { border-bottom: 1px solid #e2e2e2; padding: 15px 0; }
  .jobs-accordion div div { border: none; padding: 0; }    

/*----------- JOBS SIDE BOX -------------------*/
.jobs-box    	{ width: 183px; background: #f5f5f6; padding: 11px; font-size: 12px; line-height: 14px; color: #686868; }
  .jobs-box .mark	{ background: #f5f5f6 url(../images/BKGcontactbox.gif) left 7px no-repeat; padding-left: 42px; padding-bottom: 25px; }
  .jobs-box dt  { font-weight: bold; }
  .jobs-box dd  { padding: 5px 5px 5px 0; }
  .jobs-box a { color: #70a4c1; text-decoration: underline; }

/*----------- CONTACT FORM --------------------*/
#contact-form { width: 470px; float: left; background: url(../images/contact-form-middle.jpg); font-size: 12px; color: #686868; line-height: 18px; }
  #contact-form fieldset.top { display: block; background: url(../images/contact-form-top.jpg) top left no-repeat; padding-top: 25px; }
  #contact-form h2  { padding: 0 0 0px 55px; font-size: 14px; line-height: 16px; font-weight: bold; color: #686868; margin-bottom: 7px; }
  #contact-form p  { padding: 0 0 15px 55px; }
  #contact-form em  { color: #cc0000; }
  #contact-form li  { overflow: hidden; zoom: 1; margin-bottom: 9px; }
  #contact-form label { float: left; font-weight: bold; font-size: 11px; color: #666; text-align: right; width: 140px; margin-right: 10px; }
  #contact-form textarea,
  #contact-form .txt  { display: block; border: 1px solid #dedede; width: 205px; padding: 2px; font-size: 11px; color: #686868; font-family: Arial, Helvetica, sans-serif; }
  #contact-form textarea  { height: 135px; }
  #contact-form li img  { display: block; margin: 9px 0 0 150px; }
  #contact-form .error  { background: #fcc0c0; }
  #contact-form fieldset.bottom { display: block; background: url(../images/contact-form-bottom.jpg) bottom left no-repeat; padding: 10px 0px 30px 0; overflow: hidden; zoom: 1; }
    
  #contact-form button  { float: right; margin: 0 30px 0 -15px; font-size: 12px; padding-left: 7px; height: 21px; line-height: 21px; width: 80px; color: #fff; font-weight: bold; cursor: pointer; background: url(../images/button-03-left.gif) top left no-repeat; }
  #contact-form button span { display: block; background: url(../images/button-03-right.gif) top right no-repeat; padding-right: 7px; height: 21px; line-height: 21px; }
  
/*----------- 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: 18px; line-height: 22px; color: #083449; 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: 20px; font-weight: normal; line-height: 24px; color: #083449; 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; height: 16px; 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; margin: 0 30px 0 -15px; font-size: 12px; padding-left: 7px; height: 21px; line-height: 21px; width: 80px; color: #fff; font-weight: bold; cursor: pointer; background: url(../images/button-03-left.gif) top left no-repeat; }
  #queryPopup button span { display: block; background: url(../images/button-03-right.gif) top right no-repeat; padding-right: 7px; height: 21px; line-height: 21px; }

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

/*----------- FLASH POPUP ---------------------*/
.flash-popup-link {overflow:hidden;padding-top:10px;}
#flash-popup-overlay{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0;z-index:900;display:none;background:#000;}
#flash-popup {width:600px;height:400px;border:3px solid #000;display:none;overflow:hidden;z-index:1000;background:white;}
#flash-popup-close {position:absolute;top:0;left:0;z-index:1100;width:15px;height:15px;display:none;background:url('../images/flash-popup-close.png') 0px 0px no-repeat;}
.virtual-walk-code{display:none;}

/*----------- FORM BOX ------------------------*/
#formBox-overlay  { position: absolute; z-index: 1000; background: #262a39; opacity: 0.90; top: 0; left: 0; cursor: pointer; }

#formBoxContent { position: absolute; z-index: 1001; top: 200px; }
  #formBoxContent #forgotForm { display: none; }
  #formBoxContent form  { border: 2px solid #95969f; background: #484564; width: 444px; padding: 0 0 17px 20px; overflow: hidden; color: #fff; font-size: 13px; }
  #formBoxContent form div  { background: #312f48; margin: 0 0 0 -20px; padding: 7px 10px 6px 20px; font-size: 14px; font-weight: bold; }
  #formBoxContent form div img  { cursor: pointer; display: block; float: right; margin-top: -3px; }
  #formBoxContent form strong,
  #formBoxContent form h2 { display: block; margin: 13px 0 16px 0; font-size: 18px; color: #fff; font-weight: bold; }
  #formBoxContent form strong { font-size: 13px; }
  #formBoxContent form label  { display: block; width: 105px; float: left; }
  #formBoxContent form .txt { display: block; width: 287px; float: left; border: 1px solid #ccc; padding: 1px 2px; margin-bottom: 15px; }
  #formBoxContent form .check { display: block; float: left; margin: 2px 10px 0 105px; }
  #formBoxContent form .error  { background: #fcc0c0; }
  #formBoxContent form .sml { width: auto; }
  #formBoxContent form button  { margin: 25px 40px 0 0; float: right; background: url(../images/button-01.gif); width: 80px; height: 21px; line-height: 21px; font-size: 12px; font-weight: bold; color: #fff; cursor: pointer; text-align: center; }
  #formBoxContent form .bottom  { clear: both; display: block; padding-top: 20px; font-size: 11px; font-weight: bold; color: #70a4c1; }
  #formBoxContent form .bottom a  { cursor: pointer; }

/*----------- FOOTER --------------------------*/  
#footer { background: #f3f2f2 url(../images/BKGfooter.gif) top left repeat-x; padding: 1px 0 16px 0; }
  #footer .box  { width: 962px; margin: 0px auto; }
  
  #footer ul  { list-style: none; padding: 36px 0 30px 20px; overflow: hidden; zoom: 1; }
  #footer li  { float: left; width: 157px; font-size: 11px; line-height: 13px; color: #999; }
  #footer li a  { color: #999; }
  #footer li .more  { display: block; margin-top: 5px; color: #70a4c1; font-weight: bold; text-decoration: none; }
  
  #footer .sign { font-size: 10px; color: black; text-decoration: none; }
  #footer .sign:hover,
  #footer .sign 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; }


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

.detail-box .text .single-detail ul { width:100%; 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: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; }