/*---------------------------------------------------------------------------*/
/*----- RESET ---------------------------------------------------------------*/

html, body, header, nav, div, img,
section, article, aside, footer,
h1, h2, h3, h4, h5, h6, p, a,
ol, ul, li
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	line-height: 1;
	display: block;
}


/*----- BASICOS -------------------------------------------------------------*/

html{font-size: 16px;}
/* html{font-size: 21px;} */

body {
	/* background: #adb3d6; */
	font-family: arial, helvetica, sans-serif;
	/* background-color: lightgrey; */
	background-color: gainsboro;
}


/*----- AREAS ---------------------------------------------------------------*/

.ohlala_pagina{
	max-width: 980px;
	margin: 1em auto;
	padding: 0;
	background-color: white;
}

header{
	width: 100%;
	height: 10em;
	background-color: #a2d063;
}

nav{
	width: 100%;
	height: 2.685em;
	background-color: #f779e4;
}

main{
	box-sizing: border-box;
	border: .2em solid #684ac4;
}

section.notasprincipales{
	/* width: 100%; */
	padding: 0 .5em .5em;
	/* height: 2.685em; */
	/* box-sizing: border-box; */
	/* border: .2em solid #684ac4; */
	background-color: #30bcf1;
}

section.notassecundarias{
	padding: 0 .5em .5em;
	background-color: #a8a9ad;
}

.contenedor_notasprincipales, .contenedor_notassecundarias{
	/* width: 100%; */
	/* margin: 0 auto; */
	
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: flex-start;
	/* background-color: blue; */
}

article{
	/* margin: 0 auto; */
	/* width: 100%; */
	/* min-width: 465px; */
	background-color: #f4bf4f;
}

.articulo_01, .articulo_02{
	height: 24.5em;
	/* margin: 0 auto; */
	/* max-width: 26em; */
	/* max-width: 100%; */
	/* width: 100%; */
	/* max-width: 465px; */
	/* max-width: 100%; */
	/* min-width: 50%; */
	
	
	max-width: 100%;
	min-width: 465px;
}

.notasmasleidas, .suscripcion{
	height: 15.5em;
}

.notasmasleidas{
	min-width: 630px;
	width: 65%;
}

.suscripcion{
	width: 30%;
}

aside{
	/* background-color: #a8a9ad; */
}

/* .articulo_01{padding-left: .9em;} */

/* .articulo_02{padding-right: .9em;} */

.separador{
	width: 100%;
	height: 2px;
	display: block;
	background-color: white;
	/* background-color: red; */
}

footer{
	max-width: 980px;
	background-color: #80a054;
}

/*----- TEXTO ---------------------------------------------------------------*/

h1, h2{
	font-family: arial, helvetica, sans-serif;
	text-align: center;
	color: white;
}

h1{
	padding-top: .5em;
	font-size: 2.5em;
}

h2{
	padding-top: .25em;
	font-size: 1.75em;
}

a {text-decoration: none;}

.backbutton{
	max-width: 980px;
	margin: 1em auto;
	padding: 0;
	/* background-color: white; */
}

a:link{
    color: dimgrey;
}

a:visited{
	color: dimgrey;
}

a:hover{
	color: black;
}