@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px;}

body {
	background-image:url(../images/bg.jpg);
	background-attachment:fixed;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	}

#wrapper {
	width:980px;
	min-height:1915px;
	background-color:#FFF;
	margin:auto;
	box-shadow:0px 0px 10px #333;
	}
/*-----=================HEADER===================-----*/
.clear { clear:both;}
#header {
	width:100%;
	}
.logo {
	float:left;
	width:340px;
	margin:0px 87px 0px 50px;
	}
.address_head p {
	padding-top:28px;
	font-size:10px;
	color:#333;
	text-align:center;
	letter-spacing:1px;
	font-family:Verdana, Geneva, sans-serif;
	}
#menu {
	width:100%;
	height:54px;
	margin:5px 0px 6px;
	background:url(../images/backgroundbutton.jpg) repeat;
	background-size:contain;
	}
#menu ul li {
	float:left;
	list-style:none;
	}
#menu ul li a{
	letter-spacing:1px;
	}
.nav1 {
	width:93px;
	height:44px;
	padding:5px 0;
	}
#index .nav1 {
	background:url(../images/backgroundbuttonactive.jpg) repeat;
	background-size:contain;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	margin-right:3px;
	}
#index .nav1 a, #tempat .nav2 a, #harga .nav3 a, #hubungi .nav4 a {
	color:#0FF;
	}	
.nav1 a {
	height:44px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:26px;
	display:block;
	}
.nav1:hover {
	background:url(../images/backgroundbuttonactive.jpg) repeat;
	background-size:contain;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	margin-right:3px;
	cursor:pointer;
	}
.nav2 {
	width:269px;
	padding:5px 0;
	}
#tempat .nav2 {
	background:url(../images/backgroundbuttonactive.jpg) repeat;
	background-size:contain;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	margin-right:3px;
	}	
.nav2 a {
	color:#FFF;
	text-decoration:none;
	font-size:23px;
	display:block;
	text-align:center;
	line-height:22px;
	}
.nav2:hover {
	width:269px;
	background:url(../images/backgroundbuttonactive.jpg) repeat;
	background-size:contain;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	cursor:pointer;
	}
.nav3 {
	width:295px;
	padding:5px 0;
	}
#harga .nav3 {
	background:url(../images/backgroundbuttonactive.jpg) repeat;
	background-size:contain;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	margin-right:3px;
	}
	
.nav3 a {
	color:#FFF;
	text-decoration:none;
	font-size:23px;
	display:block;
	text-align:center;
	line-height:22px;
	}
.nav3:hover {
	width:295px;
	background:url(../images/backgroundbuttonactive.jpg) repeat;
	background-size:contain;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	margin-right:3px;
	cursor:pointer;
	}
.nav4 {
	width:175px;
	height:44px;
	padding:5px 0;
	}
#hubungi .nav4 {
	background:url(../images/backgroundbuttonactive.jpg) repeat;
	background-size:contain;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	margin-right:3px;
	}		
.nav4 a {
	height:44px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	font-size:24px;
	display:block;
	}
.nav4:hover {
	width:175px;
	background:url(../images/backgroundbuttonactive.jpg) repeat;
	background-size:contain;
	border-top-right-radius:12px;
	border-bottom-right-radius:12px;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:12px;
	-webkit-border-top-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	margin-right:3px;
	cursor:pointer;
	}

/*-----=================slider===================-----*/
#slider {
	width:980px;
	height:236px;
	margin-bottom:50px;
	}
#slider_banner {
	width:380px;
	position:relative;
	z-index:6;
	top:-212px;
	}
#box_slider {
	width:980px;
	height:237px;
	}

/*-----=================sidebar===================-----*/
#point {
	width:100%;
	min-height:100px;
	background-color:#FFF;
	padding-top:30px;
	}
#sidebar {
	float:left;
	width:191px;
	background-color:#FFF;
	padding:5px 8px 10px;
	border-top:3px solid #CF16FE;
	border-right:3px solid #CF16FE;
	border-bottom:3px solid #CF16FE;
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	-moz-border-radius-topright:30px;
	-moz-border-radius-bottomright:30px;
	-webkit-border-bottom-right-radius:30px;
	-webkit-border-top-right-radius:30px;
	box-shadow:3px 4px 4px #666;
	}
.box_sidebar {
	margin:30px 0;
	}
.h2 h2 { font-size:16px;}
.box_sidebar h5 {
	width:175px;
	height:29px;
	background-color:#E2FF00;
	margin:0 0 15px;
	font-size:21px;
	text-align:center;
	letter-spacing:1px;
	}
.box_sidebar p {
	font-size:16px;
	margin-bottom:5px;
	}
.box_sidebar a {
	font-size:15px;
	text-decoration:none;
	color:#00F;
	}
.imgspotlight {
	width:90px;
	float:left;
	margin-right:5px;
	}
/*-----=================CONTENT===================-----*/
#content {
	float:right;
	width:751px;
	min-height:200px;
	background-color:#FFF;
	padding:20px 0;
	}
#content h1 {
	font-weight:bold;
	letter-spacing:1px;
	font-size:38px;
	margin:0 0 40px 15px;;
	color:#90F;
	}
#content h2,h3 {
	font-weight:bold;
	letter-spacing:1px;
	font-size:38px;
	margin:0 0 40px 15px;;
	color:#90F;
	}

/*-----=================CAR===================-----*/

.car {
	margin:0 7.5px 25px 0;
	float:left;
	width:364px;
	height:265px;
	}

.car h4 {
	width:333px;
	padding:1px 0;
	margin:auto;
	text-align:center;
	font-size:27px;
	}
.car h5 {
	width:341px;
	position:relative;
	top:-43px;
	left:19px;
	font-size:21px;
	color:#FFF;
	}
.car img {
	width:369px;
	}
.pesan {
	display:none;
	width:319px;
	height:171px;
	padding:10px 0;
	background:rgba(153,0,255,0.7);
	background-size:cover;
	position:relative;
	top:-260px;
	right:-21px;
	z-index:1;
	text-align:center;
	color:#FFF;
	line-height:30px;
	}
.pesan button {
	background-color:#FF0;
	font-size:10px;
	}
.pesan button:hover {
	background-color:#FFF;
	cursor:pointer;
	}

/*-----=================welcome===================-----*/
#wellcome {
	min-height:400px;
	padding:20px 30px 20px 0px;
	}
#wellcome p {
	margin:18px 0 ;
	font-size:16px;
	line-height:30px;
	text-align:justify;
	}
#wellcome h5{
	color:#F0F;
	font-size:19px;
	}
#wellcome a {
	color:#90F;
	text-decoration:none;
	}
/*-----=================fotter==================-----*/
#footer {
	width:100%;
	height:168px;
	background-image:url(../images/fotter.jpg);
	background-repeat:no-repeat;
	}
.box_footer {
	float:left;
	width:286px;
	min-height:103px;
	padding:8px 15px 0px 20px;
	}
.box_footer p {
	margin-top:3px;
	color:#FFF;
	}
.box_footer a {
	margin-top:3px;
	color:#FF0;
	text-decoration:none;
	}
.box_footer a:hover {
	color:#FFF;
	cursor:pointer;
	}
.box_footer h4 {
	margin-bottom:10px;
	font-size:19px;
	color:#0FF;
	}
.logo_alamat {
	width:30px;
	margin-right:8px;
	float:left;
	}
.ket {
	line-height:31px;
	}
.ket1 {
	line-height:25px;
	}
/*-----=================pulau lombok==================-----*/
.CONTENT_pulau_lombok {
	padding:0 20px 15px 15px;
	line-height:30px;
	font-size:16px;
	margin:18px 0;
	text-align:justify;
	}
.CONTENT_pulau_lombok a {
	text-decoration:none;
	color:#90F;
	}
.CONTENT_pulau_lombok a:hover {
	color:#F0F;
	cursor:pointer;
	}
.CONTENT_pulau_lombok2 {
	padding:0 20px 0px 15px;
	line-height:30px;
	font-size:16px;
	margin:18px 0;
	text-align:justify;
	}
.ul_pulau_lombok {
	padding:0 20px 15px 28px;
	line-height:30px;
	font-size:16px;
	margin:0 0 18px 0;
	text-align:justify;
	}
/*-----=================link==================-----*/
#link_blog {
	padding:0 20px 15px 15px;
	}
#link_blog h3 {
	font-size:24px;
	color:#F0F;
	padding:15px 0px;
	}

/*-----=================wisata lombok box==================-----*/
.wisata_lombok_box {
	width:220px;
	height:203px;
	float:left;
	margin:0 16px 16px -1px;
	text-decoration:none;
	color:#000;
	}
.wisata_lombok_box img {
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	}
.wisata_lombok_box h4 {
	background:rgba(153,0,255,0.5);
	color:#FFF;
    width:150px;
	padding:2px 0 2px 9px;
	position:relative;
	top:-201px;
	left:-6px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	}
/*-----=================harga sewa mobil di lombok==================-----*/	
#harga_sewa_mobil {
	padding:0 20px 15px 10px;
	}
#harga_sewa_mobil h2{
	color:#000;
	padding:15px 0px;
	text-decoration:none;
	}
#harga_sewa_mobil h4{
	font-size:25px;
	color:#000;
	padding:15px 0px;
	text-decoration:none;
	}
#harga_sewa_mobil a {
	color:#90F;
	padding:15px 0px;
	text-decoration:none;
	}
/*-----=================harga box==================-----*/	
.harga_box {
	width:717px;
	min-height:300px;
	padding:4px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:2px 1px 2px #666;
	-moz-box-shadow:2px 1px 2px #666;
	-webkit-box-shadow:2px 1px 2px #666;
	margin-bottom:15px;
	}
.th {
	font-size:23px;
	padding:5px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;
	box-shadow:2px 1px 2px #666;
	-moz-box-shadow:2px 1px 2px #666;
	-webkit-box-shadow:2px 1px 2px #666;
	}
.td {
	padding:5px;
	text-align:center;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	}
.td img {
	width:224px;
	}
.tdcolor {
	border-radius:5px;
	padding:1px 7px;
	background:#000;
	color:#FFF;
	}
.tdcolor1 {
	border-radius:5px;
	padding:1px 7px;
	background:#F3F;
	color:#FFF;
	}
/*-----=================kontak kami==================-----*/
.kontak_kami {
	margin-bottom:20px;
	padding:0 20px 15px 15px;
	line-height:30px;
	font-size:16px;
	margin:18px 0;
	text-align:justify;
	}
#kk {
	padding:0 20px 15px 15px;
	
	margin-bottom:20px;
	}
#kk p {
	font-weight:bold;
	font-size:16px;
	}
.kk_tr td {
	padding:10px 0px;
	}
#map {
	margin:0 20px 15px 15px;
	width:700px;
	height:300px;
	background-color:#CCC;
	}

.button_harga button {
	font-size:17px;
	color:#F0F;
	}
.button_harga button:hover {
	background-color:#FF0;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	}