/*carka300 negocio*/
*{
    margin: 0;
    padding: 0;
}

.hoja{
  background-image: url(fondo1.jpg);

width: 99%;
height: 5000px;

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: #f10606e5;
  
      color: rgb(245, 240, 240);
      text-decoration: none;
  
      font-family: 'Economica', sans-serif;
        font-size: 38px;
    border-radius: 8px;
  }
  
  .button span{
       margin-right: 36%;
   }
  





.logo{
     width: 90%;
   padding: 1px 8px;
   margin: auto;
 

    font-size: 20px;
    position: relative;
left: 5%;
bottom: -5px;

  
}

.foto{  

position: relative;
width: 90%;
height: auto;
margin: auto;
display: block;
border-radius: 50%;
bottom: -20px;




}

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

    font-size: 23px;

    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.compartir{ 
                    
                          bottom: -170px;
                          padding: 2px 11px 18px 11px;
                          font-size: 24px;
                          color:#f10606e5;
                    
                          
                          }

                              .escritorio{
                                font-family: 'Economica', sans-serif;
                                position: relative;
                                font-size: 22px;
                                font-weight: bold;
                                bottom: -145px;
                                text-align: center;
                                color: rgb(248, 244, 244);
                                 }


                             .guardar{
   
                              font-family: 'Economica', sans-serif;
                              font-size: 30px;
                            
                              position: relative;
                              
                              bottom: -200px;
                              text-align: center;
                              font-weight:bold;
                            }

                         
                              .imagenes{
                                position: relative;
                            display: block;
                                bottom: -240px;
                                text-align: center;
                                font-family: 'Economica', sans-serif;
                                font-size: 20px;
                                width: 88%;
                                height: auto;
                                
                                left: 5%;
                                margin-top: 5px;
                                margin-bottom: 50px;
                   padding: 2px;
                   background: rgb(255, 255, 255);
                              }
                              
.button.servicios{
  font-family: 'Economica', sans-serif;
  font-size: 30px;
  font-weight:bold;
  position: relative;
   display: block;
   background: #f31616;

  top: 250px;
  text-align: center;
  
  width: 88%;
 
  padding: 9px;
  left: 5%;
   }



 
.hora{
  font-family: 'Economica', sans-serif;
  position: relative;
  bottom: -300px;
 left: 10px;
font-size: 22PX;
text-align: center;
width: 98%;
height: auto;



}

.letra{
  font-family: 'Economica', sans-serif;
 /*-webkit-text-stroke: 0.2px black;
  color: transparent;*/

  position: relative;
  font-size: 30px;
  bottom: -120px;
  text-align: center;
color: rgb(247, 250, 252);

}



                            .button:hover{ 
                            background-color: #f3161667;
                           
                                }

          .button.web{
            position: relative;
            bottom: -270px;
            font-size: 22px;
            text-align: center;
            width: 96%;
            left: 2px;
          }