@charset "utf-8";
body  {
	font: 100% Georgia, "Times New Roman", Times, serif;
	background: #666666;
	margin: 0; /* рекомендуется использовать нулевое значение поля и отступа элемента body, чтобы учесть различные настройки по умолчанию для браузеров. */
	padding: 0;
	text-align: center; /* выравнивает контейнер по центру в браузерах Internet Explorer 5*. Затем для текста задается по умолчанию выравнивание по левому краю в селекторе #container. */
	color: #000000;
	height:100%;
	width:100%;
	margin:0;
}

img,a{
	border:none;
	outline:none;
}
a:hover{
	text-decoration:none;
}
#container { 

	width: 980px;  /* уменьшение полной ширины, равной 800 пикселам, на 20 пикселов позволяет учесть chrome-элементы браузера и избежать добавления горизонтальной полосы прокрутки. */
	background: #ddd;
	margin: 0 auto; /* автоматические поля (совместно с шириной) выравнивают страницу по центру. */
	border: 1px solid #000000;
	margin-top:0px;
	padding-top:0;
	text-align: left; /* переопределяет свойство text-align: выравнивание элемента body по центру. */
} 
#header { 
	background: #DDDDDD; 
	padding:0px 10px 0 8px;  /* это значение отступа соответствует выравниванию по левому краю элементов в блоках div, расположенных под ним. Если в элементе #header вместо текста используется изображение, отступ можно удалить. */
	margin:0px;
} 

#lang
{
	float:right;
 	padding-top:27px;
	background:#FFF;
	padding:7px 10px 7px 10px;
	margin:15px 30px 0 0;
	-moz-border-radius: 10px;
    -webkit-border-radius:10px;
}

#lang a
{
	margin-top:27px;
}

#header .menu{
	height:61px;
	width:963px;
	background:url(../images/bg-menu.png) left top no-repeat;
	margin:0px;
	padding:0px;
}
.menu ul{
	width:800px;
	display:block;
	list-style:none;
	float:left;
}
.menu ul li{
	display:block;
	float:left;
	background:url(../images/menu_item.png) left top no-repeat;
	padding-left:29px;
	color:#654c3d;
	text-transform:uppercase;
	font-size:17px;
	margin:0px 10px 0 0;
	height:27px;
	line-height:27px;
}
.menu ul li a{
	color:#654c3d;
	text-decoration:none;
}
.menu ul li ul{
	width:140px;
	position: absolute;
	padding:0px;
	z-index: 1000;
	display:none;
	margin:0;
	background:#c6bba7;
	padding-top:4px;
	padding-bottom:4px;
}
.menu ul li ul li{
	display:block;
	padding:0px;
	padding-left:10px;
	margin:0;
	background:none;
}
.menu ul li ul li a{
	font-size:12px;
	display:block;
	line-height:10px;
    text-decoration: none; 
	width:120px;
	height:14px;
	border-bottom:#83796e solid 1px;
	padding:0px;
	margin:0;
}
.menu ul li a:hover{
	text-decoration:underline;
}
.header_form{height:350px; background:url(../images/header_form_bg.png) left top no-repeat; padding:10px 0 0 0px;
width:963px;}
.header_form .info{
	float:left;
	margin-top:30px;
	margin-left:80px;
	width:200px;
	padding:10px;
	background-color:#FFF;
	-moz-border-radius: 10px;
    -webkit-border-radius:10px;
	
}
.header_form .info img{
	/*border:2px solid #aaa;*/
}
.header_form .info a{
	margin-bottom:10px;
	display:block;
}

.header_form .logo{
	float:left;
	margin-top:30px;
	margin-left:130px;
}
.header_form .logo .logo_text{
	text-align:center;
	font-style:italic;
	display:none;
}
.header_form .map{
	float:right;
	margin-right:50px;
	width:486px;
	height:326px;
	background:url(../images/map.png) left top no-repeat;
}
.header_form .map a{
	background:url(../images/point.gif) center top no-repeat;
	padding-top:10px;
	font-size:12px;
	
}
.header_form .map a#Donetsk_link{
	position:relative;
	left:390px;
	top:185px;
}
.header_form .map a#Lvov_link{
	position:relative;
	right:25px;
	top:120px;
}
.header_form .map a#Kiev_link{
	position:relative;
	left:120px;
	top:90px;
	text-transform:uppercase;
}
.header_form .map a#Odessa_link{
	position:relative;
	left:80px;
	top:250px;
}
.header_form .map a#Simferopol_link{
	position:relative;
	left:110px;
	top:290px;
}
.header_form .map a#Harkov_link{
	position:relative;
	left:105px;
	top:120px;
}
.header_form .map a#Lugansk_link{
	position:relative;
	left:115px;
	top:148px;
}
.header_form .map a#Chernigov_link{
	position:relative;
	right:135px;
	top:50px;
}
.header_form .map a#Summi_link{
	position:relative;
	right:120px;
	top:60px;
}
.header_form .map a#Luck_link{
	position:relative;
	left:60px;
	top:35px;
}
.header_form .map a#Rovno_link{
	position:relative;
	left:60px;
	top:40px;
}
.header_form .map a#Ternopol_link{
	position:relative;
	right:15px;
	top:115px;
}
.header_form .map a#Jitomir_link{
	position:relative;
	left:0px;
	top:55px;
}
.header_form .map a#Nikolaev_link{
	position:relative;
	left:30px;
	top:190px;
}
.header_form .map a#Poltava_link{
	position:relative;
	left:20px;
	top:90px;
}
.header_form .map a#Dnepr_link{
	position:relative;
	right:30px;
	top:150px;
}
.header_form .map a#Zaporoje_link{
	position:relative;
	right:85px;
	top:200px;
}
.header_form .map a#Uzgorod_link{
	position:relative;
	top:140px;
	right:10px;
}

.header_form .map a#Ivano-Frankovsk_link{
	position:relative;
	top:125px;
	right:30px;
}
.header_form .map a#Vinica_link{
	position:relative;
	top:105px;
	right:5px;
}
.header_form .map a#Cherkassi_link{
	position:relative;
	top:90px;
	left:20px;
}
.header_form .map a#Herson_link{
	position:relative;
	top:200px;
	left:20px;
}
.header_form .map a#Kirovograd_link{
	position:relative;
	top:145px;
	right:90px;
}
.header_form .map a#Yalta_link{
	position:relative;
	top:280px;
	right:80px;
}
div.clear {
	clear: both;
}
#header h1 {
	margin: 0; /* нулевое значение поля последнего элемента в #header div позволит избежать сжатия полей, то есть появления необъяснимого пространства между элементами div. Если вокруг элемента div есть граница, нет необходимости устанавливать это значение, поскольку граница также предотвращает сжатие полей. */
	padding: 10px 0; /* использование отступа вместо поля позволит сохранить расстояние между элементом и границами div. */
}
#sidebar1 {
	float: right; /* поскольку этот элемент является обтекаемым, необходимо задать ширину. */
	width: 200px; /* действительная ширина данного элемента div в совместимых со стандартами браузерах или в режиме стандартов браузера Internet Explorer будет включать отступ и границу в дополнение к этой ширине. */
	padding: 15px 10px;
}

#sidebar1 h3{
	font-size:24px;
	text-align:center;
	color:#327709;
	margin-top:30px;
	margin-bottom:30px;
}
#sidebar1 p{
	font-size:12px;
}
#sidebar1 a{
	font-size:12px;
}
#sidebar1 p.news_date{
	color:#FFF;
	background-color:#36a3db;
	float:right;
	padding:3px;
	margin-top:15px;
	
}
#mainContent { 
	margin: 0 250px 100px 0; 
	padding: 0 20px; 
} 

#mainContent h1{
	margin-top:40px;
	font-size:24px;
	margin-bottom:40px;
	color:#327709;
}

#mainContent p{
	text-align:justify;
	line-height:150%;
}
#keys{
	position:relative;
	left:750px;
	top:30px;
}
#footer { 

	padding: 0 10px 0 8px; /* это значение отступа соответствует выравниванию по левому краю элементов в блоках div, расположенных над ним. */
	background:url(../images/bg-footer.png) left top no-repeat;
	margin-left:8px;
	margin-top:50px;
} 
#footer p {
	margin: 0; /* нулевые поля первого элемента в нижнем колонтитуле позволят избежать возможного сжатия полей, то есть появления пространства между элементами div. */
	text-align:center;
	font-size:12px;
	padding-top: 5px; /* добавление отступа к данному элементу создаст пробел (так, как он был бы создан с помощью поля), не вызывая при этом проблемы сжатия полей. */
	padding-bottom:3px;
}
.fltrt { /* этот класс можно использовать для обтекания элемента справа на странице. Обтекаемый элемент должен предшествовать элементу, рядом с которым он должен размещаться на странице. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* этот класс можно использовать для обтекания элемента слева на странице. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* этот класс нужно применять к элементу div или break; он должен быть последним элементом перед концом контейнера, который должен полностью вмещать поток. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#right{
	width:210px;
	float:right;
	padding-top:40px;
	margin-bottom:40px;
}
#right h3{
	text-align:center;
	color:#327709;
	font-size:18px;
	margin-bottom:15px;
}
#right a{
	display:block;
	text-align:center;
	margin:10px 0;
}
#right #photos table tr td{
	padding:6px;
}
#rightcolumn {
	padding:0 20px;
	float:left;
	width:700px;
	overflow:hidden;
	margin:0 auto;
}
#rightcolumn #title{
	float:left;
	width:450px;	
	padding:0px 0 25px 0;
}
h1{
	color:#327709;
	font-size:18px;
}
#rightcolumn #path{
	width:300px;
	float:left;
	text-align:left;
	padding-top:20px;
	color:#aaaaaa;	
	white-space:nowrap;
	font-size:12px;
}
#rightcolumn #info{
	width:180px;
	padding-top:10px;
	float:right;
	text-align:center;
	color:#09F;	
	white-space:nowrap;
	font-size:20px;
}

#rightcolumn #path a{
	color:#aaaaaa;
	text-decoration: underline;
	font-size:12px;	
}
#rightcolumn #path a:hover, #rightcolumn #path a:active{
	color:#327709;
}
#rightcolumn #readtext{
	margin-top:20px;
	line-height:160%;
	font-size:14px;
	text-align:justify;
}

#rightcolumn #readtext #owner_info{
	border:1px solid #ccc;
    background-color:#fff;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
	padding:10px;
	float:right;
    width:250px;
}

#right #owner_info{
	border:1px solid #ccc;
    background-color:#fff;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
	padding:10px;
	float:left;

}

.phone{
    color:#09F;
	font-size:20px;
}

#rightcolumn #readtext #owner_info #owner_name{
	font-size:18px;
	margin-bottom:5px;
}

#rightcolumn #readtext #owner_info #owner_text{
	margin:10px 20px;
	color:#327709;
}

#rightcolumn #readtext #owner_info #owner_phone{
	color:#09F;
	font-size:24px;
	margin-bottom:5px;
}

#rightcolumn #readtext #flat_info{
	float:left;
}

#rightcolumn .about_city h2{
	color:#327709;
	font-size:16px;
}

#rightcolumn #readtext #flat_info img{
	margin:10px 0;
	border: 1px solid #346F97;
}

#rightcolumn #readtext #full_desc{
	margin:20px 0px;
}

#rightcolumn #readtext table{
	margin:0 auto;
	margin-top:30px;
	margin-bottom:30px;
	border:1px solid #999;
	border-collapse:collapse;
}

#rightcolumn #readtext table tr td,#rightcolumn #readtext table tr th{
	border:1px solid #999;
	padding:6px;
	text-align:center;
}

#rightcolumn #readtext table tr th{
	background-color:#9CF;
}

#rightcolumn #readtext #hot_offers{
}
.about_city{
	margin-top:70px;
	margin-bottom:20px;
	text-align:justify;
}
#rightcolumn #readtext #hot_offers h2{
	margin-bottom: 20px;
	font-size:16px;
	color:#C00;
}
/* flats*/
.item{
	float:left;
	width:150px;
	padding:10px;
	height:235px;
 	border:1px solid #ccc;
    background-color:#fff;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
	margin:5px;
}
.item .short_description{
	color:#327709;
	text-align:center;
}
.item .photo {
	position:relative;
}
.item .photo img{
	width:148px;
	height:111px;
	overflow:hidden;
}
.item .photo .hot{
	position: absolute;
	top:-25px;
	right:100px;
	width: 80px;	
	height: 67px;
	background: url(../images/hot.png) no-repeat right top;
}
.item .type{
	font-style:italic;
	text-align:center;
}
.item .price{
	color:#F00;
	font-size:18px;
	text-align:center;
}
.item .tel{
	background: url(../images/phone.png) no-repeat left top;
	height:29px;
	padding-left:40px;
	color:#009;
	font-size:14px;
	overflow:hidden;
}
.item .name,.item .adress{
	text-align:center;
	font-size:12px;
	height:20px;
	overflow:hidden;
}
.add_fon {
	border:1px solid #327709;
}
/* ñòèëè äëÿ ôîðìû */

.wrap {
        width: 100%;
        overflow: hidden;
        position: relative;
}
.write {
        background: #efefef;
        padding: 10px 20px;
        margin: 30px 0 0;
		  text-align:left;
}
.write.fixed{
        width: 480px;
}
.write .wrap {
        padding: 2px 0 5px;
}
.write .leftcell {
        float: left;
        width: 240px;
}
.write .rightcell {
        margin: 0 0 0 240px;
		color: #999;
}
.write .text,
.write textarea {
        width: 90%;
		margin-bottom: 3px;
}
.write.fixed select {
        width: 90%;
        margin-bottom: 3px;
}
.write select {
        width: 45%;
		margin-bottom: 3px;
}
.write .rightcell img {
        display: block;
		  margin-top:5px;
}
hr{border: 0;height: 1px;color: #ededed;background-color: #dedede;} 


/*Forms*/
form.login {
	float:right;
	position:relative;
	height:auto;
    margin:50px 25px 20px 0px;
    border:1px solid #ccc;
    background-color:#fff;
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    padding:20px;
	text-align: left;
}
form.login{
	width: 250px;
}
form.register{
	width: 600px;
	height:440px;
}
form.editaccount{
	width: 400px;
}
.forgotpw{
  width:200px;
}

form label{
    display: block;
    margin: 3px;
	font-weight:bold;
}
.login_row{
    float:left;
    clear:both;
	width:100%;
}
.login_row input[type=checkbox]{
    float:left;
}
.login_row label{
    float:left;
}

input[type=text], input[type=password]{
  border:1px solid #ccc;
  padding:2px;
  width:240px;
}
input:focus{
	background-color:#EFFFF3;
}

form .fieldset1, form .fieldset2{
    border:1px solid #ccc;
    padding:6px;
    margin:10px;
    float: left;
    border-left:none;
    border-right:none;
    border-bottom:none;   
}
form .fieldset1{
    width:260px;
}
form .fieldset2{
    width:90%;
    margin:0px;
}
form legend{
    text-align:right;
    color:#888;
    font-size:14px;
    padding:0px 4px 0px 4px;
    margin-left:5px;
}

.error{
    color:red;
    float:left;
    padding:2px;
    font-size:11px;
    height:25px;
    clear:right;
    width:100%;
    font-weight:100;
}
.error_captcha{
    color:red;
    float:left;
    padding:2px;
    font-size:11px;
    height:20px;
    width:75px;
    font-weight:100;
}
.captcha_message{
    width:70px;
    float:left;
}


.linkback{
    margin:0 auto;
    width:100px;
    text-align:center;
    height:30px;	    	
}

.button, .button:visited{
    background: #00CC33 url(../images/overlay.png) repeat-x;
  	display: block; 
  	padding: 5px 10px 6px; 
	text-align:center;
	width:150px;
  	color: #fff; 
  	text-decoration: none;
  	-moz-border-radius: 5px; 
  	-webkit-border-radius: 5px;
  	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  	cursor: pointer;
    font-size: 16px;
	font-weight:bold;
	margin:10px 3px 4px 40px;
}
.button:hover{
    background-color: #777; 
    color: #fff;
}

#YMapsID{
	margin-top:20px;
	border: 1px solid #346F97;
}
.owner_flats{
	float:right;
	margin-top:30px;
	margin-right:30px;
}

.owner_flats a{
	font-size:16px;
}

a.reserve{
	width:208px;
	height:43px;
	color:#fff;
	font-size:18px !important;
	display:block;
	text-align:center;
	padding-top:20px;
	background:url(../images/button.png);
}

#fotos{
	padding-top:20px;
	width:200px;
	background:#eee;
	text-align:center;

	margin-top:20px;
;
}
#fotos img{
	margin-bottom:10px;
}

.city_links{
	float:right;
	margin-right:20px;
}
.gerb{
	float:left;
	width:140px;
	text-align:center;
	overflow:hidden;
}

.lang_links{
	margin-left:300px;
}

.lang_links a{
	margin-left:10px;
	color:#F00;
	text-decoration:none;
}

.lang_links a:hover{
	text-decoration:underline;
}

#right a{
	text-decoration:none;
}

#right a:hover{
	text-decoration:underline;
}

.regions{
	margin-top:50px;
}

.review_title{
    font-style: italic;
    font-weight: bold;
}

.date{
    color: #555;
    font-size: 12px;
    font-weight: normal;
}

.review{
    background-color: #eee;
    padding: 10px;
}
.review p{
    line-height: 130%;
    margin: 5px 0 4px 0px;
}

p.review_item{
    margin-left: 30px;
    margin-right: 7px;
}

.review_href{
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
}

.terror{
    color: red;
}

.str_b{
    font-weight: bold;
}

.sort a{
    text-decoration: none;
    margin-left: 33px;
}

.sort a:hover{
    text-decoration: underline;
}

.social img{
    margin-right:4px;
}

.link{
    color: #000000;
    text-decoration: none;
}