*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Open Sans Light 300', sans-serif, Verdana, Arial, "Trebuchet MS", "sans-serif";font-weight:300;line-height:1.5em;}
a:link, a:visited{color:#5a91cb;text-decoration:none;}a:hover, a:active{color:orange;}
em{color:#5a91cb;font-style:normal;}
.cabecera{width:100%;display:flex;justify-content:center;padding:1em;border-bottom:solid 1px #ececec;background:#f5f5f5;}
.cabeceraCont{width:900px;display:flex;justify-content:space-between;align-items:center;}
header img{width:100%;height:30px;}
h1, h2, h3, h4, h5, h6{margin-bottom:1em;font-family:'Open Sans', sans-serif;font-weight:500;}
p{margin-bottom:1em;}
main{}
article{width:700px;display:flex;flex-direction:row;margin:2em auto;border:solid 1px #ececec;border-radius:0.5em;}
aside{width:50%;padding:1em;border-right:solid 1px #ececec;background:#f9f9f9;}
section{flex:1;padding:1em;background:#fcfcfc;}
footer{width:700px;display:flex;justify-content:space-between;margin:2em auto;padding:1em;font-size:0.8em;border-top:dotted 1px #ececec;border-bottom:dotted 1px #ececec;}
.loginBtn{padding:1em 2em;color:#fff;border:solid 1px #5a91cb;border-radius:0.5em;background:#98bfe7;}
button.loginBtn hover, button.loginBtn active{border-color:orange;background:orange;}
.loginForm{}
.loginList{margin:0;padding:0;list-style:none;}
.loginList li{margin-bottom:1em;}
input{width:100%;padding:1em;border:solid 1px #ececec;}
.loginError{border:solid 1px red;}
.loginErrorTxt{padding:0 0.5em;color:red;font-size:0.7em;background:#ffd4d4;}
a.loginBtn {color: #fff;}

@media only screen and (max-width:700px){
	header img{width:auto;height:15px;}
	.cabecera{font-size:0.7em;}
	article{width:auto;flex-direction:column;margin:1em;}
	aside{width:100%;border-right:none;border-bottom:solid 1px #ececec;}
	footer {width:100%;flex-direction: column;align-items:center;}
}