@charset "utf-8";

/* CSS Document */



body { background: #fff ; padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#717171;}

h1,h2,h3,h4,h5{margin:0 0 10px 0;  color:#717171;}
h1 {font-size:20px;  }
h2 {font-size:20px;font-weight:100; }
.title h2{position:relative; font-size:18px; display:block; padding:0px; margin:0px;}
.alt{visibility:hidden;}
.title embed{position:absolute; left: 0px; top: 0px; }
.title object{position:absolute; left: 0px; top: 0px;   }

h3 {font-size:16px; }
h4 {font-size:12px; }
h5 {font-size:10px; }
.title{background:#abddfe; height:25px; padding:5px 0 0 0px; margin: 0 0 10px 0;}
.title span{color:#014b6f;}
.clr{ clear:both;}
img { border:none;}
a { text-decoration:none; color:#cf203f;}
a:hover { text-decoration:underline; color:#333333;}
hr{ border:none; height:1px; background:#6970a4;}


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



/*--------------------header--------------------*/
.header{ width: 1000px; padding:0 0 1px 0; margin:0 auto; background:url(../images/bg-header.jpg) center top no-repeat;}
.headerKanan{float:left; width:251px; padding: 0 0 0 20px;}
.headerKiri{float: right;width:240px; height:130px; text-align:left; color:#e76d00; margin:0px; border-left:#666666 solid 1px; padding: 0 0 0 10px;}
.headerKiri ul{ padding:10px 0 10px 0; margin:0 0 10px 0; border-bottom:#666666 solid 1px;}
.headerKiri li{list-style:none; padding:0px 0px 5px 0px;}
.headerKiri li a{color:#666666; font-size:11px; text-decoration:none}
.headerKiri li a:hover{color:#6970a4; }

/*--------------------menuTop--------------------*/
.menuTop{color:#FFF; margin: 0px; background:#cf203f;height:30px; width:1001px; }
.menuTop ul{ padding:0px; margin:0;}
.menuTop li{ float:left; line-height:30px; list-style:none; text-transform: uppercase;}
.menuTop li a{color:#fff; font-size:12px; padding:0 11px; text-decoration:none;display:block; line-height:30px;}
.menuTop li a:hover{color:#FFF; background:#6970a4;height:30px;padding:0 10px; border:#fff solid 1px; border-bottom:none; border-top:none; }

.MenuLeft{}
.MenuLeft ul{ margin:0; padding:0px;}
.MenuLeft li{line-height:25px; width:237px;  display:block; border-bottom:#d5d7e2 solid 1px; }
.MenuLeft li a{ padding:0 0 0 10px; color:#717171;}
.MenuLeft li a:hover{ background-color:#d5d7e2; display:block ; text-decoration:none;}

.bar{background:#e9ebf0; height:50px; margin:0 0 8px 0; padding: 10px 10px;	position:relative;}
.contenRight .bar{background:#e9ebf0; height:10px; margin:0 0 8px 0; padding: 10px 10px;	}

.barLeft{float:left; width:500px; margin: 10px 0 0 10px; }
.barLeft h2{color:#cf203f; text-transform: uppercase;}

.barRight{ float:right; width:230px; padding: 0 0 0 10px}
.barRight ul{ padding:0px; margin:0 ;}
.barRight li{list-style:none; padding:0px 0px 3px 0px;}
.barRight li a{color:#6970a4; font-size:11px; text-decoration:none}
.barRight li a:hover{color:#6970a4; }
.barRight li img{ margin: 0 3px 0 0; vertical-align:bottom;}
/*--------------------content--------------------*/
.container{width: 1000px; margin:0 auto 10px auto; padding:0px; }

.cotenLeft{float:left; width:240px;padding:0}
.cotenInsideLeft{float:left; width:505px; margin:0 0px 0 0;}
.cotenInsideLeftLeft{float:left; width:251px;padding:0 0px 0 0;}
.cotenInsideLeftRight{float:right; width:252px;padding:0 0px 0 0;}
.purpleText{ color:#6970a4; height:160px;}
.purpleText h3, .purpleText a,.slovetextUnhome h3{color:#cf203f; font-weight:100; height:36px;}
.purpleText .more{padding:0px 0px; text-align:right;}

.contenInsideRight{float:right; width:250px;padding:0 0px;}
.contenRight{ float:right; width:757px;padding:0 0px 0 0;}
.contenRight ul{ margin:0 0 0 20px;  padding:0;}
.contenRight li{ list-style:url(../images/bg-list-li.jpg);}


/*--------------------Slide--------------------*/
.slide{width:505px; height:276px; margin: 0 0 2px 0; position:relative;}
.slideimages{ height:276px; width:505px; z-index:1;}
.slideimages ul{padding:0px; margin:0px; list-style:none; }
.slideimages li{ list-style:none; display:none;}
.loading{ background:  url(/assets/js/loading.gif) center no-repeat #FFF;  height: 276px; }

.slideDes{ width:485px; height:30px; position:absolute; bottom:2px; left:0px; font-size:12px; font-weight:bold; color:#fff; padding:10px;}
.bgslideDes{height:45px; background:#000000; filter: alpha(opacity = 50); opacity:0.5;  width:505px; position:absolute; bottom:4px; left:0px;}
*html .bgslideDes{bottom:0px;}
.btnslideKanan{ float:left; width:80px;}
.btnslideKiri{ float:right; width:80px;}
.mainImages{ float:left;}
.mainImages img{ border:#FFFF00 5px solid;}

.detailviewtumb{margin:5px; text-align:center;}
.detailviewtumb img{padding:5px}


/*--------------------SLOVE--------------------*/ 
.title{background:#d5d7e2; height:25px; padding:5px 0 0 10px; margin: 0 0 0px 0;}
.sloveForm{background:#e9ebf0;  margin: 0 0 2px 0; padding: 0 10px;}
.slove{  margin: 0 0 2px 0; padding: 0px;}
.slovetext{background:#e9ebf0;  margin: 0 0 2px 0; padding:10px 10px;}
.slovephotos {margin: 0 0 2px 0; padding:0px 0px 0px 10px;}
.slovetextUnhome{margin: 0 0 2px 0; padding:0px 0px 0px 10px;}
.slovetextUnhome table, .contenRight table{ margin:5px 0;}
.contenRight tr td{ vertical-align:top;}
.slovetext p {height: 90px;}



/*--------------------form input--------------------*/
form{ margin:0; padding:0;}
.reserHome{ margin:0 0 10px 0;}
.reserHome td{ padding:7px 0 0 0;}
.reserHome td img{ vertical-align:middle;}
.btn{ font-size:10px; background:#b5b5b5; padding: 1px 8px 0 8px; font-weight:bold ;color:#717171; text-decoration:none; float:right; height:15px; margin:0px 0 0px 0px;}
.btn_input{  border-style:solid;border-width:2px 3px;border-color:#6970A4;background-color:#6970A4;text-align:center; color:#fff;font-weight:bold;}
.btn_book{  border-style:solid;border-width:2px 3px;border-color:#cf203f;background-color:#cf203f;text-align:center; color:#fff; font-weight:bold;}
input, select { font-size:11px; co}

.navibtn{margin:5px 0; border-bottom:#6970a4 solid 1px; padding: 5px;}
.navibtnLeft{ float: left; width:500px;}
.navibtnRight { float:right; width:200px; text-align:right;}


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

.listTumb{padding:0 0 10px 0; margin: 0 10px 10px 0;border-bottom:#6970a4 1px dashed;}
.listTumbImages{ float:left; width:120px; padding:0 }
.listTumbDes{float:left; margin-left:10px; width:600px;}

.ContenlistTumb{padding:0 0 10px 0; margin: 0 10px 10px 0;border-bottom:#6970a4 1px dashed;}
.ContenIamgesList{ float:left; width:150px;}
.ContenDesList{ float:left; width:575px; margin: 0 0 0 10px;}


/*--------------------Down Adv--------------------*/
.downadv {background:url(../images/sekat-bg-maroon.jpg) bottom no-repeat; padding:0 0 10px 0;margin: 0 0 10px 0;}
.downadv img{margin: 0 0 10px 0; }
.downadv h4{margin:0 0 5px 0;} 

/*--------------------Paging--------------------*/
.paging{font-size:11px; margin: 10px 0;}
.paging span{margin-right: 2px; padding: 2px 5px 2px 5px;border: 1px solid #ccc;
background:#6970a4; color:#fff; }
.paging a{margin-right: 2px; padding: 2px 5px 2px 5px;border: 1px solid #ccc;
background:#e9ebf0; color:#666; }
.paging a:hover{color:#fff ;background-color:#6970a4;text-decoration: none}


.tumSubcribe{ width:458px; height:37px; padding:15px 0 0 0; background:url(../images/bg-sub-scribe.jpg) no-repeat top left; float:right;}
/*--------------------footer--------------------*/

.footer{  margin:0px auto 20px auto; padding:10px 0 0px 0; width:990px; font-size:11px; border-top:#6970a4 solid 1px; color:#6970a4;}

.footerLeft{ float:left; width:500px;}
.footerLeft span{font-size:10px;}
.footerLeft a{color:#B3263F;}
.footerLeft ul{ padding:0px; margin:0px;}
.footerLeft li{ float:left;list-style:none;}
.footerLeft li a{color:#6970a4; font-size:11px; padding:0 10px 5px 0; text-decoration:none;display:block;}
.footerLeft li a:hover{color:#6970a4;}

.footerRight{ float:right; width:200px; text-align:right;}


/*
.textinput, .textinputHovered, .input, .inputbook 
{width:236px;height:15px;background:url(../images/input.png) repeat-x left top;border:none;	padding:4px 0px; float:left;}
.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:3px 0px 2px 0px;}
.selectbook option{ background:#707175;color:#FFFFFF;}
.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;}
.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;}

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

/*testimonial form*/
.tellinput{width:160px;height:15px;background:url(../images/input.png) repeat-x left top;border:none;	padding:4px 0px; float:left;}
#BoxTellfriend{display:none; position:absolute; top:45px; right:0px; width:290px; height:150px; background:#FFF; border:1px #e9ebf0 solid; z-index:10; padding:5px;}
#BoxTellfriendclose{text-align:right; cursor:pointer;}
#BoxTellfriendcontent{color:#000; font-size:10px; font-weight:bold; min-height:30px; _height:3px;} 
/* #contactbutton{background:#CCC; border:#e9ebf0 solid 1px; cursor:pointer;} */
#sendtofriend{background:#CCC; border:#e9ebf0 solid 1px; cursor:pointer;}
#BoxTellfriend .loading{background:url(/assets/js/loading.gif) center no-repeat #FFF; height:130px;}
.texalert{color:#F90; padding-left:2px; font-weight:bold;}






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

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

* 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:3px 0px 2px 0px;}

.selectbook option{ background:#707175;color:#FFFFFF;}

.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;}
.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;}