* 
{
padding: 0;
margin:0;
border:0;
list-style:none;
}

body{
  
}

div.yanboydan{
	width: 100%;
margin-bottom: 22.6%;
margin-top:10%;
}

a{
text-decoration: none;
}
ul.kutumenu{
height:100%;
width: 100%;
padding: 0px;

}

ul.kutumenu li{
height: 50px;


}
ul.kutumenu li:hover{

height: 50px;
margin-left: 0px;
margin-right: 0px;
display:block;
background-color:#56555555;
color: #000;



}

ul.kutumenu > li >a{
display: block;
font-size: 14px;
color: #fff;
padding: 0 20px;
	
}

ul.kutumenu ul{

opacity: 0;

transition: 750ms all;
visibility: hidden;
}

ul.kutumenu >li:hover ul{



opacity: 1;
visibility: visible;
transition: 750ms all;
}

ul.kutumenu ul>li>a{


margin-left: 10px;
text-decoration: none;
padding: 7px 12px;
color:#fff;
font-size: 18px;
letter-spacing: 2px;	
}

ul.kutumenu ul>li>a:hover{


margin-left: 10px;
text-decoration: none;
padding: 7px 12px;
color:#00264d;
font-size: 18px;
letter-spacing: 2px;	
}

ul.kutumenu li p{


height: 40px;
margin-left: 0px;
margin-right: 0px;
font-style: bold;
letter-spacing: 6px;	
text-align:center;
font-family: tahoma;
font-style: bold;
color:#fff;
padding: 7px 12px;
font-size: 16px;
background-color: #0066ff;

}





div.kutubir{
margin-left: 10px;
background-color: #0066ff;
width: 300px;
height: 50px;
text-transform: 10px;
border-color:1px solid #fff; 
transition: all 1s ease;
font-size: 25px;
font-family: tahoma;
text-decoration: none;
float: left;
}

div.kutubir:hover{
margin-left: 10px;
background-color: #ffcc00;
width: 350px;
height: 370px;
transition: all 1s ease;
border-color:1px solid #ff3300; 
float: left;
}


div.kutuiki{
margin-left: 10px;
background-color: #0066ff;
width: 300px;
height: 50px;
text-transform: 10px;
border-color:1px solid #fff; 
transition: all 1s ease;
font-size: 25px;
font-family: tahoma;
text-decoration: none;
float: left;
}

div.kutuiki:hover{
margin-left: 10px;
background-color: #ffcc00;
width: 350px;
height: 320px;
transition: all 1s ease;
border-color:1px solid #ff3300; 
float: left;
}
div.kutuuc{
margin-left: 10px;
background-color: #0066ff;
width: 300px;
height: 50px;
text-transform: 10px;
border-color:1px solid #fff; 
transition: all 2s ease;
font-size: 25px;
font-family: tahoma;
text-decoration: none;
float: left;
}

div.kutuuc:hover{
margin-left: 10px;
background-color: #ffcc00;
width: 350px;
height: 270px;
transition: all 1s ease;
border-color:1px solid #ff3300; 
float: left;
}



div.kutudort{
margin-left: 10px;
background-color: #0066ff;
width: 300px;
height: 50px;
text-transform: 10px;
border-color:1px solid #fff; 
transition: all 1s ease;
font-size: 25px;
font-family: tahoma;
text-decoration: none;
float: left;
}

div.kutudort:hover{
margin-left: 10px;
background-color: #ffcc00;
width: 350px;
height: 220px;
transition: all 1s ease;
border-color:1px solid #ff3300; 
float: left;
}
div.kutubes{
margin-left: 10px;
background-color: #ff66ff;
width: 300px;
height: 50px;
text-transform: 10px;
border-color:1px solid #fff; 
transition: all 1s ease;
font-size: 25px;
font-family: tahoma;
text-decoration: none;
float: left;
}

div.kutubes:hover{
margin-left: 10px;
background-color: #ffcc00;
width: 350px;
height: 170px;
transition: all 1s ease;
border-color:1px solid #ff3300; 
float: left;
}


div.kutualti{
margin-left: 10px;
background-color: #0066ff;
width: 300px;
height: 50px;
text-transform: 10px;
border-color:1px solid #fff; 
transition: all 1s ease;
font-size: 25px;
font-family: tahoma;
text-decoration: none;
float: left;
}

div.kutualti:hover{
margin-left: 10px;
background-color: #ffcc00;
width: 350px;
height: 220px;
transition: all 1s ease;
border-color:1px solid #ff3300; 
float: left;
}