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:400;}
h2 {font-size:18px;font-weight:400;}
a {color:#BF4454;text-decoration:none;}
ol {list-style:decimal;padding-left:20px;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.active {color:#000!important;}
@media screen and (max-width: 990px)
{
	h1 {font-size:20px;font-weight:400;}
	h2 {font-size:18px;font-weight:400;}
	a {color:#BF4454;text-decoration:none;}
	ol {list-style:decimal;padding-left:20px;}
	.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
	.active {color:#000!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:normal 15px Roboto Slab;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:normal 15px Roboto Slab;line-height:1.6;color:#000;background:#fff;margin:0 auto;padding:0;}
}
/* ================================================== */

/* TOP */
#bgtop {width:100%;margin:0 auto;padding:0;background:url('../images/bgtop.png');}
#wraptop {width:990px;margin:0 auto;padding:10px 0;}

#bglogo {width:490px;height:57px;margin:0 auto;float:left;}

#bghotline {width:490px;margin:8px auto;float:right;}
.hotlineimg {width:200px;height:40px;overflow:hidden;float:right;}
.hotlineimg img {width:200px;height:40px;-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);}
@media screen and (max-width: 990px)
{
	#bgtop {width:100%;margin:0 auto;padding:0;background:#fff;}
	#wraptop {width:100%;margin:0 auto;padding:10px 0;}
	
	#bglogo {width:100%;margin:0 auto;float:none;text-align:center;}
	#bglogo img {width:90%;height:auto;margin:0 auto;}
	
	#bghotline {width:100%;margin:0 auto;float:none;text-align:center;}
	.hotlineimg {width:200px;height:40px;margin:0 auto;overflow:hidden;float:none;text-align:center;}
	.hotlineimg img {width:200px;height:40px;-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);}
}
/* ================================================== */

/* MENU */
#bgmenu {width:100%;margin:0 auto;background:#BF4454;position:relative;z-index:99;-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);}
#menu {width:990px;height:auto;margin:0 auto;}
@media screen and (max-width: 990px)
{
	#bgmenu {width:100%;margin:0 auto;background:#BF4454;position:relative;z-index:99;-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);}
	#menu {width:100%;height:auto;margin:0 auto;}
}
/* ================================================== */

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

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

/* FRONTPAGE */
#bgfrontpage {width:100%;margin:0 auto;padding:50px 0;}
#wrapfrontpage {width:990px;margin:0 auto;padding:0;}
#frontpage {margin:0 auto;padding:0;}
#frontpageleft {width:280px;float:left;margin-right:10px;}
.frontpageimg {width:280px;height:280px;overflow:hidden;}
.frontpageimg img {width:280px;height:280px;}
#frontpageright {width:700px;float:left;}
.frontpagetitle {font-weight:700;font-size:20px;font-family:Roboto Slab;color:#3E7CAF;margin:0 auto;padding-left:10px;border-left:5px solid #BF4454;}
.frontpagesdesc h1 {font-weight:400;font-size:18px;font-family:Roboto Slab;color:#BF4454;padding-bottom:10px;margin-top:10px;}
.frontpagedesc {margin:0;padding:0;}
.frontpagedesc h2 {font-size:15px;font-family:Roboto Slab;color:#333;}
@media screen and (max-width: 990px)
{
	#bgfrontpage {width:100%;margin:0 auto;padding:5% 0;}
	#wrapfrontpage {width:90%;margin:0 5%;padding:0;}
	#frontpage {margin:0 auto;padding:0;}
	#frontpageleft {width:100%;float:left;margin-right:0;margin-bottom:5%;}
	.frontpageimg {width:100%;height:auto;overflow:hidden;text-align:center;}
	.frontpageimg img {width:50%;height:auto;}
	#frontpageright {width:100%;float:left;}
	.frontpagetitle {font-weight:700;font-size:20px;font-family:Roboto Slab;color:#3E7CAF;margin:0 auto;padding-left:10px;border-left:5px solid #BF4454;}
	.frontpagesdesc h1 {font-weight:400;font-size:16px;font-family:Roboto Slab;color:#BF4454;padding-bottom:10px;margin-top:10px;}
	.frontpagedesc {margin:0;padding:0;}
	.frontpagedesc h2 {font-size:15px;font-family:Roboto Slab;color:#333;}
}
/* ================================================== */

/* HOTLINE ROW */
#bghotlinerow {width:100%;margin:0 auto;padding:50px 0;background:#f9f9f9;border-top:1px solid #ddd;}
#wraphotlinerow {width:980px;margin:0 auto;padding:0 10px;}
#headhotlinerow {font-weight:700;font-size:20px;font-family:Roboto Slab;color:#BF4454;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #3E7CAF;}
#hotlinerow {width:195px;float:left;margin:0 5px;padding:20px 20px 10px;text-align:center;background:#fff;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
.hotlinerowimg {width:100%;height:auto;overflow:hidden;}
.hotlinerowimg img {width:50px;height:50px;}
.hotlinerowtitle {font-weight:700;font-size:18px;margin-bottom:10px;}
.hotlinerowdesc {font-weight:700;font-size:20px;font-family:Roboto Slab;text-align:center;}
@media screen and (max-width: 990px)
{
	#bghotlinerow {width:100%;margin:0 auto;padding:5% 0;background:#f9f9f9;border-top:1px solid #ddd;}
	#wraphotlinerow {width:90%;margin:0 5%;padding:0;}
	#headhotlinerow {font-weight:700;font-size:20px;font-family:Roboto Slab;color:#BF4454;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #3E7CAF;}
	#hotlinerow {width:44%;float:left;margin:0 1% 2%;padding:20px 2% 10px;text-align:center;background:#fff;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
	.hotlinerowimg {width:100%;height:auto;overflow:hidden;}
	.hotlinerowimg img {width:50px;height:50px;}
	.hotlinerowtitle {font-weight:700;font-size:18px;margin-bottom:10px;}
	.hotlinerowdesc {font-weight:700;font-size:20px;font-family:Roboto Slab;text-align:center;}
}
/* ================================================== */

/* FRONTPAGE BOX */
#bgfrontpagebox {width:100%;margin:0 auto;padding:50px 0;background:#3E7CAF;}
#wrapfrontpagebox {width:960px;margin:0 auto;padding:0 10px;}
#headfrontpagebox {font-weight:700;font-size:20px;font-family:Roboto Slab;color:#fff;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #fff;}
#frontpagebox {width:270px;float:left;margin:0 5px 10px;padding:20px;text-align:center;background:#fff;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
.frontpageboximg {width:100%;height:auto;overflow:hidden;}
.frontpageboximg img {width:150px;height:150px;}
.frontpageboxtitle {font-weight:700;font-size:18px;margin-bottom:10px;}
.frontpageboxdesc {font-family:Roboto Slab;text-align:center;}
@media screen and (max-width: 990px)
{
	#bgfrontpagebox {width:100%;margin:0 auto;padding:5% 0;background:#3E7CAF;}
	#wrapfrontpagebox {width:90%;margin:0 5%;padding:0;}
	#headfrontpagebox {font-weight:700;font-size:20px;font-family:Roboto Slab;color:#fff;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #fff;}
	#frontpagebox {width:94%;float:left;margin:0 0 2%;padding:3%;text-align:center;background:#fff;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);}
	.frontpageboximg {width:100%;height:auto;overflow:hidden;}
	.frontpageboximg img {width:20%;height:auto;}
	.frontpageboxtitle {font-weight:700;font-size:18px;margin-bottom:10px;}
	.frontpageboxdesc {font-family:Roboto Slab;text-align:center;}
}
/* ================================================== */

/* BOTTOM */
#bgbottom {width:100%;margin:0 auto;padding:50px 0;border-top:1px solid #ddd;}
#wrapbottom {width:990px;margin:0 auto;padding:0;}
#bottomleft {width:320px;float:left;}
#bottomcenter {width:320px;float:left;margin:0 10px;}
#bottomright {width:320px;float:left;}
.bottomtitle {font-weight:700;font-size:20px;font-family:Roboto Slab;color:#BF4454;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #3E7CAF;}
.bottomdesc {font-family:Roboto Slab;padding-left:20px;}
#bottomurl {margin-bottom:5px;margin-bottom:5px;border-bottom:1px solid #eee;}
.bottomurl {color:#3E7CAF;}
a.bottomurl:hover {color:#BF4454;}
@media screen and (max-width: 990px)
{
	#bgbottom {width:100%;margin:0 auto;padding:5% 0;border-top:1px solid #ddd;}
	#wrapbottom {width:90%;margin:0 5%;padding:0;}
	#bottomleft {width:100%;float:left;margin-bottom:10%}
	#bottomcenter {width:100%;float:left;margin:0 0 10%;}
	#bottomright {width:100%;float:left;}
	.bottomtitle {font-weight:700;font-size:20px;font-family:Roboto Slab;color:#BF4454;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #3E7CAF;}
	.bottomdesc {font-family:Roboto Slab;padding-left:20px;}
	#bottomurl {margin-bottom:5px;margin-bottom:5px;border-bottom:1px solid #eee;}
	.bottomurl {color:#3E7CAF;}
	a.bottomurl:hover {color:#BF4454;}
}
/* ================================================== */

/* FOOTER */
#bgfooter {width:100%;height:auto;margin:0 auto;padding:30px 0;color:#fff;border-top:10px solid #BF4454;background:#3E7CAF;font-family:Roboto Slab;}
#footer {width:990px;margin:0 auto;padding:10px 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:10px 0;color:#fff;border-top:5px solid #BF4454;background:#3E7CAF;font-family:Roboto Slab;}
	#footer {width:96%;margin:0 auto;padding:10px 2%;}
	#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:Roboto Slab;}
#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 Roboto Slab;font-weight:700;color:#BF4454;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:#BF4454;}
.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 #BF4454;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 Roboto Slab;font-weight:700;color:#BF4454;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:Roboto Slab;margin:0;padding:0;overflow:auto;}
	.pagesdesc h2 {font-size:15px;}
	.pagesdesc a {color:#BF4454;}
	.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 #BF4454;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:Roboto Slab;}
#menuside ul li a {color:#3E7CAF;}
#menuside ul li a:hover {color:#BF4454;}
@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:Roboto Slab;}
	#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:Roboto Slab;color:#3E7CAF;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #BF4454;}
#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:#BF4454;}
.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 Roboto Slab;font-weight:700;color:#BF4454;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:#BF4454;}
	.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:Roboto Slab;color:#3E7CAF;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #BF4454;}
#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:#BF4454;}
.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:Roboto Slab;color:#3E7CAF;margin:0 auto 20px 5px;padding-left:10px;border-left:5px solid #BF4454;}
	#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:#BF4454;}
	.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:400;font-size:20px;font-family:Roboto Slab;color:#BF4454;}
.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:400;font-size:15px;font-family:Roboto Slab;}
.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:400;font-size:20px;font-family:Roboto Slab;color:#BF4454;}
	.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:400;font-size:15px;font-family:Roboto Slab;}
	.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 Roboto Slab;font-weight:700;color:#BF4454;text-align:center;margin-bottom:10px;}
#galpage {width:165px;height:auto;float:left;margin:0 5px 10px;text-align:center;}
.galpageimg {width:165px;height:126px;overflow:hidden;text-align:center;} 
.galpageimg img {width:155px;height:116px;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 Roboto Slab;font-weight:700;color:#BF4454;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 Roboto Slab;font-weight:700;color:#BF4454;text-align:center;margin-bottom:10px;}
#galdetails {width:165px;height:auto;float:left;margin:0 5px 10px;text-align:center;}
.galdetailsimg {width:165px;height:126px;overflow:hidden;text-align:center;} 
.galdetailsimg img {width:250px;height:auto;}
.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 Roboto Slab;font-weight:700;color:#BF4454;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 Roboto Slab;color:#BF4454;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.modleftdesc {font:normal 15px Roboto Slab;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 Roboto Slab;color:#BF4454;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ddd;}
	.modleftdesc {font:normal 15px Roboto Slab;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:normal 15px Roboto Slab;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:normal 15px Roboto Slab;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:Roboto Slab;font-weight:700;color:#BF4454;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)
{
	
}
/* ======================================================= */

/* === 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:Roboto Slab;
	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:Roboto Slab;
		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:#BF4454;}
.textdesc {color:#666;}
@media screen and (max-width: 990px)
{
	
}