@charset "utf-8";
/* CSS Document */
.framegallery{
	
	width:580px;
	height:350px;
	padding:2px;
	

	background-color:#FFFFFF;
	border:solid 0px #333333;
	
	
	
	float:left;
}

.kotakgal1{
	width:200px;
	height:347px;
	
	
	border: solid 0px #990000;
	overflow:hidden;
	float:left;
	
}	

.kotakgal1:hover{
	
	opacity: 0.3;
	
}	

.kotakgal2{
	width:180px;
	height:175px;
	
	border: solid 0px #33CC66;
	overflow:hidden;
	float:left;
	
}	

.kotakgal2:hover{
	
	opacity: 0.3;
	
}	


.kotakgal3{
	width:180px;
	height:175px;
	
	border: solid 0px #FFFFFF;
	overflow:hidden;
	float:left;
	
}

.kotakgal3:hover{
	
	opacity: 0.3;
	
}	


.kotakgal4{
	width:360px;
	height:173px;
	
	border: solid 0px #33CC66;
	overflow:hidden;
	float:left;
	
}

.kotakgal4:hover{
	
	opacity: 0.3;
	
}	


.framepotensi{
	
	width:600px;
	height:350px;
	padding:2px;
	margin-left:5px;
	

	background-color:#FFFFFF;
	border:solid 0px #333333;
	
	
	
	float:left;
}	



.framepp_content_gl{
	display:block;

	 width:1200px;
	 height:auto;
	 margin-top:5px;
	 margin: 0 auto;
	 padding:5px;
	 border:solid 0px #0033CC;
	
}

.kotakwisata{
		width:190px;
		height:347px;
		border:solid 0px #666666;
		float:left;
		margin-left:4px;
		overflow:hidden;
		
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.39);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.39);
			

}

.kotakwisata2{
		width:189px;
		height:247px;
		border:solid 0px #666666;
		float:left;
		margin-left:0px;
		overflow:hidden;
		
		border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		
			

}

.kotakwisata2:hover{
		width:210px;
		height:267px;
		
			

}

.kotakwisata3{
		width:189px;
		height:90px;
		border:solid 0px #666666;
		float:left;
		margin-left:3px;
		margin-right:3px;
		padding-top:10px;
		overflow:hidden;
		font:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-stretch:ultra-condensed;
		color:#333333;

}

.gambar{
			width:189px;
			height:247px;	

}

.gambar:hover{
			width:289px;
			height:347px;	

}



@media screen and (max-width:480px) {

.framepp_content_gl{
	display:block;

	 width:100%;
	 height:auto;
	 margin-top:5px;
	  margin: 0 auto;
	
	
	
}

.framegallery{
	
	width:390px;
	height:520px;
	margin-bottom:20px;
	background:none;
	
}

.framepotensi{
	
	width:100%;
	height:350px;
	padding:2px;
	margin-left:5px;
	background:none;
	
	border:solid 0px #333333;
	
	
	
	float:left;
}

.kotakwisata{
		width:150px;
		height:347px;
		border:solid 0px #666666;
		float:left;
		margin-left:4px;
		margin-top:4px;
		overflow:hidden;
		
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.39);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.39);
			

}

.kotakwisata2{
		width:149px;
		height:247px;
		border:solid 0px #666666;
		float:left;
		margin-left:0px;
		overflow:hidden;
		
		border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
		
			

}

.kotakwisata2:hover{
		width:210px;
		height:267px;
		
			

}

.kotakwisata3{
		width:148px;
		height:90px;
		border:solid 0px #666666;
		float:left;
		margin-left:3px;
		margin-right:3px;
		padding-top:10px;
		overflow:hidden;
		font:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-stretch:ultra-condensed;
		color:#333333;

}	
}