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

#wrapper{margin:0 auto;
width:1024px;	/*if width is taken as 100% then it fits any scree resolution*/
}

#headcnt{background:url(../images/mkm_01.jpg);
width:1024px;
height:203px;
z-index:-1;}


#headcnt1{background:url(../images/mkm_01_m.jpg);
width:1024px;
height:203px;
z-index:-1;}

#btn_cnt{
background:url(../images/mkm_02.jpg);
background-repeat:no-repeat;
width:1024px;
height:33px;
margin-left:0px;
padding-top:13px;
 font-family:"Century Gothic";
  font-size:10px;
z-index:99;
}


/*navigation style begins specify font in button container id*/
.link-3 {
  transition: 0.4s;
  color:#ffffff;
  font-size: 15px;
  text-decoration: none;
  padding: 0 5px;
  margin: 0 10px;
}
.link-3:hover {
  background-color: #990000;
  color: #ffffff;
  padding: 16px 5px;
}

/*navigation style ends*/




#banner{
	background:url(../images/mkm_03.jpg);
	
	width:1024px;
	height:403px;
	
}

#info_about{background:url(../images/mkm_inside.jpg);
width:1024px;
height:700px;
position:absolute;
}



#info_events{background:url(../images/mkm_events.jpg);
width:1024px;
height:1200px;
position:absolute;


}


#info_events1{background:url(../images/mkm_events1.jpg);
width:1024px;
height:4000px;
position:absolute;


}



#gal{
	width: 800px;
	height: 600px;
	position: absolute;
	margin-left: 114px;
	margin-top: 50px;
	font-family: "Century Gothic";
	font-size: 14px;
	text-align: justify;
	left: -42px;
}
#info_left{background:url(../images/mkm_04.jpg);
width:330px;
height:320px;
position:absolute;


}

#info_mid{background:url(../images/mkm_05.jpg);
width:336px;
height:320px;
position:absolute;
/*margin-top:410px;*/
margin-left:330px;}

#info_rgt{background:url(../images/mkm_06.jpg);
width:358px;
height:320px;
position:absolute;
/*margin-top:410px;*/
margin-left:666px;}


#info1_left{background:url(../images/mkm_07.jpg);
width:330px;
height:179px;
position:absolute;
margin-top:320px;

}

#info1_mid{background:url(../images/mkm_08.jpg);
width:336px;
height:179px;
position:absolute;
margin-top:320px;
margin-left:330px;}

#info1_rgt{background:url(../images/mkm_09.jpg);
width:358px;
height:179px;
position:absolute;
margin-top:320px;
margin-left:666px;}

.infocol_txt{font-family:"Century Gothic";
font-size:14px;
padding-left:25px;
padding-top:40px;
width:290px;
color:#660000;
text-align:justify;}

.txt{font-family:"Century Gothic";
font-size:14px;
color:#666666
text-align:justify;
line-height:25px;

}

#marathi_headings{

padding-left:10px;
font-weight:bolder;
color:cc3300;


}
#marathi_headings_1{
font-size:12px;
padding-left:850px;
padding-top:20px;
font-weight:bolder;
color:cc3300;


}



.infocol_txt_rgt{font-family:"Century Gothic";
font-size:14px;
padding-left:35px;
padding-top:40px;
width:290px;
color:#660000;
text-align:justify;}

.infocol_txt_bottom{font-family:"Century Gothic";
font-size:14px;
padding-left:25px;
padding-top:25px;
width:290px;
color:#660000;
text-align:justify;}
.infocol_txt_bottom_mid{font-family:"Century Gothic";
font-size:14px;
padding-left:35px;
padding-top:25px;
width:290px;
color:#ffffff;
text-align:justify;}



.infocol_txt_rgt_bottom{font-family:"Century Gothic";
font-size:14px;
padding-left:40px;
padding-top:25px;
width:290px;
color:#ffffff;
text-align:justify;}

#footer{
background:url(../images/mkm_10.jpg);
width:1024px;
height:150px;
position:absolute;
margin-top:500px;
}

#footer1{
background:url(../images/mkm_10.jpg);
width:1024px;
height:150px;
position:absolute;
margin-top:700px;
}

#footer2{
background:url(../images/mkm_10.jpg);
width:1024px;
font-family:"Century Gothic";
width:990px;
height:40px;
position:absolute;
margin-top:55px;
margin-left:25px;
color:#333333;
font-size:11px;

height:150px;
position:absolute;
margin-top:1200px;
}

#footer2{
background:url(../images/mkm_10.jpg);
width:1024px;
height:150px;
position:absolute;
margin-top:1200px;
}
#footer3{
background:url(../images/mkm_10.jpg);
width:1024px;
height:150px;
position:absolute;
margin-top:4000px;
}

#footer4{
background:url(../images/mkm_10.jpg);
width:1024px;
height:150px;
position:absolute;
margin-top:6000px;
}
#footer_txt{}

/*fade slideshow begins*/
.slider {
  max-width: 300px;
  height: 200px;
  margin: 2px auto;
  position: relative;
}
.slide1,.slide2,.slide3,.slide4,.slide5 {
  position: absolute;
  width: 100%;
  height: 100%;
}
.slide1 {
  background:url(../images/blood%20camp1.jpg)no-repeat center;
      background-size: cover;
    animation:fade 8s infinite;
-webkit-animation:fade 8s infinite;

} 
.slide2 {
  background: url(../images/blood%20camp2.jpg)no-repeat center;
      background-size: cover;
    animation:fade2 8s infinite;
-webkit-animation:fade2 8s infinite;
}
.slide3 {
    background: url(../images/blood%20camp3.jpg)no-repeat center;
      background-size: cover;
    animation:fade3 8s infinite;
-webkit-animation:fade3 8s infinite;
}
.slide4 {
    background: url(../images/blood%20camp4.jpg)no-repeat center;
      background-size: cover;
    animation:fade4 8s infinite;
-webkit-animation:fade4 8s infinite;
}
@keyframes fade
{
  0%   {opacity:1}
  33.333% { opacity: 0}
  66.666% { opacity: 0}
  100% { opacity: 1}
}
@keyframes fade2
{
  0%   {opacity:0}
  33.333% { opacity: 1}
  66.666% { opacity: 0 }
  100% { opacity: 0}
}
@keyframes fade3
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

@keyframes fade4
{
  0%   {opacity:0}
  33.333% { opacity: 0}
  66.666% { opacity: 1}
  100% { opacity: 0}
}

/*fade slideshow ends*/
