@charset "utf-8";
/* CSS Document */
body{
	background:#000000 url(../images/bgmobile.jpg) no-repeat center top fixed;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px auto;
	padding:0;
	width:100%;
  }
img{
	border:none;
	}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	}
h1{
	margin:0.5em 0;
	}
h2{
	color:#ffffff;
	font-size:16px;
	}

a{
	color:#ffffff;
  font-weight: bold;
	text-decoration: none;
	}
a:hover{
	color:#0080ff;
	text-decoration:none;
	}
/* logo */
.logo{
	text-align:center;
	margin:10px 0 0 0;
	padding:0;
	}
.logo a{
	display:block;
	padding:10px;
}

/*menuNSYS*/
.menuNSYS{
	margin:2% 10%;
	padding:0;
  padding-bottom: 20%;
	}
.menuNSYS a{
	font-size:12px;
	font-weight:normal;
	text-align:center;
	display:block;
	background:#FF9000;
	border:1px solid #000000;
	color:#ffffff;
	padding:10px;
	margin:10px 0;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 2px 4px #aaaaaa;
	-webkit-box-shadow:0 2px 4px #aaaaaa;
	box-shadow:0 2px 4px #aaaaaa;
	}
.menuNSYS a:hover{
	color:#000000;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}


/* menu */
.menu{
	margin:20px 10px;
	padding:0;
	}
.menu a{
	font-size:12px;
	font-weight:bold;
	text-align:center;
	display:block;
	background:#0080ff url(../images/menu-shade.png) repeat-x;
	border:1px solid #dddddd;
	color:#ffffff;
  padding:10px;
	margin:10px 0;
	}
.menu a:hover{
	color:#bbbbbb;
	}

.home {
  font-size:10px;
  color: #ffffff;
  font-weight: bold;
}  

#content {
  margin: 0% 5%;
  float: left;
	width: 95%;
  color: #ffffff;
  padding-bottom: 20%;
}

#menu {
  position: fixed;
  bottom:0;
  background: #525252;
  /*background: url(../images/mobmenubar.jpg) repeat-x center bottom;	*/
  width: 100%;
  height: 58px;
  list-style: none;
}

/*#menu ul {	
	list-style: none;
  text-align:center;
  line-height: normal;
}*/

#menu li {
  list-style: none;
  position: relative;
  float: left;
  width: 25%;
}

#menu a {
    float: center;
    position: relative;
    z-index: 0;
    list-style: none;
}

    

#menu a:hover{
        color: #0080ff;        
        text-align: center;
        list-style: none;
        font-weight: bold;        
}

#menu .active a{
  background: #0080ff;        
  -moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;	
  }

#menu .active a {
        list-style: none;
        text-align: center;
        color: #0080ff;
        float: left;       
}

#Product ul,li,ol {
  text-align: left;
	list-style: disc;
}

#Product li {
  color: #ffffff; 
  font-size: 13px;
  margin: 1% 1%;
}

/* footer */
.footer{
	border-top:2px solid #565656;
	background:#525252;
	font-size:12px;
  position: fixed;
  bottom:58px;
	width: 100%;
	/*padding:5px 0;  
  padding-bottom: 100%;*/
	}
.footer p{
	color:#aaaaaa;
	font-size:12px;
	text-align:center;
  font-weight: bold;
	margin:5px;
	}
.footer p a{
	color:#2d2d2d;
	padding:5px;
	}
.footer p a:hover{
	color:#2d2d2d;
	}
/* clear */
.clear{
	clear:both;
	}
.code{
	padding:0;
	border:1px dotted #bbbbbb;
	}
.numbering{
	background:#f2f2f2;
	color:#bbbbbb;
	padding:2px 5px;
	}
.tag{
	color:#0975a2;
	}
.program{
	color:#ff003c;
	}
.head{
	padding:5px;
	color:#FFFFFF;
	background:#2d2d2d;
	}