/* Ajustes adaptables compartidos por los marcos principal y alterno. */
img, object, embed, video {
	max-width: 100%;
	height: auto;
}

.menu-toggle {
	display: none;
	width: 44px;
	height: 40px;
	margin: 8px 10px;
	padding: 8px;
	border: 1px solid rgba(255, 255, 255, .8);
	border-radius: 4px;
	background: transparent;
	cursor: pointer;
}

.menu-toggle span {
	display: block;
	height: 3px;
	margin: 4px 0;
	background: #fff;
	border-radius: 2px;
}

@media screen and (max-width: 900px) {
	*, *:before, *:after {
		box-sizing: border-box;
	}

	.container {
		width: 100%;
		max-width: 100%;
		margin: 0;
	}

	.header,
	.footer {
		width: 100%;
	}

	.header {
		padding: 10px;
		text-align: center;
	}

	.header font {
		font-size: 1.35rem !important;
	}

	.sidebar1 {
		float: none;
		width: 100%;
		padding-bottom: 0;
	}

	.menu-toggle {
		display: block;
	}

	.sidebar1 ul.nav {
		display: none;
		width: 100%;
		margin-bottom: 0;
	}

	.sidebar1.menu-open ul.nav {
		display: block;
	}

	ul.nav a,
	ul.nav a:visited {
		width: 100%;
		padding: 11px 15px;
	}

	.content {
		float: none;
		width: 100%;
		min-width: 0;
		padding: 15px;
		overflow-x: auto;
	}

	.content h1,
	.content h2,
	.content h3,
	.content h4,
	.content h5,
	.content h6,
	.content p {
		padding-right: 0;
		padding-left: 0;
	}

	.content table {
		max-width: 100%;
	}

	.content input,
	.content select,
	.content textarea,
	.content button {
		max-width: 100%;
		font-size: 16px;
	}
}

@media screen and (max-width: 480px) {
	.header font {
		font-size: 1.05rem !important;
	}

	.content {
		padding: 12px 10px;
	}

	.footer {
		padding-right: 10px;
		padding-left: 10px;
	}
}