body {
  padding: 0px;
  margin: 0px;
  font-family: "Open Sans", sans-serif; }

h1, h2, h4, nav li a {
  font-family: "Open Sans", sans-serif; }

h1 {
  font-size: 48px;
  margin-top: 80px;
  margin-bottom: 10px;
  color: #002e40; }

h2 {
  color:orange;
  margin-top: 80px;
  font-size: 28px; }

h4 {
  font-size: 20px;
  margin-bottom: 10px; }

a {
  cursor: pointer; }


.nav-container {
  background-color:#F6F6F6;
  width: 100%;
  min-height:60px;
  position: fixed;
  box-shadow: 0 0 20px rgba(169, 169, 169, 0.8);
  left: 0px; 
  z-index:999;
}

nav {
  text-align: center;
  width: 800px;
  margin: 0px auto; }
nav ul {
  padding: 0px; }
nav li {
  width: 16%;
  display: inline-block; }
nav li a {
  font-size: 18px;
  color:#383083; }
nav li a.active {
  color: #383083; }
@media screen and (max-width: 640px) {
  nav {
    width: 100%; 
    height: auto;
  }
  nav li {
    width: 42%;
  }
  nav li a {
    font-size: 18px;
  }
}

section {

  height: 1200px;
  width: 100%; }
#spacio {
  background:gray;
  width:100%;
  min-height:58px;
  padding:1px 0 1px 0;
  top:-1px;
  position:relative;
  z-index:-999;
}
.logo-responsivo {
  max-width:227px;
}
#whatsapp {
  top:100px;
  position:absolute;
  width:100%;
  z-index:10;
}
#fondo-video {
  height:auto;
  overflow: hidden;
  position:fixed;
  width:100%;
  z-index:-999;
}
 video {
  background: url(cover.jpg) no-repeat;
  top: 0px;
  left: 0px;
  width: 100%;
  height: auto;
}
.responsiva-content {
  max-width:350px;
  height:auto;
  margin:10px;
}
.responsiva-content {
  display:inline-block;
  vertical-align:top;
}
.responsiva-3-imgs {
  max-width:300px;
  height:auto;
  margin:2px;
}
.responsiva-3-imgs {
  display:inline-block;
  vertical-align:top;
}
.responsiva-500 {
  max-width:500px;
  height:auto;
  margin:auto;
}
#s1, #imagen {
  width: 100%;
}
#s2 {
  background:white;
  padding: 100px 0;
  height:auto;
  width: 100%;
}
#s2 a {
  background: #369;
  text-decoration: none;
}
#s3 {
  background:#3C2B91;
  color:white;
  padding: 100px 0;
  height:auto;
  width: 100%;
}
#s4 {
  background: url("../img/fondo-servicios.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 100px 0;
  color:black;
  height:auto;
  width: 100%;
}
#s4 a {
  background: orange;
  text-decoration: none;
}
#s5 {
 background: white;
  padding: 100px 0;
  height:auto;
  width: 100%;
}
#redes-sociales {
  height:70px;
  margin:10px;
  width:280px;
}
#redes-sociales {
  display:inline-block;
  vertical-align:0;
}
#s6 {
  background: url("../img/fondo-contacto.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:white;
  padding: 100px 0;
  height: auto;
  width: 100%;
}


section .content {
  margin: 0px auto;
  max-width: 801px; }
section .content a {
  color: #002e40; }

@media screen and (max-width: 804px) {
  #spacio {
  background:gray;
  width:100%;
  min-height:58px;
  padding:1px 0 1px 0;
  top:0px;
  position:relative;
  z-index:-999;
}
#s2 {
  background: white;
  height: auto;
}
#s4, #s5 {
  height: auto;
}
#s5 {
  background:white;
}
section .content {
  width: 90%;
}
}

textarea, select, input[type="text"] {  
    background-color:#F6F6F6;
    border-radius:20px;
    border:none;
    color:#383083;
    font-size:1em;
    height:35px;
    outline:none;
    padding: 0 10px;
    width: 200px; 
}
textarea {
  height:100px;
}
#sub, #sub2 {
  background-color:white;
  border-radius:0px;
  border:1px solid gray;
  color:#383083;
  font-size:1em;
  height:20px;
  outline:none;
  width: 50px; 
}
#totalres, #totalcom {
  background-color:transparent;
  border:none;
  color:white;
  font-size:1em;
  height:20px;
  text-align:left;
  outline:none;
  width: 60px; 
}
#campo {
  background:none;
  display:inline-block;
  margin:10px 5px 5px 5px;
  vertical-align:top;
  width:auto;
}
.t-campos {
  color:white;
  padding:2px 15px;
}
.boton { 
    font-size: .9em; 
    font-weight:bold; 
    color:black; 
    background:white; 
    border:0px;
    border-radius:10px; 
    width:120px; 
    height:25px; 
}
.boton:hover { 
    font-size: .9em; 
    font-weight:bold; 
    color:black; 
    background:silver; 
    border:0px;
    border-radius:10px; 
    width:120px; 
    height:25px; 
}

#if-fomrulario {
  min-height:200px;
  width:100%;

}

footer {
  background: #002868;
  color: white;
  height:auto;
  padding:10px 0;
  text-align: center;
  width: 100%;
}