@import "reset.css";
body { font-family:Arial;font-size:12px;line-height:16px;color:#b8b8b8;text-align:left; background-color:#000}


a       { color:#fff; text-decoration:underline; }
a:link  { color:#fff; text-decoration:underline;}
a:hover { color:#fff; text-decoration:none;}
a:active{ color:#fff; text-decoration:underline;}


.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
br{ line-height:18px}
.last{ border:0}
.black{ color:#000}
.red { color:#FF0000;}
.white {color:#FFFFFF;}
/*   -----------------------------------------------------------------------------*/ 
#page{ position:absolute; z-index:2; top:0; left:0; width:100%; height:100% }
.top{ height:95px; background:url(../images/opa_55.png) top repeat; width:100%}
.centr_auto{ margin:auto; width:1000px}
a.logo{ display:block; width:180px; height:65px; background:url(../images/logo.png) top left no-repeat; margin-top:20px; margin-left:20px}
a.logo h1{ margin:0; padding:0; line-height:1px; font-size:1px; text-indent:-999px}

.read_more{ color:#277dca; font-size:12px; font-family:Arial; text-decoration:underline; line-height:30px;}
.read_more:hover{ color:#98cfff; cursor:pointer!important; text-decoration:underline}

a.more{ margin-top:14px; display:block;cursor:pointer!important;}

img.photo_1{ border:3px #cfcfcf solid; margin-bottom:14px;margin-top:3px}
img.photo_2{ border:3px #fff solid}


h1{ font-size:30px; font-family:Arial; color:#fff; margin:0; padding:0; line-height:30px; margin-bottom:16px; letter-spacing:-0.04em}
h2{ font-size:24px; color:#fff; margin:0px 0px 12px 0px; line-height:30px}
h6{ font-size:18px; color:#ccc; line-height:21px; margin-bottom:16px; font-weight:normal}
h3{ font-size:24px; color:#000; letter-spacing:-0.04em; margin:0; padding:0; border-bottom:3px #b2b2b2 solid; padding-bottom:10px; margin-bottom:18px}

/* -----------------------------------------------------------------------------*/ 
.horizontalcssmenu ul{ width:760px; height:95px; float:right; margin:0; list-style:none}
.horizontalcssmenu ul li { position: relative; display:block ;float: left;  text-align:center; width:125px}
.horizontalcssmenu ul li a{ text-decoration:none!important;height:40px;color:#fff;font-size:16px;line-height:20px; display:block;padding:35px 0px 20px ; font-weight:bold}
.horizontalcssmenu ul li:hover  a{  background:url(../images/opa_80_blue.png) top repeat; color:#fff}
.horizontalcssmenu ul li a.act{ background:url(../images/opa_80_blue.png) top repeat; }
/* -----------------------------------------------------------------------------*/ 
.horizontalcssmenu ul li ul {left:0px;position:absolute;display: block; visibility: hidden;z-index: 100;width:210px;background:url(../images/opa_80_blue.png) top repeat;
height:inherit; height:auto}
.horizontalcssmenu ul li ul.last{ left:-84px;}
.horizontalcssmenu ul li ul li{display:block;height:40px;line-height:20px; padding-left:10px; }

.horizontalcssmenu ul li ul li a{ display: block;   height:40px; line-height:40px; text-decoration:none; color:#fff; font-size:14px; text-align:left; padding-left:14px; padding-top:0; background:url(../images/arrow.gif) 0px 18px no-repeat !important;border-bottom:1px #74baf8 solid; padding-bottom:0;width:170px; font-weight:normal}
.horizontalcssmenu ul li ul li a:hover{ color:#8deeff}
.horizontalcssmenu ul li ul li a.last{ border:0}
/* -----------------------------------------------------------------------------*/ 
#header{ height:308px;}
/* -----------------------------------------------------------------------------*/ 

#footer { height:70px; border-top:#494c54 3px solid; text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#505562; padding-top:16px; margin-left:30px; width:940px}
#footer a{ margin:0px 50px; color:#fff; font-size:12px; text-decoration:none; line-height:20px}
#footer a:hover{ text-decoration:underline}
#footer div{ margin-top:20px; margin-bottom:28px}
/* -----------------------------------------------------------------------------*/ 
#context { background:url(../images/opa_55.png) top repeat; padding:20px 30px}

/* -----------------------------------------------------------------------------*/ 
#home .left_column{ width:705px; margin-right:20px; float:left}
#home .right_column{ width:215px; float:right}

#home .left_column div.block{ width:210px; margin-right:35px; float:left}
#home .left_column div.last{ margin-right:0}
#home .left_column div.block img{ margin-bottom:14px}
#home .left_column div.block div{ margin-top:10px}
#home .left_column div.bg_w{ background-color:#e6e6e6; margin-top:20px}
#home .left_column div.bg_w div.left_text{ width:203px; padding:20px; float:left}
#home .left_column div.bg_w div.right_text{ width:442px; padding:20px 20px 0px 0px; float:right}

#home .left_column div.bg_w ul { margin-top:-6px}
#home .left_column div.bg_w ul a{ color:#000; font-size:12px; text-decoration:none; line-height:30px; padding-left:15px; background:url(../images/disk.gif) 0px 3px no-repeat}
#home .left_column div.bg_w ul a:hover{ text-decoration:underline}
#home .left_column div.bg_w div.right_text div{ margin-left:120px; margin-right:20px; color:#000; line-height:18px; }


#home .right_column ul{ margin:0px 0px 0px 10px}
#home .right_column ul li{ background:url(../images/arrow_2.gif) 0px 16px no-repeat; padding-left:14px; border-bottom:#404040 1px dotted}
#home .right_column ul li a{ text-decoration:none; color:#d2d2d2; line-height:32px}
#home .right_column ul li a:hover{ text-decoration:underline}
#home .right_column ul li.last{ border:0}
#home .right_column div.rent{ width:202px; height:130px; background:url(../images/photo_4.jpg) top no-repeat; margin:19px 0px 0px 10px}
#home .right_column div.rent a{ margin:100px 20px 0px 0px ; float:right}
/* -----------------------------------------------------------------------------*/ 
#about .left_column{ width:215px; margin-right:16px; float:left}
#about .right_column{ width:705px; float:right;}

#about .left_column ul{ margin:0px }
#about .left_column ul li{ background:url(../images/arrow_2.gif) 0px 16px no-repeat; padding-left:14px; border-bottom:#404040 1px dotted}
#about .left_column ul li a{ text-decoration:none; color:#d2d2d2; line-height:32px}
#about .left_column ul li a:hover{ text-decoration:underline}
#about .left_column ul li.last{ border:0}
#about .right_column div.bg_w { background-color:#e6e6e6; padding:20px; color:#000; margin-bottom:10px}
#about .right_column h6{ color:#000}
#about .right_column div.bg_w div{ margin-left:190px}
#about .right_column div.bg_w div.hot{ margin-left:125px}

#about .left_text{ float:left; width:215px; margin-right:20px}
#about .right_text{ float:right; width:445px}
#about .left_text a{ color:#fff; font-size:12px; text-decoration:none; line-height:30px; padding-left:15px; background:url(../images/disk_on_black.gif) 0px 3px no-repeat}
#about .left_text a:hover{ text-decoration:underline}
/* -----------------------------------------------------------------------------*/ 
#about .tili_top{ margin-bottom:20px}
#about .tili_top h6{ color:#fff}
/* -----------------------------------------------------------------------------*/ 
#home .left_column div.bg_hotels{ background-color:#e6e6e6;color:#000; margin-bottom:10px; padding:20px }
#home .left_column div.bg_hotels h6{ color:#000; margin-bottom:10px}
#home .left_column div.bg_hotels div.hot{border-bottom:3px #b2b2b2 solid; padding-bottom:20px; margin-bottom:20px; padding-left:125px}
#home .left_column div.bg_hotels div.last{ margin-bottom:0; border:0}
/* -----------------------------------------------------------------------------*/ 
#rent {}
#rent .left_column{ width:340px; float:left;background-color:#e6e6e6;color:#000; margin-bottom:10px; padding:20px}
#rent .right_column{ width:535px; float:right; color:#fff}
#rent .left_column ul{ margin-left:125px; margin-bottom:35px; margin-top:-5px}
#rent .left_column ul a{color:#000; font-size:12px; text-decoration:none; line-height:30px; padding-left:15px; background:url(../images/disk.gif) 0px 3px no-repeat}
#rent .left_column ul a:hover{ text-decoration:underline}
#rent .right_column div.hot{ margin-left:125px; color:#fff}
#rent .right_column img{ margin-top:5px}
#rent .right_column div.left_text{ float:left;width:210px; margin-top:30px;}
#rent .right_column div.right_text{ float:right;width:283px; margin-top:30px}

#rent .right_column ul li{ background:url(../images/arrow_2.gif) 0px 16px no-repeat; padding-left:14px; border-bottom:#404040 1px dotted}
#rent .right_column ul li a{ text-decoration:none; color:#d2d2d2; line-height:32px}
#rent .right_column ul li a:hover{ text-decoration:underline}
#rent .right_column ul li.last{ border:0}


/* -----------------------------------------------------------------------------*/ 
#read_more h4, #read_more{ color:#000}
#read_more h4{ margin:0px 0px 10px 0px ; font-size:24px; line-height:30px; padding:0}

/* -----------------------------------------------------------------------------*/ 


#contact_form td{ color:#000; padding-bottom:4px}
.sub{font-size:1px;text-decoration:none; cursor:pointer; border:0; text-transform:none;color:#fff; margin:0; background:url(../images/submit.gif) top no-repeat; height:27px; width:90px; text-indent:-999px	 }
	
.input_contact{background-color:#fff;
	width:400px;
	height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #c2c2c2;}
	
.textarea_contact{background-color:#fff;
	width:400px;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #c2c2c2;}
	
.select{background-color:#fff;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}
	
/* -----------------------------------------------------------------------------*/ 
	
#bg { width:100%; position: absolute; top:0; left:0; z-index:1; } 
#bg img { width: 100%;}