html, table, caption, tbody, tfoot, thead, tr, th, td{
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	font: normal 13px/100% Verdana, Geneva, sans-serif;
	line-height:24px;
}
body{
    margin: 0px auto;
    background: url(background.jpg);
    color:#333;
}
a{
    text-decoration: none;
}
.break-content{
    height: 15px;
    margin-top:15px;
    border-top: 2px solid #77001C
}
.main-area{
    width:960px;
    margin: 0px auto; 
    margin-top: -20px;
    background: url(s5_main_body_bg.jpg);
    padding-top:10px;
    padding-bottom:15px
}
.banner-bg{
background: url(s5_header.png) repeat-x scroll left bottom;
    height: 200px;
}

#home_banner{
    margin: 0px auto;
    width: 960px;
    padding-top:10px;
}
.logo{
    width: 400px;
    height: 120px;
    padding-left: 158px;
    padding-top:0px;
    background: url(linhphuong_logo.png) no-repeat;
    float:left;
    margin-top:20px;
}
/*.branch-name{
    width: 250px;
    height: 108px;
    background: url(linhphuong_logo.png);
    float:left;
}*/
#language{
    float:right;
}
#right-banner{
    float:right;
    padding-right:5px;
    color:white;
    width: 300px;
}
#flag_vn{
    background: url(flag_vn.png) no-repeat;
    padding-left: 30px;
    padding-bottom:3px;
}
#flag_en{
    background: url(flag_en.png)  no-repeat;
    padding-left: 30px;
    padding-bottom:3px;
}
#hot-contact{
    text-align: center;
}

.hotel-address{
    position: absolute;
    bottom:10px;
    left:0px;
    color: #ddd;
    text-align: left;
    padding:5px;
    font-size: 11px;
}
.hotel-address-bg{
    position: absolute;
    bottom:0px;
    left:0px;
    width:297px;
    height: 60px;
    background: #000;
    opacity:0.2;
    filter:alpha(opacity=20);
    border:1px solid #fff
}
.hotel-info-bg{
    position: absolute;
    top:0px;
    left:0px;
    width:308px;
    height: 540px;
    background: #000;
    opacity:0.2;
    filter:alpha(opacity=20);
    display: none;
}
.hotel-info{
    position: absolute;
    top:160px;
    left:20px;
    width:267px;
    color: #fff;
    text-align: left;
    padding:5px;
    font-size: 13px;
    display: none;
}
.hotel-info div{
    margin-top: 5px;
    text-shadow: 1px 1px 1px rgba(70, 70, 70, 0.75);
}
#home_slider>.img-holder>img{
/*    height: 540px;
    width: 307px;*/
    height: 550px;
    width: 297px;
    border: 1px solid #ddd;
}
#pictue_slider{
    width: 930px;
    margin: 0px auto;
    box-shadow: 0px 0px 3px -1px rgba(120,120,120,1);
    -moz-box-shadow: 0px 0px 3px -1px rgba(120,120,120,1);
    -webkit-box-shadow: 0px 0px 3px -1px rgba(120,120,120,1);
    border:2px solid #fff
}
#home_intro{
    background: #fff;
    float:left;
/*    border-radius: 5px;*/
-webkit-box-shadow: 0px 0px 3px -1px rgba(86,86,86,1);
-moz-box-shadow: 0px 0px 3px -1px rgba(86,86,86,1);
box-shadow: 0px 0px 3px -1px rgba(20,20,20,1);
/*width:60%; float:left;*/
width: 600px;
overflow: auto;
margin: 0px auto;
background: #fff /*url(s5_main_body_bg.jpg);*/
   
}
#intro-content{
    height: 198px; 
    overflow: auto;
}
#home_image{
    width: 340px;
    float:right;
    border: 2px solid #fff;
    padding:2px;
    background: #603518;
}
#branch-room-order{
    margin-left:5px;
    background: #fff;
/*    border-radius: 5px;*/
-webkit-box-shadow: 0px 0px 3px 1px rgba(86,86,86,1);
-moz-box-shadow: 0px 0px 3px 1px rgba(86,86,86,1);
box-shadow: 0px 0px 3px 1px rgba(86,86,86,1);
width:38%; float:right;
}
#room-order{
    margin-left:5px;
    /*background: #fff;*/
/*    border-radius: 5px;*/
/*-webkit-box-shadow: 0px 0px 3px 1px rgba(86,86,86,1);
-moz-box-shadow: 0px 0px 3px 1px rgba(86,86,86,1);
box-shadow: 0px 0px 3px 1px rgba(86,86,86,1);*/
width:380px; float:right;
}
#branch-contact{
    margin-top: 20px;
    /*background: #72001B;*/
    /*background: #835A41;*/
    /*background: url(s5_header.png) repeat-x scroll left top;*/
/*    -webkit-box-shadow: 0px 4px 18px 0px rgba(20,20,20,1);
-moz-box-shadow: 0px 4px 18px  0px rgba(20,20,20,1);
box-shadow: 0px 4px 18px  0px rgba(20,20,20,1);*/

    /*color:#F6B801;*/
    text-shadow: 0px 0px 1px rgba(100, 100, 100, 0.85);
    color: #444;
    padding:10px;
}
#branch-contact ul{
    list-style: none;
    margin-top: -10px;
    margin-left:-36px;
}
#branch-contact ul li{
    float:left;
    margin-left: 10px;
    font-size: 12px;
}
#branch-contact a{
    color: #444
}
#footer-area{

    padding-top:5px;
        background: #CCCCCC;
        color:#333366;
        margin-bottom: 0px;
}
#branch-footer-area{
        padding-top:5px;
        background: #CCCCCC;
        color:#333366;
        margin-top: 20px;
        margin-bottom: 0px;
}
.footer-contact{
    float:left;
}
.footer-contact>p{
    margin: 0px;
}
.footer-copyright{
    float:right;
}
.footer-copyright span{
    display: block;
    text-align: center;
    /*margin-top: 5px;*/
}
.footer{
    margin: 0px auto;
    text-align: left;
    padding:5px;
}

.group-title{
    padding: 8px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    color:#F6B801;
    font-size:14px;
    background: #603518; /* Old browsers */
/*background: -moz-linear-gradient(top,  hsla(0,0%,100%,1) 0%, hsla(0,0%,95%,1) 50%, hsla(0,0%,93%,1) 51%, hsla(0,0%,100%,1) 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,100%,1)), color-stop(50%,hsla(0,0%,95%,1)), color-stop(51%,hsla(0,0%,93%,1)), color-stop(100%,hsla(0,0%,100%,1)));  Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  hsla(0,0%,100%,1) 0%,hsla(0,0%,95%,1) 50%,hsla(0,0%,93%,1) 51%,hsla(0,0%,100%,1) 100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top,  hsla(0,0%,100%,1) 0%,hsla(0,0%,95%,1) 50%,hsla(0,0%,93%,1) 51%,hsla(0,0%,100%,1) 100%);  Opera 11.10+ 
background: -ms-linear-gradient(top,  hsla(0,0%,100%,1) 0%,hsla(0,0%,95%,1) 50%,hsla(0,0%,93%,1) 51%,hsla(0,0%,100%,1) 100%);  IE10+ 
background: linear-gradient(to bottom,  hsla(0,0%,100%,1) 0%,hsla(0,0%,95%,1) 50%,hsla(0,0%,93%,1) 51%,hsla(0,0%,100%,1) 100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );  IE6-9 */

}
.intro{
    padding:15px; color: #333333; font-size: 15px;
}
/**Form dat phong */
.textbox{
    border:1px solid #CCCCCC;
    background: beige;
    height:24px;
}
.cbo{
    border:1px solid #CCCCCC;
    background: beige;
    height:24px;
}
.label{
    float:left;
}
.field{
    float:left;
}
/** Css chung **/
.number{
    text-align:right;
}
.number2{
    text-align:right;
}
.number3{
    text-align:right;
}
.width_400{
    width:400px
}
.width_300{
    width:300px
}
.width_250{
    width:250px
}
.width_150{
    width:150px;
}
.width_120{
    width:120px;
}
.width_110{
    width:110px;
}
.width_100{
    width:100px;
}
.width_80{
    width:80px;
}
.width_75{
    width:75px;
}
.width_70{
    width:70px;
}
.width_60{
    width:60px;
}
.width_50{
    width:50px;
}
.width_40{
    width:40px;
}
.width_30{
    width:30px;
}
.width_20{
    width:20px;
}
.center{
    text-align: center
}

.menu-bar{
    height: 48px;
   background: #f6f8f9; /* Old browsers */
/*background: -moz-linear-gradient(top,  hsla(200,20%,97%,1) 0%, hsla(200,21%,92%,1) 50%, hsla(205,18%,87%,1) 51%, hsla(210,25%,97%,1) 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(200,20%,97%,1)), color-stop(50%,hsla(200,21%,92%,1)), color-stop(51%,hsla(205,18%,87%,1)), color-stop(100%,hsla(210,25%,97%,1)));  Chrome,Safari4+ 
background: -webkit-linear-gradient(top,  hsla(200,20%,97%,1) 0%,hsla(200,21%,92%,1) 50%,hsla(205,18%,87%,1) 51%,hsla(210,25%,97%,1) 100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top,  hsla(200,20%,97%,1) 0%,hsla(200,21%,92%,1) 50%,hsla(205,18%,87%,1) 51%,hsla(210,25%,97%,1) 100%);  Opera 11.10+ 
background: -ms-linear-gradient(top,  hsla(200,20%,97%,1) 0%,hsla(200,21%,92%,1) 50%,hsla(205,18%,87%,1) 51%,hsla(210,25%,97%,1) 100%);  IE10+ 
background: linear-gradient(to bottom,  hsla(200,20%,97%,1) 0%,hsla(200,21%,92%,1) 50%,hsla(205,18%,87%,1) 51%,hsla(210,25%,97%,1) 100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );  IE6-9 */
    -webkit-box-shadow: 0px 0px 6px -1px rgba(86,86,86,1);
-moz-box-shadow: 0px 0px 6px -1px rgba(86,86,86,1);
box-shadow: 0px 0px 6px -1px rgba(86,86,86,1);
     margin-top: -60px;
}
.main-menu{
    list-style: none;
    margin-top: -40px;

}
.main-menu li{
    float:left;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 14px;
    margin-left: 2px;
        color: #73001B;
    text-transform: uppercase;
    /*border: 1px solid #aaa;*/
    cursor: pointer;
    /*border-left:1px solid #aaa;*/
    
}
.main-menu li:hover{
    background: #ddd
}
#branch-content{
    margin-top: 20px;
    padding:5px;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px -1px rgba(86,86,86,1);
-moz-box-shadow: 0px 0px 6px -1px rgba(86,86,86,1);
box-shadow: 0px 0px 6px -1px rgba(86,86,86,1);
}


.left-menu{
    width:240px;
    float:left;
    -webkit-box-shadow: 0px 0px 3px -1px rgba(86,86,86,1);
-moz-box-shadow: 0px 0px 3px -1px rgba(86,86,86,1);
box-shadow: 0px 0px 3px -1px rgba(20,20,20,1);
    /*background: url(s5_main_body_bg.jpg);*/
}
.branch-slider{
    width:692px;
    float:right;
    border:2px solid #fff;
    position: relative;
}
.branch-slider .title{
    padding:7px;
    position: absolute;
    top:0px;
    left:0px;
    color:#F5B501;
}
.branch-slider .bg{
    position: absolute;
    top:0px;
    left:0px;
    width:696px;
    height: 40px;
    background: #000;
    opacity:0.2;
    filter:alpha(opacity=20);
}
.room-detail{
    width:690px;
    float:right;
    margin-top: 20px;
    position: relative;
    border: 3px solid #fff;
    background: url(s5_main_body_bg.jpg); 
    /*height: 200px*/
}
.room-detail .title{
    font-size: 16px;
    padding: 5px;
    /*font-weight: bold;*/
    border-bottom: 1px solid #fff;
}
.room-detail .short-info{
    width:250px;
    border-right:1px solid #fff;
    padding:10px;
    /*background: #603518;*/
    /*color:#fff;*/
    margin: 20px;
    float:left;
/*        -webkit-box-shadow: 0px 0px 3px -1px rgba(20,20,86,1);
-moz-box-shadow: 0px 0px 3px -1px rgba(20,20,86,1);
box-shadow: 0px 0px 3px -1px rgba(20,20,20,1);*/
}
.room-detail .full-info{
    width:300px;
    padding:5px;
    color:#333;
    margin-top: 20px;
    float:left;
}
/**
Order
*/
.order-detail{
    width:690px;
    float:right;
    margin-top: 20px;
    position: relative;
    border: 3px solid #fff;
    background: url(s5_main_body_bg.jpg); 
    /*height: 200px*/
}
.order-detail .title{
    font-size: 16px;
    padding: 5px;
    /*font-weight: bold;*/
    border-bottom: 1px solid #fff;
}

.order-detail .room-list{
    width:400px;
    padding:5px;
    color:#333;
    margin-top: 20px;
    float:left;
}
.order-detail .short-info{
    width:200px;
    border-left:1px solid #fff;
    padding:10px;
    background: #603518;
    /*color:#fff;*/
    margin: 20px;
    float:right;
}
.order-detail .short-info .title{
    color: white;
}
.order-detail .short-info .label{
    color:white;
}
.order-detail .short-info .field{
    color:white;
}
.order-detail .room-list ul{
    margin-left: -20px;
}
.order-detail .room-list ul li{
    float:left;
    list-style: none
}
.order-detail .room-list ul li.grid-title{
    font-weight: bold;
    text-align: center;
    border-top:1px solid #603518;
    border-bottom:1px solid #603518;
    border-right:1px solid #603518;
    height:24px;
    padding:3px;
    
}
.order-detail .room-list ul li.grid-title:first-child{
    border:1px solid #603518;
}
.order-detail .room-list ul li.grid-cell-2, .order-detail .room-list ul li.grid-cell-3{
    border-bottom:1px solid #603518;
    border-right:1px solid #603518;
    height:24px;
    padding:3px;
}
.order-detail .room-list ul li.grid-cell-1{
    border-left:1px solid #603518;
    border-bottom:1px solid #603518;
    border-right:1px solid #603518;
    height:24px;
    padding:3px;
}
.order-detail .total{
    text-align: center;
    padding:5px;
    font-weight: bold;
}
/**
Room
*/
.room-type{
    width:692px;
    /*height:225px;*/
    float:right;
    margin-top: 10px;
    border:2px solid #fff;
    background: url(s5_main_body_bg.jpg); 
    padding: 0px;
}
.room-type .title{
    font-size: 16px;
    padding: 5px;
    /*font-weight: bold;*/
    border-bottom: 1px solid #fff;
}
#room_short_info{
    width:270px;
    float:left;
    text-align: center;
    /*padding:5px;*/
    margin-left: 5px;
}
#room_short_info .info{
    
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
        /*padding:10px;*/
        /*background: #fff;*/
        margin-top: 5px;
        margin-bottom: 16px;
    text-align: left;
    padding:10px;
-webkit-box-shadow: 0px 0px 3px -1px rgba(86,86,86,1);
-moz-box-shadow: 0px 0px 3px -1px rgba(86,86,86,1);
box-shadow: 0px 0px 3px -1px rgba(20,20,20,1);
}
#room_short_info .info .price{
/*    position: absolute;
    height: 140px;*/
/*    top: 110px;*/
/*    left:10%;*/
/*    display: none;*/
    color: red;
    font-weight: bold;
    /*font-style: italic;*/
    font-size:12px !important;
    text-align: center;
    /*background: #aaa;*/
    /*padding:5px;*/
}
#room_short_info .info .title{
        padding: 8px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    color:#F6B801;
    background: #603518;
    margin-bottom: 10px; 
/*    margin-left:4px;
    margin-right:4px;*/
    /*margin-top:-12px;*/
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.room-type .avatar{
   float: left;
   margin: 4px;
   position: relative;
}
/*.room-type .avatar:first-child{
    margin-left: 0px;
}*/
.room-type .avatar img{
-webkit-box-shadow: 0px 0px 3px -1px rgba(86,86,86,1);
-moz-box-shadow: 0px 0px 3px -1px rgba(86,86,86,1);
box-shadow: 0px 0px 3px -1px rgba(20,20,20,1);
border:1px solid #fff
}
/*.room-type .avatar img:hover{
    opacity:0.4;
    filter:alpha(opacity=40);
    background: #000;
}*/
.room-type-name-bg{
    position: absolute;
    bottom:1px;
    left:1px;
    height: 40px;
    width: 336px;
    background: #000;
    opacity:0.4;
    filter:alpha(opacity=40);
}
.room-type-name{
    position: absolute;
    bottom:0px;
    height: 30px;
    width: 100%;
    font-weight: bold;
    color:white;
    padding-left:10px;
}
.room-type .avatar .infobg{
    position: absolute;
    width:80%;
    height: 170px;
    top:10px;
    left:10%;
    background: #000;
    opacity:0.4;
    filter:alpha(opacity=40);
    display: none
}

.room-type .avatar:hover .infobg{
    display: block;
}
.room-type .avatar .info{
    position: absolute;
    width:80%;
    height: 140px;
    top:12px;
    left:10%;
    display: none;
    color: #fff;
    /*font-style: italic;*/
    font-size:12px !important;
    padding:5px;
}
.room-type .avatar .price{
    position: absolute;
    height: 140px;
    top: 110px;
    left:10%;
    display: none;
    color: #F6B809;
    font-weight: bold;
    /*font-style: italic;*/
    font-size:12px !important;
    padding:5px;
}
.room-type .avatar:hover .price{
    display: block;
}
.room-type .avatar .float-button{
    position: absolute;
    top: 146px;
    right:50px;
    display: none;
    font-size: 12px !important;
    
}
 .room-type .avatar .float-button-view{
    position: absolute;
    top: 146px;
    left:50px;
    display: none;
    font-size: 12px !important;
    
}
.room-type .avatar:hover .float-button,  .room-type .avatar:hover .float-button-view{
    display: block;
}
.room-type .avatar:hover .info{
    display: block
}
.left-menu .home-link{
    padding: 8px;
    border-top: 1px solid #777;
    font-weight: bold;
    color:white;
    font-size:14px;
    background: #603518; 
}
.left-menu .home-link:first-child{
    border-top: none
}
.left-menu .home-link a{
    color:#F6B801;
}
.left-menu .home-link a:active{
    color:white;
}
.left-menu .sub{
    padding: 8px;
    padding-left:30px;
    border-bottom: 1px solid #ddd;
    font-size:14px;
    background:  url(s5_main_body_bg.jpg); 
/*    margin-left: 3px;
    margin-right: 3px;*/
}
.left-menu .active{
    border-left:3px solid red;
}
.left-menu .sub, .left-menu .sub a{
    color:#C52721;
}
/**

*/
.left-menu .sub .submenu{
    list-style: none;
    display: none;
    position: absolute;
    background: url(s5_main_body_bg.jpg);
    margin-top: 5px;
    margin-left: 50px;
    z-index: +99;
-webkit-box-shadow: -4px -4px 3px -1px rgba(0,0,0,0.75);
-moz-box-shadow: -4px -4px 3px -1px rgba(0,0,0,0.75);
box-shadow: -4px -4px 3px -1px rgba(0,0,0,0.75);
    
}
.left-menu .sub:hover .submenu{
    display: block;
}
.left-menu .sub:hover .submenu li{
    border-bottom:1px solid #fff;
    border-right:1px solid #fff;
    padding: 5px;
    margin-left: -40px;
}
.left-menu .sub .submenu li a{
    height: 100%;
    width:100%;
    padding:5px;
    padding-right:50px;
}
.left-menu .sub .submenu li:hover{
    background: #ffffdd
}
.room_order{
    background: url(s5_main_body_bg.jpg);
}

.thumbnail{
    width:120px; float: left;
    margin-left: 10px;
    position: relative;
    border:1px solid #fff;
}
.thumb-name-bg{
    position: absolute;
    bottom:0px;
    left:0px;
    height:22px;
    width:100%;
    background: #000;
    opacity:0.4;
    filter:alpha(opacity=40);
}
.thumb-name{
    position: absolute;
    color:#F6B801;
    bottom:0px;
    left:0px; text-align: left;
    padding-left:5px;
    font-size: 12px !important;
    text-shadow: 1px 1px 1px rgba(100, 100, 100, 1);
}
.thumb-price-bg{
    position: absolute;
    top:3px;
    left:0px;
    width:100%;
    background: #000;
    opacity:0.4;
    filter:alpha(opacity=40);
}
.thumb-price{
    position: absolute;
    color:white;
    top:3px;
    left:0px; text-align: right;
    width:95%;
    font-size: 12px !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}
.thumbnail{
    
}
.lp-thumb-active{
    border: 1px solid #FF0000
}
.next-right{
    background: url(next_right.png) no-repeat 0px 3px;
    padding-left: 8px;
    padding-right: 8px;
}
.success-msg{
    border: 1px solid green;
    background:#EFF5EA;
    color: green;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.error-msg{
    border: 1px solid red;
    background:#FAEBE7;
    color: red;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.dynamic-input-error{
    color: red;
    font-size: 11px;
}
.thongtin-list{
    width:690px;
    float:right;
    position: relative;
    border: 3px solid #fff;
    background: url(s5_main_body_bg.jpg); 
    /*height: 200px*/
}
.thongtin-list .title{
    font-size: 16px;
    padding: 5px;
    /*font-weight: bold;*/
    border-bottom: 1px solid #fff;
}
.thongtin-list .grid{
    min-height: 600px;
}
.thongtin-tomtat{
    -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border:1px solid #aaa;
-webkit-box-shadow: 1px 0px 2px -1px rgba(153,153,153,1);
-moz-box-shadow: 1px 0px 2px -1px rgba(153,153,153,1);
box-shadow: 1px 0px 2px -1px rgba(153,153,153,1);
padding:10px;
margin: 10px;
}
.tt-tieude{
    /*font-weight: bold;*/
    font-size: 16px;
    color: #F6B800
}
.tt-tieude>a{
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
    color: #F6B800
}
.tt-tieude>a:hover{
    color:red
}