*{
	font-family: 'museo_slab300', Arial;
}
body{
	background: #FBFBFB;
	font-size: 16px;
	padding: 0;
	margin: 0;
}

div.content{
	position: absolute;
	right:0;
	transition: .4s;
	width: 100%;
}
header{
    background: #563d7c;
    color: #FFF;
    height: auto;
min-height: 70px;
    position:relative; 
}
header div.header{
    position: relative;
    margin: 0 auto;
    max-width: 1024px;
}
header div.logo{
    float: left;
    font-size: 2em;
    padding: 14px;
}
header div.logo a{
	color: #fff;
	text-decoration: none;
}
header div.user{
    position: absolute;
    right: 0;
    top: 30px;
}
header div.user div{
    margin-right: 5px;
    font-weight: bold;
    text-align: center;
}
main{
	margin: 0 auto;
	margin-top: 40px;
	text-align: center;
	max-width: 1024px;
}

form {
	background: #F0F0F0;
	border:1px solid #CCC;
	border-radius: 5px;
	display:block;
	margin:0 auto;
	max-width:400px;
	padding: 3%;
}

form  input{
	display: block;
	font-size: 1.5em;
	width: 100%;
}
form  input[type="submit"]{
	margin-top: 20px;
}
form  label{
	display: block;
	margin-top: 10px;
}
form  select{
	font-size: 1.5em;
		width: 100%;
	}
/* Cuentas */
form.insertarCuentas input.concepto{
	display: none;
}
@media screen and (max-width:500px){
header div.user{
	top: 52px;
	width: 100%;
}
header div.user div.profile	div.name{
	text-align: center;
	}
}