body

{

	background-color: rgba(51, 184, 221, 0.2); 

	/*

	padding: 0;

	margin: 0;

	*/

	margin-bottom: 100px;

	font-family: 'Open Sans', sans-serif;

}



marquee{

	width: 75%;

}

.nomer
{
	float: left;
}

.isi
{
	text-align:justify; 
	margin-left:50px;
}

.is
{
	text-align:justify; 
	margin-left:11px;
}

.quel
{
	text-align:left; 
	margin-left:90px;
}

.tg
{
	border-collapse: collapse;
	border-spacing: 0px;
}

.tg td {
	font-size:14px;
	padding:10px 5px;
	overflow:hidden;
	word-break:normal;
}

.none table, .none tr, .none td, .none th
{
	margin: 0;
	border: none;
}


.highlight {

	background-color: #fff34d;

	-moz-border-radius: 5px; /* FF1+ */

	-webkit-border-radius: 5px; /* Saf3-4 */

	border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */

	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */

}



.highlight {

	padding:1px 4px;

	margin:0 -4px;

}



.black-box

{

	margin-left: 15px; 

	color: #FFFFFF; 

	background-color: #000; 

	font-size: 11px;

}



.black-box2

{

	background-color: #000; 

	color: #ffffff;

	margin-right: 15px;

}



.content

{

	padding-right: 20px;

	padding-top: 20px;

	padding-left: 20px;

	margin-right: auto;

	margin-left: auto;

}



.container1 {

	padding-right: 15px;

	padding-left: 15px;

	margin-right: auto;

	margin-left: auto;

}



.container1:before,

.container1:after {

	display: table;

	content: " ";

}



.container1:after {

	clear: both;

}



.container1:before,

.container1:after {

	display: table;

	content: " ";

}



.container1:after {

	clear: both;

}



* 

{

	box-sizing: border-box;

}



*:before, *:after 

{

	box-sizing: border-box;

}



table, tr, th, td

{

	margin: auto;

	padding: auto;

	border: 1px solid black;

}



i 

{

	font-weight: bold;

}



tr

{

	height:10px;

}



th

{

	height: 10px;

}



th.kiri

{

	text-align: left;

}



th.kanan

{

	text-align: right;

}



th.tengah

{

	text-align: center;

}



td

{

	height: 10px;

}



td.kiri

{

	text-align: left;

}



td.kanan

{

	text-align: right;

}



td.tengah

{

	text-align: center;

}



m{

	font-style: italic;

	font-family: Minion Pro;

}

/*div.isi m:last-child{*/
	div.isi m{
		/*padding-top: 30px;*/
		/*border: 1px solid gray;*/
		/*background-color: gray;*/
		opacity: 0.7;
		/*content: </br>*/
		/*position: absolute;*/
	}



	mi{

		font-style: italic;

	}



	header

	{

		width: 100%;

		max-width: 100%;

	}



	nav

	{

		background: black;

	}



	nav > ul > li

	{

		display: inline-block;

	}



	nav > ul > li > a 

	{

		padding-left: 20px;

		color: #FFFFFF;

		text-decoration: none;

	}



	h4

	{

		font-weight: normal;

	}



	ul.dialog

	{

		list-style-type: square;

	}



	td.tda

	{

		height: 300px;

		padding-bottom: 270px;

	}



	.gambar

	{

		list-style-image: url('../img/gambarlist.png');

	}



	.bab

	{

		vertical-align: middle;

		text-align: center;

		font-size: 25px;

		width: 55px;

		height: 35px;

		background-color: #DDD;

		border: 1px solid #333;

		border-radius: 5px;

		margin-top: 18px;

	}



	.center-caption

	{

		text-align: center;

		font-size: 19px;

		padding: 10px;

		border: 1px solid #333;

	}



/* Special for index.html

.page

{

	background-color: #FFFFFF;

	padding-left: 50px;

	padding-right: 50px;

	margin-left: 80px;

	margin-right: 80px;

}

*/

teks

{

	font-size: 10px;

	margin-top: 10px;

	margin-bottom: 10px;

	font-weight: normal;

	line-height: 100%;

}

.page-wrap

{

	display: inline-block;

	width: 100%;

}



.img-scene

{

	max-width: 100%;

	height: auto;

	vertical-align: middle;

	z-index: 0;

}



.center-block

{

	margin: auto;

	padding: auto;

}



.block-title

{

	text-align: center;

}



.daftar-isi

{

	padding-top: 30px;

}



.daftar-isi-image

{

	margin-left: 50px;

	width: 60px;

	height: auto;

}



.daftar-isi-text

{

	padding-top: 10px;

	font-size: 17px;

}



/*

.row

{

	content: " ";

	float: left;

	width: 714px;

	margin-right: -15px;

  	margin-left: -15px;

}



.col-md-3

{

	padding-right: 15px;

  	padding-left: 15px;

	float: left;

	position: relative;

  	min-height: 1px;

  	width: 33.33333%;

}

*/

.btn-kanan

{

	margin-left: -20px;

}

.bataskiri

{

	margin-left:10px;

}



.batasbab

{

	margin-top:-25px;

}



.batasbabkiri

{

	margin-left: -10px;

	margin-top:-25px;

}



.batasbabkanan

{

	margin-right: -10px;

}



.bawahbab

{

	padding-top:10px;

}



.batastombolkanan

{

	margin-right:-15px;

}



.batastombolkiri

{

	margin-left: -10px;

}



.text-spacing

{

	padding-left: 60px;

}



.text-spacing1

{

	padding-left: 2px;

}



.text-spacing2

{

	padding-left: 24px;

}



.text-spacing21

{

	padding-left: 35px;

}



.text-spacing3

{

	padding-left: 42px;

}



.text-spacing31

{

	padding-left: 55px;

}



.title-bar

{

	text-align: center;

}



.book-description

{

	text-align: center;

	padding-top: 200px;

}



.inner

{

	float: left;

}



.collumn

{

	width: 50%;

	display: block;

	height: auto;

	float: left;

}



.left-side

{

	width: 100px;

	position: absolute;

}



.left-content

{

	margin-left: 130px;

}



.right-side

{

	width: 30%;

	float: right;

}



.right-content

{

	width: 70%;

	float: left;

}



.button

{

	width: 45px;

	display: block;

	height: auto;

	padding-bottom: 10px;

	padding-top: 5px;

}



.button:hover

{

	cursor: pointer;

}



.buttonbesar

{

	max-width: 100%;

	display: block;

	margin-right: auto;

	margin-left: auto;

	max-height: 100%;

	padding-bottom: 10px;

	padding-top: 5px;

}



.btn-sm

{

	width: 25px;

	height: auto;

}



.btn-lg

{

	width: 100px;

	height: auto;

}



.rectangle-speech-border 

{

	position: relative;

	padding: 50px 15px;

	margin: 1em 0px 3em;

	border: 10px solid #5A8F00;

	text-align: center;

	color: #333;

	background: none repeat scroll 0% 0% #FFF;

	border-radius: 20px;

}



.rectangle-speech-border:after {

	content: "";

	position: absolute;

	z-index: 10;

	bottom: -40px;

	left: 50px;

	width: 20px;

	height: 30px;

	border-style: solid;

	border-width: 0px 10px 10px 0px;

	border-color: #5A8F00;

	background: none repeat scroll 0% 0% transparent;

	border-bottom-right-radius: 40px 50px;

	display: block;

}

.rectangle-speech-border:before {

	content: "";

	position: absolute;

	z-index: 10;

	bottom: -40px;

	left: 50px;

	width: 50px;

	height: 30px;

	border-style: solid;

	border-width: 0px 10px 10px 0px;

	border-color: #5A8F00;

	background: none repeat scroll 0% 0% transparent;

	border-bottom-right-radius: 80px 50px;

	display: block;

}



.rectangle-speech-border > :first-child:after {

	content: "";

	position: absolute;

	bottom: -10px;

	left: 70px;

	width: 20px;

	height: 15px;

	background: none repeat scroll 0% 0% #FFF;

}

.rectangle-speech-border > :first-child:before {

	content: "";

	position: absolute;

	bottom: -40px;

	left: 45px;

	width: 10px;

	height: 10px;

	background: none repeat scroll 0% 0% #5A8F00;

	border-radius: 10px;

}



blockquote p {

	margin: 0px;

	font-size: 2em;

}



p.speech

{

	position: relative;

	width: 200px;

	height: 116px;

	text-align: center;

	line-height: 100px;

	background-color: #fff;

	border: 8px solid #666;

	-webkit-border-radius: 30px;

	-moz-border-radius: 30px;

	border-radius: 30px;

	-webkit-box-shadow: 2px 2px 4px #888;

	-moz-box-shadow: 2px 2px 4px #888;

	box-shadow: 2px 2px 4px #888;

}





p.speech:before

{

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

	left: 30px;

	top: 100px;

	border: 25px solid;

	border-color: #666 transparent transparent #666;

}



p.speech:after

{

	content: ' ';

	position: absolute;

	width: 0;

	height: 0;

	left: 38px;

	top: 100px;

	border: 15px solid;

	border-color: #fff transparent transparent #fff;

}



p.thought

{

	position: relative;

	width: 130px;

	height: 100px;

	text-align: center;

	line-height: 100px;

	background-color: #fff;

	border: 8px solid #666;

	-webkit-border-radius: 58px;

	-moz-border-radius: 58px;

	border-radius: 58px;

	-webkit-box-shadow: 2px 2px 4px #888;

	-moz-box-shadow: 2px 2px 4px #888;

	box-shadow: 2px 2px 4px #888;

}



p.thought:before, p.thought:after

{

	left: 10px;

	top: 70px;

	width: 40px;

	height: 40px;

	background-color: #fff;

	border: 8px solid #666;

	-webkit-border-radius: 28px;

	-moz-border-radius: 28px;

	border-radius: 28px;

}



p.thought:after

{

	width: 20px;

	height: 20px;

	left: 5px;

	top: 100px;

	-webkit-border-radius: 18px;

	-moz-border-radius: 18px;

	border-radius: 18px;

}



.gradientkiri

{

	background: rgba(254,254,254,1);

	background: -moz-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 94%, rgba(254,254,254,1) 96%, rgba(219,219,219,1) 100%);

	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254,254,254,1)), color-stop(94%, rgba(254,254,254,1)), color-stop(96%, rgba(254,254,254,1)), color-stop(100%, rgba(219,219,219,1)));

	background: -webkit-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 94%, rgba(254,254,254,1) 96%, rgba(219,219,219,1) 100%);

	background: -o-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 94%, rgba(254,254,254,1) 96%, rgba(219,219,219,1) 100%);

	background: -ms-linear-gradient(left, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 94%, rgba(254,254,254,1) 96%, rgba(219,219,219,1) 100%);

	background: linear-gradient(to right, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 94%, rgba(254,254,254,1) 96%, rgba(219,219,219,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dbdbdb', GradientType=1 );

}



.gradientkanan

{

	background: rgba(209,209,209,1);

	background: -moz-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 4%, rgba(254,254,254,1) 6%, rgba(254,254,254,1) 100%);

	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(209,209,209,1)), color-stop(0%, rgba(226,226,226,1)), color-stop(0%, rgba(219,219,219,1)), color-stop(4%, rgba(254,254,254,1)), color-stop(6%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));

	background: -webkit-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 4%, rgba(254,254,254,1) 6%, rgba(254,254,254,1) 100%);

	background: -o-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 4%, rgba(254,254,254,1) 6%, rgba(254,254,254,1) 100%);

	background: -ms-linear-gradient(left, rgba(209,209,209,1) 0%, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 4%, rgba(254,254,254,1) 6%, rgba(254,254,254,1) 100%);

	background: linear-gradient(to right, rgba(209,209,209,1) 0%, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 0%, rgba(254,254,254,1) 4%, rgba(254,254,254,1) 6%, rgba(254,254,254,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#fefefe', GradientType=1 );

}



#loading 

{

	position: fixed;

	left: 0px;

	top: 0px;

	width: 100%;

	height: 100%;

	z-index: 9999;

	background: url('http://subtlepatterns.com/patterns/textured_paper.png') 50% 50% no-repeat #fff;

}



.icon

{

	border: 1px solid black;

}