@charset "UTF-8";
/**
 * Stylesheet: example.css
 *
 * (c) 2011-2012 Zazar Ltd
 * 
 * Description: Stylesheet for examples
 *
 **/



form { margin-bottom: 1em; }

.weatherFeed {
    font-family: Arial, Helvetica, sans-serif;
    font-size:70%;
    margin: 30px 56px;
    width: 190px;
    color: #FFFFFF;
    line-height:20px !important;
    background-color: #555555;
    opacity:0.8;
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;

    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -khtml-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;


}

/** MESSAGE BOXES  **/
.message_sign           { width:26px; text-align:center; padding-left:auto; padding-right:auto; }
TD.message_text         { padding-left:0px; padding-right:0px;}
TD.message_text_single  { padding-left:10px; padding-right:10px;}
.success_message_box    { font-size:12px; width:97%; height:40px; margin-bottom:6px; margin-top:6px; padding:2px; color:#000000; background-color:#f1fff1; border:1px solid #3ac13a; }
.important_message_box  { font-size:12px; width:97%; height:40px; margin-bottom:6px; margin-top:6px; padding:2px; color:#000000; background-color:#fff1f1; border:1px solid #c13a3a; }
.message_box            { 
    font-size:12px; width:97%; height:40px; margin-bottom:6px; margin-top:6px; padding:2px; color:#000000; 
    background-color:#FFFFFF;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    border:1px solid #c1c13a;

}

.site_version           { float:right; width:120px; text-align:right; }

.nav_language           { float:right;padding:10px;padding-top:50px; }

.highlight_light 		{ background-color:#ffffff; }
.highlight_dark  		{ background-color:#f1f5f5; }


#time_local{
   font-size: 10px;
}

.weatherFeed a { color: #888; }
.weatherFeed a:hover {
    color: #000;
    text-decoration: none;
}
.weatherItem {
    padding: 0.8em;
    text-align: right;
}
.weatherCity { text-transform: uppercase; }
.weatherTemp {
    font-size: 2.8em;
    font-weight: bold;
}
.weatherDesc, .weatherCity, .weatherForecastDay  { font-weight: bold; }
.weatherDesc { margin-bottom: 0.4em; }
.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { font-size: 10px;
                                                             
                                                                 
}

.weatherLink, .weatherForecastItem {
    margin-top: 0.5em;
    text-align: left;
    display: none;
}
.weatherForecastItem {
    padding: 0.5em 0.5em 0.5em 80px;
    background-color: #fff;
    background-position: left center;
}
.weatherForecastDay { font-size: 1.1em; }

/*.odd { background-color: #e8e8fc; }
.even { background-color: #d4d4e8; }*/
.star_title img{
    vertical-align: text-bottom;
}


#slider_footer{
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif; 
    background: url("../images/bg-content.gif") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    background-color: #000000;
    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    position: fixed;
    text-align: center;
    bottom: 30%;
    right: 0;
    margin: 90px 56px;
    height: auto;
    width: 65%;
    padding: 4px 4px 25px 4px;
    z-index: 1000;

}
#slider_footer .page-title{
    margin-left: 0px !important;
    
}


#content_slider a{
    text-decoration: none;
    color: #936d40;
}

#content_slider h3,#content_slider h4{
    margin: auto;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
}





#cont{
    width: 800px;
    height: 600px;
    margin: 5px auto;
}

#bottom_nav{
    margin: 7px auto;	
    width: 100%;
    height: 16px;
    text-align: center;
}

#top_nav li, #bottom_nav li{
    margin: 0 auto;
    padding: 0px 4px;
    display: inline-block;
    text-align: center;
    border-bottom: transparent solid 1px;
    list-style: none;
}

#top_nav li:hover, #bottom_nav li:hover, #top_nav li.selected, #bottom_nav li.selected {
    border-bottom: #936d40 solid 1px;
}

#top_nav li a:hover, #bottom_nav li a:hover, #top_nav li.selected a, #bottom_nav li.selected a {
    font-weight: bold;
    font-style:italic
}

#content_slider{
    width: auto;
    height: 349px;	
    padding: 5px;
    border: #b18b44 5px solid;
    overflow: hidden;
}

#left_col{
    width: 172px;
    height: 348px;	
    /*	padding: 10px;*/
    padding-top : 2.5px;
    position: relative;

    float: left;
    text-align: justify;
}



#left_col img{

    margin-bottom: 5px;
}

#left_col_bott{
    position: absolute;
    z-index: 101;
    bottom: 20px;	
}

#left_col_bott h4{
    margin: 0 0 5px 0;
    padding: 0;
}

#right_col{
    padding-top : 2.5px;
    width: 470px;
    height: 100%;
    position: relative;
    float: right;	
}

#right_col2{
    width: 100%;
    height: 100%;
    position: relative;

}

#right_col_content{
    padding: 10px;
    text-align: justify;
}

#right_col_bott{
    position: absolute;
    z-index: 1000;
    right: 20px;
    bottom: 20px;	
}

#right_col_bott a{
    width: 90px;
    display: inline-block;
    border-bottom: #fff 1px solid;
    text-align: right;
    color: #fff;
    font-weight: bold;
    font-style:italic;
}

#full_col{
    width: 100%;
    height: 100%;
    position: relative;
    float: right;	
}



#award{
    text-align: center;
    margin: 10px 0 0 0;
}

#icon{
    margin: 10px 10px 5px 10px;
    padding: 0;
    height: 42px;
}

.slider-right{
    width: 488px;
    height: 100%;
    position: relative;
}

.slider{
    width: auto;
    height: 349px;
    position: relative;
}

.nivo-controlNav{
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    position: absolute !important;
    z-index: 100;
    bottom: 15px;
}

.first_column{
    margin: 0 !important;
}

.four_columns{
    width: 19.37%;
    height: 100%;
    margin: 0 0 0 5px;
    padding: 0px;
    float: left;
    opacity:0.9;
}

.five_columns{
    width: 152px;
    height: 100%;
    margin: 0 0 0 5px;
    padding: 0px;	
    float: left;
    opacity:0.9;
}

.four_columns:hover, .five_columns:hover{
    opacity: 1;
    -webkit-transition: opacity .8s ease-out;
    -moz-transition: opacity .8s ease-out;
    -o-transition: opacity .8s ease-out;
    transition: opacity .8s ease-out;
}

.four_columns h3, .five_columns h3{
    margin: 0;
    padding: 0;
    background: url(../images/back_title_slice.png);
    visibility: hidden;
    opacity: 0.8;
}

.four_columns:hover h3, .five_columns:hover h3{
    visibility: visible;	
    text-transform: uppercase;
}

.scroll{
    overflow: auto;
}
.list_available_room{
    text-align: center;
}
.content_menus{
    display: none;
}
.text_center th{
    text-align: center;
}
/* RESERVATION TABS */
.reservation_tabs         { font-size:14px; margin-bottom:20px; width:97%;}
.reservation_tab          { font-size:14px; font-weight:bold; text-align:center; width:25%; height: 30px;border: 1px solid #A9A395;color:#675A48;text-transform: uppercase;background: url("../images/button_bg01.gif") repeat-x scroll left center transparent; }
.reservation_tab A        { color:#FFFFFF; }         
.reservation_tab_active   { 
    border: 1px solid #816B30;
    color: #FFFFFF;
    text-decoration: none;  
    background: url("../images/button_bg02.gif") repeat-x scroll left bottom transparent;
    text-align: center;
    text-transform: uppercase;
}
.important_message_box{

    padding: 0px 5px 20px 5px;

}
#slides{
    width: 150px;

}
#slides_right{
    float: right;
    width: 200px;
    right: 20px;
    top:20px;

}

#slides_left{
    width: 60%;
    float: left;

}

.slider_top{
    text-align: right;
    color: #fff;
    font-size: 18px;
}

.home_welcome{
    width: 100%;

}
.home_welcome p{
    color: #eee;
    font-size: 16px;
}
.promotion_text{
    width: 35%;
    position: absolute;
    top: 30%;
    left: 40%;
    z-index: 1001;
}

.book_home_button{
    position: relative;
  
    margin-left:8px;
}

.title_right{
    float: right;
}

#promotion_close {
    float: right;
    margin-right: 8px;
    font-size: 20px;
    position: absolute;
    z-index: 1003;
    right: 4px;
    top : 30px;
}

#promotion_close{
    text-decoration: none;
}
ul.slides li{
    padding: 0px 10px 0px 0px !important;
    
}