#mapa {
 		width: 620px;
        height: 400px;
       
        border: #000000 solid 1px;
        margin-top: 10px;

      }
body{
   width: 100%;
  background: #f1f1f1;
  height: 400px; 
  
  
  /*display: flex;
  justify-content: center;
  align-items: center;
 
  min-height: 100vh;
  */
  
}
.contenido{
  	text-align: center;
	width: 100%;
  	max-width: 500px;
  	min-height: 400px;
  	background: #fff;
  	border-radius: 30px;
  	padding: 40px 10px;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}
embed{
  margin-top:100px;
}

.box{
    width: 100%;
    border: 5px solid #1a4784;
    background-color: #1a4784;
    color: rgb(250, 245, 245);
    height: 400px; 
 
  }

#user{
    text-align: right; 
    font-family: 'Denk One', sans-serif;   
    padding-right: 20px;

}
  hr {
    height: 10px;
    background-color: white;
  }

  /*estilo exportado del ddb03 del ism */
  #content{
    border: 4px solid #000000;
    width: 710px;
    height: 710px;
    overflow-y: scroll;
    overflow-x: scroll;
    white-space: nowrap;
    
}
/*Aplicamos la propiedad object-fit cover, ajustar su tamaño y no perder la proporcion de nuestra imagen*/
img{
    margin-left: -570px;
    width: 100%;
    object-fit: cover;
    object-position: left;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    img {
      margin-left:0;
    }
  }

.rejilla {
  display: grid;
  grid-template-columns: 800px 700px;
   
}