* {
  box-sizing: border-box;
}
body{
	background-color: #18283b;
	font-family:Verdana;color:#aaaaaa;
	height:100%;
}
.content{
	overflow:auto;
	height:100%;
}
.menu {
  float: left;
  width: 20%;
  text-align: center;
   border-top: 3px solid #79807d;
	border-left: 3px solid #79807d;
	border-bottom: 3px solid #1c1c1c;
	border-right: 3px solid #1c1c1c;
	border-radius: 10px;
	background: linear-gradient(to bottom,#000000,#1c1f1d);
	box-shadow: 0px 3px 5px rgba(0,0,0,.5), inset 0px 5px 5px rgba(255,255,255,.7), inset 0px -5px 5px rgba(0,0,0,.2);
	color: #CCC;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}

.menu a {
	padding: 8px;
	mpadding: 8px;
	margin-top: 7px;
	display: block;
	width: 100%;
	font-family: 'Digital-7 Mono', sans-serif;
	background-color: rgb(0,0,128);
	text-align: center;
	font-size: 14pt;
	border-top: 3px solid #000000cc;
	border-left: 3px solid #000000cc;
	border-bottom: 1px solid #cfcfcf33;
	border-right: 1px solid #cfcfcf33;
	border-radius: 10px;
	box-shadow: 0px 0px 50px #000000ee inset;
	text-shadow: 0px 0px 20px #00ffffcc;
	color: #00ffffcc;
	text-decoration: none;
}
menu img{
	text-align:center;
	  width: 100px;
  height: 100px;
  object-fit: contain;
}

.main {
  float: left;
  width: 60%;
  height:100%
  margin-top: 7px;
  padding: 0 20px; 
  border-top: 3px solid #79807d;
	border-left: 3px solid #79807d;
	border-bottom: 3px solid #1c1c1c;
	border-right: 3px solid #1c1c1c;
	border-radius: 10px;
	background: linear-gradient(to bottom,#000000,#1c1f1d);
	box-shadow: 0px 3px 5px rgba(0,0,0,.5), inset 0px 5px 5px rgba(255,255,255,.7), inset 0px -5px 5px rgba(0,0,0,.2);
	color: #CCC;
}
@media screen and (min-width: 601px) {
.mainindex {
 float: left;
  width: 60%;
  margin-top: 7px;
  padding: 0 20px; border-top: 3px solid #79807d;
	border-left: 3px solid #79807d;
	border-bottom: 3px solid #1c1c1c;
	border-right: 3px solid #1c1c1c;
	border-radius: 10px;
	background: linear-gradient(to bottom,#000000,#1c1f1d);
	box-shadow: 0px 3px 5px rgba(0,0,0,.5), inset 0px 5px 5px rgba(255,255,255,.7), inset 0px -5px 5px rgba(0,0,0,.2);
	color: #CCC;
	background-image: url("../img/mi26bg.jpg");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
}



@media screen and (max-width: 601px) {
.mainindex {
 float: left;
  width: 100%;
  margin-top: 7px;
  padding: 0 20px; border-top: 3px solid #79807d;
	border-left: 3px solid #79807d;
	border-bottom: 3px solid #1c1c1c;
	border-right: 3px solid #1c1c1c;
	border-radius: 10px;
	background: linear-gradient(to bottom,#000000,#1c1f1d);
	box-shadow: 0px 3px 5px rgba(0,0,0,.5), inset 0px 5px 5px rgba(255,255,255,.7), inset 0px -5px 5px rgba(0,0,0,.2);
	color: #CCC;
	background-image: url("../img/mi26bg.jpg");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
}


.right {
	background-color: #333333;
	float: left;
	width: 20%;
	margin-top: 7px;
	text-align: center;
	border-top: 3px solid #79807d;
	border-left: 3px solid #79807d;
	border-bottom: 3px solid #1c1c1c;
	border-right: 3px solid #1c1c1c;
	border-radius: 10px;
	background: linear-gradient(to bottom,#000000,#1c1f1d);
	box-shadow: 0px 3px 5px rgba(0,0,0,.5), inset 0px 5px 5px rgba(255,255,255,.7), inset 0px -5px 5px rgba(0,0,0,.2);
	color: #CCC;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.header{
	padding:15px;
	text-align:center;
	 border-top: 3px solid #79807d;
	border-left: 3px solid #79807d;
	border-bottom: 3px solid #1c1c1c;
	border-right: 3px solid #1c1c1c;
	border-radius: 10px;
	background: linear-gradient(to bottom,#000000,#1c1f1d);
	box-shadow: 0px 3px 5px rgba(0,0,0,.5), inset 0px 5px 5px rgba(255,255,255,.7), inset 0px -5px 5px rgba(0,0,0,.2);
	color: #CCC;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}

.icon-dep{
	color: #FFD800;
	margin-top: 7px;
	background-image: url(../img/icons/li-dep.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	font-size: 25px;
	text-transform: uppercase;
}
.icon-arr{
	color: #FFD800;
	margin-top: 7px;
	background-image: url(../img/icons/li-arr.png);
	background-repeat: no-repeat;
	background-position: 10px top;
	font-size: 25px;
	text-transform: uppercase;
}

.mibg {

  background-image: url("../img/mi26bg.jpg");
  height: 100%; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.led-blue-title {
	font-family: 'Digital-7 Mono', sans-serif;
	display: inline-block;
  width: 75%;
  height: 50px;
  background-color: rgb(0,0,128);
  text-align:center;
  line-height: 50px;
  font-size:3vw;
  border-top: 3px solid #000000cc;
  border-left: 3px solid #000000cc;
  border-bottom: 1px solid #cfcfcf33;
  border-right: 1px solid #cfcfcf33;
  border-radius: 10px;
  box-shadow: 0px 0px 50px #000000ee inset;
  text-shadow: 0px 0px 20px #00ffffcc;
  margin: 5px;
  color: #00ffffcc;
}
.led-green-title {
  font-family: 'Digital-7 Mono', sans-serif;
	display: inline-block;
  width: 100%;
  height: 50px;;
  background-color: rgb(0,64,0);
  text-align:center;
  line-height: 50px;
  font-size:3vw;
  border-top: 3px solid #000000ee;
  border-left: 3px solid #000000ee;
  border-bottom: 1px solid #cfcfcf33;
  border-right: 1px solid #cfcfcf33;
  border-radius: 10px;
  box-shadow: 0px 0px 50px #000000ee inset;
  text-shadow: 0px 0px 20px #ffff00cc;
  margin: 5px;
  color: #00ff77cc;
}

.led-green-data {
  font-family: 'Digital-7 Mono', sans-serif;
	display: inline-block;
  width: 100%;
  background-color: rgb(0,64,0);
  text-align:left;
  font-size:14pt;
  border-top: 3px solid #000000ee;
  border-left: 3px solid #000000ee;
  border-bottom: 1px solid #cfcfcf33;
  border-right: 1px solid #cfcfcf33;
  border-radius: 10px;
  box-shadow: 0px 0px 50px #000000ee inset;
  text-shadow: 0px 0px 20px #ffff00cc;
  margin: 5px;
  color: #00ff77cc;
}
.led-red-data {
  font-family: 'Digital-7 Mono', sans-serif;
	display: inline-block;
  width: 100%;
  background-color: rgb(128,0,0);
  text-align:left;
  font-size:14pt;
  border-top: 3px solid #000000ee;
  border-left: 3px solid #000000ee;
  border-bottom: 1px solid #cfcfcf33;
  border-right: 1px solid #cfcfcf33;
  border-radius: 10px;
  box-shadow: 0px 0px 50px #000000ee inset;
  text-shadow: 0px 0px 20px #ffff00cc;
  margin: 5px;
  color: #ff9999cc;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.column-green {
  float: left;
  width: 50%;
  background-color: rgb(0,64,0);
  text-shadow: 0px 0px 20px #ffff00cc;
  color: #00ff77cc;
}
.column-red {
	float: left;
	width: 25%;
	text-align:center;
  background-color: rgb(128,0,0);
  text-shadow: 0px 0px 20px #ffff00cc;
  color: #ff9999cc;
}
.column-blue {
  float: left;
  width: 25%;
  text-align:center;
  background-color: rgb(0,0,128);
  text-shadow: 0px 0px 20px #00ffffcc;
  color: #00ffffcc;
}
.column-green h2{
	display: inline-block;
	width: 100%;
	font-size: 2vw;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00ff77cc;
	vertical-align: middle;
	text-align: center;
}
@media screen and (min-width: 601px) {
.column-green p{
	display: inline-block;
	font-size: 12pt;
	height:30px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00ff77cc;
}
}

@media screen and (max-width: 601px) {
.column-green p{
	display: inline-block;
	height:30px;
	font-size: 12px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00ff77cc;
}
}

.youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.column-red h2{
	display: inline-block;
		font-size: 2vw;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff9999cc;
}
@media screen and (min-width: 601px) {
.column-red p{
	display: inline-block;
	height:30px;
	font-size: 12pt;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff9999cc;
}
}
@media screen and (max-width: 601px) {
	.column-red p{
	display: inline-block;
	height:30px;
	font-size: 12px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff9999cc;
}
}
	
.column-blue h2{
	display: inline-block;
	font-size: 2vw;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00ffffcc;
}

@media screen and (min-width: 601px) {
.column-blue p{
	display: inline-block;
	font-size: 12pt;
	height:30px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00ffffcc;
}
}
@media screen and (max-width: 601px) {
	.column-blue p{
	display: inline-block;
	height:30px;
	font-size: 12px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00ffffcc;
}
}
@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width: 100%;
  }
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.video-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-top: 56.25%; /* 16:9 Aspect Ratio */
	display: inline-block;
}