#button_menu {list-style: none}

.f1_container {
	position: relative;
	margin: 5px 5px 5px 5px;
	width: 207px;
	height: 34px;
	left: 20px;
	z-index: 1;
	cursor: pointer;
	

	
}
.f1_container {
	-webkit-perspective: 200;
	-moz-perspective: 200;
	-o-perspective: 200;
	-ms-perspective: 200;
	perspective: 200;
}
.f1_card {
	width: 207px;
	height: 34px;
	display:inline-block;
	position: relative;

	-webkit-transform-style: preserve-3d;
	-webkit-transition: all .5s ease-out;
	-moz-transform-style: preserve-3d;
	-moz-transition: all .5s ease-out;
	-o-transform-style: preserve-3d;
	-o-transition: all .5s ease-out;
	-ms-transform-style: preserve-3d;
	-ms-transition: all .5s ease-out;						
	transform-style: preserve-3d;
	transition: all .5s ease-out;		
}
.f1_container:hover .f1_card, .f1_container.hover_effect .f1_card {
	-webkit-transform-style: preserve-3d;
	-webkit-transition: all .2s linear;
	-moz-transform-style: preserve-3d;
	-moz-transition: all .2s linear;
	-o-transform-style: preserve-3d;
	-o-transition: all .2s linear;
	-ms-transform-style: preserve-3d;
	-ms-transition: all .2s linear;						
	transform-style: preserve-3d;
	transition: all .2s linear;		

	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.face {
	position: absolute;
	width: 100%;
	height: 100%;
	color:#424242;
	text-shadow: 0px -1px 1px white;
	text-decoration: none;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;								
}
.face.back {
	display: block;
	color:#EEEEEE;
	text-shadow: 0px -1px 1px black;
	-webkit-transform: rotateX(180deg);
	-webkit-box-sizing: border-box;
	-moz-transform: rotateX(180deg);
	-moz-box-sizing: border-box;
	-o-transform: rotateX(180deg);
	-o-box-sizing: border-box;		
	-ms-transform: rotateX(180deg);
	-ms-box-sizing: border-box;
	transform: rotateX(180deg);
	box-sizing: border-box;				
}

.face span {
	position: absolute; 
	left: 12px;  
	font-family: Georgia,Times New Roman,Times,serif; 
	font-size: 12px; 
	top: 9px;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;	
}