label {
    display:block;
    margin-top:1.5em;
    letter-spacing:1px;
}
body{
   background-image: url(fondo/piso%20de%20madera.jpg)
}
#imgmap{
   
    position: absolute;
    text-align: left;
    width: 45%;
    z-index: 10;
    margin-left: 5%;
    min-width: 100px;
    }
.boxx{
    overflow: hidden;
    margin: 14% 50% 10% 5%;
    display:inline-block;
    width:89%;
    color: #666666;
    font-family:Arial; 
}
#formulario {
    float: left;
    width: 42%;
    padding: 1%;
    border: solid .2em #ffffff;
    color: #ffffff;
    background-color: #231f20;
    
}
#mapa{
    width:40%;
    float: left;
    
    
}
form {
}
 
input, textarea {
    width:92%;
    background:#666666;
    border:2px solid #f6f6f6;
    padding:10px;
    margin-top:5px;
    font-size:10px;
    color:#ffffff;
}
 
textarea {
    height:15em;
}
 
#submit {
    width:50%;
    height:35px;
    border:none;
    margin-top:20px;
    cursor:pointer;
}


@media (max-width: 700px){
    .boxx{
        margin: 14% 5% 5% 5%;
        overflow: none;
    }
    #mapa img{
        display: none;
    }
    #formulario {
    float: none;
        margin: 0;
    width: 90%;
    padding: 2%;
    border: solid .2em #ffffff;
    color: #ffffff;
        background-color: #231f20;
    }
    input{
        margin-top: 5%;
    }
   
}
    }