:root{
    --color1:#797979;
    --colorfondo1: #94c4db;
    --colorfondo2: #5b7998;
    --colorfondoresaltado: #213e54;
    --colorfondo3:#fcfcfc;
    --color23: #003366;
    --color54:#005599;
    --color21:#f4f4f4;

}
body{
    font-family: Arial, Helvetica, sans-serif;
    background-color: var(--color21);
    margin: 0%;
    padding: 0%;
}
header{
    background-color:var(--color21);
    color: white;
    padding: 1em 0;
    text-align: center;
}
header div ul li{
    margin: 5px;
    padding: 20px;
font-size: 12px;
    display: inline-block;
    
}
header div ul li a{
    text-decoration: none;
    color: white;
}
#logo{
    
    width: 300px;
}
#menudenavegacion{
    align-content: center;
   margin: 0px 100px 0px 250px;
}

#menudenavegacion{
    width: 70%;
    height: 80px;
    margin-bottom: 0;
    background-color: var(--colorfondo1);
    color: white;
}

#menudenavegacion nav {
    position: relative;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3)
}
#imgprincipal{
    width: 400px;
    margin: 0px;
}
#buscar1{
    margin: 0px;
    background-color: #213e54;
    
}
#buscar1 h1{
margin: 10px;
padding: 30px;
    background-color:var(--color1);
    float: left;
    font-size: 12px;
}
#buscar1 input{
    float: right;
    text-decoration: none;
    bottom: none;
}
#formulario{
    background-color: #5b7998;
    
}
#icon1{
    width: 40px;
    
}
#precio{
color: var(--colorfondo2);
}
.fa-codepen{
    font-size: 40px;
    color: var(--colorfondo2);
}

.fa-location-dot{
    font-size: 40px;
    color: #797979;
}
.fa-bath{
   font-size: 40px;
   color: #213e54;
}
.fa-bed{
    font-size: 40px;
    color: #213e54;
}
.fa-magnifying-glass{
    font-size: 30px;
    color: #f4f4f4;
    
}
.fa-envelope{
    font-size: 30px;
    color: #fcfcfc;
}
.fa-envelope-open{
    font-size: 40px;
    color: #f4f4f4;
}
.fa-phone{
    font-size: 40px;
    color: #f4f4f4;
}
.fa-earth-americas{
    font-size: 40px;
    color: white;
}
#imagendentro{
    width: 50%imagendentro;
}
footer{
    display: inline-block;
    text-align: center;
    background-color: var(--color54);
}
.fa-map{
    font-size: 40px;
    color: white;
}
#venta{
    
    display: grid;
    grid-template-columns: 1fr 1fr;
}
main nav  {
    width: 100px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-decoration: none;
}
main nav ul li{
    display: grid;
    grid-template-columns: 7fr 1fr 2fr;
   
}