body{
	margin: 0;
	padding: 0;
	background:url('images/tile_03.png');
	height:100%;
	width: 100%;
	overflow: visible;
}
	
*, *:before, *:after {
  box-sizing: border-box;
}

::-webkit-input-placeholder {
   color: #000;
   font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
   color: #000;  
   font-style: italic;
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #000;
   font-style: italic;
}
:-ms-input-placeholder {  
   color: #000;  
   font-style: italic;
}

.footer{
	width: 100%;
	background: #082638;
	position: relative;
}
.footer:before, .footer:after{
	content: '';
	display: table;
}
#newHome{
background:rgba(0, 0, 0, 0) url("../images/mtbg.jpg") no-repeat scroll center center / cover ;
height: 100%;
position: relative;
}

#container-home{
width: 1000px !important;
position: relative;
margin: 0 auto;
margin-bottom:0px;
margin-top:0px;
}

#terluar
{
background:url('../images/bg_tes3.png') no-repeat fixed;
height:100%;
position: relative;
}


#badan,.badan
{
width:1000px;
margin:1em auto;
margin-bottom:0px;
margin-top:0px;
position: relative;
z-index: 12;
background: #FFF;
}
#badan:before, #badan:after{
	content: "";
	display: table;
}

.container
{
width:1000px !important;
margin:0 auto;
margin-bottom:0px;
margin-top:0px;
position: relative;
z-index: 12;

}
.container:before, .container:after{
	content: "";
	display: table;
}

#menuAtas
{
background: url('../images_luar/headerAtasrr.jpg') no-repeat center;
height: 169px;
}

#menuLogin
{
background: url('../images_luar/headerAtas2rr.jpg') no-repeat center;
height: 76px;
}

#menuAtasD
{
background: url('../images_luar/headerAtasDrr.jpg') no-repeat center;
height: 171px;
}

#menuLoginD
{
background: url('../images_luar/headerAtas2Drr.jpg') no-repeat center;
height: 76px;
}

#barisMenu{
	background-color: #050c0d;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	z-index: -999;
	height: 36px;
	}
	
.isiMenu{
margin-top: -36px;
z-index: 100;
}	

.garis
	{
	background: url("../images/garis.gif") repeat-x;
	height: 23px;
	}

#kberita
	{
	background: url("../images_luar/bg_berita.jpg") repeat-x;
	width: 286px;
	height: 198px;
	float: left;
	padding: 10px 20px 0px 20px;
	text-align: left;
	}	
#kspesialis
	{
	background: url("../images_luar/bg_spesialis.jpg") repeat-x;
	width: 310px;
	height: 198px;
	float: left;
	padding: 10px 20px 0px 20px;
	text-align: left;
	}	
#kgaleri
	{
	background: url("../images_luar/bg_galeri.jpg") repeat-x;
	width: 284px;
	height: 198px;
	float: left;
	padding: 10px 20px 0px 20px;
	text-align: left;
	}	

.welcome
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;	
	color: #01488a;
	height: 51px;
	width: 800px;
	text-align: right;
	vertical-align: middle;
	float:left;
	padding-top: 25px;
}

.flogin
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;	
	color: #01488a;
	height: 71px;
	width: 190px;
	text-align: right;
	float:right;
	margin: 5px 7px 0px 0px;
}

.putih{
	color: #ffffff;
	}

.ukuran10{
font-size: 10px;
}	

.linkPutih:active{color:#ffffff;}
.linkPutih:hover{color:#ffffff;}
.linkPutih:visited{color:#ffffff;}
.linkPutih:link{color:#ffffff;}

a.judulBerita:hover{color:#054886;font-weight: bold;}
a.judulBerita {font:bold 12px; color:#054886;text-decoration:none;font-weight: bold;}


.namaHalaman
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;	
	font-weight: bold;
	}

.konten{
	width: 740px;
	float: right;
	text-align: left;	
	padding: 25px 30px 75px 30px;
	}

.menuKiri{
	width: 200px;
	float: left;
	}

#menu-utama {width: 200px;}
#menu-utama ul {margin: 0;padding: 0;list-style-type: none;font-size: 18px;font-weight: bold;}
#menu-utama li {margin: 0px; text-align: left;}

#menu-utama a {color: #413C30;display: block;width:163px;height: 25px;padding: 0px 2px 0px 3px;text-decoration: none;line-height: 200%;}
#menu-utama a:link, #menu-utama a:active, #menu-utama a:visited {color: #fff;}
#menu-utama a:hover {color: #01488a;}

#menu-utama .mk1 a {background: url("../images_luar/mk1.jpg") no-repeat;color: #fff;display: block;width:200px;height: 44px;padding-left: 15px;text-decoration: none;line-height: 200%;}
#menu-utama .mk1 a:hover {color: #01488a;}
#menu-utama .mk2 a {background: url("../images_luar/mk2.jpg") no-repeat;color: #fff;display: block;width:200px;height: 43px;padding-left: 15px;text-decoration: none;line-height: 200%;}
#menu-utama .mk2 a:hover {color: #01488a;}
#menu-utama .mk3 a {background: url("../images_luar/mk3.jpg") no-repeat;color: #fff;display: block;width:200px;height: 44px;padding-left: 15px;text-decoration: none;line-height: 200%;}
#menu-utama .mk3 a:hover {color: #01488a;}


.bersih{
	clear:both;
}

.judulHalaman
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;	
	color: #01488a;
	text-decoration: none;
	}

/*lama*/


.sitemap a
{
font:bold 11px arial;
color:#000;
}

.ukuran18
{
  font:bold 18px Arial;
  color: #000;
  margin-left: 0px;
  margin-right: 0px;
}

.sitemap a:hover
{
color:#BBBBBB;
}

.kotak_error
{
font:bold 11px arial;
color:#F00;
}

.ganjel
{
clear:both;
}



.awerserpis tr td
{
padding-top:10px;
}
.awerserpis tr td a
{
font:12px arial;
color:#000;
text-decoration:none;
}

.awerserpis tr td a:hover
{
color:#007BC1;
}

.awerserpisdalam 
{
font:12px arial;
color:#000;
text-decoration:none;
}
.awerserpisdalam a
{
font:12px arial;
color:#000;
text-decoration:none;
}

.awerserpisdalam a:hover
{
color:#007BC1;
}



a.linkHijau:hover
{
color:#00D9BE;
}

.tombol
{
	font-family: Arial,Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #4C9DCF;
	text-decoration: none;
	border: 1px solid #306484;
}

.inputpesan {
	background-color:#ffffff;
	border: 1px solid #DEDEDE;
	font-family: Arial,Verdana, Tahoma;
	font-size: 12px;
	color: #000000;
}
.logo-login{
	height: auto;
    width: 100%;
}
.login{
	position: absolute;
    top: 100px;
}
.logo{
	
}	
.logo img{
	width: 370px;
}
.login{
	width: 350px;
	left: 0;
}

.img-responsive{
	display: block;
	max-width: 100%;
	height: auto;
}
.clear{
	clear: both;
}

/*Form*/
.form-group{
	margin-bottom: 15px;
	width: 100%;
}
.label{
	display: inline-block;
	padding: 5px 15px;
}
.form-control{
	border: 1px solid #eee;
	background: #FFF;
	padding: 15px;
	font-size: 13px;
	display: inline-block;
	width: 100%;
}
.pull-right{
	float: right !important;
}
.link-service{
	bottom: 0;
    color: #fff;
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.logo-login .login{
	background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    float: right;
    height: 281px;
    padding: 20px;
    /* width: 275px; */
}
.logo-login .login button{
	background: #0099cc none repeat scroll 0 0;
    border: 1px solid #0099cc;
    color: #fff;
    display: block;
    padding: 5px 15px;
	cursor: pointer;
}
.login h3{
	color: #FFF;
	margin-bottom: 20px;
}
.running-text-home{
	background: #000;
	padding: 10px 0;
	/* position: absolute; */
	top: 0px;
	overflow: hidden;
	width: 100%;
}

/*New Our Service*/
.new-service{
	background: #D2232A;
}
.badan-service{
	background: #D2232A;
}
.service-content{
	position: relative;
}
.service-text{
	position: absolute;
	font-family: "Arial";
}
.service-text h2{
	color: #feef00;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 15px;
}
.service-text .svc-txt{
	color: #FFFFFF;
	font-size: 13px;
	font-family: "Arial";
}
.service-1{
	left: 115px;
    top: 103px;
    width: 360px
}
.service-2{
	left: 115px;
    top: 228px;
    width: 355px
}
.service-3{
	left: 115px;
    top: 485px;
    width: 355px
}

.service-4{
	left: 115px;
    top: 844px;
    width: 355px
}
.service-5{
	left: 115px;
    top: 1180px;
    width: 420px
}
.service-6{
	bottom: 100px;
    left: 541px;
    width: 467px;
}
.service-7{
	right: 0;
    top: 757px;
    width: 180px;
}
.service-8{
	top: 587px;
    right: 0;
    width: 220px;
}
.service-9{
	top: 358px;
    right: 0;
    width: 220px;
}
.service-10{
	right: 0;
    top: 109px;
    width: 221px;
}
.service-10 h2{
	margin-left: -40px;
}
.service-11{
	display: none;
}
.service-12{
	display: none;
}
.service-13{
	display: none;
}
.svc-txt-diff1{
	float:left;
	width: 155px;
}
.svc-txt-diff2{
	float:right;
	width: 120px;
}

.hide{
	opacity: 0;
	-moz-transition: all ease-in-out 0.7s;
	-moz-transition: all ease-in-out 0.7s;
	transition: all ease-in-out 0.7s;
}

.show{
	opacity: 1;
	-moz-transition: all ease-in-out 0.7s;
	-moz-transition: all ease-in-out 0.7s;
	transition: all ease-in-out 0.7s;
}
.newMenu{
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
	width: 100%;
	z-index: 221;
	font-family: "Arial";
	font-size: 14px;
}
.navigation > li{
	display: inline-block;
	position: relative;
}
.navigation > li > a{
	display: block;
	padding: 15px;
	color: #FFF;
	text-transform: uppercase;
	border-bottom: 2px solid transparent;
}
.navigation > li:hover > a {
	border-color: #0099CC;
	color: #0099CC;
}
.navigation .submenu{
	display: none;
}
.navigation > li:hover .submenu, .navigation > li > a:focus .submenu{
	display: block;
	height: auto;
	-moz-transition: all ease 1s;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
}
.submenu{
	position: absolute;
	left: 0;
	top: 100%;
	width: 200px;
	background: #0099CC;
	margin-top: -2px;
	height: 0px;
	-moz-transition: all ease 1s;
	-webkit-transition: all ease 1s;
	transition: all ease 1s;
	display: none;
}
.submenu > li > a{
	display: block;
	padding: 5px;
	border-bottom: 1px solid rgba(0,0,0,0.5);
	color: #FFF;
	background: rgba(0,0,0,0.3);
}
.submenu > li:last-child > a{
	border-bottom: none;
}
.submenu > li:hover > a{
	border-color: #FFF;
}
.footer .logo{
	/* width: 40%; */
	float: left;
}
.footer .about{
	width: 420px;
	float: right;
	font-family: "Arial";
	font-size: 13px;
}

.tagline{
	position: absolute;
	bottom: 20px;
	right: 30px;
}
.tagline img{
	width: 450px;
}

.footer .about{
	color: #FFF;
	padding: 20px;
}
.footer .about h3{
	display: block;
	margin-bottom: 15px;
}
.footer .about ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.footer .about ul li{
	padding: 3px 0;
	display: block;
}
.footer-home{
	position: absolute;
	bottom: 0;
}
.prelative{ position:relative; }
.btn-abs{ display: inline-block; padding:8px 15px; background:#0099CC;color:#FFF;right:30px;bottom:20px;font-style:italic; }
.btn-service{float:right;}
.loginlogo{ margin-left:15%;width: 275px;}
.contentweb{margin-top:50px;background:#FFF;padding:50px;min-height:400px;}
.contentweb .content{float:left;width:600px;margin-left:20px;}

.newlogo{ 
	background-image: url("../images/logo_mediatrust_new2.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom left; 
	}

#newHome2{
background:url("../images/mtbg.jpg") no-repeat scroll center center / cover ;
background-color:#030E14;
height: auto;
}