#menu-bar {
  width: 742px;
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 0px 9px;
  height: 22px;
  float: left;
  line-height: 100%;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;

      background-image: url("./ana sayfa/images/ust menu.png");
	  /*
  background: #0F8B1C;
  background: linear-gradient(left,  #110391,  #22A913);
  background: -ms-linear-gradient(left,  #110391,  #22A913);
  background: -webkit-linear-gradient(left  , #110391, #22A913);
  background: -moz-linear-gradient(left, #110391, #22A913 );
       */
  border: solid 0px #0D6D53;
  position:relative;
  z-index:999;
}
#menu-bar li {
  margin: 0px 0px 3px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  position: relative;
  list-style: none;
}
#menu-bar a {
  font-weight: Bold;
  font-family: Arial;
  font-style: normal;
  font-size: 10px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 0px 4px 7px 4px;
  margin: 0px 13px 0px 0px;


/*
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
*/
  
}
#menu-bar li ul li a {
  margin: 0;
}
#menu-bar .active a, #menu-bar li:hover > a {
	/*
  background: #0DA627;
  background: linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -ms-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1));
  background: -moz-linear-gradient(top,  #EBEBEB,  #A1A1A1);
  color: #000000;
  */
  background: #FFFFFF;
  color: #000000 ;

}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu-bar ul a:hover {
	background: #07F00F !important;
 
 /*	
  background: #D4D4D4 !important;
  background: linear-gradient(top,  #07F00F,  #099420) !important;
  background: -ms-linear-gradient(top,  #07F00F,  #099420) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#07F00F), to(#099420)) !important;
  background: -moz-linear-gradient(top,  #07F00F,  #099420) !important;
  */
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: none;
}
#menu-bar li:hover > ul {
  display: block;
}
#menu-bar ul {
	
  background: #FFFFFF;
	/*  
  background: linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -ms-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
  background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
 */ 
  display: none;
  margin: 0;
  padding: 0;
  width: 150px;
  position: absolute;
  top: 23px;
  left: 0;
  border: solid 1px #B4B4B4;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;

}

#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}


#menu-bar ul a {
  padding:5px 0px 5px 15px;
  color:#424242 !important;
  font-size:10px;
  font-style:normal;
  font-family:arial;
  font-weight: normal;

}



#menu-bar ul li ul{
	
  background: #FFFFFF;
	/*  
  background: linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -ms-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
  background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
 */ 
  display: none;
  margin: 0 150px;
  padding: 0;
  width: 100px;
  position: absolute;
  top: 0px;
  left: 0;
  border: solid 1px #B4B4B4;


}

#menu-bar ul li ul li {
  float: none;
  margin: 0;
  padding: 0;
}


#menu-bar ul a ul a{
  padding:5px 0px 5px 5px;
  color:#424242 !important;
  font-size:10px;
  font-style:normal;
  font-family:arial;
  font-weight: normal;

}




/*
#menu-bar ul li:first-child > a {
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
}
*/
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}
#menu-bar p  {
  color:blue;	
  font-size:10px;
  font-style:bold;
  font-family:arial;
  font-weight: normal;
}

.kapak {
  border-radius:50%!important;
    position: absolute;
    left: 243px;
    top: 127px;
 }
.kapakf {
  border-radius:50%!important;
    position: absolute;
    left: 243px;
    top: 20px;
 }




.ab {

	 background:url("http://www.istanbulkoleji.com/anasayfa.png") 0 0 no-repeat;
}

.deneme {
	
    background: url("./ana sayfa/images/01.jpg");
    animation: Aimages 15s infinite alternate;
	-webkit-animation: Aimages 15s infinite alternate;
	-moz-animation: Aimages 15s infinite alternate;
}

@keyframes Aimages {
	
	0%{
		background:url("./ana sayfa/images/01.jpg");
	}
 
	25%{
		background:url("./ana sayfa/images/02.jpg");
	}
 
	50%{
		background:url("./ana sayfa/images/03.jpg");
	}
 
	75%{
		background:url("./ana sayfa/images/04.jpg");
	}
 
	100%{
		background:url("./ana sayfa/images/05.jpg");
	}
}

@-webkit-keyframes Aimages {
	0%{
		background:url("./ana sayfa/images/01.jpg");
	}
 
	25%{
		background:url("./ana sayfa/images/02.jpg");
	}
 
	50%{
		background:url("./ana sayfa/images/03.jpg");
	}
 
	75%{
		background:url("./ana sayfa/images/04.jpg");
	}
 
	100%{
		background:url("./ana sayfa/images/05.jpg");
	}
} 

@-moz-keyframes Aimages {
	0%{
		background:url("./ana sayfa/images/01.jpg");
	}
 
	25%{
		background:url("./ana sayfa/images/02.jpg");
	}
 
	50%{
		background:url("./ana sayfa/images/03.jpg");
	}
 
	75%{
		background:url("./ana sayfa/images/04.jpg");
	}
 
	100%{
		background:url("./ana sayfa/images/05.jpg");
	}
}


a.buton{
	background: url("./ana sayfa/images/05.jpg");
    padding:100px 100px;
	position: relative;
    text-decoration:none;
    color:#fff;
    font:bold 13px Arial, Helvetica, sans-serif;
    border-radius: 1px;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.75);
    border:1px solid #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}

a.buton:hover{
   background: url("./ana sayfa/images/02.jpg");
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.75);
}

#ustbanner {
	float:left ;
	padding:0px 0px;
	position: relative;

}

body {
	width: 760px;
	height: 100%;
    padding: 0px;
    margin: 0px auto;

}


#flash :hover{
    position: relative;
    -webkit-animation-name: example; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
	-moz-animation-name: example;
	-moz-animation-duration: 1s;
    animation-name: example;
    animation-duration: 1s;	
	

}

/* Chrome, Safari, Opera 0%   {opacity: 0.0;} 
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }


*/
@-webkit-keyframes example {
   
    0%  {opacity: 0.0;transform: scale(1.02);}
    100% {opacity: 1;transform: scale(1);}
}

/* Standard syntax     50%  {opacity: 0.5;}*/
@keyframes example {
    0%   {opacity: 0.0;transform: scale(1.02);}

    100% {opacity: 1;transform: scale(1);}
}

@-moz-keyframes example {
   
    0%  {opacity: 0.0;transform: scale(1.02);}
    100% {opacity: 1;transform: scale(1);}
}