/*ESTILOS INDEX*/

	.frameanimate
{
	width:100%;
    /*max-width:1920px;*/
    height: 95vh;
	
}

.powered {
	position: absolute;
	bottom: 2rem;
	left: 2rem;
	font-size: 1.0em;
	text-decoration: none;
	color: #FFFFFF;

}
.filtro {
  
  background-color: orange;
}
.logo{
	position: absolute;
  top: 3rem;
  left: 50%;
  transform: translate(-50%, -50%);
}


 .reset li > a img{
 	background-color: rgba(175, 148, 35, .8);
 }

 .reset li.active > a img{
 	background-color: rgba(54, 54, 90, .8);
 }

 @media (min-width: 1280px) {

 	.botonera{
 		right: -19.5rem;
		padding-right: 18rem;
		float: right;
		width: 50rem;
		position: absolute;
		margin-top: 12rem;

	}
	.reset li{
		padding-bottom: 4rem;
	}
	.reset li > a{
		position:relative;
		left:22rem;
		-moz-transition: all 0.5s ease;
        	transition: all 0.5s ease;
	}
 	.reset li.active > a{
 		position:relative;
 		left:0px;
 		-moz-transition: all 0.5s ease;
        	transition: all 0.5s ease;
 	}

 }

 @media (max-width: 1024px) {

	.botonera{
		
		right: -8rem;
		padding-right: 8rem;
		float: right;
		width: 25rem;
		position: absolute;
		margin-top: 4rem;

	}
	.reset li{
		padding-bottom: 1rem;
	}
	.reset li > a{
		position:relative;
		left:11rem;
		-moz-transition: all 0.5s ease;
        	transition: all 0.5s ease;
	}
 	.reset li.active > a{
 		position:relative;
 		left:0px;
 		-moz-transition: all 0.5s ease;
        	transition: all 0.5s ease;
 	}

 }
 /*ESTILOS MAPA LOCALIZACION*/

 .active-flecha{
        display:block;
      }
      .cursor-mano{
        cursor: pointer;
      }
      @media (min-width: 1280px) {
      .mapa{
        position:absolute;
        display: flex; 
        bottom:1rem; 
        right:-1rem; 
        width: 30em; 
        height: 30em;
      }
      .mapa{
  
        right:-25.5rem;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
      }
      .mapa.active{
        right:-1rem;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
      }
    }
      @media (max-width: 1200px) {
      .mapa{
        position:absolute;
        display: flex; 
        bottom:1rem; 
        right:1rem; 
        width: 12rem; 
        height: 12rem;
      }
      #mapa{
        position:absolute;
        width:20%;
        
      }
      .mapa{
  
        right:-10.5rem;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
      }
      .mapa.active{
        right:-1rem;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease;
      }
    }
    

 .flecha-right{
  display:none;
 }

 .flecha-right.active-flecha{
  display:block;
 }