
.error { text-align:center; padding:8px 5px; margin-bottom:20px; font-size:13px; line-height:1.2em; color:#a02b2b; background-color:#f8ecec; border:1px solid #dcb8b8; }
.ok { text-align:center; padding:8px 5px; margin-bottom:20px; font-size:13px; line-height:1.2em; color:#136819; background-color:#e2f1de; border:1px solid #a6c9a6; }

body { background-color:#5672a6; font-family:'Montserrat', sans-serif; font-weight:400; color:#FFF; }

form { width:400px; margin:0 auto; padding:30px 20px; max-width:100%; box-sizing:border-box; }
.titulo { font-size:50px; font-weight:bold; text-align:center; margin-bottom:30px; }
.subtitulo { font-size:30px; text-align:center; margin-top:-10px; margin-bottom:30px; }

label { display:block; margin-top:20px; width:100%; }
label .etiqueta-campo,
label textarea,
label input { display:block; font-size:18px; background-color:transparent; color:#FFF; width:100%; }
label .etiqueta-campo { font-weight:600; padding:10px 0; }
label input, 
label textarea { border-bottom:2px solid #a2abcd; padding:10px; box-sizing:border-box; }
label textarea { max-width:100%; min-width:100%; min-height:4em; }
label input[type=radio] { display:inline-block; width:auto; margin:0 10px; }
label.check { line-height:1.3em; text-transform:uppercase; }
label.check span { font-size:12px; }
label input[type=checkbox] { display:inline-block; width:auto; height:auto; margin-right:10px; }


.botones { width:100%; margin-top:20px; text-align:right; }
.botones input[type=submit] { display:inline-block; background-color:transparent; font-weight:600; padding:10px; padding-right:50px; background-image:url('../img/btn-enviar.png'); background-position:center right; background-size:40px auto; }
.subiendo { display:none; text-align:center; padding:10px; }


@media all and (max-width: 720px) {
	.titulo { font-size:30px; }
	.subtitulo { font-size:16px; }
	label .etiqueta-campo,
	label textarea,
	label input { font-size:14px; }
}
