/* *{color:blue;} */

/* body{background: #f7941d;} */

html{
	font-size:21px;
	background-image: url("img/bg_noise.jpg");
}
/* html{-webkit-text-size-adjust:none;} */


body{
	/* background-color:blue; */
}

.mypage{
	max-width: 1100px;
	/* height: 60em; */
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	/* background-color: ghostwhite; */
	display: block;
	box-sizing: border-box;
	background-color: white;
}

header{
	/* width: auto; */
	/* box-sizing: border-box; */
	/* float: left; */
	/* clear:both; */
	/* display: block; */
	line-height: 1;
	/* background-color: azure; */
}

img.banner_pic{
	width: 100%;
	/* width: 50%; */
}


.nav_area{
	/* background-color: blue; */
}

nav{
	margin-left: auto;
	margin-right: auto;
	/* padding: 0; */
	width: 70%;
	/* display: block; */
	/* box-sizing: border-box; */
	/* background-color: gray; */
	}

.navbar{
	padding: .5em 2em;
	margin: 0 2em;
	/* width: 20%; */
	/* display: block; */
	/* float: left; */
	/* display: inline; */
	color: white;
	/* box-sizing: border-box; */
	background-color: MidnightBlue;
}

section{
	line-height: 1;
	}

article{
	box-sizing: border-box;
	display:block;
	line-height: 1;
	background-color: white;
	}


h1{

	font-family: "Arial Black", Gadget, sans-serif;
	/* line-height:1; */
	/* padding: .25em; */
}

h1{
	/* color: white; */
}

h2{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 2em;
	/* line-height:1; */
	/* padding: .25em; */
	background-color: white;
}

h3, h4{

	font-family: "Black", Gadget, sans-serif;
	/* line-height:1; */
	/* padding: .25em; */
	/* background-color: white; */
}

h4{
	padding: 0 0 0 .5em;
}

a{
	text-decoration:none;
	}

ul{
	/* list-style-type: disc; */
	list-style-type: none;
}

li{
	font-family: "Arial", Gadget, sans-serif;
	line-height:1;
	/* width: 15%; */
	/* padding: 1em; */
	display: inline;
	/* box-sizing: border-box; */
	/* float: left; */
	/* color: white; */
	/* background-color: black; */
}

p {
	color: blue;
	/* color: white; */
}

.logo_area{
	/* text-color: red; */
	/* background-color:blue; */
	/* float: left; */
}

a.vnlogo{
	/* color: white; */
	color: black;
}


nav ul li a {
	/* width: 30%; */
	/* box-sizing: border-box; */
	/* background-color:green; */
}

.area_materiasaprobadas{
	/* display: block; */
	/* box-sizing: border-box; */
	/* background-color: red; */
}

.area_materiasaprobadas{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;
}


.tablamaterias{
	/* line-height:1; */
	/* display: inline; */
	margin-left: auto;
	margin-right: auto;
	/* padding: 0 0 0 .5em; */
		
	width: 80%;
	/* float: left; */
	display: block;
	/* background-color:red; */
}

.nivel1, .nivel2, .nivel3{
	
	float: left;
	width: 32%;
	/* background-color:red; */
	
	
}

.tablamaterias p{
	font-family: "Arial", Gadget, sans-serif;
	line-height:1;
	color: lightgrey;
	padding: 0 0 0 .5em;
}

p.materiaaprobada{
	color: black;
	display: block;
}

.nivel1{
	/* width: 32%; */
	/* background-color: red; */
}

.nivel2{
	/* background-color: green; */
}

.nivel3{
	/* background-color: blue; */
}

.notadepagina{
	margin-top: 1em;
	width: 60%;
	padding-left: 39%;
	/* float:right; */
	/* box-sizing: border-box; */
	/* display: block; */
}

.notadepagina p{
	font-family: "Arial", Gadget, sans-serif;
	font-size: .7em;
	/* display: block; */
	color: grey;
	/* background-color: lightgrey; */
}