.titulo {
 color: #004b93;
 margin-bottom: 2.11em;
 display: inline-block;
 vertical-align: bottom;
 font-family: "Open Sans", sans-serif;
}

.titFormu {
 color: #2a9dde;
 font-size: 22px;
 font-weight: bold;
 line-height: 24px;
 background: none;
 font-family: "Open Sans", sans-serif;
}

.textoContacto {
 color: #47484a;
 line-height: 18px;
 font-size: 15px;
 margin-bottom: 1em;
}

.thankyou-response .success, .thankyou-response .failed {
 text-align: center;
}

.thankyou-response .subtit {
 display: block;
 text-align: center;
}

#formulario {
 border: 3px solid #eff1f4;
 border-radius: 4px;
 padding: 28px 28px 10px 28px;
}

#formulario label {
 position: relative;
 display: inline-block;
 font-size: 14px;
 font-family: "Open Sans Semibold", sans-serif;
 line-height: 18px;
 width: 100%;
 padding: 0;
 color: #47484a;
 padding-bottom: 6px;
}

#formulario .form-field {
 width: 49%;
 box-sizing: border-box;
 float: left;
 margin-bottom: 20px;
 display: inline-block;
 vertical-align: top;
 padding: 0px 20px;
}

#formulario input {
 outline: none;
 box-shadow: none;
 -webkit-appearance: none;
 width: 100%;
 border: 1px solid #92949b;
 border-radius: 4px;
 padding: 12px;
 font-family: sans-serif;
 font-size: 15px;
 line-height: 19px;
 color: #47484a;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 transition: all .2s ease-in-out;
}

#formulario input:focus {
 border-color: #7acaf8 !important;
 -webkit-box-shadow: inset 0 0 0 2px #7acaf8, inset 0 0 0 40px #fff;
 -moz-box-shadow: inset 0 0 0 2px #7acaf8, inset 0 0 0 40px #fff;
 box-shadow: inset 0 0 0 2px #7acaf8, inset 0 0 0 40px #fff;
 background-color: #7acaf8;
}

#formulario button {
 float: right;
 position: relative;
 text-align: center;
 font-size: 12px;
 line-height: 17px;
 font-family: "Open Sans Bold", sans-serif;
 font-weight: 800;
 text-transform: uppercase;
 border: none;
 border-radius: 100px;
 cursor: pointer;
 padding: 20px 41px;
 margin-top: 20px;
 color: #fff;
 background: #f118a7;
 -webkit-transition: color .2s ease-in-out, background .2s ease-in-out;
 -moz-transition: color .2s ease-in-out, background .2s ease-in-out;
 -ms-transition: color .2s ease-in-out, background .2s ease-in-out;
 -o-transition: color .2s ease-in-out, background .2s ease-in-out;
 transition: color .2s ease-in-out, background .2s ease-in-out;
}

#formulario button:hover {
 background-color: #cc0c8a;
 border-radius: 100px;
}

#formulario label.condiciones input:checked+span:before {
 background-position: -418px 0;
}

#formulario label.condiciones>span:before {
 content: "";
 position: relative;
 display: inline-block;
 margin-right: .5rem;
 vertical-align: -.8rem;
 width: 2.6rem;
 height: 2.6rem;
 overflow: hidden;
 background: url(https://image.informacion.grupomutua.es/lib/fe2f1170756404757c1175/m/1/f7ebc2b0-c57d-40d4-b222-f4d38186cb37.png) no-repeat 0 0;
 background-color: #fff;
 border-radius: .4rem;
}

#formulario label.condiciones input {
 opacity: 0;
 position: absolute;
 margin: 0;
 width: 2em;
}

#formulario label.condiciones a {
 text-decoration: none;
 color: #cc0c8a;
}

label.error {
 display: inline-block;
 position: absolute;
 padding: 2% 3%;
 margin: .5% 0;
 height: auto;
 width: auto;
 white-space: nowrap;
 right: 95.5%;
 color: #cd0b0b !important;
 font-size: 12px !important;
 font-weight: bold;
 text-align: right;
}

label.error:after {
 content: "";
 position: absolute;
 top: 4px;
 left: 100%;
 border-left: 6px solid black;
 border-left-color: inherit;
 border-top: 6px solid transparent;
 border-bottom: 6px solid transparent;
 transition: background-color .5s ease-out;
}

label.error {
 position: relative;
 padding: 0px 0px 1.5% 0px;
 margin: 0 0 .5%;
 height: auto;
 width: 97%;
 white-space: normal;
 right: auto;
 border: 0;
 border-radius: 0px;
 text-align: left;
}

label.error:after {
 display: none;
}

.condiciones label.error {
 display: inline-block;
 width: auto;
 height: auto;
 position: relative;
 top: 100%;
 left: 0;
 padding: 0 3px 0 2px;
 margin: 0 4px 0 1px;
 white-space: nowrap;
 background: #c00;
 background: rgba(204, 0, 0, .95);
 color: #fff;
 font-size: 1em;
}

#logo-app {
 display: none;
}

#logo-mutua {
 width: 15em;
 display: inline;
}

@media only screen and (max-width: 50em) {
 .titulo {
  margin-bottom: 0;
 }
 
 #formulario {
  padding: 0 28px 10px 28px;
 }
 
 #formulario button {
  width: 100%;
  margin-top: 0px;
 }
 
 #formulario .form-field {
  width: 100%;
  box-sizing: border-box;
  float: left;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: top;
  padding: 0px 20px;
 }
 
 #logo-mutua {
  display: none;
 }
 
 #logo-app {
  display: inline;
  width: 43px;
  height: 40px !important;
  margin-right: 2em;
 }
}