@import url('../../admin/bootstrap/css/bootstrap.min.css');
@import url('../../admin/bootstrap/css/bootstrap-theme.min.css');
body {
		background: url(../images/bg_body.jpg) top center no-repeat #fff;
}
body > .container {
		max-width: 974px;
}
body,
textarea {
		font: 12px Tahoma, Sans-serif, Verdana;
}
h2 {
		font-size: 18px!important;
}
h3 {
		font-size: 24px;
}
.block_menu_top {
		padding: 0px;
		font-family: verdana;
		font-size: 17px;
}
.block_menu_top .navbar {
		margin-bottom: 0;
}
.list-group > .list-unstyled > li > a {
		font-size: 10px;
}
.block_bright-1 h3 {
		font-size: 11px;
		padding: 3px 0;
		color: #1b232c;
		text-transform: uppercase;
		border-bottom: 2px solid #eee;
}
.block_bright-1 h3 a {
		color: #A7A7A7;
}
a {
		color: #234f72;
		text-decoration: none;
}
.widget_intro {
		height: 30px;
		overflow: hidden;
}
.widget_intro > h1 {
		font-weight: normal;
		font-size: 12px;
		padding: 8px;
		margin: 0;
}
.block_search {
		position: relative;
		top: 13px;
}
.widget_search {
		float: right;
		height: 44px;
		overflow: hidden;
}
.widget_navigasi {}
.widget_navigasi > .col-md-12 {
		margin: 0;
		padding: 0;
		background-color: #E9E9E9;
}
.navbar-brand {
		/*display: none;*/
}
/*.container > .row:nth-child(2){
	padding: 0;
}
*/

.container > .row.page_middle {
		padding: 0;
		background: url(../images/bg_page.png) top left no-repeat #fff;
}
.table {
		table-layout: fixed;
}
.container > .row.page_middle > .col-md-9 {
		float: right;
		width: 80%;
		padding-left: 0;
		padding-right: 0;
}
.row > .col-md-3 {
		float: left;
		width: 192px;
		padding-left: 0;
		padding-right: 0;
		padding-top: 10px;
}
.row > .col-md-9 > .col-md-9 {
		margin: 0;
		padding: 1;
		max-width: 100%;
}
.row > .col-md-9 > .col-md-3 {
		float: right;
		padding: 0;
		width: 192px;
}
.row > .widget_left > .widget_left_panel > .col-md-3 {
		width: 192px;
}
article > .img-thumbnail {
		margin-right: 2%;
}
article {
		margin-bottom: 20px;
}
.widget_content > .widget_content {
		margin-bottom: 3%;
}
.block_bright-1 {
		margin: 5px 0px 15px 0px;
}
.block_bright-1 h3 {
		font-size: 11px;
		padding: 3px 0;
		color: #1b232c;
		text-transform: uppercase;
		border-bottom: 2px solid #eee;
}
.block_dark-3 {
		background-color: #CCE1E2;
}
.widget_bottom {
		padding: 0px 10px;
		text-align: center;
		background-color: #06111A;
}
.widget_bottom .navbar-nav {
		float: none;
		margin: 0;
}
.widget_bottom .navbar-nav>li {
		float: none;
		display: inline-block;
}
.widget_bottom .navbar-nav>li>a {
		color: #e2e2e2;
}
.widget_bottom .navbar-nav>li>a:hover {
		color: #333;
}
.widget_footer {
		height: 15px;
		padding: 70px 10px 25px;
		overflow: hidden;
		text-align: center;
		color: #666;
		background: url("../images/logo_footer.gif") no-repeat scroll center #03090E;
}
/*LARGE*/

@media (min-width: 1280px) {
		.row > .col-md-3:first-child {
				width: 21.5%;
				padding-left: 8px;
				padding-right: 2px;
				margin: 0;
		}
		.row > .col-md-9 {
				width: 59%;
				padding: 10px;
				overflow: hidden;
				background-color: #FFF;
		}
		.row > .col-md-3:nth-child(3) {
				width: 19.5%;
				padding-right: 8px;
				padding-left: 3px;
				margin: 0;
		}
		li > div.row > .col-md-3 {
				width: 17%;
				max-width: 19%;
				height: 85px;
				position: relative;
				left: 1%;
		}
		li > div.row > .col-md-9 {
				width: 79%;
				max-width: 79%;
				padding-right: 0;
		}
}
/*MEDIUM*/

@media (min-width: 992px) and (max-width: 1280px) {
		#to-top.dark {
				right: 5px;
		}
		.row > .col-md-3:first-child {
				width: 21.5%;
				padding-left: 8px;
				padding-right: 2px;
				margin: 0;
		}
		.row > .col-md-9 {
				width: 59%;
				padding: 10px;
				overflow: hidden;
				background-color: #FFF;
		}
		.row > .col-md-3:nth-child(3) {
				width: 19.5%;
				padding-right: 8px;
				padding-left: 3px;
				margin: 0;
		}
		.panel-body.widget_content > ul > li > .row > .col-md-3 {
				width: 17%;
				max-width: 19%;
				height: 85px;
				margin-right: 2%;
				position: relative;
				left: 1%;
				clear: left;
				float: left;
		}
		.panel-body.widget_content > ul > li > .row > .col-md-9 {
				width: 79%;
				max-width: 79%;
				padding-right: 0;
		}
		li > div.row > .col-md-3 {
				width: 17%;
				max-width: 19%;
				height: 85px;
				position: relative;
				left: 1%;
		}
		li > div.row > .col-md-9 {
				width: 79%;
				max-width: 79%;
				padding-right: 0;
		}
}
/*SMALL*/

@media (max-width: 992px) {
		.widget_intro {
			display: none;
		}
		.navbar-header {
				display: block;
		}
		.widget_search {
				display: none;
		}
		.container > .row:nth-child(2) > .col-md-9 {
				width: 100%;
		}
		.row > .col-md-9 > .col-md-8 {
				width: 100%;
		}
		.row > .col-md-9 > .col-md-3 {
				width: 100%;
				padding-left: 15px;
				padding-right: 15px;
		}
		.row > .col-md-3 {
				width: 100%;
				padding-left: 15px;
				padding-right: 15px;
		}
		.panel-body.widget_content > ul > li > .row > .col-md-3 {
				/*width: 17%;*/

				max-width: 19%;
				height: 85px;
				position: relative;
				left: 1%;
				clear: left;
				float: left;
		}
		.panel-body.widget_content > ul > li > .row > .col-md-9 {
				width: 98%;
				max-width: 98%;
				padding-right: 0;
		}
}
/*EXTRA SMALL*/

@media (max-width: 768px) {
		.nav-tabs {
				/*display: none;*/
		}
		.panel-body.widget_content > ul > li > .row > .col-md-3 {
				/*width: 17%;*/

				max-width: 100%;
				height: 85px;
				position: relative;
				left: 1%;
				clear: left;
				float: left;
		}
		.panel-body.widget_content > ul > li > .row > .col-md-9 {
				/*width: 98%;*/

				max-width: 100%;
				padding-right: 0;
		}
}