* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  flex-wrap: wrap;
  font-family: 'Big Shoulders Display', cursive;
  font-weight: 300;
  color: #535353;

}

html {}

body {
  font-size: 16px;
}

p {
  margin-bottom: 1em;
}

h3{}

h1 {
  font-size: 2.5em;
  margin-bottom: 1em;
}

h2 {
  font-size: 1.5em;
  margin-bottom: 0.3em;
}

a {}

ol {}

li {}

ul {}

.bold{
  font-weight: 600;
}

/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  width: 0;
}

.row:after, .clearfix:after, .container12:after, .container16:after {
  clear: both;
}

/* For IE7. Move this to separate file when you notice some problems */
.row, .clearfix {
  zoom: 1;
}

img, object, embed {
  max-width: 100%;
}

img {
  height: auto;
}

::-webkit-input-placeholder {
  color: rgb(212, 212, 212)
  /* Chrome/Opera/Safari */
}

::-moz-placeholder {
  color: rgb(212, 212, 212)
  /* Firefox 19+ */
}

:-ms-input-placeholder {
  color: rgb(212, 212, 212)
  /* IE 10+ */
}

:-moz-placeholder {
  color: rgb(212, 212, 212)
  /* Firefox 18- */
}
.hide{
  display: none !important;
}
.show{
  display:block !important;
}

.azul{
  color: #23589e;
}

.turqueza{
  color: #58b3b3;
}
.naranja{
  color: #f39200;
}

.fondo-azul{
  background: #23589e;
}
.fondo-turqueza{
  background: #58b3b3;
}
.fondo-naranja{
  background: #f39200;
}

.cabecera-inscripciones{
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 220px;
  box-sizing: border-box;
  background: url("img/fondo-inscripciones.jpg") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover ;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.contenedor-cabecera{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: -1.7em;
}

.titulo1{
  color: #ffffff;
  font-size: 2em;
  text-transform: uppercase;
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin-top: 0.2em;
  font-weight: 400;
}

.contenedor-inscripciones{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 5em;
  align-items: flex-start;
}

.info-inscripciopnes{
  width: 40%;
}
.precios{
  width: 60%;
}

.info-inscripciopnes{
  display: block;
  box-sizing: border-box;
  padding-right: 3em;
  text-align: justify;
}

.precios{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: flex-start;
  padding-top: 5em;
}

.titulo-fechas{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 46%;
  padding-left: 1em;
  align-items: center;
  text-transform: uppercase;
}

.titulo-primero{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 21%;
  padding-left: 1em;
  padding-right: 1em;
  text-align:center;
  line-height: 1em;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.titulo2{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 14.5%;
  padding-left: 1em;
  padding-right: 1em;
  text-align:center;
  line-height: 1em;
  padding-top: 0.7em;
  padding-bottom: 0.7em;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
}

.legal-precios{
  padding-top: 2em;
  font-size: 0.9em;
}

.color-fechas{
  font-weight: 600;
  padding-bottom: 1em;
}
.color-precios{
  background: #f0efef;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  color: rgb(41, 41, 41);
  font-weight: 400;
  font-size: 0.9em;
}

.color-precios2{
  background: #d8d7d6;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  color: rgb(41, 41, 41);
  font-weight: 400;
  font-size: 0.9em;
}

.align-precio{
  text-align: center;
  justify-content: center;
}

#inscripciones{
  display: block;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-top: 5em;
  margin-bottom: 3em;
}

.contenedor-campos{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  justify-content: space-between;
  padding: 2em;
}

.contenedor-campos2{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  justify-content:center;
  padding: 2em;
}

.campo-llenar{
  display: block;
  box-sizing: border-box;
  width: 40%;
  height: 2em;
  margin-bottom: 2em;
  border: none;
  border-bottom: 1px solid #c1c1c1;
  padding-left: 1em;
  text-transform: none;
  color: rgb(99, 103, 105);
  font-size: 1em;
}

.campo-llenar-factura{
  display: block;
  box-sizing: border-box;
  width: 30%;
  height: 2em;
  margin-bottom: 2em;
  border: none;
  border-bottom: 1px solid #c1c1c1;
  padding-left: 1em;
  text-transform: none;
  color: rgb(99, 103, 105);
  font-size: 1em;
  margin: 0.5em;
}

.campo-llenar2{
  display: block;
  box-sizing: border-box;
  width: 40%;
  height: 2em;
  margin-bottom: 2em;
  border: none;
  border-bottom: 1px solid #c1c1c1;
  padding-left: 1em;
  padding-bottom: 1em;
  text-transform: none;
  color: rgb(99, 103, 105);
  font-size: 1em;
  background-color: rgb(255, 255, 255);
}

.campo-autorizaciones{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  flex-direction: column;
  margin-top: -4em;
  padding: 2em;
}
.autorizacion{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  padding-bottom: 1em;
}

.marcar-autorizacion{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  align-items: center;
  width: 7em;
}

.text-opcion{
  padding-left: 0.3em;
  padding-right: 1em;
}

.terminos-condiciones{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  justify-content: flex-end;
  margin-top: -2em;
}

.terminos-condiciones a:link{
  color: #58b3b3;
  text-decoration: none;
  font-weight: 600;
}
.terminos-condiciones a:visited{
  color: #58b3b3;
}
.terminos-condiciones a:hover{
  color: #58b3b3;
}
.terminos-condiciones a:active{
  color: #58b3b3;
}

.titulo2-form{
  margin-top: 3em;
}

.boleta-factura{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: center;
}

.bajada-inscripciones{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  justify-content: center;
  padding-top: 0.5em;
}
.seccion-enviar{
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: 100%;
  justify-content: center;
  margin-top: -1em;
}

.btn-eneviar a:link{
  background: #58b3b3;
  text-transform: uppercase;
  color: #ffffff;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  font-size: 1.3em;
  text-decoration: none;
  margin: 1em;
}

.btn-eneviar a:visited{
  color: #ffffff;


}
.btn-eneviar a:hover{
  color: #ffffff;
  background: #079393;

}
.btn-eneviar a:active{
  color: #ffffff;
}
.seccion-plataforma{
  display: flex;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 2em;
}

@media screen and (max-width:1500px) {}

@media screen and (max-width:1400px) {}

@media screen and (max-width:1300px) {
  body {
    font-size: 14px;
  }
  .contenedor-cabecera, .contenedor-inscripciones, .contenedor-inscripciones{
    max-width: 1000px;
  }
  #inscripciones{
    max-width: 1000px;
  }
}

@media screen and (max-width:1100px) {
  body {
    font-size: 12px;
  }
  .contenedor-cabecera, .contenedor-inscripciones, .contenedor-inscripciones{
    max-width: 900px;
  }
  #inscripciones{
    max-width: 900px;
  }
}

@media screen and (max-width:900px) {

  .contenedor-cabecera, .contenedor-inscripciones, .contenedor-inscripciones{
    max-width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
  #inscripciones{
    max-width: 100%;
    padding-left: 2em;
    padding-right: 2em;
  }
}

@media screen and (max-width:700px) {
  .info-inscripciopnes, .precios{
    width: 100%;
  }
  .campo-llenar, .campo-llenar2, .campo-llenar-factura{
    width: 100%;
  }
}

@media screen and (max-width:690px) {}

@media screen and (max-width:500px) {}

@media screen and (max-width:380px) {}