/*#############################
########### CSS REST #########  
#############################*/ 

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;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}

table {
border-collapse: collapse;
border-spacing: 0;
}   
td{vertical-align: top;}
                                     /* 
td{border: #ff0000 1px solid;}       
div{border: #00ff00 1px solid;}
                           
ul{border: #00ff00 1px solid;}  
li{border: #00ff00 1px solid;}  
      */     


/*#############################
######## STICK FOOTER ########  
#############################*/

html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#main {padding-bottom: 334px; }  /* footer H */
.main_in {padding-bottom: 270px !important;}  /* index footer */
#footer {
    position: relative;
    margin-top: -334px; /* footer H */
    height: 334px;
    clear:both;}  
.footer_in{margin-top: -270px !important; height: 270px !important;}  /* index footer */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

    
/*#############################
######## MAIN STYLES #########  
#############################*/
                                                         
body{background: #000 url(../../img/body_bg.jpg) 50% 0; }
#header_bg{width: 100%; height: 280px;  background: url(../../img/head_bgc.jpg) 50% 0 no-repeat; }
#footer{width: 100%; background: #000 url(../../img/foo_bg.jpg) 50% 100%; }
.content{width: 675px; margin: -50px auto 0 auto;}
.fade{width: 100%; height: 65px; background: #000 url(../../img/foo_bg.jpg) 50% 0; margin: 555px 0 0 0;}
.abs{position: absolute; top: 276px; width: 100%; height: 575px;}

.header_cont, .footer_cont{width: 675px; margin: 0 auto; position: relative;}
#logo{position: absolute; top: 0; left: 252px;}

/*#we{position: absolute; top: 72px; left: -10px; width: 140px; height: 70px;}*/
#h_catalog, #h_mi{position: absolute; display: block; z-index: 100; width: 173px; height: 136px; top: 0px; }
#h_catalog{left: 474px;}
#h_mi{left: -92px; }

.header_cont ul{position: absolute; left: 20px; top: 160px; z-index: 200;}
.header_cont ul li{float: left; height: 46px; padding: 10px 20px 0 20px; margin: 0 40px 0 0; cursor: pointer !important;}
li.last{margin: 0 !important;}
li.act0{background: url(../../img/m0_act.png) 0 0 no-repeat; _background: url(../../img/m0_act.gif) 0 0 no-repeat;}
li.act1{background: url(../../img/m1_act.png) 0 0 no-repeat; _background: url(../../img/m1_act.gif) 0 0 no-repeat;}
li.act2, li.act3{background: url(../../img/m2_act.png) 0 0 no-repeat; _background: url(../../img/m2_act.gif) 0 0 no-repeat;}

.footer_menu0{position: relative; left: 0; top: 115px;}
.footer_in .footer_menu0{ top: 51px !important; }  /* index page */
.footer_menu0 li{float: left; height: 46px; padding: 3px 0 0 50px; margin: 0 40px 0 0; background: url(../../img/arr.jpg) 0 0 no-repeat;}

.footer_menu1{position: relative; left: 0; top: 180px;}
.footer_in .footer_menu1{ top: 116px !important; }  /* index page */
.footer_menu1 li{float: left; margin: 0 8px; } 
.footer_cont div{position: relative; clear: both; left: 10px; top: 210px;}
.footer_in .footer_cont div{ top: 146px !important; } /* index page */ 
.footer_cont div p{width: 155px; float: right;}

.scontent{width: 100%; background: url(../../img/conts_bg.jpg) 50% 0;}
.slog{position: absolute; left: 256px; top: 110px;}

.scol0, .scol2{width: 190px; float: left;}
.scol1{width: 255px; float: left;}   
.scol0, .scol1{ margin: 20px 20px 30px 0;}
.scol2{ margin: 20px 0 30px 0;}
.scontent .content dl dt{margin: 20px 0 30px 0;}
.ablock{display: block; padding: 0 0 10px 0;}

.indc0 p{width: 361px; height: 181px; float: left; padding: 21px; background: #000 url(../../img/picb.jpg) 0 0 no-repeat; }
.indc0 h1 span{display: block;}

.indc1{clear: both; width: 100%; position: relative;}
.sbox{width: 413px; float: left; margin: 20px 0 0 0;}
.spl_t{width: 413px; height: 14px; background: url(../../img/s_plash_t.png); _background: url(../../img/s_plash_t.gif);}
.spl_b{width: 413px; height: 14px; background: url(../../img/s_plash_b.png); _background: url(../../img/s_plash_b.gif);}
.scont{width: 373px; background: #071426; padding: 0 20px;}

.qs{width: 248px; height: 333px; background: url(../../img/qs.jpg); position: absolute; top: 20px; left: 425px;}
.qs ul{margin: 90px 0 0 100px;}
.qs ul li{margin: 0 0 55px 0;} 

.dates{padding: 10px 0 0 0; position: relative;}

#dc_l{margin: 0 20px 0 0; background: url(../../img/cal_but.jpg) 0 0 no-repeat; width: 260px; padding: 10px 0 0 50px; height: 40px;}
#callhide{display: none; width: 384px; height: 226px; background: url(../../img/cal_bg.jpg) 0 0 no-repeat;}
#ccorn{margin: 0 0 -5px 10px;}
/*
.dates p{width: 120px; padding: 10px 0 0 50px; height: 40px; float: left;}
.dc_l{margin: 0 20px 0 0; background: url(../../img/arr_d.gif) 0 0 no-repeat; }*/
.dc_r{background: url(../../img/arr_u.gif) 0 0 no-repeat; margin: 0;}
.l2{clear: both;}
.l2div{width: 160px; float: left; padding: 20px 0 0 0; height: auto;}
.l2 .mm{margin: 0 32px 0 0;}
.dpl{ width: 170px; height: 40px; margin: 5px 0 0 0; padding: 11px 0 0 15px; background: url(../../img/d_pl.gif) 0 0 no-repeat;}
.dp2{ width: 170px; height: 40px; margin: 5px 0 0 0; cursor: pointer; }
.l2 strong{display: block; padding: 0 0 0 10px;} 
.dpl a{margin: 0 5px 0 0;}
.dd_compl{ height: 83px; width: 400px; padding: 10px 0 0 110px; clear: both; background: url(../../img/loop.jpg) 0 0 no-repeat;}

.intext{padding: 0 50px 30px 50px; }
.qs h1{position: absolute; left: 30px; top: 14px;}

.dd_compl img{width: 110px; height: 80px; position: absolute; left: 10px;}

ol{margin: 0 0 0 25px;}
ol li{margin: 0 0 30px 0; padding: 8px 0 0 0; list-style: decimal;}


/*#############################
###### LIST PAGE STYLES ######  
#############################*/


.cont_pl_t{width: 100%; height: 13px; background: url(../../img/b_plash_t.png); _background: url(../../img/b_plash_t.gif);}
.cont_pl_b{width: 100%; height: 13px; background: url(../../img/b_plash_b.png); _background: url(../../img/b_plash_b.gif);}
.contentin{background: #071426;}
.cont_h{padding: 0 20px; position: relative;}
.splash1{position: absolute; left: 270px; top: 0; cursor: pointer;}
.splash2{position: absolute; left: 470px; top: 0; cursor: pointer;}

.inmenu{padding: 15px 20px; margin: 20px 0 0 0; background: #061120; border-bottom: #0c192a 1px solid; border-top: #0c192a 1px solid;}
.inmenu ul li{display: inline; margin: 0 45px 0 0;}

.fl_list{padding: 15px 0; z-index: 250; position: relative;}
.fl_list ul li {width: 292px; height: 255px; margin: 0 22px 35px 22px; background:url(../../img/fl_bg.gif) 0 0 no-repeat; float: left; cursor:pointer;}
.fl_list ul li div{padding: 12px; position: relative;}
.fl_list ul li div address{margin: 10px 0 0 0;}
.fl_list ul li div img{border: #1a2431 1px solid;}
.fl_list ul li div span{display: block; position: absolute; top: 155px; left: 145px; width: 120px; height: 35px; padding: 15px 0 0 10px; background: url(../../img/price.png); _background: url(../../img/price.gif);}

.list_foo{clear: both; border-top: #142031 1px solid; margin: 35px 0 0 0; background: url(../../img/loop.jpg) 15px 5px no-repeat; position: relative;}       
.list_foo h1{padding: 30px 0 0 0; margin: 0 0 0 125px;}
.phone{width: 240px; height: 53px; padding: 0 0 20px 0; position: absolute; left: 410px; top: 30px; /*background: url(../../img/phone.gif) 0 17px no-repeat; */text-align: right;}


/*#############################
###### CLUB PAGE STYLES ######  
#############################*/

.cl_left{width: 260px; float: left; margin: 0 40px; padding: 235px 0 0 0; position: relative;}
.cl_left ul{margin: 20px 0 0 0;}
.cl_left ul li{margin: 0 0 30px 0; padding: 8px 0 0 40px;}
.cll1{background: url(../../img/1.gif) 0 0 no-repeat; }
.cll2{background: url(../../img/2.gif) 0 0 no-repeat; }
.cll3{background: url(../../img/3.gif) 0 0 no-repeat; }
.clubb{z-index: 290; position: absolute; left: -85px; top: -40px; width: 341px; height: 254px; background: url(../../img/club.png); _background: url(../../img/club.gif);}

.cl_right{width: 280px; float: left; margin: 0 0; padding: 10px 0 0 0;}
.cl_right h2{padding: 25px 0 20px 0;}

.cl_form{clear: both; margin: 20px 0 0 30px; width: 616px; padding: 0 0 40px 0;}
#cl_form{display: none;}
.clf_t{background: url(../../img/cl_f_t.gif); width: 100%; height: 12px;}
.clf_b{background: url(../../img/cl_f_b.gif); width: 100%; height: 12px;}
.clf_m{background: #06101e; padding: 15px 25px;}

.cl_zac{margin: 30px 0 0 0;}

.clf_m table{margin: 20px 0 0 0;}
.clf_m table tr td{padding: 0 20px 5px 0;}
.clf_m table tr td input{background: #222b38; border: none; color: #fff; margin: 0 23px 0 0; width: 125px; padding: 0 3px;}
.clf_m table tr td textarea{background: #222b38; border: none; color: #fff; width: 415px; padding: 0 3px;}
.succ {background-color: #222b38 !important; color: #fff;}
.unsucc {background-color: #FF8686 !important; color: #000 !important;}

.sns{ padding: 30px 0 0 0 !important;}
.cl_snd{ padding: 15px 0 0 0 !important;}


/*#############################
###### ROOM PAGE STYLES ######  
#############################*/

.r_head{position:relative; padding: 15px 20px; height: 30px; margin: 20px 0 0 0; border-bottom: #0c192a 1px solid; border-top: #0c192a 1px solid; background: #061120 /*url(../../img/phone2.gif) 93% 10px no-repeat*/;}
.r_head ul li{display: block; float: left; margin: 0 30px 0 0; padding: 0 0 0 20px; background: url(../../img/r_li.gif) 0 50% no-repeat;} 
.li0{padding: 0 0 0 40px !important; background: url(../../img/r_li0.gif) 0 50% no-repeat !important;} 

.room{padding: 20px 40px;}
.rprice{width: 130px; height: 50px; line-height: 100%; float: left;  background: url(../../img/price.jpg) 0 0 no-repeat; text-align: center;}
.rprice span{float: right; margin: 0 10px 0 0;}

.room address{margin: 5px 0 0 150px;}

.r_cont{ margin: 20px 0 0 0; position: relative;  }
.rc_t{width: 416px; height: 10px; background: url(../../img/r_pl_t.gif) 0 0 no-repeat;}
.rc_b{width: 606px; height: 10px; background: url(../../img/r_pl_b.gif) 0 0 no-repeat;}
.rc_m0{background: #06101e; padding: 0 10px; width: 394px;}
.rc_m{background: #06101e; padding: 0 10px; width: 586px;}
.tdflb{background: #06101E;}

.rc_m ul{margin: 0 0 0 1px;}
.rc_m ul li{float: left; height: 46px; padding: 12px 24px 0 0; padding: expression('12px 23px 0 0');}
.rc_m ul li span{display: block; height: 46px; width: 14px; margin: -12px 10px 0 0; float: left; margin: expression('-12px 9px 0 0');}

.rc_m ul li.on{background: url(../../img/r_pl_bg.jpg) 100% 0 no-repeat; }
.rc_m ul li.on span{background: url(../../img/r_pl.jpg) 0 0 no-repeat; }

.r_lb{width: 100px; float: left;}
.r_des, .r_rul{padding: 5px 0 0 30px; height: 25px; margin: 0 0 5px 0; }
.r_des{background: url(../../img/perc.gif) 0 0 no-repeat; border-bottom: #28313d 1px solid;}
.r_rul{background: url(../../img/z.gif) 0 0 no-repeat;}
.r_lid{width: 260px; border-left: #28313d 1px solid; margin: 0 0 0 120px; padding: 5px 0 5px 20px; margin: expression('-70px 0 0 120px');}

/*.cowner{width: 184px; height: 107px; background: url(../../img/own.jpg); position: absolute; right: -10px; top: -60px; padding: 20px 0 0 0; text-align: center;}     */
.cowner{width: 184px;  background: url(../../img/own.jpg); padding: 20px 0 0 0; text-align: center; }
.ownbb{width: 184px;  background: url(../../img/ownbb.jpg); height: 6px;}
.phs{padding: 5px 0 0 0;}
.cowner a{display: block; }

.r_main{background: #06101e; border: #283133 1px solid; padding: 1px; clear: both; text-align: center; position: relative;}
.r_dd{margin: 20px 0 0 10px;}
.date{visibility: hidden; display: inline; height: 5px; position:absolute; left:0%; top:0%;}

.rhids{display:none;}
#rhid1{display:block;}
#rhid0 img{float:left; margin: 0 10px 20px 10px; border: #283133 1px solid;}

#phongup{position:absolute; right: 10px;}
.back{float: right;}

#g_butt_l{position: absolute; z-index: 100; left: 0; top: 50%; cursor: pointer;}
#g_butt_r{position: absolute; z-index: 100; right: 0; top: 50%; cursor: pointer;}



/*#############################
######## OTHER STYLES #######  
#############################*/

.backto{float: right;}
.newsul li{padding: 0 0 10px 0;}
.newsul li h2{padding: 0 0 5px 0;}
.newss h2{padding: 0 0 5px 0;}
.pdate{padding: 0 0 0 10px;}

.phonz{margin: -7px 25px 0 0;}
.phonz_b{margin: 5px 0 0 0;}

.r_dd dl dd{padding: 0 0 15px 0;}

.rr_plt, .rr_plb{height: 16px; background: #040d1a;}
.rr_in{background: #040d1a; padding: 0 0 0 16px;}
.rr_plt p{height: 16px; width: 16px; float: right; background: url(../../img/pl_bgf.gif) 100% 0 no-repeat;}
.rr_plt div{height: 16px; width: 16px; background: url(../../img/pl_bgf.gif) 0 0 no-repeat;}
.rr_plb p{height: 16px; width: 16px; float: right; background: url(../../img/pl_bgf.gif) 100% 100% no-repeat;}
.rr_plb div{height: 16px; width: 16px; background: url(../../img/pl_bgf.gif) 0 100% no-repeat;}
.rr_in span{padding: 0 5px;}
.rr_plt{margin: 10px 0 0 0;}
.rr_plb{margin: 0 0 20px 0;}

.flome{float: left; margin: 0 30px 0 0;}
.radio{padding: 0 20px 0 35px;}
.radioact{background: #040d1a url(../../img/ract.jpg) 8px 3px no-repeat;}

.amarg a{margin: 0 5px 0 0;}

.intextsin ul{padding: 20px 0;}
.intextsin ul li{ background: url(../../img/lidot.gif) 0 8px no-repeat; padding: 0 0 20px 20px;}

#map{display: block; width: 580px; height: 300px;}

.stop_ie{width: 100%; padding: 20px 0; background: #B30000; color: #fff; text-align: center; font-size: 14pt; line-height: 150%;}
.stop_ie a{color: #E8E8E8;}

/*#############################
######## SELECT STYLES #######  
#############################*/


.elSelect {
    width:174px;
    height:40px;
    z-index: 300;
    position: relative;
    z-index: 900;
    background:url(../../img/d_pl.gif) no-repeat 0% 0%;
    
}
.elSelect .selected {
   /* background-color:#000 !important;     */
    color:#18a9e7 !important;
    text-decoration: underline;
}
.elSelect .clear {
    clear:both;
}
.elSelect .selectedOption {
    float:left;
    text-decoration: underline !important;   
    padding: 13px 0 0 15px;
    width:135px;
    font-size:12px;
    color:#18a9e7;
    overflow:hidden;
}
.elSelect .dropDown {
    width: 16px;
    height: 13px;
    float: right;
    margin: 13px 5px 0 0;
    background:url(../../img/select/select_arrow.gif) no-repeat 0% 0%;
}
.elSelect .optionsContainerTop {
    position:absolute;
   /* background:url(../../img/select/top_center.gif) repeat-x 0% 0%;                   */
    width:100%;
    height:5px;
}
.elSelect .optionsContainerTop div {
   /* background:url(../../img/select/top_left.gif) no-repeat 0% 0%;                              */
   /* background:url(../../img/d_pl.gif) no-repeat 0% 0%;   */
 /*   background-color:#050e1a;        */
 background:url(../../img/d_ptt.gif) no-repeat 100% 0%;
    width:100%;
    height:5px;
}
.elSelect .optionsContainerTop div div {
 /*   background:url(../../img/select/top_right.gif) no-repeat 100% 0%;             */
   /* background:url(../../img/d_pl.gif) no-repeat 100% 100%;   */
   background:url(../../img/d_ptt.gif) no-repeat 100% 100%;
    background-color:#050e1a;    
    width:100%;
    height:5px;
}
.elSelect .optionsContainerBottom {
    position:absolute;
    margin:0 0 0 0;
   /* background:url(../../img/select/bottom_center.gif) repeat-x 0% 0%;                         */
    width:100%;
    height:5px;
}
.elSelect .optionsContainerBottom div {
  /*  background:url(../../img/d_pl.png) no-repeat 100% 0%;
    width:100%;
    height:1px;
    _background:url(../../img/d_pl.gif) no-repeat 100% 0%;              */
}
.elSelect .optionsContainerBottom div div {
    background:url(../../img/d_pl.png) no-repeat 100% 100%;
    width:100%;
    height:13px;
    _background:url(../../img/d_pl.gif) no-repeat 100% 100%; 
    /*margin: 0 0 0 -5px;*/
}
.elSelect .optionsContainer {
    position:absolute;
    display:none;  
    margin: -18px 0 0 0;
}
.elSelect .option {
    padding:5px 0 5px 15px;
    background-color:#050e1a;
   /* border-left:solid 1px #749490;
    border-right:solid 1px #749490;     */
    text-align:left;
    font-size:12px;
    color:#496772;
}
.elSelect .disabled {
    background-color:#C0CCCF;
    border-left:solid 1px #749490;
    border-right:solid 1px #749490;
    color:#90A4AA;
}

.smap li{background-image: none !important;}
.smap li.slp a{font-size: 12pt;}
.smap li.sl a{font-size: 10pt; margin: 0 0 0 25px;}
.smap li a{text-decoration: none;}
.smap li a:hover{text-decoration: underline;}

.pages{margin: 20px 0 0 0;}
.pages span{padding: 0 10px 0 0;}
.pages a{padding: 3px 5px; margin: 0 3px 0 0;}
.cur_page{background: #00B3E7; color: #000;}


#roomsm li{margin: 0 30px 0 0;}