@charset "utf-8";



/* CSS Document */







body { background:  url(../images/bg-up-body.jpg) #fff75e top center repeat-x; padding:0; margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#2c2b07;}



h1,h2,h3,h4,h5{margin:0 0 10px 0; color:#2c2b07;}

h1 {font-size:20px; }

h2 {font-size:20px; }

h3 {font-size:22px; font-weight:100; }

h4 {font-size:13px; }

h5 {font-size:10px; }



.clr{ clear:both;}

em{ color:red;}

img { border:none;}

a { text-decoration:none; color:#2c2b07;}

a:hover { text-decoration:none; color:#FF6600;}

.btn{ background: url(../images/bg-button.jpg) repeat-x; padding: 2px 10px 0 10px; font-size:10px; font-weight:bold ;color:#fff; text-decoration:none; float:right; height:19px; margin:10px 0 0 2px;}

.title h2{position:relative; font-size:30px; display:block; padding:0px; margin:0px;}

.alt{visibility:hidden;}

.title{color:#877f6a; height:36px; padding:3px 0 0 0px; margin: 0 0 10px 0; background:url(../images/line-h2.jpg) no-repeat bottom left;}

embed{position:absolute; left: -5px; top: 0px; }

object{position:absolute; left: -5px; top: 0px; }

p{padding:0px; margin:0px;}

/*--------------------Page--------------------*/



.container{width: 970px; margin:0 auto; padding:0 10px; }







/*--------------------header--------------------*/

.reservation{ background:url(../images/text-reservation.jpg) top left no-repeat; float:right; width:275px; height:34px; margin:1px 0 105px 0; padding:0 20px 0 0 ; text-align:right;}

.header{ width: 970px;height:180px; padding:0px 0 0 0;}

.headerKanan{float:left; width:300px;}

.headerKiri{float: right;width:500px; text-align:right; color:#e76d00; margin: 40px 0 0 0;}

.headerKiri img { padding:0 5px;}



/*--------------------menuTop--------------------*/

.menuTop{width:924px;height:40px; padding: 0 23px; background:url(../images/bg-menu.jpg) no-repeat top center }

.menuTop ul{ padding:0; margin:0;}

.menuTop ul li{ text-decoration:none;font-size:12px; font-weight:bold;list-style:none;  padding:13px ; display:block; float:left;}

.menuTop ul li a{color :#fff ;text-align:center; padding:13px ; display:inline;}

.menuTop ul li a:hover{color:#333333; text-decoration:none; background:url(../images/bg-menu-hover.jpg) repeat-x ;}



/*--------------------side menu--------------------*/

.menuSide{ margin:0 0 10px 0;}

.menuSide ul{ padding:0; margin:0; }

.menuSide ul li{font-size:13px;  list-style:none; padding:5px 0; background:url(../images/line-menu-side.jpg) no-repeat left bottom;}

.menuSide .lastlist {background:none;}

.menuSide ul li a{color :#2c2b07 text-decoration:none; }

.menuSide ul li a:hover{color:#d96001; }



/*--------------------content--------------------*/



.headimages{ height:127px; width:970px;}

.conten{width: 910px; margin:0;  padding:20px 30px 15px 30px; background: url(../images/bg-content-body.jpg) #fff top center no-repeat ;}



.customerService{margin: 0 0 10px 0 ; padding:0 0 7px 0; border-bottom:#958269 dashed 1px;}

.customerService h3{ margin:0 0 3px 0;}



.desContenLeft{ float:left; width:374px;}

.desContenRight{ float:right; width: 210px;}



.cotenLeft{float:left; width:600px;padding:0 10px 0 0; text-align:justify;}

.cotenLeft h1 {margin:0 0 15px 0; }



.cotenInsideLeft{float:left; width:460px; padding:0 10px;}

.contenInsideRight{float:right; width:210px;padding:0 10px;}

.contenRight{ float:right; width:280px; padding:0 0px 0 0; }



.contenRight ul{ margin:5px 0 0 10px; padding:0; }

.contenRight ul li{ list-style:circle inside; }





.ofdeday{ background:url(../images/bg-of-the-day.jpg) bottom center no-repeat; padding: 0 0 20px 15px; margin:0px 0 0 0 ;}

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



.seeRoute{ background:url(../images/bg-area-view.jpg) left top no-repeat; padding:10px 0 0 0; margin-top:1px;}

.seeRoute ul{ margin:0;  padding: 0;}

.seeRoute ul li{ display:inline; font-weight:bold; margin:0 20px 0 5px ;}

.seeRoute ul li a:hover{ color:#a7aa45; text-decoration:none;}

.seeRoute ul li img{ vertical-align:middle;}

.wrpInclude{ background:url(../images/bg-inclucde.jpg) top center no-repeat; padding:0px 20px 15px 20px; margin:20px 0 0 0;}

.wrpInclude h3{ font-size:12px; font-weight:bold; margin:10px 0 5px 0;}

.wrpInclude ul{ margin:5px 0 5px 10px; padding:0; }

.wrpInclude ul li{ list-style:inside; }

.dw_brousur{ margin:0 ; padding:0;}

.dw_brousur li{ display:inline; text-align:center; margin: 10px; float:left;}

.dw_brousur li a{ color:#333333; text-decoration:none;}



/*--------------------Slide--------------------*/

.wrapSlide{width:970px; height:430px; margin: 0 0 0px 0; padding:0px; background: #107d3b;}

.innerSlide{ width:900px; margin:0 auto;  border:#FFFFFF solid 1px;  border-top: none;}

.innerSlideNetwork{ width:770px; height:23px; margin:0 auto;background:url(../images/bg-sosNet.jpg) top no-repeat; padding: 7px 0 0 130px}

.innerSlideKanan, div.content{ float:left; width:583px;}

.innerSlideKiri{ float:left ;width:317px; background:#241e0f; color:#FFFFFF;}

.innerSlideKiri ul{ margin:0; padding:0;}

.innerSlideKiri ul li{ list-style:none; font-size:10px; margin:0; padding:0; background:url(../images/bg-nav-slide.jpg) no-repeat top left; padding:8px 0 10px 40px;}

.innerSlideKiri ul li:hover{ background:url(../images/bg-nav-slide-hover.jpg);}

.innerSlideKiri ul li a{color:#FFF; display:block;}

.innerSlideKiri ul li a:hover{color:#FFF; display:block;}

.innerSlideKiri ul li.selected{background:url(../images/bg-nav-slide-hover.jpg);}



.image-title{ font-size:18px;}

.adp{ font-size:24px; font-weight:bold; padding: 21px 10px 22px 30px;}

.relSlidetumb, .prevSlidetumb, .nextSlidetumb{ float:left;}

.imagescroll{ padding: 20px 0 10px 0;}

.prevSlidetumb,a.prev{ background:url(../images/nav-left-arow.jpg) top center; width:31px;  height:38px; display:block; margin:40px 0 0 0; cursor:pointer; float:left;}

.nextSlidetumb, a.next{ background:url(../images/nav-right-arow.jpg) top center; width:31px;  height:38px; display:block; margin:40px 0 0 0; cursor:pointer; float:left;}

.innertumb{width:275px;float:left; padding:0 2px;}

.innertumbKiri{ float:left; width:148px; padding:6px 5px 8px 8px; background:url(../images/bg-tumb.jpg) top left no-repeat; margin: 0 7px 0 0;}

.innertumbKanan{ float:left; width:105px; color:#9a0e00 }

.innertumbKanan a{color:#ff4f01; font-size:10px; font-weight:bold;}



.innertumbKananTitle{ font-size:16px; font-weight:bold; margin:0 0 5px 0;}

.innertumbKananDes{ margin:0 0 5px 0;}

.scrollable .thumbs {position:absolute;	width:20000em;	clear:both;}

div.scrollable { overflow:hidden;width: 840px; height:130px; float:left; position:relative;}









.btnslideKanan{ float:left; width:80px;}

.btnslideKiri{ float:right; width:80px;}

.mainImages{ float:left;}

.mainImages img{ border:#FFFF00 5px solid;}





/*--------------------tumbnailHome--------------------*/ 

.tumbnailHome{ margin: 10px  auto; width:927px;}

.tumbnailHomeList { padding:0 8px; float:left;}







/*--------------------List Group--------------------*/

.listTumb{padding:0 0 5px 0; margin: 0 0 10px 0;  background:url(../images/border-top.jpg) repeat-x bottom;}

.listTumbImages{ float:left; width:91px ; height:91px; padding:9px 0  0 10px; background:url(../images/bg-list-tumb.jpg) top left no-repeat;}

.listTumbDes{float:right; width:165px; padding:5px 0 0 0;}

.listTumbDes h4{margin:0 0 5px 0;}

.listTumbDes a{ font-weight:bold;}

.listTumbDes a:hover{}



.listTumb .listTumbDesKanan{float:right; width:485px; padding:5px 0 0 0;}



.listTumb .listTumbDesKanan a{color:#000;}

.listTumb .listTumbDesKanan a:hover{text-decoration:none; color:#FF6600;}





/*--------------------sloveleft--------------------*/

.sloveleft {background:url(../images/bg-shado-slove.jpg) bottom no-repeat; padding:0 0 7px 0;margin: 0 0 10px 0;}

.slovesosial {background:url(../images/bg-sosial.jpg) top center no-repeat; padding:6px 10px 20px 10px ;margin: 0 0 0 0;}



/*--------------------Pagign--------------------*/

.paging{font-size:11px; margin: 10px 0;}

.paging span{padding:0 2px 0 2px;}

.paging a{ color:#2c2b07; text-decoration:none;padding:0 2px 0 2px;}

.paging a:hover{text-decoration:underline;}







/*--------------------footer--------------------*/



.footer{  margin:0; padding:20px 10px 30px 10px; margin:0 auto; background:url(../images/bg-footer.jpg) repeat-x top; width:950px; font-size:10px; text-align:left;}

.footer a{color:#009900; text-decoration:none;}

.footer a:hover{color:#fff; }



.footer ul{ padding:0; margin:0 0 7px 0;}

.footer li{ display:inline; padding:0 15px 0 0; }

.footer li a{ color:#d96001; font-size:11px; text-decoration:none;}

.footer li a:hover{color:#fff524; }



/*-------------FORM-----------*/

.textinput, .textinputHovered, .input, .inputbook {height:15px;background:url(../images/input.png) repeat-x left top;border:none;	padding:4px 0px; float:left; font-size:11px; font-family:Arial;}

* html .textinput, * html .textinputHovered, * html .input, * html .inputbook {height:14px;padding:4px 0px;}

.inputleft{width:6px; height:23px; background:url(../images/input_left.png) no-repeat right top; float:left;}

.inputright{width:5px; height:23px; background:url(../images/input_right.png) no-repeat left top; float:left;}

.inputcenter{float:left;}

.selectbook{width:236px; background:url(../images/input.png) repeat-x left top;border:none; float:left;	padding:4px 0px 3px 0px; font-size:11px; font-family:Arial;}

.selectbook option{ background:#707175;color:#FFFFFF; font-size:11px; font-family:Arial;}

.selectbook option:hover{background:#333333; color:#FFFFFF;}

.textarea, .textareaHovered, .textareabook {width:336px;height:125px;background:url(../images/textarea.png) no-repeat left top;	border:none;padding:4px 8px; font-size:11px; font-family:Arial;}

.textalert{color:#F00; font-weight:bold; display:none; font-size:14px;}

.contactbutton, .buttonSend, #buttonclear{ font-size:12px; background: url(../images/button.png) repeat-x; padding:4px 15px 4px 15px; font-weight:bold ;color:#fff; text-decoration:none; float:none; border:none; cursor:pointer;}

.buttonloading{background:url(/assets/js/ajax-loader.gif) 5px 4px no-repeat #3a9fdd; padding-left:20px;}

* html .contactbutton, * html  .buttonSend, * html  #buttonclear{ font-size:12px; background: url(../images/button.png) repeat-x; padding:4px 10px 4px 10px; font-weight:bold ;color:#fff; text-decoration:none; float:none; border:none; cursor:pointer;}