html,body {

	text-align: center; /* for IE */

	background: url('../img/bg.png') repeat-x;

	background-position:0px 0px;

	background-color: #ffffff;

	font-family: Tahoma;

	width:100%;

	height: 100%;

	margin: 0;

	padding: 0;

}



img { border: 0px; }

.spacer { clear: both; }

.spacerSep { clear: both; margin-top: 10px; font-size: 0px; line-height: 10px; }

#container { width: 760px; text-align: left; margin: 0 auto; }



#top { width: 760px; height: 31px; background: url('../img/top.png') no-repeat; } 

#leftSide { width: 27px; height: 762px; background: url('../img/left.png') no-repeat; float:left; } 

#rightSide { width: 27px; height: 762px; background: url('../img/right.png') no-repeat; float: left; }

#footer { width: 760px; height: 24px; background: url('../img/footer.png') no-repeat; float: left; text-align: center; margin-top: -15px;}

#footer a { color: #818181; font-size: 12px; text-decoration: none; vertical-align: bottom; }

#footer a:hover { color: #4b4b4b;}



#content { width: 706px; height: 762px; background-color: white; float: left; }

.lang { height: 30px; width: 706px; text-align: right; float: right; padding: 0 0 0 0;}

.lang a { color: #000000; text-decoration: none; font-size: 12px; list-style: url('../img/dot.png'); line-height: 30px; margin-right: 15px; }

.lang a:hover { color: #e44d00; }



#leftBox { width: 290px; height: 209px; float: left; }

#leftBox .logo { width: 290px; height: 110px; float: left; background: url('../img/logo.jpg') no-repeat; }

#leftBox .search { width: 268px; height: 92px; float: left; margin: 0 8px 0 14px; background: url('../img/searchbg.png') repeat-x; }

#leftBox .search label { margin: 17px 0 0 5px; float: left; width: 60px; font-size: 14px; }

#leftBox .search .region { margin: 16px 0 0 1px; float: left; width: 185px; }

#leftBox .search .type { margin: 16px 0 0 1px; float: left; width: 100px; }

#leftBox .search .submit { float: left; width: 70px; line-height: 30px; margin: 12px 0 0 0; padding-left: 30px; background: url('../img/submit.png') no-repeat; display: block; text-decoration: none; color:#FFFFFF; font-size: 14px;}



#middleBox { width: 196px; height: 202px; float: left; }

#middleBox img { border: 0; }



#rightBox { width: 200px; height: 202px; float: left; margin: 0 12px 0 8px; }

#rightBox a { width: 185px; height: 30px; color: #FFFFFF; font-size: 18px; background: url('../img/button.png') no-repeat; display: block; text-decoration: none; padding: 5px 0 0 15px; margin-bottom: 6px; }

#rightBox a:hover, #rightBox a.selected { width: 185px; height: 30px; color: #FFFFFF; font-size: 18px; background: url('../img/buttons.png') no-repeat; display: block; text-decoration: none; padding: 5px 0 0 15px;  }



#greyBox { height: 193px; width: 100%; background-color: #949594; margin-top: 1px; }

#greyBox img { float: left; }

#greyBox .title { float: left; color: #000000; font-size: 16px; margin-top: 8px; }

#greyBox .text { font-size: 11px; color: #ffffff; margin: 0 10px 0 0; text-align: justify; }



#bottom { width: 706px; height: 48px; background: url('../img/footer.jpg') no-repeat; margin-top: 14px; }

#bottom .copyright { margin: 20px 0 0 25px; color: #818181; float: left; font-size: 12px; }

#bottom .phone { margin: 20px 60px 0 0; color: #818181; float: right; font-size: 12px; }



/* HOME */

#data { width: 706px; height: 245px;}

#data .estate { width: 198px; height: 230px; background: url('../img/estatebg.jpg') no-repeat; margin: 15px 17px 0 18px; float:left; padding: 0px;}

#data .estate img {  padding: 8px 0 0 8px; }

#data .estate img:hover { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }

#data .estate .city { margin-top: 30px; text-align: center; color: #000000; font-size: 12px; }

#data .estate .price { text-align: center; color: #000000; font-size: 12px; }

#data .estate .type { text-align: center; color: #000000; font-size: 12px; }

#data .estate a { color: #fc7b13; text-decoration: none; font-size: 12px; margin-left: 65px; }

#data .estate a:hover { color: #984b0d; text-decoration: none; }



/* INFO */

.gal { float: left; margin: 11px 0 0 16px; width: 269px; }

.gal img { border: 1px solid #FFFFFF; }

.gal a { color: #000000; text-decoration: none; float: right; font-size: 12px; margin-left: -8px; margin-right:10px;}

.gal a:hover,.gal a.selected { color: #ffffff; text-decoration: none; float: right; margin-left: -8px; margin-right:10px;}



.info { border: 1px solid #FFFFFF; width: 386px; height: 156px; float: left; margin: 11px 0 0 10px; padding: 7px 0 0 12px;}

.info .danni { color: #ffffff; font-size: 14px; margin-bottom: 13px; }

.info .name span { color: #cbcbbb; font-size: 13px; }

.info .name { color: #ffffff; font-size: 12px; width: 192px; float: left; }



.desctitle { color:#000000; font-size: 12px; padding: 16px; overflow:auto;}



/* LIST */

#list { height: 448px; width: 697px; background: url('../img/listbg.png') repeat-x; margin-top: 1px; padding-left: 9px; }

#list .estate { width: 228px; height: 213px; float: left; text-align: center; }

#list .estate img { margin: 14px 0 3px 0; border: 1px solid #ffffff; }

#list .estate img:hover { filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }

#list .estate .city {  text-align: center; color: #000000; font-size: 12px; }

#list .estate .price { text-align: center; color: #000000; font-size: 12px; }

#list .estate .type { text-align: center; color: #000000; font-size: 12px; }

#list .estate a { color: #fc7b13; text-decoration: none; font-size: 12px;  }

#list .estate a:hover { color: #984b0d; text-decoration: none; }



/* CONTACTS */

#contacts { height: 438px; width: 706px; background: url('../img/listbg.png') repeat-x; margin-top: 1px; }

#contacts .form { width: 486px; height: 438px; float: left; }

#contacts .form .title { color: #000000; font-size: 16px; text-align: right; margin: 15px 40px 0 0; display: inline; float:right; }

#contacts .form img { float: right; display: inline; margin: 23px 5px 0 0; }

#contacts .form .desc { margin: 20px 0 0 20px; color: #ffffff; font-size: 12px; height: 100px; }



#contactBox { width: 457px; height: 278px; border: 1px solid #ffffff; margin-left: 14px; }

#contactBox label { margin: 15px 0 0 18px; width: 180px; color: #ffffff; float: left; background: url('../img/dot2.png');background-repeat:no-repeat; background-position:0px 7px; padding-left:10px; font-size:12px;}

#contactBox input { width: 192px; float: left; margin: 0 0 0 15px; }

#contactBox textarea { width: 406px; height: 70px; margin-left: 15px; float: left; }

#contactBox .submit { float: right; margin: 10px 35px 0 0; font-size: 14px; color: #7d7d7d; text-decoration: none; }

#contactBox .submit:hover { color: #984b0d; text-decoration: none; }





#contacts .address { width: 220px; height: 438px; float: left; background-color: #ffffff; }

#contacts .address .office { width: 212px; height: 193px; background: url('../img/mail.png') no-repeat; margin-left: 8px; }

#contacts .address .title { color: #000000; font-size: 16px; text-align: right; margin: 15px 20px 0 0; float:right; display: inline; }

#contacts .address .desc { margin: 6px 10px 0 20px; color: #ffffff; font-size: 13px; height: 100px; text-align: right; display: inline; float: right; }

#contacts .address .map { background: url('../img/map.jpg') no-repeat; width: 216px; height: 238px; float: right; }

#contacts .address .map .local { margin: 100px 30px 0 0; display: inline; float: right;}

#contacts .address .map .local a { color: #fc7b13; text-decoration: none; font-size: 12px;  }

#contacts .address .map .local a:hover { color: #984b0d; text-decoration: none; }

/* ADDON */
#greyBox .linkSpacer { padding-top: 40px; }
#greyBox .link { font-weight: bold; font-size: 10px; color: #ffffff; margin: 0 0 0 30px; float: left; text-decoration: none; }
#greyBox .link:hover { color: #ccffff; text-decoration: underline; }
.paging { float:right; margin-right:37px; }
.paging .backnext { color: #fc7b13; text-decoration: none; font-size: 14px; padding: 0 3px 0 3px; }
.paging .backnext:hover { color: #b2b4bf; text-decoration: none; }