/* CSS Document */

body{
	background-color:white; margin: 0px 0px 0px 0px; padding-top:0px;
	}

#cont
	{
	background-color:#A39770;
	position:relative;
	}
	
#top
	{
	width:90%;
	top:0px;
	margin-left:5%;
	color:red;
	background-color:#C7B07B;
	height:28px;
	box-shadow: 1px 1px 2px grey;
	position:fixed;
	z-index:110;
	}

	
#bc
	{
	width:100%;
	background-color:#705B35;
	height:20px;
	border-top:solid #C7B07B 3px;
	border-bottom:solid #705B35 3px;

	}
	.bc2{margin-left:20px;
	color:#FFF6D9;}
#shadow
	{
	width:90%;
	margin-left:5%;
	top:0px;
	color:purple;
	height:796px;
	background:pink;
	/*box-shadow:1px 1px 2px grey;*/
	box-shadow:5px 0 5px -3px grey, -5px 0 5px -3px grey;
	position:absolute;
	z-index:79;} 
	
	#shadow2
	{
	width:90%;
	margin-left:5%;
	top:0px;
	color:purple;
	height:796px;
	background:pink;
	/*box-shadow:1px 1px 2px grey;*/
	box-shadow:5px 0 5px -3px grey, -5px 0 5px -3px grey;
	position:absolute;
	z-index:79;} 
	
	.judul{
	margin-left:20px;
	margin-right:20px;}
#content{
	width:90%;
	top:80px;
	height:716px;/*596*/
	margin-left:5%;
	position:absolute;
	background:#FFF6D9;
	z-index:91;
	}
		
#content2{
	width:90%;
	top:80px;
	height:716px;
	margin-left:5%;
	position:absolute;
	background:#FFF6D9;
	z-index:91;
	}
		#box
		{
		color:red;
		height:230px;
		width:50%;
		position:absolute;
		}

		#box2
		{
		height:230px;
		width:50%;
		float:right;
	    position:static;
		}

		#box3
		{
		height:230px;
		top:230px;
		width:50%;
		position:relative;
		}

		#box4
		{
		top:230px;
		height:230px;
		width:50%;
		float:right;
		position:static;
		}
		
		#box5
		{
		top:486px;
		height:230px;
		width:50%;
		position:absolute;
		}
		
		#box6
		{
		top:230px;
		height:230px;
		width:50%;
		left:50%;
		position:relative;}
		
.tbl
	{
	padding:10px;
	width:200px;
	height:20px;
	}


.tbl3
	{
	margin-left:220px;
	margin-top:39px;
	float:left;
	font-size:20px;
	color:#705B35;
	font-weight:bold;
}	

.tbl6
	{
	margin-left:35px;
	margin-top:39px;
	float:left;
	font-size:20px;
	color:#705B35;
	font-weight:bold;
}	

.tbl4
	{
	margin-left:200px;
	margin-top:39px;
	float:left;
	font-size:20px;
	}
	
.tbl5
	{
	margin-left:150px;
	margin-top:39px;
	float:left;
	font-size:20px;
	}
	
#extra
	{
	width:90%;
	top:0px;
	margin-left:5%;
	color:#CCFFCC;
	background-color:#C7B07B;
	height:80px;
	box-shadow: 1px 1px 2px grey;
	position:absolute;
	z-index:80;
	}
	

.pesan
	{
	float:left;
	margin:-550px 0px 0px 70px;
	padding:50px 0px 50px 0px;
	background-color:#E8D9AC;
	height:2px;
	width:200px;
	box-shadow:1px 1px 2px grey;
	position:absolute;
	z-index:106;
	}
	
.logo
	{
	margin:-500px 0px 0px 70px;
	padding:50px 0px 20px 0px;
	background-color:#FFF6D9;
	height:150px;
	width:200px;
	box-shadow:1px 1px 2px grey;
	position:absolute;
	z-index:105;

	}
	
#topdiv
	{
	background-color:#CC9999;
	background-size:100% 550px;
	width:100%;
	margin:0px;
	padding:0px;
	top:0px;
	color:purple;
	height:550px;
	/*box-shadow:1px 1px 2px grey;*/
	box-shadow:inset 0 -1px 1px rgba(0,0,0,0.5), 1px 1px 2px grey;
	}
	
#topdivcopy
	{
	width:100%;
	margin:0px;
	padding:0px;
	top:0px;
	color:purple;
	height:796px;
	background:#E8D9AC;
	/*box-shadow:1px 1px 2px grey;*/
	box-shadow:inset 0 -1px 1px rgba(0,0,0,0.5), 1px 1px 2px grey;
	position:relative;
	z-index:78;
	}
	
	#topdivcopy2
	{
	width:100%;
	margin-top:-219px;
	padding:0px;
	top:0px;
	color:purple;
	height:796px;
	background:#E8D9AC;
	/*box-shadow:1px 1px 2px grey;*/
	box-shadow:inset 0 -1px 1px rgba(0,0,0,0.5), 1px 1px 2px grey;
	position:relative;
	z-index:78;
	}
	
#header
	{
	position:absolute;
	top:550px;
	padding:0px;
	width:100%;
	height:250px;
	background-color:#E8D9AC;
	box-shadow:1px 1px 2px grey;
	}
	

#footer
	{
	margin-top:70px;
	width:100%;
	height:400px;
	background-color:#99FF99;
	box-shadow:1px 1px 2px grey;
	}
	
#footer2
	{
	margin-top:0px;
	width:100%;
	height:150px;
	background-color:#99CC00;
	box-shadow:1px 1px 2px grey;
	position:absolute;
	}

#f1
	{
	margin-top:161px;
	background-color:#C7B07B;
	height:250px;
	width:100%;
	}
	
	#f2
	{
	margin-top:0px;
	background-color:#C7B07B;
	height:250px;
	width:100%;
	}
	
.carikamar{
margin-top:2px;}

.text
	{
	margin-top:220px;
	}
	
td
	{
	padding-left:15px;
	}
	
.nn
	{
	margin-left:50px;
	}
	
.cari
	{
	float:right;
	margin-top:40px;
	margin-right:10px;
	}
	

.try
	{
	float:left;
	margin-top:20px;
	margin-right:0px;
	margin-left:10px;
	padding:5px;
	top:15px;
	height:75px;
	width:175px;
	}

		ul
			{
			list-style:none; padding:0px; margin:0px;
			}
		ul li
			{
			display:block; position:relative; float:left; border:0px;
			}
		li ul
			{
			display:none;
			}
		ul li a
			{
			display:block; padding:2px 10px 2px 10px; text-decoration:none;
			}
		ul li a:hover
			{
			background: #E8D9AC;
			}
		li:hover ul
			{
			display:block; position:absolute;
			}
		li:hover li
			{
			float:none;
			}
		.x li:hover a
			{
			background-color:#E8D9AC;
			}
		li:hover a
			{
			background:#E8D9AC;
			}
		li:hover li a:hover
			{
			background:#000;
			}
		#drop nav li ul li
			{
			border-top:0px;
			}



#fotoFas
	{
	width:100%;
	height:400px;
	background-color:#993366;
	margin-top:2px;
	}
#ketFas
	{
	width:100%;
	height:219px;
	background-color:#999999;
	}
	
#fotohotel
	{
	background-image:url(LOGO.png);
	background-repeat:no-repeat;
	background-position:center;
			height:300px;	}

.form
	{
	width:25px;
	margin-left:25px;
	}
	
.nama
{
margin-left:0px;
}
.textF{
margin-top:20px;
margin-left:0px;
padding-top:0px;}
.textF2{
margin-top:0px;
margin-left:0px;}

	.height{
			padding:0px 0px 0px 0px;}
		
.ubaya{
			top:20px;
		height:70px;
		width:200px;}
		
	.logohotel{
	margin-top:-22px;	height:90px;
	margin-left:7px;
	width:200px;}
	
	.tbl2
	{
	float:right;
	margin-top:-2px;
	margin-left:360px;
	font-size:12px;
		position:absolute;

	}
.tbl9
	{
	float:right;
	margin-top:2px;
	margin-left:720px;
	font-size:12px;
		position:absolute;

	}
	.small{
	height:35px;
	width:80px;
	margin-top:-2px;
	margin-right:0px;
	float:right;}
	
	.sp:link{
	color:#73603D;
	text-decoration:none;}
		.sp:active{
	color:#73603D;
	text-decoration:none;}
		.sp:hover{
	color:#73603D;
	text-decoration:none;}
		
		
.menu:link{	color:#705B35;
text-decoration:none;}
.menu:hover{	color:#705B35;
text-decoration:none;}
.menu:active{	color:#705B35;
text-decoration:none;}
.menu:visited{
color:#705B35;text-decoration:none;}
.username:link{coloe:white;
text-decoration:none;}
.username:hover{coloe:white;
text-decoration:none;}
.username:active{coloe:white;
text-decoration:none;}
.username:visited{coloe:white;
text-decoration:none;}


#kontak2{
margin-top:20px;}