div.menu{
	margin-top: 10px;				
	font-family: arial, helvetica, sans-serif; 		
	font-weight: bold;
	width: 100%;
	margin-bottom: 220px;
}
div.menu ul {
	width:100%;
	margin:0;
	padding:0;
	font-size:12pt;
	font-family:verdana, arial, helvetica, sans-serif;
}
div.menu li {
	width: 155px;
    height: 200px;
    overflow: hidden;
    position: relative;
    float: left;
	margin-left: 5px;
	-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
div.menu li a{
	position: relative;
    display: block;
	width: 100%;
	height: 100%;
    display: block;
	padding-top: 3px;
	padding-left: 5px;		
	text-decoration: none;				
	color: #fff;						
	background-color: #00a806;
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    -ms-transition: all 500ms linear;
    transition: all 500ms linear;
}
/*
div.menu a, div.menu a:visited{
	width: 100%;
	height: 100%;
    display: block;
	padding-top: 3px;
	padding-left: 5px;		
	text-decoration: none;				
	color: #fff;						
	background-color: #0489B1;
}
*/
div.leiras{
    color: transparent;
	-webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
	
}
div.menu a:hover{
	color: #fff;							
	background-color: #8d8d8d;			
}
div.menu a:hover div.leiras{
	color: #FFF;   
    -webkit-animation: moveFromBottom 500ms ease;
    -moz-animation: moveFromBottom 500ms ease;
    -ms-animation: moveFromBottom 500ms ease;
}
div.menu a:hover div.cim{
		color: transparent;
}
@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-300%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-300%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-300%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(500%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(500%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(500%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}