@charset "utf-8";
/* CSS Document */

* {
    padding: 0;
    margin: 0;
}
html{font-family:Segoe ui,Helvetica,Arial,sans-serif;font-size:.75em; background:url(images/BG.jpg) repeat-x top #d0e8fb; }
select,input,textarea{font-family:Segoe ui,Helvetica,Arial,sans-serif; font-size:12px}
select{ padding-left:5px;}
body {width:920px; padding:20px 20px 0 20px; margin:10px auto; 


background:url(images/body.png) repeat-y top center;
	color:#000;
} 

/* ----  general styles  ----*/
td{ vertical-align:top}
a, .a { color:#06c; text-decoration: underline;background:none; }
a:hover, .a:hover { color:#C30; background:none; text-decoration:underline; }

p { padding:10px 0px 0px 0px}
/*
ul { margin: 0; margin-left:30px; padding : 0; }
li { margin-left:25px; list-style-position:outside; list-style:disc}
*/
ul { margin: 0; margin-left:30px; padding : 0; }
li{list-style:disc;}
blockquote{margin-left:30px; margin-right:20px;}
del{padding-left:3px; padding-right:3px;}

h1,h2,h3,h4 { margin:10px 0 10px 0px; padding:0; color:#000;}
h1{font-size:24px; font-weight:normal}
h2{font-size:18px; font-weight:normal}
h3{font-size:14px; font-weight:normal}
h4{font-size:12px; font-weight:normal}

h1 b,h2 b, h3 b, h4 b{display:none}

.hi{display:none}
img { border: 0;}
.h{display:none}
.clear{clear:both; height:1px;}
.clear5{clear:both; height:5px;}
.spacer{font-size:0; line-height:0; clear:both;}
.clear10{clear:both; height:10px;}
.clear20{clear:both; height:20px;}

.cG{color:#666}
.cR{color:#F00}
.cB{color:#000}
.cBl{color:#06C}
.cSky{color:#24ADFF;}
.cW{color:#FFF}
.cO{color:#F60}

.tN{font-weight:normal}
.tB{font-weight:bold}
.t9{font-size:9px;}
.t10{font-size:10px;}
.t11{font-size:11px;}
.t12{font-size:12px;}
.t14{font-size:14px;}
.t16{font-size:16px;}
.t18{font-size:18px;}
.t20{font-size:20px;}

.tdCap{ text-align:right; padding-right:10px;}
.tErr{font-size:11px; color:#F00}

.fR{ float:right}
.fL{ float:left}
.m0{margin:0;}
.p0{padding:0}
.pleft5{padding-left:5px}

.line-solid, line-pink, line-red { clear:both; border: 0; height: 1px; background-color: #CCC; color: #CCC; margin: 5px 0 10px 0; }
.line-pink {background-color: #FAA; color: #FAA; height:1px}
.line-red {background-color: #F00; color: #F00; height:1px}
.line-gray {background-color: #ddd; color: #ddd; height:1px}
.line-dotted,.line-dotted2{ clear:both; border: 0; height: 1px; background:url(images/line-dot1.gif) repeat-x top;margin: 5px 0 10px 0; }
.line-dotted2{ height:2px; background:url(images/line-dot2.gif) repeat-x top;}
.line-dotted2_gray{ height:2px; background:url(images/line-dot2-gray.gif) repeat-x top;}
.line-break {background-color: #8c694a; color: #8c694a; height:10px}
.line-shadow1{ background:url(images/lineshadow1.gif) repeat-x top ; height:10px;}
.line-shadow2{ background:url(images/lineshadow2.gif) repeat-x top ; height:10px;}

/*/line-throught*/
del {text-decoration: line-through; color:#F00; }
del span {color: #000;}



/* MENU */
#menu{ background:url(images/mnu-bg.png) repeat-x top; height:33px;}
#menu ul{ margin:0; padding:0}
#menu ul.leftMnu{width:800px; float:left}
#menu ul.rightMnu{float:right; width:82px;}
#menu ul li{list-style:none; float:left; background:url(images/mnu-seperate.png) right top no-repeat; padding:0 2px 0px 0px; height:33px; margin:0}

/* SIDEBAR */
#sidebar{
	position:absolute;
	top:276px;
	width:260px;
	padding:20px;
	background:url(images/sidebar-bg.png);	
}

#sidebar h3{height:35px; background:url(images/promotion-hd.png) top no-repeat; margin:0; padding:0}
#sidebar h3 b{display:none}
#sidebar .sidelist{list-style:none; margin:0; padding:0 }
#sidebar .sidelist li{ list-style:none;margin-bottom:10px; float:left; }
#sidebar .sidelist li img{border:1px solid #999;padding:2px;  }
#sidebar .sidelist li img:hover{border:1px solid #F00 }

#promotion{background:#27699b; color:#FFF; font-size:1em;}
#promotionlist{ background:#a5d4f8; color:#FFF; font-size:1em; padding:5px;}
#promotionlist .prolist{ border-bottom:1px solid #FFF; height:75px; padding:5px 5px 0 5px; color:#333; margin:5px;}
#promotionlist div.prolist:hover{ background:#C4E6FF}
#promotionlist .prolist b{ font-size:1.2em;}
#promotionlist .prolist p{ float:left; padding:0;}
#promotionlist .prolist .vmore { font-size:.8em; text-align:right; float:right;  margin-top:5px;}
#promotionlist .prolist .vmore a{color:#333; text-decoration:none}
#promotionlist .prolist .vmore a:hover{color:#F60;}

/* CONTENT */
#BODY {  padding-left:320px; padding-right:20px; ; font-size:1em;}
#BODY{min-height:920px;}
/*h1.front { width:512px; height:67px; background:url(images/welcome-centera-beach-hotel.gif) no-repeat}*/
h1.front b{display:none}

#content{}


#banner{
	width:920px; 
	/*position:relative; */
	height:160px; 
	/*background:#33719d;*/
}
#banner ul ,#banner ul  li{list-style:none; padding:0; margin:0; z-index:0}
#banner ul  li{ position:absolute}


ul.news{ margin:0; padding:0}
ul.news li{width:280px;  list-style:none; float:left; }

#rateclick,#rate{padding:7px; background:#66bbfb; margin:0 0 20px 0; padding-left:320px;}
#rate{display:none;}
#rateclick{height:20px; margin:0; padding:0;padding-left:320px;}
#rate td{color:#FFF; font-size:.8em;}

.navroom{margin:10px 0; font-size:10px; color:#666}
.navroom a{ color:#666; text-decoration:none;}
.navroom a:hover{ color:#F60;}

#footer{ background:url(images/BG-footer.jpg) repeat-x bottom; padding:10px 20px; color:#666}
#footer a{ color:#666}
#footer a:hover{ color:#F60}
#footer .fbox{ font-size:.8em; padding:10px 10px 0 0; width:300px; margin:10px 0px 0px 0px; float:left}
#footer .fbox h6{ margin-bottom:5px; font-size:1em; text-transform:uppercase}
#footer .fmenu{ padding:3px; border-bottom:1px solid #999; text-align:center; font-size:.8em}
#footer .fmenu a{ color:#48aef5; text-decoration:none}
#footer .fmenu a:hover{ color:#F60}
.ftleft{height:20px; text-align:left; width:400px; float:left; font-size:.9em; padding-top:3px; color:#666}
.ftright{ width:400px; height:20px; text-align:right; float:right}
#footershadow{ height:30px; background: url(images/footer-shadow.jpg) repeat-x #FFF;}





/*IMAGE  */
#IMAGE{ color:#999; font-size:10px;}
#IMAGE h2,#IMAGE h3,#IMAGE { font-size:16px; color:#09F; }
#IMAGE a {}
#IMAGE a:hover img{/*border:1px solid #09AFFF*/}
#IMAGE a img {
	/*border: 1px solid #ADD2FC;	*/
	padding: 3px;
	margin:	3px;
	vertical-align: top;	
}