#important * { margin-bottom:0; margin-top:0; }

#important .mh15 { margin-left:15px; margin-right:15px }
#important .mb15 { margin-bottom:15px; }
#important .mt5 { margin-top:5px; }
#important .mt10 { margin-top:10px; }
#important .mt15 { margin-top:15px; }
#important .mv15 { margin-bottom:15px; margin-top:15px; }

a { text-decoration:none; }

article { padding-bottom:20px; }

aside {
	background:white;
	height:100%; width:275px; overflow:auto;
	position:fixed; top:0; z-index:10;
}
aside.left { left:0; }
aside.right { right:0; }

.aside-overlay {
	background:black; opacity:.5;
	display:none;
	height:100%; width:100%;
	position:fixed; left:0; top:0; z-index:9;
}

body { font-family:monospace; }

blockquote {
    border-left:3px solid #EEE;
	font-style:italic;
	font-size:smaller;
    padding:10px;
    margin:5px 0 0 !important;
}

hr  {
	border:0;
	border-top:0.1rem solid #87ceeb;
	margin-top:0;
}

i.material-icons { line-height:unset; }

.juego { padding-bottom:50px; }
.juego img { max-width:100%; }

li { padding-bottom:20px; }

.max-width { margin:0 auto; max-width:1200px; padding:0 30px; }

ol li { padding-bottom:0; }

ul {
	padding-left:0;
	list-style:none;
}
ul ul {
	border-left:1px dashed #EEE;
	padding-left:20px;
}

.w3-btn i { line-height:unset; }

@media (max-width: 600px)
{
	#important .s0 { display:none; }

	aside.s0 {
		height:100%; width:275px;
		position:fixed; right:0; top:0;
		overflow:auto;
	}
}

@media (min-width: 601px) and (max-width: 992px)
{
	#important .m0 { display:none; }

	aside.m0 {
		height:100%; width:275px;
		position:fixed; right:0; top:0;
		overflow:auto;
	}
	aside:not(.m0) { display:block !important; }
}

@media (min-width: 993px)
{
	#important .l0 { display:none; }

	aside.l0 {
		height:100%; width:275px;
		padding:0 !important;
		position:fixed; right:0; top:0;
		overflow:auto;
	}
	main, .main { margin-left:275px; }
}