@charset "utf-8";
/* CSS Document */

/* http://www.Infobunda.com */

html{font:11px Verdana, Arial, Helvetica, sans-serif;
	}
body{
	background-color:#D6DEEB;

	
	
	
}
	
#fullweb{	
	width:901px;
	border:0px solid;
	margin-left:auto;
	margin-right:auto;	
	}
	

#content{
 	width:899px;
	margin-left:auto;
	margin-right:auto;
	padding-top:1px;
	border:px solid #fff;
	height:auto;
	background-color:#FFFFFF;
	text-align:left;
	
	}
/* ============= margin and padding ================= */
.mar5{margin:5px}
.mar10{margin:10px}
.mar15{margin:15px}
.mar20{margin:20px}
.mar25{margin:25px}
.mar_t5{margin-top:5px}
.mar_t7{margin-top:7px}
.mar_t8{margin-top:8px}
.mar_t9{margin-top:9px}
.mar_t10{margin-top:10px}
.mar_t15{margin-top:15px}
.mar_t20{margin-top:20px}
.mar_t25{margin-top:25px}
.mar_r5{margin-right:5px}
.mar_r10{margin-right:10px}
.mar_r15{margin-right:15px}
.mar_r20{margin-right:20px}
.mar_r25{margin-right:25px}
.mar_b1{margin-bottom:1px}
.mar_b2{margin-bottom:2px}
.mar_b5{margin-bottom:5px}
.mar_b10{margin-bottom:10px}
.mar_b15{margin-bottom:15px}
.mar_b20{margin-bottom:20px}
.mar_b25{margin-bottom:25px}
.mar_l3{margin-left:3px}
.mar_l5{margin-left:5px}
.mar_l6{margin-left:6px}
.mar_l10{margin-left:10px}
.mar_l15{margin-left:15px}
.mar_l20{margin-left:20px}
.mar_l25{margin-left:25px}

.pd5{padding:5px}
.pd10{padding:10px}
.pd15{padding:15px}
.pd20{padding:20px}
.pd25{padding:25px}
.pd_t5{padding-top:5px}
.pd_t10{padding-top:10px}
.pd_t15{padding-top:15px}
.pd_t20{padding-top:20px}
.pd_t25{padding-top:25px}
.pd_r5{padding-right:5px}
.pd_r10{padding-right:10px}
.pd_r15{padding-right:15px}
.pd_r20{padding-right:20px}
.pd_r25{padding-right:25px}
.pd_b5{padding-bottom:5px}
.pd_b10{padding-bottom:10px}
.pd_b15{padding-bottom:15px}
.pd_b20{padding-bottom:20px}
.pd_b25{padding-bottom:25px}
.pd_l2{padding-left:2px}
.pd_l5{padding-left:5px}
.pd_l10{padding-left:10px}
.pd_l15{padding-left:15px}
.pd_l20{padding-left:20px}
.pd_l25{padding-left:25px}

.left{
float:left;
}

.right{
float:right;
}

.clear{
	clear:both;
	}
a{ 
	text-decoration:underline;
	color:#265d84;
	
	}
a:hover{ 
	text-decoration:none;
	}
a.buatadmin{
	color:#f00;
	text-decoration:none;
}
a.buatadmin:hover{
	text-decoration:underline;
	}
.center{
	text-align:center;
	}

.strong{
	font-weight:bold;
	}

.big{
	text-transform:uppercase;
	}

.uppercase{
	text-transform:uppercase;
	line-height:20px;
	}
.capitalize{
	text-transform:capitalize;
	
	}
input.text{
	border:1px solid #974077
}
textarea.textarea{
	border:1px solid #974077
	}
#above_banner{
	margin-top:10px;
	padding-bottom:30px;
}
#above2_banner{
	height:90px;
	border:0px solid;
	margin:40px 100px 0px 80px;
	top:4%;
	background-color:#FF0000;	
	}

#header .first{
	position:relative;
	margin-top:25px;
	
	}
#header .second{
	position:absolute;
	left:595px;
	margin-top: -0px;
	top: 158px;
	}
	
.color2{
	background:url(../images/color2_06.gif) repeat;
	height:2px;
	width:240px;
	position:absolute;
	top: 254px;
	z-index:1;
	right:45px;
	}		

#header .login{
	width:247px;
	border:1px solid no-color;
	height:130px;
	margin-top:-155px;
	margin-left:620px;
	padding-top:3px;
	padding-bottom:3px;
	position:relative;
	top:-50px;
	margin-right:10px;
	z-index:1;
	float:right;
	background:#dfe6f0;	
	-moz-border-radius:5px;
	}
	
#header .login .form{
	border:0px solid #000000;
	margin:4px 4px;	
	
	}
#header .login .form a img{
	border:1px solid #fff;
	}
#header .login .form a img:hover{
	border:1px solid #fd8ab3;
	}
#header .login .form .logout a{
	text-decoration:underline;
	font-size:11px;
	}
#header .login .form .logout a{
	color:; 
	padding:2px 3px;;
	display:block;
	width:55px;
	text-align:center;
	background-color:#fd8ab3;
	-moz-border-radius:10px;
	color:#fff; 
	text-decoration:none;
	}
#header .login .form .logout{
	padding:px;
	margin-top:5px;
	
	}
#header .login .form .logout a:hover{

	color:#f00; 
	text-decoration:none;
	background:#9ec2e4;
	-moz-border-radius:10px;
	color:#fff;
	}	
	
		
	

#header .login .username_login{
	color:#9d3b80;
	font:11px verdana;
	font-weight:bold;
	margin-left:0px;
	
	}
#header .login .username_login input.input{
	padding-left:5px;
	margin-left:5px;
	
	}

#header .login .password{	

	color:#9d3b80;	
	font-weight:bold;
	margin-top:0px;
}
#header .login .password input.input{	
	padding-left:5px;
	margin-left:2px;
	margin-top:4px;
	}
	
#header .login input.buatlogin{
	margin-top:px;
	padding-top:10px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;	
	font-weight:bold;
	border:none;
	width:43px;
	height:20px;
	padding-top:0px;
	border-bottom:0px solid #fd8ab3;
	background:#fd8ab3;
	color:#fff;

}
#header .login input.buatlogin:hover{
	background:#9ec2e4;

	cursor:pointer;
	text-decoration:underline;

	}

#header .login .form .wanttobefriend{
	margin-top:5px;
	text-decoration:none;
	}

	
#header .login .form .wanttobefriend a:hover{
	color:0e78f7;	
	text-decoration:none;
	}

#header .login .form  a{
	text-decoration:none;
	}	
#header .login .form  a:hover{
	color:#0e78f7;
	text-decoration:underline;
	}		
   .text_login:hover, .txt_hitung:hover, .src:hover, .txt_daftar:hover, .txt_consul:hover, .txt_recipe:hover{
	background-color:#f876a4;
	cursor:pointer;
	text-decoration:underline;
	}
#main_content_index input {
	border:none;
	width:px;
	height:18px;
	font:11px verdana;
	}
#bottom_menu input,#header	input {
	border:1px solid #9d3b80;
	width:107px;
	height:16px;
	font:11px verdana;
	}
#header	input.text_login{
	border:none;
	}	
.text_login, .txt_hitung, .src, .txt_daftar, .txt_recipe, .txt_consul{
	background:#fd8ab3;
	color:#FFFFFF;
	font:11px verdana;
	text-align:center;
	font-weight:normal;
	line-height;
	padding:0px;	
	border:none;
	}



/*    buat buttton /submit   */
	.button{
	background:#fd8ab3;
	color:#FFFFFF;
	font:11px verdana;
	text-align:center;
	border-color:#fff;
	padding-bottom:1px;
	padding-top:1px;
	border:none;
	-moz-border-radius:2px;
	text-decoration:none;
	}
a .button{
text-decoration:none;
}
	.button:hover{
	background:#9ec2e4;
	cursor:pointer;
	text-decoration:underline;
	color:#fff;
	
	}
	
input{font:11px verdana;

	}
	
input.submit{
	background-color:#fd8ab3;
	border:0px solid #fd8ab3;
	color:#fff;
	font-weight:bold;
	padding-bottom:3px;
	
}
.search .inp{
		line-height:px;
		height:px;
		top:-10px;
	}	
	
.search .input{
		width:150px;
		-moz-border-radius:3px;
	}
.search .usual{
	color:#ccc;	
}
.search .onsearch{
	color:#000;	
}
.search #cari{
	width:150px;
}

.search a img{
	border:1px solid #fff;

}
.search a img:hover{
	cursor:pointer;
	border:1px solid #000;

}

.search .btn{
	background-color:#fd8ab3;
	background:url(../images/kacapembesar.png) no-repeat;
	background-position:70% 50%;
	width:20px;
	height:23px;
	border:none;
	background-color:#fd8ab3;
	-moz-border-radius:3px;
	margin-left:-27px;
	opacity:0.8;
	filter:alpha(opacity=40);
}
.search .btn:hover{
cursor:pointer;
background-color:#f9b8cf;
}
#header .login .form .register{
	font:11px verdana;
	margin-left:18px;
	margin-top:9px;
	color:#5c8d9e;
	font-weight:0;

	}
#header .logo{
	position:relative;
	top:-84px;
	left:20px;
	}
#header .login .form .register .underline{
	text-decoration:underline;
	color:#5c8d9e;
	}
#header .login .form .register .underline:hover{
	text-decoration:none;
	}
.border{
	border:1px solid;
	}
	
#menu{
	background:url(../images/warnamenu.jpg);
	height:28px;
	width:auto;
	margin-top:-64px;
	padding-top:0px;
	border-top:1px solid #f87aae;
	border-bottom:4px solid #fd6fa1;
	
	}

.image_menu{
	margin-left:630px;
	background:url(../images/warna_kanan_menu_03.gif); 
	height:28px;
	z-index:;
	margin-top:-0px;
 	}

.color_bawah_menu{
      background:url(images/images/line_bawah_menu_06.gif) repeat;	 
	  height:5.5px; 
	  margin-top:-1px; 
	  padding-top:0.5px;
	}
	
.color_kanan_menu{
	background:url(images/images/warna_menu_paling_kanan_03.gif) repeat;
	height:29px;
	width:auto;
	margin-top:-34px;
	margin-left:90%;
	border-top:1px solid;
	}
.image_bawah_menu{
	
	background:url(images/images/image_bawah_menu_03.gif);
	height:5px;
	margin-left:0px;
	border-bottom:1px solid #eae9e9;
	}

#nav-menu{
	
	}	
#menu ul{

	top:-60px;
	padding-top:0px;
	position:relative;
	background-image:url(../images/warnamenu.jpg);

}

#menu ul, ul{
	padding:0px;
	margin:0px;
	list-style:none;
}

#menu li{
	float:left;
	margin:0 2px;
}

#menu li a{
	height:20px;
	line-height:px;
	float:left;
	padding:5px 0px 0px 0px;;
	display:block;
	border:0px solid #dcdce9;
	color:#fff;	
	text-decoration:none;
	text-align:center;
	font:11px Arial;
	font-weight:bold;
	}
	
	
	#menu li a.menu_kecil{
		width:50px;
	}
	
	#menu li a.menu_kecil:hover
	{
		background:url(../images/bghome_03.gif);	
	}
	
	#menu li a.asi{
	width:80px;
	}
	#menu li a.asi:hover{
	background:url(../images/bgnewsletter.gif);
	}
	#menu li a.club{
	width:103px;
	}
	#menu li a.club:hover{
	background:url(../images/bgclubinfobunda_03.gif);
	}
	#menu li a.photo{
	width:100px;
	}
	#menu li a.photo:hover{
	background:url(../images/bgclubinfobunda_03.gif);
	}
	#menu li a.news{
	width:80px;
	}
	#menu li a.news:hover{
	background:url(../images/bgclubinfobunda_03.gif);
	}
	
#bottom_menu{
 	clear:both;
	font:11px Arial;	
	top:-53px;
	border:0px solid;
	height:auto;
	position:relative;
	border:0px solid #000;
}

#bottom_menu .gabungan .position{
	border-top:1px solid #e7e6e6;
	border-bottom:1px solid #e7e6e6;
	position:;
	width:700px;	
	height:32px;
	line-height:30px;
	padding-left:6px;
	float:left;

	}
    #bottom_menu .gabungan{
		width:710px;
		border:0px solid;
		position:relative;
		float:left;	
	}
	#bottom_menu .gabungan .position .txt_position{
		color:#7a6e68;
		font:11px Verdana, Arial, Helvetica, sans-serif;	
	}
	#bottom_menu .gabungan .position .cur_pos{
		color:#5d97a6;
		font-weight:bold;
		font-family:arial;
		text-decoration:underline;
		text-transform:uppercase;
	}
#bottom_menu .gabungan .cekungan{
	left:702px;
	height:20px;
	width:px;
	top:-2px;
	border:px solid;
	position:absolute;
	}
	
#bottom_menu .search{

	border:0px solid;
	position:relative;
	padding-left:725px;
	padding-top:px;
	top:5px;
	}
	
	#bottom_menu .search .input{ 
	margin-right:px;
	float:;	
	}
	#bottom_menu .search .src{
		width:40px;
		font-weight:bold;
		line-height:18px;
		height:18px;
		padding-bottom:6px;
		border:none;
		text-align:center;
		margin-left:3px;
	}
	
	
	#bottom_menu .search .src:hover{
	background-color:#FF6699;
	cursor:pointer;
	text-decoration:underline;
	
	}
	
	
#bottom_menu .posisi{
	 position:absolute; 
	 left:0px;
	 top:0.6px; 
	 z-index:1; 
	 text-transform:uppercase;
	 width:650px;
	 border-top:1px solid #ecebeb;
	 
	 border-bottom:1px solid #ecebeb;
	 padding:7px 9px;
	 
	}
#bottom_menu .curve{
	 position:absolute; 
	 left:668px;
	 top:-1.25px; 	
}
#bottom_menu .posisi a:hover{
	color:#f00;
	text-decoration:underline;
	background-color:;
	padding:0px;
	}
/*===============Left bar========================*/

 #leftbar_content{
    clear:both;
	left:0px;
	border:0px solid  #d695b5;
	width:180px;	
	margin-top:0px;
	height:auto;
/*	position:relative;	*/
/*position:absolute;*/
	padding-top:0px;
	margin-left:10px;
	/*float:left;*/
	}
	
.leftmenu{
	width:180px;
	height:auto;
	margin-top:0px;
	border-bottom:0px dotted #d695b5;
	}
#leftbar_content .admin{
	background-color:#fd8ab3;
	padding:5px;
	line-height:16px;
	margin-bottom:5px;
	color:#fff;
	font-size:11px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border:1px solid;
	width:140px;
	}
#leftbar_content .admin .headadmin{
		padding-left:5px
	}

#leftbar_content .admin .headadmin:hover{
		cursor:pointer;
		background:#fb659b;
		color:#fff;
		text-decoration:underline;
	}
#leftbar_content .admin .isiadmin{
	/*display:none;*/
	padding-left:5px
	}

#leftbar_content .admin a{
	color:#fff;
	}
#leftbar_content .admin a:hover{
	font-size:12px;
	text-decoration:underline;
	}


.leftmenu a img{
	border:0;
	}


.leftmenu .menu1{
	margin-bottom:2px;
	
	}
	
.leftmenu .menu1:hover{		
	 cursor:pointer;
	}

	
.leftmenu .menu1 img{
	padding:1px;
	background-color:#e694ba;
	float:left;		
	}


	
.leftmenu .menu1 .txt_menu{
		font:0.95em Arial, Helvetica, sans-serif;
		color:#fff;
		font-weight:bold;
		line-height:22px;
		padding-left:30px;
		text-transform:capitalize;
		background-color:#be3772;	
		height:21px;
		width:130px;
	}
.leftmenu .menu1 a{
	text-decoration:none;
}
.menu1 a.txt_menu{
	display:block;
			
}

.leftmenu .menu1 .pertama{
	background-image:url(../images/namabayi.jpg);
	background-image:url(../images/logosamping/namakecil.jpg);
	background-repeat:no-repeat;
	display:block;

	
}



.leftmenu .menu1 .kedua{
	background-image:url(../images/logomasakehamilan.jpg);
	background-image:url(../images/logosamping/masakehamilan.jpg);
	background-repeat:no-repeat;
	display:block;

}


.leftmenu .menu1 .ketiga {
	background-image:url(../images/logowaktukelahiran.jpg);
	background-image:url(../images/logosamping/kalender.jpg);
	background-repeat:no-repeat;
	display:block;
	
}


.leftmenu .menu1 .keempat{
	background-image:url(../images/logopertumbuhanbalita.jpg);
	background-image:url(../images/logosamping/pertumbuhan2.jpg);
	background-repeat:no-repeat;
	display:block;
	
}



.leftmenu .menu1 .kelima{
	background-image:url(../images/logojadwalimunisasi.gif);
	background-image:url(../images/logosamping/imunisasi.jpg);
	background-repeat:no-repeat;
	display:block;
	
}


.leftmenu .menu1 .keenam{
	background-image:url(../images/logoastrologibayi.gif);
	background-image:url(../images/logosamping/astrology.jpg);
	background-repeat:no-repeat;
	display:block;
	
}


.leftmenu .menu1 .ketujuh{
	background-image:url(../images/logokelahiranbaru.jpg);
	background-image:url(../images/logosamping/lahirbaru.jpg);
	background-repeat:no-repeat;
	display:block;
	
}

.leftmenu .menu1 .hamilbaru{
	background-image:url(../images/logosamping/hamilbaru.jpg);
	background-repeat:no-repeat;
	display:block;
	
}
.leftmenu .menu1 .ulangtahun{
	background-image:url(../images/logosamping/ulangtahun.jpg);
	background-repeat:no-repeat;
	display:block;
	
}
.leftmenu .menu1 .iklan{
	background-image:url(../images/logosamping/iklan.jpg);
	background-repeat:no-repeat;
	display:block;
	
}	

.leftmenu .menu1 .newsletter{
	background-image:url(../images/logosamping/newsletter.jpg);
	background-repeat:no-repeat;
	display:block;
	
}

.leftmenu .menu1 .product{
	background-image:url(../images/logosamping/product.png);
	background-repeat:no-repeat;
	display:block;
	
}

	.txt_menu a{
		color:#fff;
		text-decoration:none;
	}
	
.leftmenu .menu1 .saatdiklik{
	text-decoration:underline;
	background-color:#d04a84;
	background-color:#d04a84;
	}
	
.leftmenu .menu1 a:focus{
	text-decoration:underline;
	background-color:#d04a84;
	}
.border_bottom{
		border-bottom:2px dotted #d695b5;
	}
#leftbar_content .logo_infobunda{

	}
	
#leftbar_content .logo_infobunda img{
	border:1px solid #d6deeb;
	width:158px;
	}
	
#leftbar_content .site_status{
	background:#d8ecff;
	height:151px;
	width:145px;	
	padding:10px 5px 10px 10px;
	color:#4f3d29;
	
	border:1px solid #92b9dd;
	}
 .site_status .txt_site_status{
 	font:14px Arial;
	color:#be3772;
	font-weight:bold;
	}
 .site_status .line{
 	background-color:#bc3872;
	height:4px;
	width:139px;
	}
#leftbar_content .blackberry{
	margin-top:20px;
	width:160px;
	height:245px;
	color:#000;
	border:1px solid #fff;
	background-image:url(../images/blackberry.jpg);
	background-repeat:no-repeat;
	background-position:;
	}
#leftbar_content .blackberry #email{
	color:#ccc;
	padding-left:3px;
	}
#leftbar_content .blackberry .button{
		background:#be3772;	
	}
#leftbar_content .blackberry .button:hover{	
	background:#ce6f99;
	
	}
	
	
	
/*  this is calender style*/


#leftbar_content #masasubur{
	background-color:#d8ecff;
	padding:px;
	width:160px;
	border:1px solid #92b9dd;
	}

#leftbar_content #masasubur #date{
	
	margin-bottom:10px;
}
#leftbar_content #masasubur #title{
	
	
	color:#fff;
	background:#b4d5f5;
	padding:4px;
	font-weight:bold;
	text-align:center
}

	
	
/* only for index or home */	
#main_content_index{
	height:auto;
	border:0px solid;
	clear:both;
	position:relative;
	padding:0 0px 0px 0x;	
	width:899px;
	top:-20px;
	
	}

/*    for all except index or home*/
#main_content{
	border:0px solid;
	padding:0px 0px 0px 0px;	
	width:695px;
	/*margin-left:190px;*/
	height:auto;
	float:;
	top:0px;
	left:0px;
	text-align:left;
	position:relative;
	
	}

#content_all{
	clear:both;
	position:relative;
	width:899px;
	height:auto;
	border:0px solid #000;
	top:-30px;
	
	}


#main_content_newsletter{
	margin-top:-10px;
	width:899px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}	
	
#loginfacebook{
	background:url(../images/facebook.jpg);
	position:fixed;
	left:0px;
	top:200px;
	

	}




