*{
    margin: 0;
    padding: 0;
}
body{
  width: 99%;
  height: 280em;
  
}



.hoja{
    
width: 99%;
height: 100%;
background: #f3f7f3;
margin: 0.2em auto;
padding: 0.2em;
/*border:solid rgba(223, 48, 48, 0.527) 1.5px; */
background: #fcfa79;
}


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





.logo{
  position: relative;
     width: 60%;
     height: 1,1%;
   padding: 2px;
display: block;
margin: auto;
border-radius: 8px;
    /*font-family: 'Economica', sans-serif;*/
/*background:#4c9939;*/
 
 
/*left: 5%;*/
/*bottom: -5px;*/
  
}

.foto{  

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

bottom: -20px;

width: 80%;
border-radius: 8px;
/*border: #4c9939 2px solid;*/
}

.texto1{
  padding: 1px 20px;
  font-family: 'Economica', sans-serif;

    font-size: 28px;

    position: relative;

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

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

    position: relative;
    
    bottom: -40px;
    text-align: justify;
   
/*border: #4c9939 2px solid;*/
}




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

                         .button.compartir{ 
                      text-align: center;
                          bottom: -215px;
                          padding: 4px 10px 24px 10px;
                          font-size: 18px;
                          color:#4c9939;
                          font-family: 'Economica', sans-serif;
                          
                          }
              
                              .escritorio{/*texto colocar en escritorio*/
                                font-family: 'Economica', sans-serif;
                                position: relative;
                                font-size: 24px;
                                bottom: -178px;
                                text-align: center;
                                 }


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

                            .mapa{
                              position: relative;
                              width: 85.5%;
                              height: 6.7%;
                              bottom: -290px;
                              margin: auto;
                              display: block;


                             /*left: 5%;*/
                             font-family: 'Economica', sans-serif;
                             font-size: 22px;
                                /* margin-top: 5px;
                                 margin-bottom: 10px;*/
                             
                                 /*-moz-border-radius: 12px;
                             
                                 -webkit-border-radius: 5px;*/
                             /*background-color: #000;*/
                                 border-radius: 12px;
                                 border: #4c9939 6px solid;
                                 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;
                            margin: auto;
                                bottom: -380px;
                                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;
margin: auto;
background: #c1f8c3;

font-weight:bold;


  top: 440px;
  text-align: center;
  font-family: 'Economica';
  font-size: 30px;
  width: 88%;
 
  padding: 9px;
  border-radius: 12px;
   }

.video{
  position: relative;
  display: block;
  margin: auto;
text-align: center;
 width: 88%;

  bottom: -500px;
/*left: 5%;

margin-top: 5px;

  margin-bottom: 10px;*/
                             
  -moz-border-radius: 12px;
                             
  -webkit-border-radius: 5px;
                             
  border-radius: 12px;
                             
  
  -moz-box-shadow: 4px 4px 14px #000;
  -webkit-box-shadow: 4px 4px 14px #000;
   box-shadow: 4px 4px 14px #000;


  }

h4{
margin: auto;
  width: 90%;
  /*background:rgb(94, 238, 10);*/
      color:rgb(25, 54, 18);
  background:rgb(115, 194, 69);

}
  h5{
    margin: auto;
  width: 90%;
  color:rgb(30, 77, 18);
    background:rgb(154, 245, 101);
  }
.horario{
  font-family: 'Economica', sans-serif;
  position: relative;
  width: 90%;
  margin: auto;
  bottom: -590px;
  text-align: center;
font-size: 22PX;
background-color: rgb(64, 139, 14);
border-radius: 8px;

-moz-box-shadow: 4px 4px 14px #000;
  -webkit-box-shadow: 4px 4px 14px #000;
   box-shadow: 4px 4px 14px #000;






}

H6{
  margin: auto;
  width: 85%;
  font-size: 20PX;
  background-color: rgb(162, 235, 46);
}


                            .button:hover{ 
                              /*background: #67f56e;*/
                              background-image: url('botoncolor.png');
                                }

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