html { font-size: 15px; }

body { font-family: 'Open Sans', sans-serif; color: #14222B; background: #63abd9; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.encabezado { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #63abd9; }

.encabezado #menu { display: -webkit-box; display: -ms-flexbox; display: flex; background: #63abd9; width: 100%; margin: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.encabezado #menu li { -ms-flex-item-align: center; align-self: center; background-color: #12AFAF; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; border: O; }

.encabezado #menu li a { background-color: #6877C0; color: #FFF; padding: .5rem; border: O; display: block; text-decoration: none; }

.encabezado #menu li, .encabezado #menu a { list-style: none; }

.encabezado #menu a:hover, .encabezado #menu li:hover, .encabezado #menu .active a { list-style: none; background-color: #ddd; color: 000; border: O; }

.encabezado .titulo { display: -webkit-box; display: -ms-flexbox; display: flex; background: #6877C0; padding: .5rem; width: 100%; margin: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.encabezado .titulo .imagen img { width: 40px; height: auto; margin: 0 1rem; }

.encabezado .titulo .texto h2 { height: auto; margin: 0 1rem; color: #FFF; }

.error { color: red; font-size: 1.3rem; }

/*# sourceMappingURL=estilos.css.map */