html, Body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;line-height:1.6;}

/*  ATTRIBUTE */
h1 {font-size:20px;font-weight:500;}
h2 {font-size:18px;font-weight:500;}
a {color:#08CB07;text-decoration:none;}
ol {list-style:decimal;padding-left:20px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#08CB07!important;}
@media screen and (max-width: 990px)
{
	h1 {font-size:20px;font-weight:500;}
	h2 {font-size:18px;font-weight:500;}
	a {color:#08CB07;text-decoration:none;}
	ol {list-style:decimal;padding-left:20px;}
	.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
	.active {color:#08CB07!important;}
}

/* opacity:0;-webkit-animation:fadeIn ease-in 1;-moz-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;-moz-animation-duration:1s;animation-duration:1s; */

/* BACKGROUND */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
#bg {font-weight:500;font-size:15px;font-family:Quicksand;line-height:1.6;color:#000;background:#fff;margin:0 auto;padding:0;}
@media screen and (max-width: 990px)
{
	@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
	#bg {font-weight:500;font-size:15px;font-family:Quicksand;line-height:1.6;color:#000;background:#fff;margin:0 auto;padding:0;}
}
/* ================================================== */


#topcontainer {width:100%;margin:0 auto;padding:0;position:absolute;z-index:999;background:url('../images/bgtop.png');}
#bglogo {width:100%;margin:0 auto;padding:0;}
#wraplogo {width:990px;margin:0 auto;padding:20px 0 0;}
#logo {text-align:center;}
@media screen and (max-width: 990px)
{
	#topcontainer {width:100%;margin:0 auto;padding:0;position:relative;z-index:999;background:#07B206;}
	#bglogo {width:100%;margin:0 auto;padding:0;}
	#wraplogo {width:96%;margin:0 auto;padding:2%;}
	#logo {text-align:center;}
	#logo img {width:20%;height:auto;}
}


/* MENU */
#bgmenu {width:100%;margin:0 auto;position:relative;z-index:999;}
#menu {width:990px;height:auto;margin:0 auto;text-align:center;}
@media screen and (max-width: 990px)
{
	#bgmenu {width:100%;margin:0 auto;position:relative;z-index:999;}
	#menu {width:100%;height:auto;margin:0 auto;}
}
/* ================================================== */


/* SLIDESHOW */
#bgslideshow {width:100%;margin:0 auto;padding:0;position:relative;z-index:9;}

/* HEADER */
#bgheadpage {width:100%;margin:0 auto;padding:0;position:relative;z-index:9;background:#f9f9f9;}
#headpage {width:100%;height:auto;overflow:hidden;margin:0 auto;text-align:center;}
#headpage a {color:#3E7CAF;}
#headpage a:hover {color:#08CB07;}

#bgbreadcrumbs {width:100%;margin:0 auto;padding:5px 0 10px;background:#f9f9f9;}
#breadcrumbs {width:990px;margin:0 auto;padding:0;}
@media screen and (max-width: 990px)
{
	#bgslideshow {width:100%;margin:0 auto;padding:0;position:relative;z-index:9;}
	
	/* HEADER */
	#bgheadpage {width:100%;margin:0 auto;padding:0;position:relative;z-index:9;background:#f9f9f9;}
	#headpage {width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;}
	#headpage img {width:100%;height:auto;}
	#headpage a {color:#3E7CAF;}
	#headpage a:hover {color:#08CB07;}
	
	#bgbreadcrumbs {width:100%;margin:0 auto;padding:2% 3%;background:#f9f9f9;}
	#breadcrumbs {width:100%;margin:0 auto;padding:0;}
}
/* ================================================== */


/* HOTLINE ROW */
#bghotlinerow {width:100%;margin:0 auto;padding:10px 0;background:#07B206;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
#wraphotlinerow {width:988px;margin:0 auto;padding:0;}
#hotlinerow {width:245px;float:left;margin:0;padding:10px 0;text-align:center;border-left:1px solid #08CB07;border-right:1px solid #08CB07;}
.hotlinerowimg {width:100%;height:25px;overflow:hidden;}
.hotlinerowimg img {width:25px;height:25px;}
.hotlinerowtitle {font-weight:500;font-size:13px;color:#fff;}
.hotlinerowdesc {font-weight:700;font-size:18px;font-family:Quicksand;}
.hotlinerowdesc a {color:#FFF000;}
.hotlinerowdesc a:hover {color:#333;}
@media screen and (max-width: 990px)
{
	#bghotlinerow {width:100%;margin:0 auto;padding:2% 0;background:#07B206;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
	#wraphotlinerow {width:100%;margin:0 auto;padding:0;}
	#hotlinerow {width:46%;float:left;margin:0 2% 1%;padding:3% 0;text-align:center;border-left:0px solid #08CB07;border-right:0px solid #08CB07;background:#069905;}
	.hotlinerowimg {width:100%;height:25px;overflow:hidden;}
	.hotlinerowimg img {width:25px;height:25px;}
	.hotlinerowtitle {font-weight:500;font-size:13px;color:#fff;}
	.hotlinerowdesc {font-weight:700;font-size:13px;font-family:Quicksand;}
	.hotlinerowdesc a {color:#FFF000;}
	.hotlinerowdesc a:hover {color:#333;}
}
/* ================================================== */


/* FRONTPAGE */
#bgfrontpage {width:100%;margin:0 auto;padding:50px 0;}
#wrapfrontpage {width:990px;margin:0 auto;padding:0;}
#frontpage {margin:0 auto;padding:0;background:#333;color:#fff;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
#frontpageleft {width:400px;float:left;}
.frontpageimg {width:400px;height:400px;overflow:hidden;}
.frontpageimg img {width:400px;height:400px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.frontpageimg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#frontpageright {width:510px;float:left;padding:40px;}
.frontpagetitle {font-weight:700;font-size:30px;font-family:Quicksand;margin:0 auto;}
.frontpagesdesc h1 {font-weight:500;font-size:25px;font-family:Quicksand;margin:0 auto 20px;color:#08CB07;}
.frontpagedesc {margin:0;padding:0;}
.frontpagedesc h2 {font-size:15px;font-family:Quicksand;}
@media screen and (max-width: 990px)
{
	#bgfrontpage {width:100%;margin:0 auto;padding:5% 0;}
	#wrapfrontpage {width:100%;margin:0 auto;padding:0;}
	#frontpage {margin:0 auto;padding:0;background:#333;color:#fff;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
	#frontpageleft {width:100%;float:left;}
	.frontpageimg {width:100%;height:auto;overflow:hidden;}
	.frontpageimg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
	.frontpageimg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
	#frontpageright {width:80%;float:left;padding:10%;}
	.frontpagetitle {font-weight:700;font-size:30px;font-family:Quicksand;margin:0 auto;}
	.frontpagesdesc h1 {font-weight:500;font-size:18px;font-family:Quicksand;margin:0 auto 20px;color:#08CB07;}
	.frontpagedesc {margin:0;padding:0;}
	.frontpagedesc h2 {font-size:15px;font-family:Quicksand;}
}
/* ================================================== */

/* FRONTPAGE BOX */
#bgfrontpagebox {width:100%;margin:0 auto;padding:50px 0;background:#f9f9f9;}
#wrapfrontpagebox {width:990px;margin:0 auto;padding:0;}
#frontpagebox {width:320px;float:left;margin:0 5px;padding:0;background:#fff;}
.frontpageboximg {width:320px;height:320px;overflow:hidden;}
.frontpageboximg img {width:320px;height:320px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.frontpageboximg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
.frontpageboxdesc {font-family:Quicksand;padding:30px;color:#000;}
.frontpageboxdesc span {font-weight:700;font-size:18px;color:#08CB07;}
@media screen and (max-width: 990px)
{
	#bgfrontpagebox {width:100%;margin:0 auto;padding:5% 0;background:#f9f9f9;}
	#wrapfrontpagebox {width:100%;margin:0 auto;padding:0;}
	#frontpagebox {width:100%;float:left;margin:0;padding:0;background:#fff;}
	.frontpageboximg {width:100%;height:auto;overflow:hidden;}
	.frontpageboximg img {width:100%;height:auto;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
	.frontpageboximg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
	.frontpageboxdesc {font-family:Quicksand;padding:30px;color:#000;}
	.frontpageboxdesc span {font-weight:700;font-size:18px;color:#08CB07;}
}
/* ================================================== */

/* BOTTOM */
#bgbottom {width:100%;margin:0 auto;padding:50px 0;background:url('../images/bgbottom.jpg') fixed no-repeat;}
#wrapbottom {width:990px;margin:0 auto;padding:0;}
#bottomleft {width:400px;float:left;margin:0 auto;padding:30px;background:#333;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
.bottomtitle {font-weight:700;font-size:18px;font-family:Quicksand;color:#08CB07;margin:0 auto 20px;}
.bottomdesc {font-size:15px;font-family:Quicksand;}
#bottomurl {margin-bottom:5px;margin-bottom:5px;}
.bottomurl {color:#fff;}
a.bottomurl:hover {color:#FFF000;}

#bottomright {width:510px;float:left;margin:0 0 0 20px;}
#bottomrow {width:auto;margin:0 auto 6px;background:#f9f9f9;}
#bottomrowleft {width:160px;float:left;}
.bottomrowleftimg {width:160px;height:107px;overflow:hidden;}
.bottomrowleftimg img {width:160px;height:107px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
.bottomrowleftimg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
#bottomrowright {width:300px;float:left;padding:20px;}
.bottomrowrighttitle {margin:0 auto;padding:0;}
.bottomrowrighttitle a {color:#000;}
.bottomrowrighttitle a:hover {color:#08CB07;}
.bottomrowrightauthor {font-size:13px;color:#666;}
.bottomrowrightdate {font-size:13px;color:#999;}
@media screen and (max-width: 990px)
{
	#bgbottom {width:100%;margin:0 auto;padding:5% 0;background:url('../images/bgbottom.jpg') fixed no-repeat;}
	#wrapbottom {width:100%;margin:0 auto;padding:0;}
	#bottomleft {width:70%;float:left;margin:0 5% 10%;padding:10%;background:#333;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);}
	.bottomtitle {font-weight:700;font-size:18px;font-family:Quicksand;color:#08CB07;margin:0 auto 20px;}
	.bottomdesc {font-size:15px;font-family:Quicksand;}
	#bottomurl {margin-bottom:5px;margin-bottom:5px;}
	.bottomurl {color:#fff;}
	a.bottomurl:hover {color:#FFF000;}

	#bottomright {width:90%;float:left;margin:0 5%;}
	#bottomrow {width:auto;margin:0 auto 5%;background:#f9f9f9;}
	#bottomrowleft {width:30%;height:130px;float:left;overflow:hidden;}
	.bottomrowleftimg {width:100%;height:auto;overflow:hidden;}
	.bottomrowleftimg img {width:auto;height:130px;-moz-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0);}
	.bottomrowleftimg img:hover {-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0.7;-webkit-filter:grayscale(100%);-webkit-filter:grayscale(100%);filter:grayscale(100%);}
	#bottomrowright {width:60%;float:left;padding:5%;}
	.bottomrowrighttitle {margin:0 auto;padding:0;}
	.bottomrowrighttitle a {color:#000;}
	.bottomrowrighttitle a:hover {color:#08CB07;}
	.bottomrowrightauthor {font-size:13px;color:#666;}
	.bottomrowrightdate {font-size:13px;color:#999;}
}
/* ================================================== */

/* FOOTER */
#bgfooter {width:100%;height:auto;margin:0 auto;padding:30px 0;color:#fff;background:#333;font-family:Quicksand;}
#footer {width:990px;margin:0 auto;padding:0;}
#footer1 {width:100%;float:left;text-align:center;}
#footer2 {width:100%;float:left;text-align:center;}
#footer2 a {color:#fff;text-decoration :none;}
#footer2 a:hover {color:#C00;}
@media screen and (max-width: 990px)
{
	#bgfooter {width:100%;height:auto;margin:0 auto;padding:6% 0;color:#fff;background:#333;font-family:Quicksand;}
	#footer {width:100%;margin:0 auto;padding:0;}
	#footer1 {width:100%;float:left;text-align:center;}
	#footer2 {width:100%;float:left;text-align:center;}
	#footer2 a {color:#fff;text-decoration :none;}
	#footer2 a:hover {color:#C00;}
}
/* ======================================================= */

/* PAGES */
#bgpages {width:100%;margin:0 auto;padding:50px 0;}
#wrappages {width:990px;margin:0 auto;padding:0;font-family:Quicksand;}
#pagesleft {width:270px;float:left;margin-right:20px;}
#pagesright {width:700px;float:left;padding:0;}
.pagestitle {color:#000;clear:both;}
.pagestitle h1 {font:normal 20px Quicksand;font-weight:700;color:#08CB07;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #3E7CAF;}
.pagesimage {width:700px;height:auto;overflow:hidden;margin-bottom:20px;}
.pagesimage img {width:700px;height:auto;}
.pagesdesc {margin:0;padding:0;}
.pagesdesc h2 {font-size:15px;}
.pagesdesc a {color:#08CB07;}
.pagesdesc a:hover {color:#3E7CAF;}
.pagesdesc ul li {list-style:square;margin-left:20px;padding-left:10px;}
.pagessosmed {padding-top:20px;margin-top:20px;border-top:1px solid #08CB07;text-align:right;}
.pagessosmedtext {margin-bottom:5px;}
@media screen and (max-width: 990px)
{
	#bgpages {width:100%;margin:0 auto;padding:5% 0;}
	#wrappages {width:90%;margin:0 5%;padding:0;}
	#pagesleft {width:100%;float:left;margin-right:0;margin-bottom:5%;padding-bottom:5%;border-bottom:5px solid #eee;}
	#pagesright {width:100%;float:left;padding:0;}
	.pagestitle {color:#000;clear:both;}
	.pagestitle h1 {font:normal 20px Quicksand;font-weight:700;color:#08CB07;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #3E7CAF;}
	.pagesimage {width:100%;height:auto;overflow:hidden;margin-bottom:20px;}
	.pagesimage img {width:100%;height:auto;}
	.pagesdesc {font-family:Quicksand;margin:0;padding:0;overflow:auto;}
	.pagesdesc h2 {font-size:15px;}
	.pagesdesc a {color:#08CB07;}
	.pagesdesc a:hover {color:#3E7CAF;}
	.pagesdesc ul li {list-style:square;margin-left:20px;padding-left:10px;}
	.pagessosmed {padding-top:20px;margin-top:20px;border-top:1px solid #08CB07;text-align:center;}
	.pagessosmedtext {margin-bottom:5px;}
}
/* ======================================================= */

/* MENU SIDE */
#menuside {margin:0 auto;}
#menuside ul li {list-style:none;margin-bottom:5px;padding:5px 10px;background:#f9f9f9;font-family:Quicksand;}
#menuside ul li a {color:#000;}
#menuside ul li a:hover {color:#08CB07;}
@media screen and (max-width: 990px)
{
	#menuside {margin:0 auto;}
	#menuside ul li {list-style:none;margin-bottom:5px;padding:5px 10px;background:#f9f9f9;font-family:Quicksand;}
	#menuside li a {color:#D24D38;}
	#menuside li a:hover {color:#000;}
}
/* ======================================================= */


/* BERITA HOME */
#bgberitahome {width:100%;margin:0 auto;padding:50px 0 40px;background:#f2f2f2;}
#wrapberitahome {width:990px;margin:0 auto;}
#headberitahome {font-weight:700;font-size:20px;font-family:Quicksand;color:#3E7CAF;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #08CB07;}
#beritahome {width:470px;margin:0 10px 20px;float:left;background:#fff;border-bottom:1px solid #ddd}
.beritahomeimg {width:470px;height:200px;overflow:hidden;}
.beritahomeimg img {width:470px;height:auto;}
#beritahomebox {padding:20px;}
.beritahometitle {font-size:18px;}
.beritahometitle a {color:#08CB07;}
.beritahometitle a:hover {color:#C00;}
.beritahomedate {color:#3E7CAF;}
.beritahomedesc {color:#000;}
@media screen and (max-width: 990px)
{
	#bgberitahome {width:100%;margin:0 auto;padding:5% 0;background:#f2f2f2;}
	#wrapberitahome {width:100%;margin:0 auto;}
	#headberitahome {font:normal 20px Quicksand;font-weight:700;color:#08CB07;text-align:center;margin-bottom:20px;}
	#beritahome {width:100%;margin:0 auto;float:left;background:#fff;border-bottom:1px solid #ddd}
	.beritahomeimg {width:100%;height:200px;overflow:hidden;}
	.beritahomeimg img {width:100%;height:auto;}
	#beritahomebox {padding:20px 20px 50px;}
	.beritahometitle {font-size:18px;}
	.beritahometitle a {color:#08CB07;}
	.beritahometitle a:hover {color:#C00;}
	.beritahomedate {color:#3E7CAF;}
	.beritahomedesc {color:#000;}
}
/* ================================================== */

/* BERITA PAGE */
#bgberitapage {width:100%;margin:0 auto;padding:50px 0 40px;background:#f2f2f2;}
#wrapberitapage {width:990px;margin:0 auto;}
#headberitapage {font-weight:700;font-size:20px;font-family:Quicksand;color:#3E7CAF;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #08CB07;}
#beritapage {width:470px;margin:0 10px 20px;float:left;background:#fff;border-bottom:1px solid #ddd}
.beritapageimg {width:470px;height:313px;overflow:hidden;}
.beritapageimg img {width:470px;height:313px;}
#beritapagebox {padding:20px;}
.beritapagetitle {font-size:18px;}
.beritapagetitle a {color:#08CB07;}
.beritapagetitle a:hover {color:#C00;}
.beritapagedate {color:#3E7CAF;}
.beritapagedesc {color:#000;}
.beritapagemore {padding:10px;background:#3E7CAF;color:#fff;text-align:center;}
.beritapagemore a {color:#fff;}
@media screen and (max-width: 990px)
{
	#bgberitapage {width:100%;margin:0 auto;padding:5% 0;background:#f2f2f2;}
	#wrapberitapage {width:100%;margin:0 auto;}
	#headberitapage {font-weight:700;font-size:20px;font-family:Quicksand;color:#3E7CAF;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #08CB07;}
	#beritapage {width:100%;margin:0 auto;float:left;background:#fff;border-bottom:1px solid #ddd}
	.beritapageimg {width:100%;height:auto;overflow:hidden;}
	.beritapageimg img {width:100%;height:auto;}
	#beritapagebox {padding:20px 20px 50px;}
	.beritapagetitle {font-size:18px;}
	.beritapagetitle a {color:#08CB07;}
	.beritapagetitle a:hover {color:#C00;}
	.beritapagedate {color:#3E7CAF;}
	.beritapagedesc {color:#000;}
	.beritapagemore {padding:10px;background:#3E7CAF;color:#fff;text-align:center;}
	.beritapagemore a {color:#fff;}
}
/* ================================================== */

/* BERITA DETAILS */
#bgberitadetails {width:100%;margin:0 auto;padding:50px 0;background:#f2f2f2;}
#wrapberitadetails {width:890px;margin:0 auto;padding:50px;background:#fff;border-bottom:1px solid #ddd}
#beritadetails {margin:0 auto;padding:0;}
.authorberitadetails {color:#3E7CAF;}
.dateberitadetails {color:#999;}
.judulberitadetails {padding:10px 0;}
.judulberitadetails h1 {font-weight:500;font-size:20px;font-family:Quicksand;color:#08CB07;}
.sosmedberitadetails {text-align:right;}
.gambarberitadetails {width:890px;height:587px;overflow:hidden;margin:20px 0 50px;}
.gambarberitadetails img {width:890px;height:587px;}
.descberitadetails {margin:0 auto;padding:0;}
.descberitadetails h2 {font-weight:500;font-size:15px;font-family:Quicksand;}
.descberitadetails ol {margin:0 0 0 18px;list-style:decimal;}
.descberitadetails ul {margin:0 0 0 18px;list-style:square;}
.descberitadetails li {color:#333}
@media screen and (max-width: 990px)
{
	#bgberitadetails {width:100%;margin:0 auto;padding:5% 0;background:#f2f2f2;}
	#wrapberitadetails {width:100%;margin:0 auto;padding:5% 0;background:#fff;border-bottom:1px solid #ddd}
	#beritadetails {margin:0 auto;padding:0;}
	.authorberitadetails {color:#3E7CAF;padding:0 5%;}
	.dateberitadetails {color:#999;padding:0 5%;}
	.judulberitadetails {padding:10px 0;padding:0 5%;}
	.judulberitadetails h1 {font-weight:500;font-size:20px;font-family:Quicksand;color:#08CB07;}
	.sosmedberitadetails {text-align:left;padding:10px 5% 0;}
	.gambarberitadetails {width:100%;height:auto;overflow:hidden;margin:5% 0;}
	.gambarberitadetails img {width:100%;height:auto;}
	.descberitadetails {margin:0 auto;padding:0 5%;}
	.descberitadetails h2 {font-weight:500;font-size:15px;font-family:Quicksand;}
	.descberitadetails ol {margin:0 0 0 18px;list-style:decimal;}
	.descberitadetails ul {margin:0 0 0 18px;list-style:square;}
	.descberitadetails li {color:#333}
}
/* ================================================== */


/* GALERI PAGE */
#bggalpage {width:100%;margin:0 auto;padding:50px 0;}
#wrapgalpage {width:700px;margin:0 auto;}
#headgalpage {font:normal 20px Quicksand;font-weight:700;color:#08CB07;text-align:center;margin-bottom:10px;}
#galpage {width:165px;height:auto;float:left;margin:0 5px 10px;text-align:center;}
.galpageimg {width:165px;height:110px;overflow:hidden;text-align:center;} 
.galpageimg img {width:155px;height:100px;padding:5px;background:#f2f2f2;}
.galpageimg:hover {opacity:0.7;}
.galpagetitle {padding:10px 0;background:#eee;color:#666;}
@media screen and (max-width: 990px)
{
	#bggalpage {width:100%;margin:0 auto;padding:5% 0;}
	#wrapgalpage {width:100%;margin:0 auto;}
	#headgalpage {font:normal 20px Quicksand;font-weight:700;color:#08CB07;text-align:center;margin-bottom:10px;}
	#galpage {float:left;width:100%;height:auto;margin:0 auto;text-align:center;}
	.galpageimg {width:100%;height:auto;overflow:hidden;text-align:center;} 
	.galpageimg img {width:100%;height:auto;padding:0;background:#eee;}
	.galpageimg:hover {opacity:0.7;}
	.galpagetitle {padding:10px 0;background:#eee;color:#666;}
}
/* ======================================================= */

/* GALERI DETAILS */
#bggaldetails {width:100%;margin:0 auto;padding:10px 0;}
#wrapgaldetails {width:700px;margin:0 auto;}
#headgaldetails {font:normal 20px Quicksand;font-weight:700;color:#08CB07;text-align:center;margin-bottom:10px;}
#galdetails {width:165px;height:auto;float:left;margin:0 5px 10px;text-align:center;}
.galdetailsimg {width:165px;height:110px;overflow:hidden;text-align:center;} 
.galdetailsimg img {width:165px;height:110px;}
.galdetailsimg:hover {opacity:0.7;}
.galdetailstitle {padding:10px 0;background:#eee;color:#666;}
@media screen and (max-width: 990px)
{
	#bggaldetails {width:100%;margin:0 auto;padding:5% 0;}
	#wrapgaldetails {width:100%;margin:0 auto;}
	#headgaldetails {font:normal 20px Quicksand;font-weight:700;color:#08CB07;text-align:center;margin-bottom:10px;}
	#galdetails {float:left;width:100%;height:auto;margin:0 auto;text-align:center;}
	.galdetailsimg {width:100%;height:auto;overflow:hidden;text-align:center;} 
	.galdetailsimg img {width:100%;height:auto;padding:0;background:#eee;}
	.galdetailsimg:hover {opacity:0.7;}
	.galdetailstitle {padding:10px 0;background:#eee;color:#666;}
}
/* ======================================================= */

/* KONTAK KAMI */
#bgcontact {width:100%;margin:0 auto;padding:50px 0;}
#contact {width:990px;margin:0 auto;padding:0;}
#contactleft {width:450px;float:left;margin-right:20px;}
#contactright {width:510px;float:left;}

#bgmodleft {width:100%;margin:0 auto;}
#modleft {width:450px;float:left;padding:0;margin-bottom:20px;background:#fff;}
.modlefttitle {font:bold 20px Quicksand;color:#08CB07;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.modleftdesc {font-weight:500;font-size:15px;font-family:Quicksand;color:#000;padding:5px 0;}
.modleftdesc a {color:#C00;}
.modleftdesc table {line-height:1.6;}
.modleftdesc table tr td {padding:5px;}
@media screen and (max-width: 990px)
{
	#bgcontact {width:100%;margin:0 auto;padding:50px 0;}
	#contact {width:90%;margin:0 5%;padding:0;}
	#contactleft {width:100%;float:left;margin-right:0;}
	#contactright {width:100%;float:left;}

	#bgmodleft {width:100%;margin:0 auto;}
	#modleft {width:100%;float:left;padding:0;margin-bottom:20px;background:#fff;}
	.modlefttitle {font:bold 20px Quicksand;color:#08CB07;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
	.modleftdesc {font-weight:500;font-size:15px;font-family:Quicksand;color:#000;padding:5px 0;}
	.modleftdesc a {color:#C00;}
	.modleftdesc table {line-height:1.6;}
	.modleftdesc table tr td {padding:5px;}
}
/* ======================================================= */

/* MAPS */
#bgmaps {width:100%;height:200px;margin:0 auto;padding:0;clear:both;}
@media screen and (max-width: 990px)
{
	#bgmaps {width:100%;height:200px;margin:0 auto;padding:0;clear:both;}
}
/* ======================================================= */

/* FORM EMAIL */
#bgemailform {margin:0 auto;padding:0;clear:both}
.formcontact {font-weight:500;font-size:15px;font-family:Quicksand;width:96%;padding:2%;border:none;background:#f2f2f2;border-radius:3px;color:#666;margin-bottom:5px;}
.formcontact:focus {background:#eee;color:#000;}
@media screen and (max-width: 990px)
{
	#bgemailform {margin:0 auto;padding:0;clear:both}
	.formcontact {font-weight:500;font-size:15px;font-family:Quicksand;width:96%;padding:2%;border:none;background:#f2f2f2;border-radius:3px;color:#666;margin-bottom:5px;}
	.formcontact:focus {background:#eee;color:#000;}
}
/* ======================================================= */

/* ERROR PAGES */
#bgerror {width:100%;margin:0 auto;padding:50px 0;}
#wraperror {width:990px;margin:0 auto;padding:0;text-align:center;}
.errortitle {color:#000;clear:both;}
.errortitle h1 {font-size:50px;font-family:Quicksand;font-weight:700;color:#08CB07;margin-bottom:20px;padding-bottom:20px;border-bottom:2px dotted #ddd;}
.errordesc {margin:0;padding:0;}
.errordesc h2 {font-size:18px;}
@media screen and (max-width: 990px)
{
	#bgerror {width:100%;margin:0 auto;padding:50px 0;}
	#wraperror {width:90%;margin:0 5%;padding:0;text-align:center;}
	.errortitle {color:#000;clear:both;}
	.errortitle h1 {font-size:50px;font-family:Quicksand;font-weight:700;color:#08CB07;margin-bottom:20px;padding-bottom:20px;border-bottom:2px dotted #ddd;}
	.errordesc {margin:0;padding:0;}
	.errordesc h2 {font-size:18px;}
}
/* ======================================================= */

/* === BUTTON === */
.autobutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3E7CAF), color-stop(1, #3E7CAF));background:-moz-linear-gradient(top, #3E7CAF 5%, #3E7CAF 100%);background:-webkit-linear-gradient(top, #3E7CAF 5%, #3E7CAF 100%);background:-o-linear-gradient(top, #3E7CAF 5%, #3E7CAF 100%);background:-ms-linear-gradient(top, #3E7CAF 5%, #3E7CAF 100%);background:linear-gradient(to bottom, #3E7CAF 5%, #3E7CAF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3E7CAF', endColorstr='#3E7CAF',GradientType=0);background-color:#3E7CAF;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:Quicksand;font-size:15px;padding:10px 30px;text-decoration:none;} 
.autobutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #AD673B), color-stop(1, #AD673B));background:-moz-linear-gradient(top, #AD673B 5%, #AD673B 100%);background:-webkit-linear-gradient(top, #AD673B 5%, #AD673B 100%);background:-o-linear-gradient(top, #AD673B 5%, #AD673B 100%);background:-ms-linear-gradient(top, #AD673B 5%, #AD673B 100%);background:linear-gradient(to bottom, #AD673B 5%, #AD673B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AD673B', endColorstr='#AD673B',GradientType=0);background-color:#AD673B;}
.autobutton:active {position:relative;top:1px;}
@media screen and (max-width: 990px)
{
	.autobutton {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3E7CAF), color-stop(1, #3E7CAF));background:-moz-linear-gradient(top, #3E7CAF 5%, #3E7CAF 100%);background:-webkit-linear-gradient(top, #3E7CAF 5%, #3E7CAF 100%);background:-o-linear-gradient(top, #3E7CAF 5%, #3E7CAF 100%);background:-ms-linear-gradient(top, #3E7CAF 5%, #3E7CAF 100%);background:linear-gradient(to bottom, #3E7CAF 5%, #3E7CAF 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3E7CAF', endColorstr='#3E7CAF',GradientType=0);background-color:#3E7CAF;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;border:0px solid #dcdcdc;display:inline-block;cursor:pointer;color:#fff;font-family:Quicksand;font-size:15px;padding:10px 30px;text-decoration:none;} 
	.autobutton:hover {background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #AD673B), color-stop(1, #AD673B));background:-moz-linear-gradient(top, #AD673B 5%, #AD673B 100%);background:-webkit-linear-gradient(top, #AD673B 5%, #AD673B 100%);background:-o-linear-gradient(top, #AD673B 5%, #AD673B 100%);background:-ms-linear-gradient(top, #AD673B 5%, #AD673B 100%);background:linear-gradient(to bottom, #AD673B 5%, #AD673B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#AD673B', endColorstr='#AD673B',GradientType=0);background-color:#AD673B;}
	.autobutton:active {position:relative;top:1px;}
}
/* ========== */

#bgtext {margin:0 auto 20px;padding:0;}
.texttitle {font-size:18px;color:#08CB07;}
.textdesc {color:#666;}
@media screen and (max-width: 990px)
{
	#bgtext {margin:0 auto 20px;padding:0;}
	.texttitle {font-size:18px;color:#08CB07;}
	.textdesc {color:#666;}
}