html, body, div, iframe
{ margin:0; padding:0;
}
.respmenu a {
  color: inherit;
  text-decoration: none;
  display: block;
  padding: 10px 20px;
  border-bottom: 2px solid #456789;
  max-width: 300px;
  background: #234567;
  font-variant: small-caps;
  text-shadow: 1px 1px black;
}
.respmenu input[type="checkbox"], .respmenu .fa-bars, .respmenu .fa-times {
  position: absolute;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  right: 0;
  top: 0;
  width: 48px;
  height: 48px;
}

.respmenu .fa-bars, .respmenu .fa-times {
  font-size: 48px;
  pointer-events: none;
}

.respmenu input[type="checkbox"] {
  opacity: 0;
}

.respmenu {
  color: white;
  position: relative;
  background: #123456;
  min-height: 78px;
}

.respmenu nav {
  display: none;
}

.respmenu input:checked ~ nav {
  display: block;
}

.respmenu input:checked ~ .fa-bars {
  display: none;
}

.respmenu input:not(:checked) ~ .fa-times {
  display: none;
}

iframe
{
  display:block;
  width:100%;
  border:none;
  margin-top:15px;
  margin-bottom: 104px;
}
h4{
  text-align:center;
  margin:40px;

}
input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
;
}

input[type=submit] {
  width: 100%;
  background-color: transparent;
  color: black;
  padding: 14px 20px;
  margin: 8px auto;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #A9453B;
}
.estilotextarea2 {
  width:100%;
  height:190px;
  border: 1px dotted #000099;
  resize:none;
}

.div {
  border-radius: 5px;
  background-color: ;
  padding: 20px;
  margin: 50px;
}
.mapa{
    width:100%;
    height:400px;
    margin-botton:600px;
}