@font-face {
  font-family: "Gafata";
  src: url("../fonts/Gafata-Regular.ttf");
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: "Gafata", sans-serif;
}

header {
  z-index: 10;
  width: 100%;
  background: #001a57;
  border-bottom: 3px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 30px;
  position: fixed;
  top: 0%;
}

header a img {
  width: 230px;
}

header h2 a {
  color: #fff;
  text-decoration: none;
}

section {
  width: 100%;
  background: url(../img/xd.jpg);
  background-size: cover;
  background-attachment: fixed;
  overflow: hidden;
  padding-top: 150px;
}

section .contenedor {
  width: 80%;
  background: rgba(250, 250, 250, 0.8);
  margin: 30px auto;
  border-radius: 20px;
  font-size: 20px;
}

section .contenedor .titulo-contenedor {
  width: 100%;
  background: #001a57;
  border-radius: 20px 20px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  align-item: center;
  color: #fff;
}

section .contenedor .titulo-contenedor a {
  color: #ffffff;
  text-decoration: none;
  margin: 15px 20px;
  font-size: 30px;
}

section .contenedor .titulo-contenedor h3 {
  margin: 15px auto;
  font-size: 25px;
}

section {
  background: url(../img/xd.jpg);
  background-size: 300px;
  background-repeat: repeat;
  background-attachment: fixed;
}

.alerta {
  width: 100%;
  padding: 5px;
  font-size: 14px;
  color: white;
  background: green;
  -webkit-box-shadow: 0px 1px 3px #ccc;
          box-shadow: 0px 1px 3px #ccc;
  margin-bottom: 15px;
  border-radius: 2px;
  text-align: center;
}

.alerta-error {
  width: 100%;
  background: red;
}

.modelo, .nombres, .dni, .edad, .direccion, .telefono, .apoderado, .colegio, .grado, .hijos, .reunionParejas, .reunionJovenes, .reunionNinos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.modelo label, .nombres label, .dni label, .edad label, .direccion label, .telefono label, .apoderado label, .colegio label, .grado label, .hijos label, .reunionParejas label, .reunionJovenes label, .reunionNinos label {
  margin-bottom: 20px;
}

.modelo input[type='text'], .nombres input[type='text'], .dni input[type='text'], .edad input[type='text'], .direccion input[type='text'], .telefono input[type='text'], .apoderado input[type='text'], .colegio input[type='text'], .grado input[type='text'], .hijos input[type='text'], .reunionParejas input[type='text'], .reunionJovenes input[type='text'], .reunionNinos input[type='text'] {
  font-size: 15px;
  padding: 8px;
  width: 50%;
  border: none;
  border: 1px solid #001a57;
  border-radius: 15px;
  text-align: center;
}

.modelo select, .nombres select, .dni select, .edad select, .direccion select, .telefono select, .apoderado select, .colegio select, .grado select, .hijos select, .reunionParejas select, .reunionJovenes select, .reunionNinos select {
  font-size: 15px;
  padding: 8px;
  width: 50%;
  border: none;
  border: 1px solid #001a57;
  border-radius: 15px;
  text-align: center;
}

.saludo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 50px;
  text-align: center;
  font-size: 30px;
}

.saludo h3 {
  padding-top: 30px;
  width: 100%;
}

.saludo .presentacion img {
  width: 100%;
}

.email {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.email label {
  margin-bottom: 20px;
}

.email input[type='email'] {
  font-size: 15px;
  padding: 8px;
  width: 50%;
  border: none;
  border: 1px solid #001a57;
  border-radius: 15px;
  text-align: center;
}

.boton {
  width: 100%;
  padding: 0 50px 50px 50px;
  text-align: center;
  padding-top: 20px;
}

.boton input[type="submit"] {
  width: 20%;
  padding: 10px;
  border: none;
  border: solid 2px #001a57;
  border-radius: 20px;
  background: none;
  cursor: pointer;
  -webkit-transition: 1s;
  transition: 1s;
}

.boton input[type="submit"]:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  z-index: 2;
  background: #001a57;
  color: #fff;
}

.bases {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0 50px 50px 50px;
  margin: auto;
}

.bases a {
  text-decoration: none;
  border: 1px solid #001a57;
  width: 20%;
  padding: 10px 10px;
  text-align: center;
}

footer {
  background: #001a57;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  border-top: 3px solid #fff;
}

footer .info {
  width: 50%;
  text-align: left;
  font-size: 20px;
  color: #fff;
  overflow: hidden;
  padding-left: 15%;
}

footer .info img {
  padding-top: 30px;
}

footer .info h5 {
  margin: 0;
  padding: 0;
  margin: 30px 30px 30px 10px;
}

footer .info h5 i {
  margin-right: 10px;
}

footer .info h5 a {
  color: #fff;
  text-decoration: none;
}

footer .mapa {
  width: 50%;
  text-align: center;
  padding: 20px;
}

@media screen and (max-width: 450px) {
  header {
    position: static;
    text-align: center;
  }
  header img {
    display: inline-block;
    margin: auto;
  }
  header h2 {
    padding-top: 15px;
  }
  section {
    padding-top: 0;
  }
  section .modelo input[type='text'], section .nombres input[type='text'], section .dni input[type='text'], section .edad input[type='text'], section .direccion input[type='text'], section .telefono input[type='text'], section .apoderado input[type='text'], section .colegio input[type='text'], section .grado input[type='text'], section .hijos input[type='text'], section .reunionParejas input[type='text'], section .reunionJovenes input[type='text'], section .reunionNinos input[type='text'] {
    font-size: 15px;
    padding: 8px;
    width: 80%;
    border: none;
    border: 1px solid #001a57;
    border-radius: 15px;
    text-align: center;
  }
  section .modelo select, section .nombres select, section .dni select, section .edad select, section .direccion select, section .telefono select, section .apoderado select, section .colegio select, section .grado select, section .hijos select, section .reunionParejas select, section .reunionJovenes select, section .reunionNinos select {
    font-size: 15px;
    padding: 8px;
    width: 80%;
    border: none;
    border: 1px solid #001a57;
    border-radius: 15px;
    text-align: center;
  }
  section .email input[type='email'] {
    font-size: 15px;
    padding: 8px;
    width: 80%;
    border: none;
    border: 1px solid #001a57;
    border-radius: 15px;
    text-align: center;
  }
  section .boton input[type="submit"] {
    width: 50%;
  }
  section .saludo {
    font-size: 20px;
  }
  section .saludo .presentacion {
    padding-top: 30px;
  }
  footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
  }
  footer .info {
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
  footer .mapa {
    width: 80%;
  }
}
/*# sourceMappingURL=estilosFormulario4.css.map */