/******************************************************
       Project:  ATrend

       Company:  BSH (Function & Form)
     Developer:  Martin Metodiev

    Started on:  08/09/2010
    Updated on:  15/04/2011

    Sheet type:  DEFAULT Stylesheet
******************************************************/


/* ************************* RESET STYLES */

/* Eric Meyer's | https://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,/*sub,sup,*/tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0px;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/* ...................... Mine */
h1,h2,h3,h4,h5,h6{font-weight:normal;}acronym,abbr,fieldset,img,a img{border:0px;}a{text-decoration:underline;}a:hover{text-decoration:none;}textarea{overflow:auto;resize:none}caption,th{text-align:left;font-weight:normal;font-style:normal;}


/* ******************** PREDEFINED STYLES */

/* .................... Layout */
/*html,body{height:100%;}*/html{font-size:1.25em;/*20px*/}body{font-size:50%;/*10px*/}

/* ................... Cursors */
body *{/*cursor:default;*/}a,a *,a:hover,a:hover *,button,input.btn,div.btn input,select{cursor:pointer;}.text p,div.textfield input,input.textfield,textarea,.text .inner p,.text .inner li,.text .inner th,.text .inner td{cursor:text;}

/* ...................... Logo */
#logo a,#logo a img{display:block;width:100%;height:100%;}


/* ******************* PREDEFINED CLASSES */

/* .................. Floating */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0pt;}.l{float:left;}.r{float:right;}.c{clear:both;}.cl{clear:left;}.cr{clear:right;}

/* ................ Displaying */
.inline{display:inline;}.block{display:block;}.none{display:none;}.visible{visibility:visible;}.hidden{visibility:hidden;}

/* .................. Overflow */
.oauto{overflow:auto;}.ohidden{overflow:hidden;}

/* ........... Text formatting */
.italic{font-style:italic;}.bold{font-weight:bold;}.small-caps{font-variant:small-caps;}.uppercase{text-transform:uppercase;}.lowercase{text-transform:lowercase;}.align-left{text-align:left;}.align-center{text-align:center;}.align-right{text-align:right;}.align-justify{text-align:justify;}

/* ............... Positioning */
.relative{position:relative;}.absolute{position:absolute;}.fixed{position:fixed;}.static{position:static;}

/* ................. Centering */
.center{margin:0px auto;}

/* .................... Spaces */
.mt5{margin-top:5px!important;}.mb5{margin-bottom:5px!important;}.ml5{margin-left:5px!important;}.mr5{margin-right:5px!important;}.mt10{margin-top:10px!important;}.mb10{margin-bottom:10px!important;}.ml10{margin-left:10px!important;}.mr10{margin-right:10px!important;}.mt15{margin-top:15px!important;}.mb15{margin-bottom:15px!important;}.ml15{margin-left:15px!important;}.mr15{margin-right:15px!important;}.mt20{margin-top:20px!important;}.mb20{margin-bottom:20px!important;}.ml20{margin-left:20px!important;}.mr20{margin-right:20px!important;}.mt25{margin-top:25px!important;}.mb25{margin-bottom:25px!important;}.ml25{margin-left:25px!important;}.mr25{margin-right:25px!important;}.mt30{margin-top:30px!important;}.mb30{margin-bottom:30px!important;}.ml30{margin-left:30px!important;}.mr30{margin-right:30px!important;}.mt35{margin-top:35px!important;}.mb35{margin-bottom:35px!important;}.ml35{margin-left:35px!important;}.mr35{margin-right:35px!important;}.mt40{margin-top:40px!important;}.mb40{margin-bottom:40px!important;}.ml40{margin-left:40px!important;}.mr40{margin-right:40px!important;}.pt5{padding-top:5px!important;}.pb5{padding-bottom:5px!important;}.pl5{padding-left:5px!important;}.pr5{padding-right:5px!important;}.pt10{padding-top:10px!important;}.pb10{padding-bottom:10px!important;}.pl10{padding-left:10px!important;}.pr10{padding-right:10px!important;}.pt15{padding-top:15px!important;}.pb15{padding-bottom:15px!important;}.pl15{padding-left:15px!important;}.pr15{padding-right:15px!important;}.pt20{padding-top:20px!important;}.pb20{padding-bottom:20px!important;}.pl20{padding-left:20px!important;}.pr20{padding-right:20px!important;}


/* ******************* PREPARED SELECTORS */

/* ................... Classes */
.wrapper {min-width: 1000px; max-width: 1280px;}
.wrapper2 {padding: 0px 2%;}
.wrapper3 {padding: 0px 1.04% 20px;}

.homepage .wrapper3 {
	position: relative;
	padding-top: 20px;
}

.colored {background-color: #CF9;}

/* ..................... Links */
a {color: #090;}

a:active {
	color: #FFF !important;
	background-color: #090 !important;
}

.meta-link {font-size: 1.1em; /*11px*/ white-space: nowrap;}

.load-more {
	display: block;
	padding: 14px 20px 16px 145px; margin-top: 30px;
	font-size: 1.3em; /*13px*/
	background-color: #CF9;
}

.loading-line {
	text-indent: -9999px;
	background-image: url(../images/design/preloader.gif); background-repeat: no-repeat; background-position: center 6px; 
	cursor: default !important;
}

.more {font-size: 11px;}

/* .................. Headings */
h1 {} h2 {} h3 {} h4 {} h5 {} h6 {}

h1.title {font: bold 3em/35px Georgia, "Times New Roman", Times, serif;}

.sidebar h1 {
	padding: 0px 3.33%; margin-bottom: 25px;
	font: normal 3em/24px Georgia, "Times New Roman", Times, serif; /*30px*/ color: #333;
}

/* ..................... Forms */
label.title {
	font: normal 17px/20px Georgia, "Times New Roman", Times, serif;
	cursor: default !important;
}

.btn {
	padding: 3px 20px;
	font-family: Verdana, Geneva, sans-serif;
}

form .checkbox label,
form .checkbox input {cursor: pointer;}

form .textfield,
form select,
textarea {
	border: 1px solid #999;
	font: normal 1.2em Verdana, Geneva, sans-serif; color: #333; 
}

form .textfield,
textarea {padding: 4px 5px 5px;}

form select {padding: 3px 3px 4px;}


/* **************************** CMS INPUT */

/* ................. Container */
.text {font-size: 1.3em; /*13px*/ line-height: 18px;}

/* .................... Spaces */
.text p, .text table {margin-bottom: 15px;}
.text ol, .text ul {margin-bottom: 5px;}

/* ................ Text Style */
.text strong {font-weight: bold;} .text em {font-style: italic;}

/* ..................... Lists */
.text ol, .text ul {padding: 0px 0px 10px 0px; margin-top: -15px;}
.text ol ol, .text ul ul, .text ol ul, .text ul ol {margin-top: 0px;}
.text ul {margin-left: 22px;}
.text ol ol, .text ul ol, .text ol ul, .text ul ul {padding-left: 20px; margin-bottom: 0px;}
.text ul li, .text ol ul li, .text ul ol ul li, .text ol ul ol ul li, .text ul ol ul ol ul li, .text ol ul ol ul ol ul li, .text ul ol ul ol ul ol ul li, .text ol ul ol ul ol ul ol ul li, .text ul ol ul ol ul ol ul ol ul li, .text ol ul ol ul ol ul ol ul ol ul li, .text ul ol ul ol ul ol ul ol ul ol ul li, .text ol ul ol ul ol ul ol ul ol ul ol ul li {list-style: outside disc none; background: none; padding: 0px; margin: 0px 0px 0px 16px;}
.text ol li, .text ul ol li, .text ol ul ol li, .text ul ol ul ol li, .text ol ul ol ul ol li, .text ul ol ul ol ul ol li, .text ol ul ol ul ol ul ol li, .text ul ol ul ol ul ol ul ol li, .text ol ul ol ul ol ul ol ul ol li, .text ul ol ul ol ul ol ul ol ul ol li, .text ol ul ol ul ol ul ol ul ol ul ol li, .text ul ol ul ol ul ol ul ol ul ol ul ol li {list-style: outside decimal none; background: none; padding: 0px; margin: 0px 0px 0px 22px;}

.text ol li {margin-bottom: 15px;}
.text ol ul li {margin-bottom: 0px;}

/* .................... Tables */
.text table {}

.text table tr {}

.text table tr th,
.text table tr td {}

.text table tr th {}

.text table tr td {}


/* ******************************* LAYOUT */

/* ...................... Body */
body {font-family: Verdana, Geneva, sans-serif; color: #333;}

/* .................... Header */
#header {}

#header .top {
	padding-bottom: 13px; margin-bottom: 10px;
	background: #333 url(../images/design/header-bgr.png) repeat-x center bottom;
}

#header .top .wrapper .wrapper2,
#header .main .wrapper .wrapper2 {padding-top: 16px;}

#header .top .wrapper .wrapper2 {
	position: relative;
	padding-right: 3.04%;
}

#header .main .wrapper .wrapper2 {overflow: hidden;}

#header .main .wrapper .wrapper2 .l {
	width: 65.95%;
	position: relative;
}

#header .main .wrapper .wrapper2 .extended {width: 100%;}

#header .main .wrapper .wrapper2 .r {width: 31.61%;}

.useful #header .main .wrapper .wrapper2 .l,
.aboutus #header .main .wrapper .wrapper2 .l {margin-bottom: 20px;}

.broker #header .main .wrapper .wrapper2 .l {width: 65.95%;}

.homepage #header .main .wrapper .wrapper2 .l,
.homepage #header .main .wrapper .wrapper2 .r {width: auto;}

.homepage #header .main .wrapper .wrapper2 .l,

#header .main {padding-top: 2px;}

#header .top a {color: #9C6;}

#header .top a:active {
	color: #333 !important;
	background-color: #9C6 !important;
}

#header .main a {color: #090;}

/* ...................... Main */
#main {}

#main a {color: #090;}

#main .wrapper2 {
	position: relative; z-index: 20;
	background-color: #FFF;
}

/* ................... Content */
div.content {width: 65.95%; /*620px*/}

/* ................... Sidebar */
div.sidebar {width: 31.61%; /*300px*/}

/* .................... Footer */
#footer {
	margin-top: 30px;
	font-size: 1.1em; /*11px*/ line-height: 18px; color: #CCC;
	background-color: #333;
}

#footer .wrapper .wrapper2 {padding: 20px 3% 40px;}

#footer a {color: #9C6;}

#footer a:active {
	color: #333 !important;
	background-color: #9C6 !important;
}

#holder #footer a:active {}


/* ******************************* HEADER */

/* ................ Navigation */
#navigation {font: bold 1.2em/14px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 1px;}

#navigation ul {margin: 3px 0px 0px 1px;}

#navigation ul,
#navigation ul li,
#navigation ul li span,
#navigation ul li span a {float: left;}

#navigation ul li {padding: 5px 0px; margin-left: -1px;}

#navigation ul li span {border-right: 1px solid #666;}

#navigation ul li span,
#navigation ul li span a {line-height: 20px;}

#navigation ul li span {padding: 0px 4px 0px 5px;}

#navigation ul li span a {
	padding: 0px 8px;
	font-size: 1em;
}

#navigation ul li.last span {border-right-color: #333;}

#navigation ul li.current-menu-item {
	padding: 0px;
	background-color: #666;
}

#navigation ul li.current-menu-item span {padding: 0px; border-right: 0px;}

body #header .top #navigation ul li.current-menu-item span a {
	padding: 5px 12px 5px 13px; border-right: 1px solid #666;
	text-decoration: none; color: #FFF;
	cursor: default;
}

#header #navigation ul li.current-menu-item a:active {
	color: #FFF !important;
	background-color: #666 !important;
}

#header #navigation ul li.current-menu-ancestor span a {
	text-decoration: underline !important;
	cursor: pointer !important;
}

#header #navigation ul li.current-menu-ancestor span a:hover {text-decoration: none !important;}

#header #navigation ul li.current-menu-ancestor span a:active {
	border-right-color: #9C6 !important;
	color: #333 !important;
	background-color: #9C6 !important;
}

/* .................. Contacts */
#header .contacts {
	width: 20.91em;
	position: absolute; right: 25px; top: 5px; z-index: 200;
	padding: 10px;
	font-size: 1.1em; /*11px*/ line-height: 17px; color: #FFF;
	background-color: #666;
}

#header .contacts .info1 {}

#header .contacts .info1 .person {
	width: 170px;
	color: #CCC;
}

#header .contacts .info1 .person img {margin-right: 10px;}

#header .contacts .info2 {
	display: none;
	padding: 0px 0px 5px 48px;
}

#header .contacts .info2 p span {
	width: 3.8em;
	text-align: right; color: #CCC;
}

#header .contacts .info2 .phones,
#header .contacts .info2 .inet {margin-right: 10px;}

#header .contacts .info2 .phones .mobile {padding-left: 45px;}

#header .contacts .more {text-align: center;}

#header .contacts .more a {
	padding-right: 15px;
	background-image: url(../images/design/arrows-green.png); background-repeat: no-repeat;
}

#header .contacts-off .more a {background-position: right 5px;}
#header .contacts-on .more a {background-position: right -89px;}

#header .contacts .more a,
#header .contacts .more a:hover,
#header .contacts .more a:active {background-color: transparent !important;}

#header .contacts .more a:active {color: #9C6 !important;}

#header .contacts p span {
	float: left;
	padding-right: 5px;
}

#header .contacts p strong {font: normal 1.18em Verdana, Geneva, sans-serif;}

/* .............. Company type */
#company-type {
	position: absolute; left: 0px; top: -15px;
	font: normal 1.2em Verdana, Geneva, sans-serif; color: #999;
}

.homepage #company-type {
	left: 12px;
}

/* ...................... Logo */
#logo {
	width: 358px; height: 80px;
	margin: 5px 0px 0px 3.2%;
}

body #header #logo a:active {background-color: transparent !important;}

/* ..................... Title */
#title {margin-bottom: 16px;}

#title .trend,
#title .page {float: left;}

#title .trend {margin: 4px 10px 0px 0px;}

#title span {
	position: relative; top: -50px;
	font: bold 2.5em Verdana, Geneva, sans-serif;
}

#title a,
#title a:hover,
#title a:active {background-color: transparent !important;}

body.single-districts #title a,
body.single-districts #title img {
	display: block;
	float: none;
}

/* ................. Tab links */
#header .main .tab-links {margin-top: 20px;}

/* ..................... Quote */
.quote {
	height: 157px;
	position: relative; z-index: 100;
	margin-top: 1px;
}

.quote .face {
	display: none;
	position: absolute; left: -40px; top: 7px; z-index: 10;
}

.quote .holder {
	width: 100%; height: 100%;
	position: relative; right: 0px; top: 0px; z-index: 20;
}

.quote .holder tr td.holder {
	width: 100%; height: 100%;
	position: relative;
	vertical-align: middle;
}

.quote .holder tr td.holder .white-box {
	height: auto;
	position: relative;
	min-height: 40px;
	display: block;
	padding: 15px; margin: 0px 0px 20px 186px;
}

.quote .holder tr td.holder .white-box img {
	width: 20px; height: 30px;
	position: absolute; left: -20px; bottom: 10px;
}

.quote .inner {
	position: relative;
	padding: 0px 5px;
}

.quote .inner div {display: none;}

.quote .inner blockquote {
	display: inline;
	font: italic 1.8em/22px Georgia, "Times New Roman", Times, serif;
}

.quote .inner .meta-link {padding: 0px 5px;}

.quote .inner p,
.quote .inner a {line-height: 22px;}

.quote .inner p {
	margin-top: 5px;
	font-size: 1.3em; /*13px*/ text-align: right;
}

.quote .inner .person {display: none;}

/* .................... Border */
.grey-border {
	height: 10px;
	clear: both;
	font-size: 0pt;
	background-color: #333;
}


/* ****************************** SIDEBAR */

/* ............... Search form */
.sidebar .search-form {padding: 0px;}

.sidebar .search-form form {
	padding: 20px 6.66%;
	font-size: 1.3em; /*12px*/
}

.sidebar .search-form form .fieldset {
	display: block;
	position: relative;
	width: auto;
	margin-bottom: 30px;
}

.sidebar .search-form form label {}

.sidebar .search-form form .textfield,
.sidebar .search-form form select {font-size: 0.92em; /*12px*/}

.sidebar .search-form form span {line-height: 22px;}

.sidebar .search-form form .fieldset .switches {
	position: absolute; left: 45%; top: -3px;
	margin-top: 5px;
}

.sidebar .search-form form .fieldset .clearfix label {line-height: normal;}

.sidebar .search-form form .fieldset .title {
	display: block;
	margin-bottom: 10px;
}

.sidebar .search-form form .fieldset .checkbox {padding-bottom: 8px;}

.sidebar .search-form form .fieldset .checkbox input {
	margin: 2px 0px 0px 0px;
	float: left;
	clear: left;
}

.sidebar .search-form form .fieldset .checkbox label {
	display: block;
	padding-left: 18px;
}

.sidebar .search-form form .fieldset .checkbox label span {line-height: normal; color: #999;}

.sidebar .search-form form .sort select {width: 100%;}

.sidebar .search-form form .sort p {margin: 8px 0px 0px 8px;}

.sidebar .search-form form .region .l,
.sidebar .search-form form .type .l {
	width: 46.29%;
	margin-right: 3%;
}

.sidebar .search-form form .region .clearfix,
.sidebar .search-form form .type .clearfix {width: 100%; clear: both;}

.sidebar .search-form form .region label.drugi-kvartali {margin-top: 24px;}

.sidebar .search-form form .offer .price {
	width: 68%;
	margin-right: 10px;
}

.sidebar .search-form form .offer #currency {
	height: 25px;
	float: left;
	line-height: 25px;
}

.sidebar .search-form form .offer .num {width: 97%;}

.sidebar .search-form form .go {text-align: center;}

.sidebar .search-form form .go .btn {padding: 3px 20px;}

.sidebar .search-form form .go p {padding-top: 15px;}

/* ............... Search info */
.sidebar .search-info {}

.sidebar .search-info table {
	margin: 15px 0px 20px;
	line-height: 20px;
}

.sidebar .search-info table tr td {padding: 2px 4px;}

.sidebar .search-info table .dt {font-size: 1.2em; /*12px*/ text-align: right; color: #666;}

.sidebar .search-info table .dd {font-size: 1.3em; /*13px*/ vertical-align: bottom;}

.sidebar .search-info div.btn {text-align: center;}

.sidebar .search-info .search-mode-link {
	margin-top: 10px;
	font-size: 1.2em; /*12px*/ text-align: center;
}

/* ..................... Order */
.order {font-size: 1.3em; /*13px*/ line-height: 18px;}

#header .order {margin-right: 1%;}

.sidebar .order {margin-top: 20px;}

.order input {
	display: block;
	width: 180px;
	margin: 15px auto 0px;
}

/* ............... Looking for */
.looking-for {font-size: 1.3em; /*13px*/ line-height: 18px;}

.looking-for label,
.looking-for .what {display: block;}

.looking-for label {
	margin: -10px 0px 10px;
	font: normal 1.54em/24px Georgia, "Times New Roman", Times, serif; /*20px*/
}

.looking-for .what {
	margin: 0px -10px 10px; padding: 2px 10px 4px;
	font-size: 0.85em; /*11px*/ color: #FFF;
}

.looking-for .rent {background-color: #36C;}
.looking-for .sale {background-color: #C30;}

.looking-for .list li {padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC;}

.looking-for .list li.last {border-bottom: 0px;}

.looking-for .notice {
	min-height: 40px;
	padding-left: 30px;
	background: url(../images/design/magnifier.gif) no-repeat 0px 3px;
}

.looking-for .notice h1 {
	margin-bottom: 0px;
	font: normal 1.31em/22px Georgia, "Times New Roman", Times, serif; /*17px*/
}

.looking-for .notice h1 a {}

.looking-for .all {}

.looking-for .all span,
.looking-for .all ul {float: left;}

.looking-for .all span {margin-right: 5px;}

.looking-for .all .all {padding-left: 40px;}

/* .................... Banner */


/* ................... Clients */
.sidebar .clients {}

.sidebar .clients h1 {
	margin-bottom: 10px;
	font: normal 2em Georgia, "Times New Roman", Times, serif;
}

.sidebar .clients ul li {
	float: left;
	margin: 0px 2px 2px 1px;
}

/* ............... Object info */
.sidebar .object-info {
	padding: 0px;
	color: #000;
}
.sidebar .object-info #image-gallery p,
.sidebar .object-info #thumb-gallery h2,
.sidebar .object-info .text {padding: 0px 3.33%; margin-bottom: 30px;}

.sidebar .object-info .text {line-height: 17px;}

.sidebar .object-info h2 {
	margin-bottom: 15px;
	font: normal 1.31em/20px Georgia, "Times New Roman", Times, serif; /*17px*/
}

.sidebar .object-info .map {
	overflow: hidden;
	position: relative;
	height: 310px;
}

.sidebar .object-info .map .map-holder {position: absolute; left: 0px; top: 0px;}

.sidebar .object-info .map .bgmaps-canvas {top: -240px;}

.sidebar .object-info .map .text {position: relative; top: 245px;}


/* ******************************* FOOTER */

/* ..................... Links */
#footer .links {}

#footer .line {padding: 10px 0px; border-bottom: 1px solid #666;}

#footer .links .sec {
	float: left;
	margin-left: 1%; margin-right: 3.55%;
}

#footer .links .about-us {margin-right: 0px;}

#footer .links .sec ul li.separated {margin-top: 18px;}

#footer .links h4 {font-family: Georgia, "Times New Roman", Times, serif; text-transform: uppercase; letter-spacing: 1px; color: #999;}

#footer .links .useful {margin-right: 0;}

#footer .links .sales,
#footer .links .rents,
#footer .links .about-us,
#footer .links .useful {width: 13.62%;}

#footer .links .districts {width: 29.85%;}

#footer .links .lists {padding-bottom: 20px;}

#footer .links .districts ul {
	width: 44.82%;
	float: left;
}

#footer .links .districts ul li .other {line-height: 54px;}

#footer .links .useful .social-links {margin-top: 15px;}

#footer .links .useful .social-links ul {}

#footer .links .useful .social-links ul li {margin-bottom: 4px;}

#footer .links .useful .social-links a.social {
	display: inline-block;
	padding-left: 21px; margin-right: 20px;
	background-image: url(../images/design/social-icons.gif); background-repeat: no-repeat;
}

body #footer .links .useful a.social:active {background-color: transparent !important;}

#footer .links .useful a:active span {background-color: #9C6;}

#footer .links .useful .social-links a.facebook {background-position: left 2px;}
#footer .links .useful .social-links a.twitter {background-position: left -24px;}
#footer .links .useful .social-links a.rss {background-position: left -50px;}

#footer .links .about-us ul {}

/* ................. RSS PopUp */
#footer .links .useful .social-links .rss-subscription {position: relative;}

#rss-popup {
	left: -30px; top: -99px;
	width: 150px; height: 95px;
	padding: 15px 20px 10px;
	background-color: #FFF;
}

#rss-popup .lbox-close {position: absolute; right: 0px; top: 0px;}

#rss-popup .lbox-close:active {background-color: transparent !important;}

#rss-popup ul {
	margin-bottom: 15px;
	font-size: 1.09em; /*12px*/ line-height: 17px;
}

#rss-popup ul li a {color: #090;}

#rss-popup ul li a:active {
	color: #FFF !important;
	background-color: #090 !important;
}

#rss-popup p {
	padding-left: 21px;
	color: #333;
	background: url("../images/design/social-icons.gif") no-repeat left -50px;
}

/* .................. Contacts */
#footer .contacts {text-align: center;}

/* ................. Copyright */
#footer .copyright {
	padding-top: 10px;
	text-align: center;
}


/* ************************ COMMON STYLES */

/* ............. Flash objects */
object, embed {
	display: block;
	position: relative; z-index: 0;
}

/* ................. Tab links */
.tab-links {font: bold 1.7em Georgia, "Times New Roman", Times, serif; /*17px*/}

.featured .tab-links {margin-bottom: 20px;}

.tab-links ul {}

.tab-links ul,
.tab-links ul li,
.tab-links ul li a {float: left;}

.tab-links ul li {
	position: relative;
	margin-right: 2px;
}

.tab-links ul li a {
	padding: 0px 15px;
	line-height: 204%;
	background-color: #CF9;
}

.tab-links ul li span {
	display: none;
	width: 100%; height: 7px;
	position: absolute; left: 0px; bottom: -7px;
	font-size: 0px;
	background: url(../images/design/tab-links-arrow.gif) no-repeat center bottom;
}

.tab-links ul li.current {
	position: relative;
	background-color: #333;
}

.tab-links ul li.current span {display: block;}

body .tab-links ul li.current a,
body .tab-links ul li.current a {
	text-decoration: none; color: #FFF !important;
	cursor: default;
	background-color: transparent;
}

body .tab-links ul li.current a:active,
body .tab-links ul li.current a:active {background-color: transparent !important;}

/* ................... Sidebox */
.sidebox {padding: 20px;}

/* ................. White box */
.white-box {
	padding: 20px;
	background-color: #FFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999;
}

/* ................... Banners */
.banner {margin-top: 30px;}

.banner a,
.banner a img {display: block;}

.sidebar .banner a {width: 300px;}

.banner a {margin: 0px auto;}

/* ................ Type label */
span.type,
span.type span {display: block;}

span.type {
	width: 100%;
	position: absolute; left: 0px; z-index: 20;
	font-size: 1.1em; /*11px*/ line-height: 20px; text-transform: lowercase; color: #FFF;
}

.sale span.type {background-color: #C30;}
.rent span.type {background-color: #36C;}

span.type span {padding: 0px 35px 2px 20px;}

/* .............. Objects list */
.objects-list {}

.objects-list ul {}

.objects-list ul li.clearfix {
	padding: 10px 1.61%; border-bottom: 1px solid #CCC;
}

.objects-list ul li.clearfix:hover {background-color: #F5F5F5;}

.objects-list ul li.last {border-bottom: 0px;}

.objects-list ul .rent {}
.objects-list ul .sale {}

.objects-list ul li .thumb {
	width: 26.66%;
	float: left;
	overflow: hidden;
	position: relative;
}

.objects-list ul li .thumb .type {top: 0px;}

.objects-list ul li .thumb a,
.objects-list ul li .thumb a img {
	display: block;
	height: 120px;
}

.objects-list ul li .thumb a {background: url(../images/design/no-thumb.gif) no-repeat center 0px;}

.objects-list ul li.result .thumb a {background-position: center -130px;}

.objects-list ul li .thumb a img {position: absolute; right: 0px; top: 0px;}

.objects-list ul li .info {
	width: 70%;
	float: right;
}

.objects-list ul li .info h1 {
	margin-bottom: 10px;
	font: normal 2em/24px Georgia, "Times New Roman", Times, serif; /*20px*/
}

.objects-list ul li .info .data {
	margin-bottom: 15px;
	line-height: 17px;
}

.objects-list ul li .info .data .l {font-size: 1.1em; /*11px*/}

.objects-list ul li .info .data .l .num {padding-right: 10px; border-right: 1px solid #CCC;}

.objects-list ul li .info .data .l .date {padding-left: 10px;}

.objects-list ul li .info .data .r {font-size: 1.3em; /*13px*/}

.objects-list ul li .info .data .r .old-price {text-decoration: line-through; color: #666;}

.objects-list ul li .info .data .r .price {padding-left: 10px;}

.objects-list ul li .info .data .r .price strong {font-size: 1.31em; /*17px*/}

.objects-list ul li .info .meta {}

.objects-list ul li .info .meta ul {font-size: 1.3em; /*13px*/ line-height: 17px;}

.objects-list ul li .info .meta ul li {
	float: left;
	padding-right: 10px; margin-right: 10px; border-right: 1px solid #CCC;
}

.objects-list ul li .info .meta ul li.last {padding-right: 0px; margin-right: 0px; border-right: 0px;}

.objects-list ul li .info .criteria {
	margin: 10px 0px 5px;
	font-size: 1.1em; /*11px*/
}

.objects-list ul li .info .criteria span.label,
.objects-list ul li .info .criteria ul,
.objects-list ul li .info .criteria ul li {float: left;}

.objects-list ul li .info .criteria span.label {padding: 2px 0px 3px; margin-right: 5px;}

.objects-list ul li .info .criteria ul li {
	padding: 2px 8px 3px; margin-right: 1px;
	color: #666;
	background-color: #F5F5F5;
}

.objects-list .load-more {padding-left: 30.64%; margin-top: 10px;}

.looking-for-page .objects-list ul li .info .data {margin-bottom: 0px;}

.looking-for-page .objects-list ul li .info .data .l .date {padding-left: 0px;}

.looking-for-page .objects-list ul li .info .districts {
	padding-bottom: 5px;
	font-size: 1.3em; /*13px*/ line-height: 17px;
}

.looking-for-page .objects-list ul li .info .districts span {font-size: 0.85em; /*11px*/}

/* ............... Video clips */
#video {margin-bottom: 30px;}

#video p {margin-top: 10px;}

/* ............. Image gallery */
#image-gallery {
	height: 262px;
	overflow: hidden;
}

#image-gallery div {
	display: none;
	overflow: hidden;
	position: relative;
}

#image-gallery div div {
	display: block;
	height: 223px;
	overflow: hidden;
}

#image-gallery div img {
	display: block;
	position: absolute; top: 0px;
}

#image-gallery div p {
	height: 34px;
	overflow: hidden;
	margin-bottom: 0px !important;
}

#image-gallery p {
	margin: 5px 0px 10px;
	font: normal 1.2em/17px Verdana, Geneva, sans-serif;
}

#image-gallery p span {font-size: 11px; color: #999;}

/* ............. Thumb gallery */
#thumb-gallery {font-size: 1.3em; /*13px*/}
#thumb-gallery h2 span {color: #999;}

#thumb-gallery ul li {
	float: left;
	margin: 0px 3px 3px 0px;
}

#thumb-gallery ul li img {
	display: block;
	width: 90px !important; height: auto !important;
}

/* .............. Inline popup */
.inline-popup {
	display: none;
	position: absolute; z-index: 200;
	border: 10px solid #9C6;
}

/* .................... Ranges */
.range {width: 280px;}

.form-page .ranges .size,
.form-page .ranges .price {margin-right: 34px;}

.form-page .ranges .floor {margin-right: 34px;}

.ranges .floor {margin-bottom: 0px;}

.range .limits {}

.range .limits .sub {
	width: 280px;
	margin-right: 5px;
}

.range .limits .sub .from {margin-right: 13px;}

.range .limits div label {
	display: inline;
	padding: 0px;
	font-size: 1.2em; /*12px*/ line-height: 20px;
}

.range .limits div input {width: 82px !important;}

.range .measures {
	margin-top: 12px;
	width: 240px;
}

.range .measures .levels {border-bottom: 1px solid #9C6;}

.range .measures .levels ul {width: 300px;}

.range .measures .levels ul li {
	height: 22px;
	float: left;
	margin-bottom: 0px;
	line-height: 15px; color: #666;
	background: url(../images/design/range-limit-breakline.gif) no-repeat left bottom;
}

.ui-slider {
	position: relative;
	height: 15px;
	margin-top: -1px;
	text-align: left;
}

.ui-slider .ui-slider-handle,
.ui-slider .ui-slider-handle:hover,
.ui-slider .ui-slider-handle:active {background-color: transparent !important;}

.ui-slider .ui-slider-handle {
	position: absolute; z-index: 2; top: -1px;
	width: 10px; height: 22px;
	background-image: url(../images/design/range-limits.png); background-repeat: no-repeat;
}

.ui-slider .min {
	margin-left: -9px;
	background-position: 0px 0px;
}
.ui-slider .max {background-position: -20px 0px;}

.ui-slider .ui-slider-range {
	position: absolute; z-index: 1;
	display: block;
	height: 10px;
	border: 0;
	font-size: 0pt;
	background-color: #9C6;
}

/* ..................... Boxes */
.boxes {margin-top: 20px;}

.boxes .box {margin-bottom: 10px;}

.boxes .box .head a,
.boxes .box .body .inner {padding-left: 3.22%; padding-right: 3.22%;}

.boxes .box .head a {line-height: 200%;}

.boxes .box .head {background-color: #333;}

.boxes .box .head h2 {font: normal 2em Georgia, "Times New Roman", Times, serif; /*20px*/}

.boxes .box .head h2 a {display: block;}

#main .boxes .box .head h2 a,
#main .boxes .box .head h2 a:hover,
#main .boxes .box .head h2 a:active {
	background-color: transparent !important;
	color: #CF9 !important;
}

.boxes .box .head h2 a span {
	padding-right: 20px;
	text-decoration: underline;
	background-image: url(../images/design/box-head-arrows.gif); background-repeat: no-repeat;
}

.boxes .opened .head h2 a span {background-position: right -84px;}
.boxes .closed .head h2 a span {background-position: right 9px;}

.boxes .box .head h2 a,
.boxes .box .head h2 a:hover span {text-decoration: none;}

.boxes .box .body {}

.boxes .box .body .inner {padding-top: 20px; padding-bottom: 20px;}

.boxes .box .body .table {padding: 20px 1.61%;}

.boxes .box .body .table tr th,
.boxes .box .body .table tr td {padding: 7px 1.66% 9px;}

.boxes .box .body .table tr.even th,
.boxes .box .body .table tr.even td {background-color: #F5F5F5;}

.boxes .box .body .table tr th {font-size: 1.2em; /*12px*/ color: #666;}

.boxes .box .body .table tr td {font-size: 1.3em; /*13px*/ line-height: 15px;}

.boxes .c .body {display: none;}

.boxes .box .colored {background-color: #F5F5F5;}

/* ............ Viewpoint list */
.viewpoint-list ul li {padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #CCC;}

.viewpoint-list ul li.last {border-bottom: 0px;}

.viewpoint-list ul li .date {
	width: 125px;
	float: left;
	margin-right: 20px;
	font-size: 1.2em; /*11px*/ text-align: right; line-height: 24px; color: #999;
}

.viewpoint-list ul li .layout {padding-left: 145px;}

.viewpoint-list ul li .layout h1 {
	margin-bottom: 10px;
	font: normal 2em/24px Georgia, "Times New Roman", Times, serif;
}

.news .viewpoint-list {margin-top: 20px;}

/* ........... Short news list */
.short-news ul li {padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #CCC;}

.short-news ul li.last {border-bottom: 0px;}

.short-news ul li .date {
	width: 125px;
	float: left;
	margin: -4px 20px 0px 0px;
	font-size: 1.2em; /*11px*/ text-align: right; line-height: 24px; color: #999;
}

.short-news ul li .layout {padding-left: 145px;}

.short-news p a {white-space: nowrap;}

.news .short-news {margin-top: 20px;}

/* ................. Docs list */
.docs-list {}

.docs-list ul li .date {
	width: 125px;
	float: left;
	margin-right: 20px;
	font-size: 1.2em; /*11px*/ text-align: right; line-height: 24px; color: #999;
}

.docs-list ul li .layout {padding-left: 145px;}

.docs-list .types {margin-bottom: -15px;}

.docs-list .types .type {padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #CCC;}

.docs-list .types .type .label,
.docs-list .types .type ul li p {font-size: 1.3em; /*13px*/ line-height: 24px;}

.docs-list .types .type .label {padding: 0px 20px; margin-bottom: 10px;}

.docs-list .types .type ul {margin-bottom: 15px;}

.docs-list .types .type ul li {}

.docs-list .types .type ul li .date {}

.docs-list .types .type ul li p {
	padding-left: 170px;
	background-image: url(../images/design/file-types.png); background-repeat: no-repeat;
}

.docs-list .types .type ul li.pdf p {background-position: 145px 5px;}

.docs-list .types .type ul li.doc p {background-position: 145px -229px;}

.docs-list .types .type ul li p a {}

.docs-list .types .type ul li p span {white-space: nowrap; color: #999;}


/* *********************** COMMON OBJECTS */

/* ....................... Map */
.map {margin-bottom: 30px;}

.headline {
	position: relative; z-index: 2000; top: 3px;
	padding: 6px 20px 5px; margin-top: -3px; border-bottom: 1px solid #CF9;
	font-size: 1.2em; /*13px*/
	background-color: #CF9;
}

.show-filter {margin-right: 40px;}

.show-filter span.label,
.show-filter ul,
.show-filter ul li,
.show-filter ul li a {float: left;}

.show-filter span.label {margin-right: 10px;}

.headline span.label,
.map .headline .legend {padding: 5px 0px;}

.show-filter ul {margin-left: 1px;}

.show-filter ul li {margin-left: -1px;}

.show-filter ul li.active {background-color: #9C6;}

.show-filter ul li.active a,
.show-filter ul li.active a:hover,
.show-filter ul li.active a:active,
.show-filter ul li.active a span {
	text-decoration: none !important; color: #FFF !important;
	background-color: transparent !important;
	cursor: default;
}

.show-filter ul li a:hover span {text-decoration: none;}

.show-filter ul li a:active span {border-right-color: #090;}

.show-filter ul li.active a:active span {border-right-color: #9C6;}

.show-filter ul li a {
	padding: 5px 0px 7px;
	text-decoration: none !important;
}

.show-filter ul li a span {
	padding: 0px 8px; border-right: 1px solid #9C6;
	text-decoration: underline;
}

.show-filter ul li.last a span {border-right: 0px;}

.map .headline {
	-moz-box-shadow: 0px 2px 2px #CCC; -webkit-box-shadow: 0px 2px 2px #CCC; box-shadow: 0px 2px 2px #CCC;
}

.map .headline .legend span {
	padding: 2px 0px 4px 22px;
	background-image: url(../images/design/map-legend.gif); background-repeat: no-repeat;
}

.map .headline .legend .sale {
	padding-right: 15px;
	background-position: left 2px;
}

.map .headline .legend .rent {background-position: left -66px;}

.map iframe {position: relative; z-index: 10;}

/* ................. Map Popup */
.map-popup {
	width: 320px !important;
	overflow: hidden !important;
}


.map-popup .what {
	display: block;
	padding: 2px 10px 4px; margin: 0px 0px 5px; border-right: 20px solid #FFF;
	font-size: 1.1em; /*11px*/ color: #FFF;
}

.map-popup .rent {background-color: #36C;}
.map-popup .sell {background-color: #C30;}

.map-popup h1 {
	margin-bottom: 10px;
	font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif; /*17px*/
}

.map-popup .clearfix .info {
	width: 210px !important;
	overflow: hidden !important;
	float: left;
	margin-right: 10px;
	font-size: 1.3em; /*13px*/ line-height: 17px;
}

.map-popup .clearfix .meta span {
	float: left;
	padding-right: 8px; margin-right: 8px; border-right: 1px solid #CCC;
}

.map-popup .clearfix .meta span.last {padding-right: 0px; margin-right: 0px; border: 0px;}

.map-popup .clearfix .district {display: block;}

.map-popup .clearfix div.price {margin-top: 10px;}

.map-popup .clearfix div.price .price strong {font-size: 1.31em; /*17px*/}

.map-popup .clearfix div.price .old-price {
	padding-right: 5px;
	text-decoration: line-through; color: #666;
}

.map-popup .clearfix div.price .old-price  .old-price {padding-right: 0px;}

.map-popup .clearfix img {
	width: 100px;
	float: left;
}

/* ................... Options */
.options {padding: 0px 3.22%; margin-top: 20px;}

.options .share ul li,
.options .tools ul li,
.options .share ul li a,
.options .tools ul li a {
	float: left;
	line-height: 18px;
}

.options .share ul li,
.options .tools ul li {
	padding-left: 22px;
	font-size: 1.1em; /*11px*/
	background-repeat: no-repeat;
}

.options .share ul li {
	margin-right: 10px;
	background-image: url(../images/design/share.gif);
}

.options .share ul .facebook {background-position: 0px 1px;}
.options .share ul .twitter {background-position: 0px -25px;}
.options .share ul .svejo {background-position: 0px -51px;}

.options .share ul .facebook a {text-decoration: underline !important;}

.options .share ul .facebook a:hover {text-decoration: none !important;}

.options .share ul .facebook a:active * {color: #FFF !important;}

.options .share ul .fb_share * {
	background: none !important;
}

.FBConnectButton, .FBConnectButton_RTL {
	display: inline !important;
	padding: 0px !important;
}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {
	line-height: none !important; text-decoration: none !important;
}

.FBConnectButton_Small .FBConnectButton_Text {padding: 0px !important; margin-left: 0px !important;}

.FBConnectButton .FBConnectButton_Text,
.FBConnectButton_RTL .FBConnectButton_Text {
	display: inline !important;
	margin: 0px !important; border-top: 0px !important; border-bottom: 0px !important;
	font: normal 1.1em Verdana, Geneva, sans-serif !important; color: #090 !important; line-height: 18px !important;
}

.options .tools ul li {
	margin-left: 10px;
	background-image: url(../images/design/tools.gif);
}

.options .tools ul .bookmark {background-position: 0px 3px;}
.options .tools ul .recommend {background-position: 0px -23px;}
.options .tools ul .print {background-position: 0px -49px;}

/* ............... Broker data */
.broker-data {font-size: 1.3em; line-height: 20px;}

.broker-data dt,
.broker-data dd {float: left;}

.broker-data dt {
	width: 66px;
	clear: left;
	margin-right: 5px;
	text-align: right; color: #999;
}

.broker-data dd {clear: right;}

/* .................. Switches */
.switches ul {font-size: 12px;}

.switches ul li {float: left;}

.switches ul li.first {padding-right: 5px; margin-right: 5px; border-right: 1px solid #CCC;}

.switches ul li a {padding-bottom: 2px;}

.switches ul li.active a,
.switches ul li.active a:hover,
.switches ul li.active a:active {
	text-decoration: none; color: #333 !important;
	background-color: transparent !important;
	cursor: default;
}

.breadcrumbs {margin: -15px 0px -2px;}

.breadcrumbs ul li {
	float: left;
	font-size: 1.3em; /*13px*/ line-height: 17px;
	padding-right: 14px; margin-right: 7px;
	background: url(../images/design/breadcrumb-arrow.png) no-repeat right 5px;
}

.breadcrumbs ul li.last {
	padding-right: 0px; margin-right: 0px;
	background: none;
	cursor: default;
}

/* ***************************** LIGHTBOX */

/* ....... Background and plot */
#lbox-bgr,
#lbox-plot {
	display: none;
	position: fixed; left: 0px; top: 0px;
}

#lbox-bgr {
	z-index: 1010;
	opacity: 0.9;
	background-color: #000;
}

#lbox-plot {
	z-index: 1000;
	opacity: 0;
}


/* ******************************* POPUPS */

/* .................... Layout */
.popup {
	display: none;
	width: 880px; height: auto;
	position: absolute; z-index: 20;
}

.popup .inner {
	padding: 20px;
	background-color: #FFF;
	border: 10px solid #9C6;
}

/* ..................... Title */
.popup h1 {
	padding-bottom: 20px;
	font: normal 2.4em/35px Georgia, "Times New Roman", Times, serif; /*26px*/
}

/* .................. X button */
.lbox-close {
	width: 36px; height: 36px;
	text-indent: -9999px;
	background: url(../images/design/lbox-close.png) no-repeat right top;
}

.lbox-close:hover {background-position: 0px -46px;}
.lbox-close:active {background-color: transparent !important; background-position: 0px -92px;}

/* ................. Interview */
.interview-popup {width: 580px;}

#holder .interview-popup .body {
	padding: 0px; margin: 0px;
	font-size: 1.3em; /*13px*/ line-height: 20px;
	background-color: #FFF;
}

.interview-popup .body dl dt {color: #999;}

.interview-popup .body dl dd {margin-bottom: 10px;}

/* ............ Recommendation */
.recommendation-popup {width: 580px;}

#holder .recommendation-popup .body {
	padding: 0px; margin: 0px;
	font-size: 1.3em; /*13px*/ line-height: 20px;
	background-color: #FFF;
}

/* ............... Price Offer */
.price-offer-popup {width: 460px;}

.price-offer-popup .lbox-close {position: absolute; right: 5px; top: 5px;}

.price-offer-popup .inner {
	position: relative;
	min-height: 420px;
}

.price-offer-popup .inner .preloader {
	display: none;
	position: absolute; left: 130px ; top: 210px;
}

.price-offer-popup .inner .head h1 {margin-left: 30px;}

#price-offer-form .preview,
#price-offer-form .finish {display: none;}

#price-offer-form .fields {}

#price-offer-form .fields .body {
	width: 278px;
	margin: 0px auto;
}

#price-offer-form .fields .body div {margin-bottom: 15px;}

#price-offer-form .fields .body .title,
#price-offer-form .fields .body .textfield {display: block;}

#price-offer-form .fields .body .title {margin-bottom: 5px;}

#price-offer-form .fields .body .title .required {color: #C00;}

#price-offer-form .fields .body .textfield {
	width: 266px;
	margin-bottom: 5px;
}

#price-offer-form #price-offer-field {
	width: 182px;
	margin-right: 10px;
}

#price-offer-form .fields .body .measure {
	height: 25px;
	float: left;
	font-size: 1.2em; /*12px*/ line-height: 25px;
}

#price-offer-form .fields .body .example {font-size: 1.1em; /*11px*/ color: #999;}

#price-offer-form .fields .body div.btn {padding: 0px; margin-top: 30px;}

#price-offer-form .fields .body .highlight {border: 1px solid #C00;}

#price-offer-form .fields .body .warning {
	padding: 15px 0px; margin: 15px 0px;
	font-size: 1.1em; /*11px*/ text-align: center; color: #C00;
	background-color: #FF9;
}

#price-offer-form .preview {}

#price-offer-form .preview .body {
	width: 340px;
	margin: 0px auto;
}

#price-offer-form .preview .body h2 {
	font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif; /*17px*/ color: #666;
	margin-bottom: 30px;
}

#price-offer-form .preview .body .offered-price,
#price-offer-form .preview .body dl {font-size: 1.2em; /*12px*/ line-height: 20px;}

#price-offer-form .preview .body .offered-price,
#price-offer-form .preview .body dt {
	width: 150px;
	text-align: right; color: #666;
}

#price-offer-form .preview .body dl {}

#price-offer-form .preview .body dl dt,
#price-offer-form .preview .body dl dd {float: left;}

#price-offer-form .preview .body dl dt {
	clear: left;
	margin-right: 10px;
}

#price-offer-form .preview .body dl dd {
	clear: right;
	font-size: 1.08em; /*13px*/
}

#price-offer-form .preview .body .current-price {
	margin-bottom: 5px;
	font-size: 1.3em; /*13px*/ text-align: center;
}

#price-offer-form .preview .body .current-price strong {font: bold 2.31em Georgia, "Times New Roman", Times, serif; /*30px*/}

#price-offer-form .preview .body .advice {
	padding: 25px 0px; margin: 30px 0px;
	font-size: 1.1em; /*11px*/ text-align: center;
	background-color: #FF9;
}

#price-offer-form .preview .body div.btn {padding: 0px;}

#price-offer-form .preview .body .btn a {
	padding: 0px 20px; margin-right: 10px;
	font-size: 1.2em; /*12px*/ line-height: 28px; text-align: right;
}

#price-offer-form .finish {}

#price-offer-form .finish .success {
	padding: 25px 0px; margin-top: 160px;
	font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif; /*17px*/ text-align: center;
	background-color: #FF9;
}

/* ................. Recommend */
.recommend-popup {width: 460px;}

.recommend-popup .lbox-close {position: absolute; right: 5px; top: 5px;}

.recommend-popup .inner {
	position: relative;
	height: 460px;
}

.recommend-popup .inner .preloader {
	display: none;
	position: absolute; left: 130px ; top: 235px;
}

.recommend-popup .inner .head h1 {margin-left: 30px;}

#recommend-form .preview,
#recommend-form .finish {display: none;}

#recommend-form .fields {}

#recommend-form .fields .body {
	width: 278px;
	margin: 0px auto;
}

#recommend-form .fields .body div {margin-bottom: 15px;}

#recommend-form .fields .body .title,
#recommend-form .fields .body .textfield {display: block;}

#recommend-form .fields .body .title {margin-bottom: 5px;}

#recommend-form .fields .body .title .required {color: #C00;}

#recommend-form .fields .body .textfield {
	width: 266px;
	margin-bottom: 5px;
}

#recommend-form .fields .body .sender .textfield {width: 186px;}

#recommend-form .fields .body textarea {width: 266px; height: 94px;}

#recommend-form .fields .body .highlight {border: 1px solid #C00;}

#recommend-form .fields .body .measure {
	height: 25px;
	float: left;
	font-size: 1.2em; /*12px*/ line-height: 25px;
}

#recommend-form .fields .body .example {font-size: 1.1em; /*11px*/ color: #999;}

#recommend-form .fields .body div.btn {padding: 0px; margin-top: 15px;}

#recommend-form .fields .body .advice {
	padding: 15px 0px; margin: 15px 0px;
	font-size: 1.1em; /*11px*/ text-align: center;
	background-color: #FF9;
}

#recommend-form .fields .body .warning {color: #C00;}

#recommend-form .finish .success {
	padding: 25px 0px; margin-top: 160px;
	font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif; /*17px*/ text-align: center;
	background-color: #FF9;
}

/* ............. Photo gallery */
.gal-popup {width: 100%;}

.gal-popup .arrows a {
	display: block;
	visibility: hidden;
	position: absolute; z-index: 2000; top: 10px;
	width: 80px; height: 600px;
	text-indent: -9999px;
	background-image: url(../images/design/slide-arrows.png); background-repeat: no-repeat;
}

.gal-popup .arrows a.backward {
	left: 0px;
	background-position: right -410px;
}

.gal-popup .arrows a.forward {
	right: 0px;
	background-position: left -410px;
}

.gal-popup .arrows a.backward.disabled,
.gal-popup .arrows a.backward.disabled:hover,
.gal-popup .arrows a.backward.disabled:active,
.moving .arrows a.backward,
.moving .arrows a.backward:hover,
.moving .arrows a.backward:active {background-position: right 270px !important;}
.gal-popup .arrows a.forward.disabled,
.gal-popup .arrows a.forward.disabled:hover,
.gal-popup .arrows a.forward.disabled:active,
.moving .arrows a.forward,
.moving .arrows a.forward:hover,
.moving .arrows a.forward:active {background-position: left 270px !important;}

.gal-popup .arrows a.backward:hover {background-position: right -1090px;}
.gal-popup .arrows a.forward:hover {background-position: left -1090px;}

.gal-popup .arrows a.backward:active {background-position: right -1770px;}
.gal-popup .arrows a.forward:active {background-position: left -1770px;}

.gal-popup .arrows a:hover,
.gal-popup .arrows a:active {background-color: transparent !important;}

.moving .arrows a,
.gal-popup .arrows a.disabled {cursor: default;}

.gal-popup .roller {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.gal-popup .roller .holder {overflow: hidden;}

.gal-popup .roller .holder .block {
	margin: 10px;
	background-color: #000;
}

.gal-popup .roller .holder .block img, .gal-popup .roller .holder .block object {opacity: 0.6;}
.gal-popup .roller li.active .holder .block img, .gal-popup .roller li.active .holder .block object {opacity: 1;}

.gal-popup .roller ul {float: left;}

.gal-popup .roller ul li.current .block {margin: 0px; border: 10px solid #9C6;}

.moving ul li.current .block {margin: 10px !important; border: 0px !important;}

.gal-popup .roller ul li .block span {display: none;}

.gal-popup .roller ul li .num,
.gal-popup .roller ul li .description {
	float: left;
	color: #666;
}

.gal-popup .roller ul li .num {
	width: 30px;
	padding-top: 5px;
	font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif;  text-align: right;
}

.gal-popup .roller ul li .description {
	width: 750px;
	padding: 5px 10px 0px;
	font: normal 1.3em/20px Verdana, Geneva, sans-serif; /*13px*/
}

.gal-popup .roller ul li.active .num,
.gal-popup .roller ul li.active .description {color: #CCC;}

.gal-popup .roller #gallery-line {
	width: 100000em;
	position: relative;
	visibility: hidden;
}

.gal-popup .roller ul li {
	width: 820px;
	position: relative;
	float: left;
}

.gal-popup .lbox-close {
	display: block;
	visibility: hidden;
	position: absolute; right: 15px; top: 15px; z-index: 10;
	padding: 0px;
}

.gal-popup a.zoom {
	display: block;
	visibility: hidden;
	position: absolute;
	text-indent: -9999px;
	background-image: url(../images/design/photo-gallery-zoom-btns.png); background-repeat: no-repeat;
}

.gal-popup a.in {
	width: 288px; height: 288px;
	left: 266px; top: 166px;
	background-position: left 0px;
}

.gal-popup a.in:hover {background-position: left -298px;}
.gal-popup a.in:active {background-position: left -596px;}

.gal-popup a.out {
	width: 144px; height: 144px;
	right: 47px; top: 30px;
	background-position: left -894px;
}

.gal-popup a.out:hover {background-position: left -1048px;}
.gal-popup a.out:active {background-position: left -1202px;}

.gal-popup .roller ul li.current-bigger a.zoom {visibility: visible;}

.gal-popup .roller ul li img {display: block;}

.gal-popup .arrows a:hover,
.gal-popup .arrows a:active,
.gal-popup a.zoom:hover,
.gal-popup a.zoom:active {background-color: transparent !important;}

.gal-popup .fullscreen {
	display: none;
	position: fixed; z-index: 3000; left: 0px; top: 0px;
	background-color: #FFF;
}

.gal-popup .fullscreen .inner {
	overflow: hidden;
	position: relative;
	padding: 0px;
	border: 0px;
}

.gal-popup .fullscreen .inner a.zoom {
	z-index: 5000;
	visibility: visible;
}

.gal-popup .fullscreen .inner img {
	position: absolute;
	z-index: 3000;
	cursor: pointer;
}

.gal-popup .fullscreen .inner #pan {cursor: move;}


/* **************************** HOME PAGE */

/* ................... Accents */
#accents {position: relative;}

#accents .arrows a {
	display: none;
	position: absolute; z-index: 100; top: 140px;
	width: 60px; height: 60px;
	text-indent: -9999px;
	background-image: url(../images/design/slide-arrows.png); background-repeat: no-repeat;
}

#accents .arrows a.disabled {cursor: default;}

#accents .arrows a.backward {
	left: -15px;
	background-position: -720px -680px;
}

#accents .arrows a.forward {
	right: -15px;
	background-position: -20px -680px;
}

#accents .arrows a.backward.disabled,
#accents .arrows a.backward.disabled:hover,
#accents .arrows a.backward.disabled:active {background-position: -720px 0px;}
#accents .arrows a.forward.disabled,
#accents .arrows a.forward.disabled:hover,
#accents .arrows a.forward.disabled:active {background-position: -20px 0px;}

#accents .arrows a.backward:hover {background-position: -720px -1360px;}
#accents .arrows a.forward:hover {background-position: -20px -1360px;}

#accents .arrows a.backward:active {background-position: -720px -2040px;}
#accents .arrows a.forward:active {background-position: -20px -2040px;}

#accents .arrows a:hover,
#accents .arrows a:active {background-color: transparent !important;}

#accents .inner {
	overflow: hidden; 
	position: relative;
}

#accents .holder {
	width: 10000em;
	position: relative; left: 200%;
}

#accents ul,
#accents ul li {float: left;}

#accents ul {
	overflow: hidden;
	margin-right: 2px;
}

#accents ul li {
	overflow: hidden;
	padding-bottom: 15px; margin-right: 2px;
}

#accents ul li:hover {background-color: #F5F5F5;}

#accents ul li .normal {
	overflow: hidden;
	position: relative;
}

#accents ul li .normal .img-holder {
	height: 240px;
	overflow: hidden;
	position: relative; z-index: 10;
}

#accents ul li .normal .img-holder img {
	display: block;
	position: relative;
}

#accents ul li .normal .type {top: 218px;}

#accents ul li .normal h1 {
	padding: 15px 6.25%;
	font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif;
}

#accents ul li .normal h1 a:hover {text-decoration: none;}

#accents ul li .normal .meta,
#accents ul li .normal .district,
#accents ul li .normal div.price {
	padding: 0px 6.25%;
	font-size: 1.3em; /*13px*/ line-height: 17px;
}

#accents ul li .normal .meta {}

#accents ul li .normal .meta span {
	float: left;
	padding-right: 8px; margin-right: 8px; border-right: 1px solid #CCC;
}

#accents ul li .normal .meta span.last {padding-right: 0px; margin-right: 0px; border: 0px;}

#accents ul li .normal .district {display: block;}

#accents ul li .normal div.price {margin-top: 10px;}

#accents ul li .normal div.price .price strong {font-size: 1.31em; /*17px*/}

#accents ul li .normal div.price .old-price {text-decoration: line-through; color: #666;}

#accents .nav,
#accents .all-sales {float: left;}

#accents .nav {
	height: 25px;
	overflow: hidden;
	position: relative;
	margin: 10px 10px 0px 0px;
	text-align: center;
	background-color: #9C6;
}

#accents .nav .dot {
	width: 25px; height: 25px;
	position: absolute; z-index: 10; left: 100%; top: 0px;
	background: url(../images/design/accents-active-dot.png) no-repeat 0px 0px;
}

#accents .nav .dots {
	height: 25px;
	overflow: hidden;
	position: absolute; z-index: 20; left: 0px; top: 0px;
	text-indent: -9999px;
}

#accents .nav a {
	width: 25px; height: 25px;
	float: left;
	background: url(../images/design/acccents-mask.png) no-repeat 0px 0px;
}

body #accents .nav .dots a.active,
body #accents .nav.moving .dots a {cursor: default !important;}

body #accents .nav.moving .dots a:hover,
body #accents .nav.moving .dots a:active {background-color: transparent !important;}

#accents .nav .dots a:hover {background-color: #CF9;}

#accents .nav .dots a:active {background-color: #090;}

body #accents .nav .dots a.active:hover,
body #accents .nav .dots a.active:active {background-color: transparent !important;}

#accents .all-sales {
	margin-top: 15px;
	font-size: 1.2em; /*12px*/
}

/* .................. Featured */
.featured {}

.featured .list {display: none;}

.featured .cur-tab {
	display: block;
	margin-top: 20px;
}


/* *************************** PROPERTIES */

/* ............... Type filter */
#type-filter {
	padding-left: 1px;
	font-size: 1.3em; /*13px*/
	background-color: #333;
}

.district #type-filter {margin-bottom: 15px;}

#type-filter li,
#type-filter li a {float: left;}

#type-filter li {margin-left: -1px;}

#type-filter li.active {background-color: #666;}

#type-filter li span {border-right: 1px solid #666;}

#type-filter li a {
	padding: 10px 0px 11px;
	line-height: 15px; text-decoration: none; color: #9C6;
}

#type-filter li a span {padding: 0px 20px;}

#type-filter li a span span {
	padding: 0px; border: 0px;
	text-decoration: underline;
}

#type-filter li a:hover span span {text-decoration: none;}

body #main #type-filter li a:active {
	color: #FFF;
	background-color: #9C6 !important;
}

body #main #type-filter li a:active span {border-color: #9C6;}

body #main #type-filter li.active a,
body #main #type-filter li.active a span,
body #main #type-filter li.active a span span {
	text-decoration: none; color: #FFF;
	cursor: default;
}

#type-filter li.active a:active {background-color: transparent !important;}
body #holder #type-filter li.active a:active span {border-color: #666;}

/* ............... Sort filter */
body #sort-filter .sort-by a {color: #CF9;}

body #sort-filter .sort-by a:active {
	color: #333 !important;
	background-color: #CF9 !important;
}

#sort-filter {
	padding: 0px 10px;
	font-size: 1.2em; /*12px*/ line-height: 16px;
	background-color: #333;
}

#sort-filter .select {position: relative; z-index: 200;}

#sort-filter .select,
#sort-filter .sort-by ul {padding: 5px 0px 6px;}

#sort-filter .sort-by span,
#sort-filter .sort-by ul,
#sort-filter .sort-by ul li,
#sort-filter .sort-by ul li a {float: left;}

#sort-filter

#sort-filter .sort-by {color: #CCC;}

#sort-filter .sort-by span {
	padding: 10px 0px 11px; margin-right: 5px;
	color: #CCC;
}

#sort-filter .sort-by ul {}

#sort-filter .sort-by ul li {}

#sort-filter .sort-by ul li a {padding: 5px 10px 6px;}

#sort-filter .sort-by ul li.active a,
#sort-filter .sort-by ul li.active a:active {
	text-decoration: none; color: #FFF !important;
	background-color: #666 !important;
	cursor: default;
}

/* ..................... Notes */
.note-box {
	padding: 20px;
	font: normal 1.3em/17px Verdana, Geneva, sans-serif; /*13px*/
}

/* ............... Area filter */
#sort-filter .area-filter-link,
#sort-filter .area-filter-link span {float: left;}

#sort-filter .area-filter-link {color: #CF9;}

#sort-filter .area-filter-link span {
	padding: 5px 12px 6px;
	text-decoration: underline;
	background: url(../images/design/arrows-green.png) no-repeat right 11px;
}

#sort-filter .area-filter-link:hover span {text-decoration: none;}

#sort-filter .area-filter-link:active {background-color: transparent !important;}

#sort-filter .area-filter-link:active span {
	color: #333 !important;
	background-color: #CF9; background-position: right -208px;
}

#sort-filter #area-filter {left: -18px; top: -14px;}

.map .headline .select {}

.map .headline .area-filter-link {
	padding: 5px 0px 7px;
	text-decoration: none;
}

.map .headline .area-filter-link span {
	padding: 0px 22px 0px 12px;
	text-decoration: underline;
	background: url(../images/design/drop-list-arrows.gif) no-repeat right 6px;
}

.map .headline .area-filter-link:hover span {text-decoration: none;}

.map .headline .area-filter-link:active span {
	padding: 0px 12px;
	background: none;
}

.map .headline #area-filter {left: 406px; top: -13px;}

#area-filter {
	width: 360px; min-height: 200px;
	padding: 10px 20px;
	font-size: 12px;
	background-color: #FFF;
}

#area-filter .lbox-close {position: absolute; right: 2px; top: 3px;}

#area-filter .label {
	padding: 2px 8px 3px; margin: 0px -10px 0px;
	border: 2px solid #FFF;
}

#area-filter .note {border-color: #F00;}

#area-filter .label span {
	padding-right: 22px;
	background: url(../images/design/drop-list-arrows.gif) no-repeat right -104px;
}

#area-filter form {padding-top: 15px;}

#area-filter .clearfix .l {margin-right: 20px;}

#area-filter .clearfix label {line-height: normal;}

#area-filter .clearfix .checkbox {padding-bottom: 8px;}

#area-filter .clearfix .checkbox input {
	margin: 1px 0px 0px 0px;
	float: left;
	clear: left;
}

#area-filter .clearfix .checkbox label {
	display: block;
	padding-left: 18px;
}

#area-filter .clearfix .checkbox label span.name {cursor: pointer;}
#area-filter .clearfix .checkbox label span.number {line-height: normal; color: #999;}

#area-filter .clearfix label.popup-drugi-kvartali {margin-top: 22px;}

#area-filter .switches {margin-top: 15px;}

#area-filter .filter-btn {margin-top: 10px;}


/* ***************************** PROPERTY */

/* ............ Property label */
.property .property-label {font: bold 2em Georgia, "Times New Roman", Times, serif; text-transform: lowercase;}

.property .property-label strong {
	float: left;
	line-height: 174%; text-decoration: none; color: #FFF;
	cursor: default;
	position: relative;
}

.property .property-label.sale strong {background-color: #C00;}
.property .property-label.rent strong {background-color: #069;}

.property .property-label.sale span {background-image: url(../images/design/arrow-label-sale.gif);}
.property .property-label.rent span {background-image: url(../images/design/arrow-label-rent.gif);}

.property .property-label span {
	display: block;
	width: 100%; height: 7px;
	position: absolute; left: 0px; bottom: -7px;
	font-size: 0px;
	background-repeat: no-repeat; background-position: center bottom;
}

/* ...................... Head */
.property .headline {
	position: static;
	padding: 0px; margin: -15px 0px 30px; border-bottom: 0px;
	font-size: 1em;
	background-color: transparent;
}

.property .headline .meta {
	margin: 16px 0px;
	font-size: 1.3em; /*13px*/ line-height: 17px;
}

.property .headline .meta span {color: #CCC;}

.property .pad {padding: 0px 3.22%; /*20px*/}

/* ...................... Note */
.property .note {
	padding: 20px 3.22%;
	font-size: 1.3em; /*13px*/ line-height: 17px;
	background-color: #CF9;
}

.property .note .file {
	padding: 3px 0px 5px 22px;
	color: #999;
	background-image: url(../images/design/file-types.png); background-repeat: no-repeat;
}

.property .note .pdf {background-position: left 2px;}

.property .note .doc {background-position: left -232px;}

.property .note .xls {background-position: left -466px;}

/* ............. Main features */
#item-main-features {}

#item-main-features .inner .info {
	width: 52%;
	margin-right: 2%;
}

#item-main-features .inner .prices {width: 46%;}

#item-main-features dl {line-height: 20px;}

#item-main-features dl dt,
#item-main-features dl dd {
	width: 48%;
	float: left;
}

#item-main-features dl dt {
	clear: left;
	margin-right: 10px;
	font-size: 1.2em; /*12px*/ text-align: right; color: #666;	
}

#item-main-features dl dd {
	clear: right;
	font-size: 1.3em; /*13px*/
}

#item-main-features .star {
	margin-top: 15px;
	font-size: 1.1em; text-align: center; /*11px*/ color: #666;
}

#item-main-features .current-price {
	padding-right: 40px; margin-bottom: 5px;
	font-size: 1.3em; /*13px*/ text-align: right;
}

#item-main-features .current-price strong {font: bold 2.31em Georgia, "Times New Roman", Times, serif; /*30px*/}

#item-main-features .old-prices {padding-right: 40px;}

#item-main-features .brokerage {	
	margin-bottom: 15px;
	font-size: 1.2em; /*12px*/ text-align: center;
}

#item-main-features .old-prices li {
	margin-bottom: 6px;
	text-align: right;
}

#item-main-features .old-prices li .date {font-size: 1.2em; /*12px*/ color: #666;}

#item-main-features .old-prices li .price {
	padding-left: 5px;
	font-size: 1.3em; /*13px*/ text-decoration: line-through;
}

#item-main-features p.btn {
	margin: 15px 0px;
	text-align: center;
}

#item-main-features p.btn input {padding: 3px 20px;}

#item-main-features p.rent-price {font-size: 1.2em; /*12px*/ text-align: center; color: #666;}

#item-main-features p.rent-price span {
	width: 30%;
	padding-left: 5px;
	color: #333;
}

#item-main-features p.rent-price strong {
	font: bold 2.08em Georgia, "Times New Roman", Times, serif; /*25px*/
}

#item-main-features p.similar {
	margin-top: 10px;
	font-size: 1.2em; /*12px*/ text-align: center;
}

/* ..................... Rooms */
#item-rooms {}

#item-rooms .body .table tr th.room,
#item-rooms .body .table tr td.room,
#item-rooms .body .table tr th.size,
#item-rooms .body .table tr td.size {text-align: right;}

#item-rooms .body .table tr td.size {padding-right: 30px;}

/* .................... Scheme */
#item-scheme .body .inner {padding: 0px;}

#item-scheme .body .inner a,
#item-scheme .body .inner a img {
	display: block;
	cursor: default;
}

#item-scheme .body .inner a.gal-link,
#item-scheme .body .inner a.gal-link img {cursor: pointer;}

#item-scheme .body .inner a img {width: 100%; height: auto;}

/* ................ Furnishing */
#item-furnishing {}

#item-furnishing .body .table tr th.room,
#item-furnishing .body .table tr td.room {text-align: right;}

/* ................ Additional */
#item-additional {}

#item-additional .body .table tr th.feature,
#item-additional .body .table tr td.feature {text-align: right;}

/* ..................... Taxes */
#item-taxes {}

#item-taxes h3 {
	padding: 0px 1.61% 5px;
	font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif; /*17px*/
}

#item-taxes .body table {margin-bottom: 30px;}
#item-taxes .body .deal {margin-bottom: 0px;}

#item-taxes .body .table tr th.sum,
#item-taxes .body .table tr td.sum {text-align: right;}

/* .................... Broker */
.property .broker {
	padding: 10px 1.61%; margin-top: 20px;
	background-color: #F5F5F5;
}

.property .broker .l,
.property .broker .r {width: 48%; margin-right: 1.5%;}

#item-main-features dl {line-height: 20px;}

.property .broker dl {
	margin-bottom: 20px;
	line-height: 20px;
}

.property .broker dl dt,
.property .broker dl dd {
	float: left;
}

.property .broker dl dt {
	width: 20%;
	clear: left;
	margin-right: 3%;
	font-size: 1.1em; /*11px*/ text-align: right; color: #999;	
}

.property .broker dl dd {
	width: 69%;
	clear: right;
	font-size: 1.3em; /*13px*/
}

.property .broker a.more {
	margin-left: 23%;
	font-size: 1.2em; /*12px*/
}

.property .broker .photo {float: left;}

.property .broker .info {
	padding-left: 70px;
}

.property .broker h3 {font: normal 1.7em Georgia, "Times New Roman", Times, serif; /*17px*/}

.property .broker p.position {
	margin-top: 5px;
	font-size: 1.2em; /*12px*/
}

.property .broker p.notification {
	margin-top: 10px;
	font-size: 1.1em; /*11px*/ line-height: 15px;
}

.property .broker p.btn {padding: 0px; margin: 10px 0px;}

.property .broker p.btn input {
	padding: 3px 20px;
	font-size: 1.1em; /*11px*/
}


/* ******************************** AREAS */

/* ................ Areas list */
#areas-list {}

#areas-list ul {}

#areas-list ul li.first {
	clear: left;
}

#areas-list ul li {
	width: 33.1%; height: 280px;
	float: left;
	overflow: hidden;
	position: relative;
	margin: 0px 0.3% 30px 0px;
}

#areas-list ul li.second {width: 33.2%;}

#areas-list ul li.third {
	width: 33.1%;
	clear: right;
	float: right;
	margin-right: 0px;
}

#areas-list ul li .img-holder {
	height: 240px;
	overflow: hidden;
	position: relative;
}

#areas-list ul li img,
#areas-list ul li .over img {
	display: block;
	position: absolute; top: 0px; z-index: 10;
}

#areas-list ul li .over {
	display: none;
	height: 240px;
	overflow: hidden;
	position: relative; z-index: 20;
}

#areas-list ul li h1 {
	padding-top: 10px; margin: 0px 3.12%;
	font: normal 2em/24px Georgia, "Times New Roman", Times, serif;
}

#areas-list ul li h1 span {color: #CCC;}


/* ********************************* NEWS */

/* ........... Viewpoint: List */
.rubrics-box {}

.rubrics-box h2 {
	margin: 20px 0px;
	font: normal 3em/24px Georgia, "Times New Roman", Times, serif;
}

.rubrics-box ul {}

.rubrics-box ul li {
	margin-bottom: 5px;
	font-size: 1.3em; line-height: 20px;
}

.rubrics-box ul li a {}

.rubrics-box ul li span {color: #999;}

.rubrics-box ul li.current-cat a,
.rubrics-box ul li.current-cat a:hover,
.rubrics-box ul li.current-cat a:active {
	text-decoration: none !important; color: #333 !important;
	background-color: transparent !important;
	cursor: default !important;
}

/* ........ Viewpoint: Article */
.article {}

.article .post {}

.article .post h1 {
	margin: 20px 0px 15px;
	font: bold 3em/35px Georgia, "Times New Roman", Times, serif;
}

.article .post .meta {
	padding: 0px 3.22%; margin-bottom: 30px;
	font-size: 1.2em; line-height: 17px;
}

.article .post .meta .breakline {color: #CCC;}

.article .post .text {padding: 0px 3.22%;}

.article .post .img-holder {}

.article .post .img-holder img {
	display: block;
	margin: 0px auto 10px;
}

.article .post .img-holder p {
	padding: 0px 3.22%;
	font-size: 1.2em; line-height: 17px;
}

.article .comments {margin-top: 40px;}

.article .comments h3 {
	margin: 10px 0px;
	font: normal 2em/24px Georgia, "Times New Roman", Times, serif;
}

.article .comments .list ol {
	padding: 20px 3.22% 1px;
	background-color: #F5F5F5;
}

.article .comments .list ol li {margin-bottom: 30px;}

.article .comments .list .meta {
	margin-bottom: 8px;
	font-size: 1.2em; line-height: 17px;
}

.article .comments .list .meta .breakline {color: #CCC;}

.article .comments .list .meta .date {color: #666;}

.article .comments .formular {margin-top: 20px;}

.article .comments .formular form {
	padding: 20px 3.22%;
	background-color: #CF9;
}

.article .comments .formular form .field {margin-bottom: 10px;}

.article .comments .formular form label {
	width: 80px;
	margin-right: 10px;
	font-size: 1.3em; line-height: 22px; text-align: right;
}

.article .comments .formular form .textfield {width: 230px;}

.article .comments .formular form textarea {width: 82%; height: 100px;}

.article .comments .formular form .note {
	width: 82%;
	margin: 10px 0px 0px 90px;
	font-size: 1.1em; line-height: 17px;
}

.article .comments .formular form .note .captcha {font-size: 1.18em;}

.article .comments .formular form .note .captcha .textfield {
	width: 50px;
	margin-left: 10px;
}

.article .comments .formular form .note p {padding-bottom: 10px;}

.article .comments .formular form .btn {margin: 10px 0px 0px 90px;}

/* ................... Twitter */
.twitter-box {}

.twitter-box img {display: block;}

.twitter-box p {
	margin-top: 20px;
	font-size: 1.3em; /*13px*/ line-height: 16px; text-align: center;
}


/* **************************** DOCUMENTS */

/* .................. Software */
body.documents .software {
	padding: 20px;
	font-size: 1.3em; /*13px*/ line-height: 17px;
}

body.documents .software h3 {font: normal 1.31em/20px Georgia, "Times New Roman", Times, serif; /*17px*/}

body.documents .software p {
	padding-left: 20px; margin-top: 10px;
	background: url(../images/design/file-types.png) no-repeat 0px 0px;
}

body.documents .software p a {
	display: inline-block;
	margin-top: 5px;
}


/* ***************************** ABOUT US */

/* ..................... About */
#history,
#side-boxes {margin-top: 20px;}

#history {width: 65.95%;}

#history h1 {
	margin: 10px 0px 40px;
	font: normal 3em/35px Georgia, "Times New Roman", Times, serif; /*30px*/
}

#history ul li {margin-bottom: 30px;}

#history ul li .year {
	width: 120px;
	float: left;
	padding-top: 5px;
	font: bold 3em/24px Georgia, "Times New Roman", Times, serif; text-align: right; color: #CCC;
}

#history ul li .text {padding-left: 140px;}

#side-boxes {width: 31.91%;}

#side-boxes .inner {padding: 20px; margin-bottom: 20px;}

#side-boxes h2 {
	margin-bottom: 10px;
	font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif; /*17px*/
}

#side-boxes .card .links {padding: 0px 20px; margin-top: -10px;}

/* ................ Advantages */
#advantages-list {margin-top: 20px;}

#advantages-list .wall {
	display: none;
	height: 470px;
	vertical-align: middle;
	background-color: #9C6;
}

#advantages-list .cur-tab {display: table-cell;}

#advantages-list .wall h1 {
	padding: 0px 14%; margin-bottom: 10px;
	font: italic 5em/60px Georgia, "Times New Roman", Times, serif; color: #FFF;
}

#advantages-list .wall h2 {
	padding: 0px 14%;
	font: normal 4em/50px Georgia, "Times New Roman", Times, serif;
}

#advantages-list .list {
	min-height: 50px;
	padding: 20px 20px 0px;
}

#advantages-list .list ul li {
	width: 21.6%;
	float: left;
	margin-right: 4.44%;
	font: normal 2em/22px Georgia, "Times New Roman", Times, serif;
}

#advantages-list .list ul li.current a,
#advantages-list .list ul li.current a:hover,
#advantages-list .list ul li.current a:active {
	text-decoration: none; color: #999 !important;
	background-color: transparent !important;
	cursor: default;
}

#advantages-list .list ul li.last {margin-right: 0px;}

/* ................ How we work */
body.how-we-work .invest {
	padding: 20px;
	font-size: 1.3em; /*13px*/ line-height: 17px;
}

body.how-we-work .invest h3 {font: normal 1.31em/20px Georgia, "Times New Roman", Times, serif; /*17px*/}

body.how-we-work .invest p {margin-top: 10px;}

body.how-we-work .invest p a {
	display: inline-block;
	margin-top: 5px;
}

/* ................... Clients */
.clients-info {padding: 20px;}

.clients-info .col {
	width: 23.33%;
	float: left;
	margin-right: 2.22%;
	font: normal 1.8em Georgia, "Times New Roman", Times, serif; /*18px*/ text-align: center;
}

.clients-info .col strong {font-size: 3.22em; /*58px*/}

.clients-info .last {margin-right: 0px;}

#clients-list {margin-top: -20px;}

#clients-list ul li {
	min-height: 100px;
	padding: 20px;
	background-color: #F5F5F5;
}

#clients-list ul li.even {background-color: #FFF;}

#clients-list ul li .inner {width: 100%;}

#clients-list ul li .inner .broker-image {
	width: 13%;
	vertical-align: middle;
}

#clients-list ul li .inner .broker-image img {
	float: left;
	margin-right: 20px;
}

#clients-list ul li .inner .broker-info {
	width: 27%;
	padding-right: 3%;
}

#clients-list ul li .inner .broker-info .info {
	float: left;
}

#clients-list ul li .inner .broker-info .info h1 {
	margin-top: 10px;
	font: normal 2em/20px Georgia, "Times New Roman", Times, serif;
}

#clients-list ul li .inner .broker-info .info .person {
	margin: 5px 0px 10px;
	font-size: 1.3em; /*13px*/ line-height: 17px;
}

#clients-list ul li .inner .broker-info .info .all-properties {font-size: 1.2em; /*12px*/}

#clients-list ul li .inner .card {
	width: 280px;
	vertical-align: top;
}

#clients-list ul li .inner .bubble {
	width: 57%;
	vertical-align: top;
}

#clients-list ul li .inner .bubble div {
	position: relative;
	padding: 10px;
	background-color: #FFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999;
}

#clients-list ul li .inner .bubble div img {
	position: absolute; left: -20px !important; bottom: 10px;
	width: 20px; height: 30px;
}

#clients-list ul li .inner .bubble div blockquote {
	display: inline;
	padding-right: 10px;
	font: italic 1.8em/22px Georgia, "Times New Roman", Times, serif;
}

#clients-list ul li .inner .bubble div .recommendation-link {font-size: 1.1em; /*11px*/ line-height: 20px;}

/* ...................... Team */
#team {margin-top: 20px;}

#team .info {margin-bottom: 30px;}

#team .info img {float: left;}

#team .info .text {padding: 10px 0px 0px 460px;}

#team ul li {
	min-height: 100px;
	padding: 20px;
	background-color: #F5F5F5;
}

#team ul li.even {background-color: #FFF;}

#team ul li .inner {width: 100%;}

#team ul li .inner .broker {
	width: 320px;
	vertical-align: top;
}

#team ul li .inner .broker img {
	float: left;
	margin-right: 20px;
}

#team ul li .inner .broker .info {
	width: 200px;
	float: left;
}

#team ul li .inner .broker .info h1 {
	margin-top: 10px;
	font: normal 2em/20px Georgia, "Times New Roman", Times, serif;
}

#team ul li .inner .broker .info .position {
	margin: 5px 0px 10px;
	font-size: 1.3em; /*13px*/ line-height: 17px;
}

#team ul li .inner .broker .info .all-properties {font-size: 1.2em; /*12px*/}

#team ul li .inner .card {
	width: 280px;
	vertical-align: top;
}

#team ul li .inner .bubble {vertical-align: top;}

#team ul li .inner .bubble div {
	position: relative;
	padding: 10px;
	background-color: #FFF;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999;
}

#team ul li .inner .bubble div img {
	position: absolute; left: -20px; bottom: 10px;
	width: 20px; height: 30px;
}

#team ul li .inner .bubble div blockquote {
	display: inline;
	padding-right: 10px;
	font: italic 1.8em/22px Georgia, "Times New Roman", Times, serif;
}

#team ul li .inner .bubble div .interview {font-size: 1.1em; /*11px*/ line-height: 20px;}

/* .................... Broker */
.broker-info .photo {
	display: block;
	margin-bottom: 15px;
}

.broker-info .headline {
	position: static;
	padding: 10px 30px 0px; margin: -3px 0px 0px; border-bottom: 0px;
	font-size: 1em; /*12px*/ line-height: 20px;
	background-color: transparent;
}

.broker-info .headline h1 {
	padding: 0px; margin: 0px;
	font-size: 2em;
}

.broker-info .headline .position {font-size: 1.3em;}

.broker-info .broker-data {padding: 20px 30px 0px;}

.sidebar .broker-info img {width: 100% !important; height: auto !important;}


/* ******************** LOOKING FOR PAGES */

/* .................... Broker */
.looking-for-property .broker {
	padding: 10px;
	background-color: #F5F5F5;
}

.looking-for-property .broker .l,
.looking-for-property .broker .r {width: 48%; margin-right: 1.5%;}

.looking-for-property .broker dl {
	margin: 20px 40px;
	line-height: 20px;
}

.looking-for-property .broker dl dt,
.looking-for-property .broker dl dd {float: left;}

.looking-for-property .broker dl dt {
	width: 20%;
	clear: left;
	margin-right: 3%;
	font-size: 1.1em; /*11px*/ text-align: right; color: #999;	
}

.looking-for-property .broker dl dd {
	width: 69%;
	clear: right;
	font-size: 1.3em; /*13px*/
}

.looking-for-property .broker a.more {
	margin-left: 23%;
	font-size: 1.2em; /*12px*/
}

.looking-for-property .broker .photo {float: left;}

.looking-for-property .broker .info {padding-left: 70px;}

.looking-for-property .broker h3 {
	padding-top: 8px;
	font: normal 1.7em Georgia, "Times New Roman", Times, serif; /*17px*/
}

.looking-for-property .broker p.position {
	margin-top: 5px;
	font-size: 1.2em; /*12px*/
}

.looking-for-property .broker p.notification {
	margin-top: 10px;
	font-size: 1.1em; /*11px*/ line-height: 15px;
}

.looking-for-property .broker p.btn {padding: 0px; margin: 10px 0px;}

.looking-for-property .broker p.btn input {
	padding: 3px 20px;
	font-size: 1.1em; /*11px*/
}

/* ............. Main Features */
.looking-for-property #item-main-features .inner .info {width: 100%;}

.looking-for-property #item-main-features dl dt {width: 33%;}

.looking-for-property #item-main-features dl dd {width: auto;}

.looking-for-property #item-main-features .current-price {font-size: 1em;}

.looking-for-property #item-main-features dl dt.price {margin-top: 13px;}

.looking-for-property #item-main-features dl dd.districts ul {margin-right: 50px;}

/* ............ Property label */
.looking-for-property .property-label {font: bold 2em Georgia, "Times New Roman", Times, serif; text-transform: lowercase;}

.looking-for-property .property-label strong {
	float: left;
	line-height: 174%; text-decoration: none; color: #FFF;
	cursor: default;
	position: relative;
}

.looking-for-property .property-label.sale strong {background-color: #C00;}
.looking-for-property .property-label.rent strong {background-color: #069;}

.looking-for-property .property-label.sale span {background-image: url(../images/design/arrow-label-sale.gif);}
.looking-for-property .property-label.rent span {background-image: url(../images/design/arrow-label-rent.gif);}

.looking-for-property .property-label span {
	display: block;
	width: 100%; height: 7px;
	position: absolute; left: 0px; bottom: -7px;
	font-size: 0px;
	background-repeat: no-repeat; background-position: center bottom;
}

/* ...................... Head */
.looking-for-property .headline {
	position: static;
	padding: 0px; margin: -15px 0px 30px; border-bottom: 0px;
	font-size: 1em;
	background-color: transparent;
}

.looking-for-property .headline .meta {
	margin: 16px 0px;
	font-size: 1.3em; /*13px*/ line-height: 17px;
}

.looking-for-property .headline .meta span {color: #CCC;}

.looking-for-property .pad {padding: 0px 3.22%; /*20px*/}


/* *************************** FORM PAGES */

/* ................. Structure */
.form-page fieldset {margin-bottom: 25px;}

.form-page fieldset .topline {}

.form-page fieldset .topline .title {}

.form-page fieldset .topline .title h2,
.form-page fieldset .topline .title a {float: left;}

.form-page fieldset .topline .title h2 {
	padding: 0px 15px;
	font: normal 2.5em/20px Georgia, "Times New Roman", Times, serif; /*25px*/
}

.form-page fieldset .topline .title a,
.form-page fieldset .topline .switches {margin-top: 6px;}

.form-page fieldset .topline .title a {
	padding-bottom: 2px;
	font-size: 1.2em; /*12px*/
}

.form-page fieldset .topline .switches {}

.form-page fieldset .body {
	min-height: 75px;
	padding: 20px 40px; margin-top: 15px;
	background-color: #CF9;
}

.form-page fieldset .body ul li {margin-bottom: 5px;}

/* .................... Errors */
.form-page #warning-box {
	padding: 15px 0px; margin-bottom: 20px;
	font-size: 1.1em; /*11px*/ text-align: center; color: #C00;
	background-color: #FF9;
}

.form-page input.highlight {border: 1px solid #C00;}

/* .................. Elements */
/* Column list */
.form-page fieldset .body ul.column {
	width: 18.68%; /*170px*/
	float: left;
	margin-right: 1.31%; /*12px*/
}

/* Checkboxes */
.form-page .checkboxes {font-size: 1.2em; /*12px*/}

.form-page .checkboxes ul li {clear: both;}

.form-page .checkboxes input,
.form-page .checkboxes label {cursor: pointer;}

.form-page .checkboxes input {
	float: left;
	margin: 2px 7px 0px 0px;
}

.form-page .checkboxes label {
	display: block;
	padding-left: 20px;
	line-height: 16px;
}

.form-page .checkboxes label span {color: #999;}

/* Fields */
.form-page .fields {
	width: 824px;
	padding-right: 36px; margin: 0px auto;
}

.form-page .fields label,
.form-page .fields .textfield,
.form-page .fields .measure {float: left;}

.form-page .fields label {
	width: 120px;
	margin-right: 20px;
	font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif; /*17px*/ text-align: right; line-height: 22px;
}

.form-page .fields label .required {
	margin-right: -8px;
	color: #C00;
}

.form-page .fields .textfield {}

.form-page .fields .measure {font-size: 1.2em; /*12px*/ line-height: 25px;}

/* ................. Districts */
.form-page .districts {}

.form-page .districts .inner {display: none;}

.form-page .districts .inner .body {padding-bottom: 20px;}

.form-page .districts .all-districts .body ul li.space {margin-bottom: 25px;}

/* ................ Properties */
.form-page .properties {}

.form-page .properties .inner .body {padding-bottom: 0px;}

.form-page .properties ul.column ul {margin: 5px 0px 20px 20px;}

/* .................. Features */
.form-page .features {}

.form-page .features .head {margin-bottom: 10px;}

.form-page .features .head h3 {font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif; /*17px*/}

.form-page .features .container {
	width: 908px;
	margin: 0px auto;
}

.form-page .features .textfields {
	width: 500px;
	margin: 0px auto;
}

.form-page .features .textfields input {width: 220px;}

.form-page .features .description {}

.form-page .features .description label {
	display: block;
	width: auto;
	float: none;
	margin: 0px 0px 5px;
	text-align: left;
}

.form-page .features .description textarea {width: 412px; height: 70px;}

.form-page .features .container .ranges {width: 314px;}

.form-page .features .container .ticks {width: 594px;}

.form-page .features .container .ticks .column1 {width: 148px;}
.form-page .features .container .ticks .column2 {width: 184px;}
.form-page .features .container .ticks .column3 {width: 202px;}

.form-page .preview {}

.form-page .preview .col-l {width: 65.95%;}
.form-page .preview .col-r {width: 31.91%;}

.form-page .preview .col-l .details .body {padding-bottom: 30px;}

.form-page .preview .col-l .details .title {
	margin-left: 117px;
	font: normal 1.7em/22px Georgia, "Times New Roman", Times, serif;
}

.form-page .preview .col-l .details table {
	margin-top: 15px;
	line-height: 20px;
}

.form-page .preview .col-l .details table .text {font-size: 1em; line-height: 20px;}

.form-page .preview .col-l .details table .text p {margin-bottom: 8px;}

.form-page .preview .col-l .details table tr td {padding: 2px 4px;}

.form-page .preview .col-l .details table .dt {
	width: 105px;
	font-size: 1.2em; /*12px*/ text-align: right; color: #666;
}

.form-page .preview .col-l .details table .dd {font-size: 1.3em; /*13px*/ vertical-align: bottom;}

.form-page .preview .col-l .details table .districts-list ul {margin-right: 20px;}

.form-page .preview .col-l .details table .districts-list ul li {margin-bottom: 0px;}

.form-page .preview .col-r .note .body {
	min-height: 0px;
	background-color: #FF9;
}

.form-page .preview .col-r .note .body p {font-size: 1.3em; /*13px*/ line-height: 17px; text-align: center;}

.form-page .done .col-l {width: 57.44%;}
.form-page .done .col-r {width: 40.42%;}

.form-page .done .col-l .note .body {
	min-height: 0px;
	text-align: center;
	background-color: #FF9;
}

.form-page .done .col-r .info .body {
	min-height: 0px;
	padding-top: 15px;
	background-color: transparent;
}

/* .................. Contacts */
.form-page .contacts {}

.form-page .contacts .textfield {width: 260px;}

/* ................... Buttons */
.form-page .buttons {
	width: 300px;
	margin: 0px auto;
}

.form-page .buttons div.l,
.form-page .buttons div.r {width: 130px;}

.form-page .buttons a {
	padding: 0px 20px;
	font-size: 1.2em; /*12px*/ line-height: 28px; text-align: right;
}

.form-page .buttons input {margin: 0px 10px;}


/* **************************** ERROR 404 */

/* ...................... Main */
body.error-404 #main .wrapper3 {padding: 0px 160px;}

/* ..................... Title */
body.error-404 h1.title {margin-bottom: 30px;}

/* ................... Content */
body.error-404 #main .wrapper3 p,
body.error-404 #main .wrapper3 ul {
	margin-left: 50px;
	font: normal 1.7em/20px Georgia, "Times New Roman", Times, serif; /*17px*/
}

body.error-404 #main .wrapper3 p,
body.error-404 #main .wrapper3 ul li {margin-bottom: 10px;}

body.error-404 #main .wrapper3 ul li {list-style: outside disc;}


/*****************************************************/


.how-we-work .boxes .text {padding: 0px}

.grey-note {
	padding: 10px 3.22% 12px; margin-bottom: 10px;
	font-size: 1.3em; line-height: 17px;
	background-color: #F5F5F5;
}