body, html {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
ul{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
}

li {
	flex-grow:1

	}
nav ul li a {
	background-color:#B2D3DE;
	color:#017399;
	display:block;
	text-align:center;
	text-decoration:none;
	padding:5px;
	margin:3px;
	font-family: "Source Sans Pro", sans-serif;
	}
	
nav a:hover{
	background-color:#017399;
	color:#B2D3DE}

#main {
   height: 75%;
   display: -webkit-flex;
   display: flex;
   flex-flow: row;
}
#main article {
	padding:5px;
    margin-top:20px;
	margin-right:10px;
	margin-left:5px;
	border-radius: 10px 10px 10px 10px;
	border: 2px solid #a0d8ef;
	flex: 3 1 60%;
	float:left;
	background:color #B7CAE1;
}
#main aside {
	padding:5px;
	margin-top:20px;
	border-radius: 10px 10px 10px 10px;
	border: 2px solid #a0d8ef;
	flex: 1 6 20%;
	float:left;
	background:#EBF6FB;
}
header {
	display: block;
	min-height: 5%;
	margin:3px;
	padding:10px;
	background: -moz-linear-gradient(top,  #a0d8ef 0%, #ddf1f9 65%, #feffff 100%);
	background: -webkit-linear-gradient(top,  #a0d8ef 0%,#ddf1f9 65%,#feffff 100%);
	background: linear-gradient(to bottom,  #a0d8ef 0%,#ddf1f9 65%,#feffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0d8ef', endColorstr='#feffff',GradientType=0 );
	}
	
#izq{
	flex: 3 1 60%;
/*		width: 60%;*/
		float: left;
		}
#der{
	flex: 3 1 40%;
/*		width: 40%;*/
		float: right;
}
	
footer {
	display: block;
	min-height: 10%;
	background: #feffff;
	background: -moz-linear-gradient(#feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
	background: -webkit-linear-gradient(#feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#feffff), color-stop(0.35, #ddf1f9), to(#a0d8ef));
	background: -o-linear-gradient(#feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
	background: linear-gradient(#feffff 0%, #ddf1f9 35%, #a0d8ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#a0d8ef',GradientType=0 );
	}
h1, h2 ,h3 {
		font-family: "Source Sans Pro", sans-serif;
		}
	
#menu{
	width:50%;
	clear:both;
}

#barra{
	width:100%;
	margin-left:5px;
	}

#asideUno{
	min-height:50%;
	text-align:justify;
	}
#asideDos{
	min-height:50%;
	text-align:justify;
}
.p_cent{
	text-align:center;
	font-family: "Source Sans Pro", sans-serif;
	}
#num{
	height:60px;
	width:250px;
	text-align:right;
	font-size:20px;
	}
.botA{
	width:250px;
	height:30px;
	}
.bot{
	width:81px;
	height:30px;
	}

#calculadora{
	margin:25px;}
