#map-canvas {
    width: 100%;
    height: 400px;
    background-color: #CCC;
  }    

  #contetext #contact-map {
    width: 282px;
    height: 330px;
    background-color: #ffffff;
    position: absolute;
    z-index: 2;
    line-height: 1.2;
    margin-top: 40px;
    border-radius: 5px 5px 5px 5px;  
    right: 80px;
    box-shadow: 4px 2px 13px #888888;  
  }    
  
    #contetext .divcontenmap{
        float: right;
    }
  
   .boxgoogle {
        color: red;
        background-color: white;
        font-family: "Lucida Grande", "Arial", sans-serif;
        font-size: 10px;
        font-weight: bold;
        text-align: center;
        width: 40px;
        border: 2px solid black;
        white-space: nowrap;
   }  
   
   #contetext .leyenda{
     color: var(--main-third-color);
   }
   #contetext .bycontact{
       padding-left: 40px;
       margin-bottom: 15px;
   }
   
   #contetext >div >div .arrow{
      float: right;
      margin-top: -20px;
      margin-right: 7px;  
   }