#CapaCirculo
{
     padding: 15px 0px;
}
.CapaCircularFlipExterior{
    border-radius: 50%;
    width: 295px;
    height: 295px; 
    
    position: relative;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	
	transition: all 0.5s ease-out;
}
.CapaCircularFlipExterior .CapaCircularFlip  
{
    border-radius: 50%;
    width: 295px;
    height: 295px;      
    background-color: #ebebeb;
   
    position: absolute;
	
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	position: absolute;
	
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	
}

.CapaCircularFlipExterior .CapaCircularFlipBack {
	
	 border-radius: 50%;
    width: 295px;
    height: 295px;      
    background-color: #333;
    
    color: white;
    position: absolute;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	
	transform: rotateY(180deg);
	position: absolute;
	
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	
}

.gridCirculosFlip:hover .CapaCircularFlipExterior {
	
	transform:rotateY(180deg);
	position: absolute;
	
	
	
}
#CapaCirculoFlip
{
    position: relative;
    overflow: auto;
 }







.CapaCircularFlip h2
{ 
    position: relative;
    padding: 18% 5% 10% 5%;
    box-sizing: border-box;
}
.Descripcion
{
  padding: 18% 5% 10% 5%;
}
.icon-Flip
{
    padding-top: 20%;
    font-size: 20px;
 }



/* Common style */
.gridCirculosFlip
{
     border-radius: 50%;
    width: 295px;
    height: 295px;      
    background: transparent;
}

/* Lanzar efecto Boton */


/* Media queries */
.EnlaceMenuFlip
{
    top: 69%;
    right: 20%;    
    position: absolute;
    
}