@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald&family=PT+Sans&family=Roboto+Condensed&display=swap');
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600");

/* CSS Document */

.nbody{
	
}
.nbody footer,.ndetalle, .nmain, .nbody header{
	width:100%;
	max-width:950px;
}
.nbody header, .nbody footer{
	max-width:100%;
}

.nmain a{
	color:rgba(0,0,0,1.00);
	text-decoration:none;
}
.nmain a:hover{
	color:rgba(26,26,26,1.00);
}
.ninner a{
	color:rgba(255,255,255,1.00);
}
.narea{
	width:100%;
	height:100%;
	min-height:500px;
}
.ndetalle, .nmain{
	background:rgba(255,255,255,1.00);
	margin:auto;	
	padding:6%;
	box-sizing:border-box;
	color: rgba(112,112,112,1.00);
	font-family: 'PT Sans', sans-serif;
	
}

.nbody header{
	margin:auto;
	box-sizing:border-box;
	position:relative;
}
.nbody .ninner{
	position:absolute;
	padding:2%;
	right:0;
	top:0;
	box-sizing:border-box;
	z-index:10;
	font-family: 'Source Sans Pro', sans-serif;
}
.nbody .nbuscador{
	background:rgba(25,25,25,1.00);
	width:100%;
	padding: 1% 22% 1% 1%;
	text-align:right;
	box-sizing: border-box;
}
.nmain section{
	text-align:justify;
	display:flex;
	padding:0 0 2% 0;
	margin: 5% 0 0 0;
	border-bottom: 1px solid rgba(196,196,196,1.00);
}
.nmain .nimg{
	max-width:30%;
	margin-right:20px;
}
.nmain .nnum{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	font-size:1.3em;
	padding: 0 10px 0 10px;
	box-sizing:border-box;

}
.nmain .ndim{
	width:150px;
	height:150px;
}
.nmain .nnot{
	max-width:70%;

}
.nmain .nnot .tpo{
	font-size:0.83em;
	font-style:italic;
}
.nmain .nnot time{
	font-family: 'Roboto Condensed', sans-serif;
}
.nmain .nnot time a{
	color: rgba(112,112,112,1.00);
}
.nmain .nnot h2{
	margin:0 0 4% 0;
	color:rgba(0,0,0,1.00);
    font-family: 'Oswald', sans-serif;
}
.editor{
	font-style:italic;
}




/* ############################################### */
.ndetalle section{
	text-align:justify;
	display:block;
}
.ndetalle h1{
	margin:1% 0;
	font-size:3em;
}
.nbody h2{
	margin:1% 0;
	font-size:1.5em;
}
.ndetalle blockquote, .ndetalle figcaption, .ndetalle time{
	font-style:italic;
}
.ndetalle blockquote{
	padding:0 0 0 8%;
}

.ndetalle img{
	max-width:100%;
}
.nbody hr{
	background:none;
	border:none;
	border-top: solid 1px rgba(201,195,165,1.00);
	padding:1% 0 1% 0;
	box-sizing:border-box;
}
.nbody footer{
	margin:auto;
	box-sizing:border-box;
	background: #2C2825;
	height: 200px;
}


/* ############################################### */

.neliminando{
	border-top: 1px solid rgba(196,196,196,1.00);
}
.ncolor-eliminado{
	color:red;
}



@media screen and (max-width:1200px) {
	.ndetalle, .nmain{ max-width:80%;}
	.nbody header{
		background-position: 50% 30%;
		background-size:35%;
	}
	.piedata{
		max-width:30%;
	}
}
@media screen and (max-width:800px) {
	.ndetalle, .nmain{ max-width:90%;}
	.nmain .nimg{ display:block; width:100%; max-width:100%; clear:both; margin-right:0;}
	.nmain .nimg a div, .nmain .nnot{ width:100%; clear:both; max-width:100%;}
	.nbody header{
		background-position: 50% 30%;
		background-size:50%;
	}
	#nav > ul > li{
		padding: 0 0.3em 1em 0.3em;
		font-size:1.25em;
	}
	footer .row{
		justify-content: center;
	}
	footer .row section{
		width:50%;
		max-width:50%;
		box-sizing:border-box;
		padding:2em;
	}
	footer .row section:first-child{
		width:100%;
		max-width:100%;
	}

}
@media screen and (max-width:576px) {
	.nmain section{ display:block; }
	.ndetalle, .nmain, .nbody header, .nbody footer{ max-width:100%;}
	.nmain .nimg{ display:block; width:100%; max-width:100%; clear:both; margin-right:0;}
	.nmain .nimg a div, .nmain .nnot{ width:100%; clear:both; max-width:100%;}
	.nbody header{
		background-position: 50% 30%;
		background-size:60%;
	}
	#nav > ul > li{
		padding: 0 0.2em 1em 0.2em;
		font-size:1em;
	}
	#footer header {
    	text-align: center;
	}
	footer .row{
		justify-content: center;
		text-align:center;
	}
	footer .row section{
		width:100%!important;
		max-width:100%;
		box-sizing:border-box;
		padding:2em;
	}

}