html{
	height: 100%;
}

.hidden {
  display: none;
}

.my_nav{
	with: 950px;
}

body{
	color: #000305;

	background: #ADD8E6;

	margin: 0;
	padding: 0;

	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-ms-align-items: stretch;
	align-items: stretch;

	overflow: hidden;
}

/*-----------------*/
	.myButton {
	-moz-box-shadow:inset 0 1px 0 0 #54a3f7;
	-webkit-box-shadow:inset 0 1px 0 0 #54a3f7;
	box-shadow:inset 0 1px 0 0 #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0 1px 0 #154682;
	}
	.myButton:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
		background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
		background-color:#0061a7;
	}
	.myButton:active {
		position:relative;
		top:1px;
	}
/*-----------------*/
h1{
	margin: 0;
	padding: 0;
}

.aside-macro{
	margin: 0;
	width: 20%;
	height: 100%;
	background-color: #848484;
	opacity: 0.7;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;

	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	
	-ms-align-items: center;
	align-items: center;
}


.aside-micro-two{
	padding: 10px 30px 0 30px;
	width: 100%;
	margin: 0 auto;

	overflow: auto;
}


a, p{
	text-decoration: none;
	font-family: Arial;
}

a:link.my-nav__item {
	color: #FFFF00;
}
a:visited.my-nav__item {
	color: #FFFF00;
}
a:hover.my-nav__item {
	color: #32c4ff; 
}
a:active.my-nav__item {
	color: #18abe7; 
}

a:link{
	color: #0000ee;
}
a:visited{
	color: #0000ee;
}
a:hover{
	color: #01719d; 
}
a:active{
	color: #0000ee; 
}


.li + .li {
	margin-top: 20px;
}

.my-nav__item {
	display: block;
	margin-top: 30px;
	margin-left: 5%; 
}

.tag{
	color: #0066b3;
}

.attribute{
	color: #b61039;
}

.value{
	color: #39892f;
}

.term{
	color: #000000;
	font-style: italic;
	border-bottom: 1px dotted #ff0000;
}

pre{
	background-color: #f8f7f2;
	opacity: 0.8;
}

strong{
	color: #006699;
}

.red{
	color: #b61039;
}

.green{
	color: #39892f;
}

.allo{
	font-size: 22px;
}

pre{
	font-family: Consolas 10;
}

.target-4{
	font-size: 100px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}