@media screen and (min-width: 767px) {.container{width: 1024px;}}

/*---COLOR 
	yellow: #fdfa00;
	orange: #eb3d00;
--------*/

html,body {
	margin: 0;
	padding: 0;
	background: #d4d4d4;
	height: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Helvetica Neue', sans-serif;
}

.row {
	margin: 0 !important;
}

#body-wrapper {
	-webkit-box-shadow: -1px 2px 18px -1px rgba(0,0,0,0.67);
	-moz-box-shadow: -1px 2px 18px -1px rgba(0,0,0,0.67);
	box-shadow: -1px 2px 18px -1px rgba(0,0,0,0.67);
}

.divider {
	border-bottom: 1px solid #bdbdbd;
}

/*-----:[ HEADER ]:-----*/
#header-brand {
	background: #24587f;
	-webkit-box-shadow: 2px 0px 22px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 0px 22px -4px rgba(0,0,0,0.75);
	box-shadow: 2px 0px 22px -4px rgba(0,0,0,0.75);
	z-index: 2;
}
#main-header {
	background: #f5f5f5;
}
#header-name {
	height: 95px;
	background: url('../img/header-background.png');
	background-size: cover;
}
#header-name h2 {
	font-size: 36px;
	text-transform: uppercase;
}
#header-name p {
	font-style: italic;
}
#navbar-header {
	height: 40px;
	background: #0B2C79;
	border-radius: 0;
	z-index: 3;
	-webkit-box-shadow: 0px -2px 16px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -2px 16px -4px rgba(0,0,0,0.75);
	box-shadow: 0px -2px 16px -4px rgba(0,0,0,0.75);
}
#navbar-header li {
	padding: 0;
}
#navbar-header li a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	color:#fff;
}
#navbar-header li a:hover,
#navbar-header li a:focus {
	background: #2980b9;
	color: #fff;
}
#navbar-header .open > a,
#navbar-header .open > a:hover,
#navbar-header .open > a:focus {
	background: #2980b9;
}
.dropdown ul {
	background: #0B2C79; 
}

/*-----:[ WRAPPER ]:-----*/
#wrapper,
#wrapper-category,
#wrapper-post,
#wrapper-contact,
#wrapper-doc {
	background: #fff;
}
#content{line-height: 150%;}
#content a {
	color: black;
}
#content a:hover,
#content a:focus,
#content a:active {
	text-decoration: none;
	color: #24587f;
}

.wp-content{padding-bottom: 20px; background: #fff;}

.alert h1 {
	font-size: 30px;
	color: #eb3d00;
}
#slide img {
	width: 100%;
	height: 100%;
}
#news img {
	width: 100%;
}
#sidebar img {
	width: 100%;
	margin-top: 10px;
}
#statistic-online {
	background: #e0e0e0;
}
.alert-info {
	padding: 9px;
	border-bottom: 2px solid #eb3d00;
}
.alert-info a {
	color: #eb3d00 !important;
}

#noti-readmore,
#intro-readmore {
	position: absolute;
	left: 40%;
	bottom: 0;
	border-radius: 0;
}
.post-date {
	color: grey;
	margin-bottom: 2px !important;
}
#post {
	text-align: justify;
}
#cat-pagination ul {
	float:right;
}
#cat-pagination .active a {
	color: #fff;
}
#other-post img {
	width: 100%;
	height: 114px;
}
.doc-date {
	color:grey;
}
#download {
	border-radius: 0;
}
#doc-pagination ul {
	float:right;
}
#doc-pagination .active a {
	color: #fff;
}
#wrapper-contact input,
#wrapper-contact textarea {
	border-radius: 0;
}
.noti-post p:first-letter,
#wrapper-category #content #news h4:first-letter,
#wrapper-post #content #post h1:first-letter {
    text-transform: uppercase;
}
#wrapper-post #content #post h1 {
	font-size: 30px;
}
/*-----:[ FOOTER ]:-----*/
#footer {
	background: #0E3D76;
	color: #fff;
}
#navbar-footer {
	background: #0B2C79;
	border-radius: 0;
	border-bottom: 1px solid #1c415e;
}
#navbar-footer li {
	padding: 0;
}
#navbar-footer li a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	color:#fff;
}
#navbar-footer li a:hover,
#navbar-footer li a:focus {
	background: #2980b9;
	color: #fff;
}