.logo {
	background-color:#FFFFFF;
	position: absolute;
	left: 50%;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari */
	transform: rotate(45deg);
	margin-top: 25vh;
  }
  .fin {
    position: absolute;
    z-index: 2;
    height: 104px;
    width: 106px;
	opacity: 0.9;
  }
  .fin:hover {
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2);    
    transition-duration: 1s;
	opacity: 0.95;
  }

  .fin-top-left { 
    border-top-left-radius: 98%;
    background-color: #95b72c;
  }
  .fin-top-right {
    left: 125px;
    border-top-right-radius: 98%;
    background-color: #fcbd00;
  }
  .fin-left {
    top: 125px;
    border-bottom-left-radius: 98%;
    background-color: #e5370e;
  }
  .fin-right {
    left: 125px;
    top: 125px;
    border-bottom-right-radius: 98%;
    background-color: #1ac6e2;
  }
  
  #Capa_blanca{
	position: absolute;
	width: 185px;
	height: 185px;
	z-index: 2;
	top: 21px;
	left: 24px;
	-ms-transform: rotate(15deg); /* IE 9 */
    -webkit-transform: rotate(15deg); /* Safari */
    transform: rotate(15deg);
  }
  
  .cls-1 {
	  fill:#fff;
	  fill-opacity:0.9;
	  stroke:#432918;
	  stroke-width:1;
	  stroke-opacity:0.85;	  
  	  stroke-dashoffset: 1000;
  	  stroke-dasharray: 1000;
  }
  .cls-1:hover {
	  fill:#fff;
	  fill-opacity:0.9;
	  stroke:#432918;
	  stroke-width:1;
	  stroke-opacity:0.85;	  
  	  stroke-dashoffset: 100;
  	  stroke-dasharray:20;
	  animation: dash 1s linear infinite alternate;
  }

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

  #Capa_X{
	position: absolute;
	top: -15px;
	left: -15px;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);	
	z-index: 1;
	  
  }
  
  .st0{
	stroke:#432918;
	stroke-width:2;
	opacity: 0.9;
  }
  
  #Capa_O{
	position: absolute;
	width:270px;
	top: -21px;
	left: -21px;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
	animation:spinO 6s ease-in-out infinite alternate;
  }
  
 @-moz-keyframes spinO { 100% { -moz-transform: rotate(185deg); } }
@-webkit-keyframes spinO { 100% { -webkit-transform: rotate(180deg); } }
@keyframes spinO { 100% { -webkit-transform: rotate(180deg); transform:rotate(180deg); } }
  
  
  .st1 {
	fill:#432918;
	opacity: 0.9;
  }