*{
    margin: 0;
    padding: 0;
}

.hoja{
    
width: 99%;
height: 7000px;
background: #c1f8c3;
margin: 0.2em auto;
padding: 0.2em;
border:solid rgba(41, 40, 40, 0.527) 1.5px; 

}


.button{
  position: relative;
      padding: 9px;
     
      width: 80%;
      left: 7%;
      display: block;
      
      background: #4c9939;
  
      color: rgb(20, 20, 20);
      text-decoration: none;
  
      font-family: 'Economica', sans-serif;
        font-size: 38px;
    
  }
  
  .button span{
       margin-right: 36%;
   }
  





.ave{
     width: 85%;
   padding: 1px 8px;
   margin: auto;
    font-family: 'Economica', sans-serif;
background:#4c9939;
    font-size: 20px;
    position: relative;
left: 5%;
bottom: -5px;
  
}

.foto{  

position: relative;
height: auto;
margin: auto;
display: block;

bottom: -20px;

width: 90%;


}

.texto1{
  
  font-family: 'Economica', sans-serif;

    font-size: 28px;

    position: relative;

bottom: -45px;
text-align: center;   
}

.texto2{
  padding: 18px;
    font-family: 'Mallanna', sans-serif;
    font-size: 24px;

    position: relative;
    
    bottom: -40px;
    text-align: justify;
   
}




  
  .button.fono{ 
       bottom: -80px; 
    }
  
   .button.face{ 
        bottom: -110px;
        }
  
  
    .button.whats{ 
                 bottom: -140px;
      
              }
              .button.tercera{ 
                  bottom: -170px;
        
                  }
                  .button.correo{ 
                         bottom: -200px;
           
                      }

                         .button.compartir{ 
                    
                          bottom: -240px;
                          padding: 29px 11px;
                          font-size: 16px;
                          color:#4c9939;
                      
                          
                          }
              
                              .escritorio{
                                font-family: 'Economica', sans-serif;
                                position: relative;
                                font-size: 24px;
                                bottom: -210px;
                                text-align: center;
                                 }


                             .guardar{
   
                              font-family: 'Economica', sans-serif;
                              font-size: 36px;
                            
                              position: relative;
                              
                              bottom: -260px;
                              text-align: center;
                             
                            }

                            .mapa{
                              position: relative;
                              width: 88%;
                              height: 5%;
                              bottom: -310px;
                             left: 5%;
                             font-family: 'Economica', sans-serif;
                             font-size: 22px;
                                 margin-top: 5px;
                                 margin-bottom: 10px;
                             
                                 -moz-border-radius: 12px;
                             
                                 -webkit-border-radius: 5px;
                             
                                 border-radius: 12px;
                             
                                 text-align: center;
                                 -moz-box-shadow: 4px 4px 14px #000;
                                 -webkit-box-shadow: 4px 4px 14px #000;
                                 box-shadow: 4px 4px 14px #000;

                            }





                             
                              .imagenes{
                                position: relative;
                            display: block;
                                bottom: -400px;
                                text-align: center;
                                font-family: 'Economica', sans-serif;
                                font-size: 20px;
                                width: 88%;
                                height: auto;
                                
                                left: 5%;
                                margin-top: 5px;
                                margin-bottom: 50px;
                   
                              }
                              
.button.servicios{

  position: relative;
display: block;
background: #c1f8c3;

font-weight:bold;


  top: 410px;
  text-align: center;
  font-family: 'Economica', sans-serif;
  font-size: 30px;
  width: 88%;
 
  padding: 9px;
  left: 5%;
   }

.video{
  position: relative;
text-align: center;
 width: 90%;
  bottom: -500px;
left: 5%;

margin-top: 5px;

  margin-bottom: 10px;
                             
  -moz-border-radius: 12px;
                             
  -webkit-border-radius: 5px;
                             
  border-radius: 12px;
                             
  text-align: center;
  -moz-box-shadow: 4px 4px 14px #000;
  -webkit-box-shadow: 4px 4px 14px #000;
   box-shadow: 4px 4px 14px #000;


  }


  
.horario{
  font-family: 'Economica', sans-serif;
  position: relative;
  bottom: -610px;
  text-align: center;
font-size: 22PX;

}




                            .button:hover{ 
                              background: #bbe7bd;
                                
                                }

          .pie{
            position: relative;
            bottom: -750px;
            text-align: center;
            width: 99%;
          }