/**** Color ****************************************/
/**** Font *****************************************/
@font-face {
  font-family: "MyFontMaster";
  src: url("../font/SpaceColony-Regular.ttf"); }
@font-face {
  font-family: "MyFontMaster";
  src: url("../font/SpaceColony-Bold.ttf");
  font-weight: bold; }
@font-face {
  font-family: "MyFont1";
  src: url("../font/ITCEDSCR.ttf");
  font-weight: bold; }
/**** screen size **********************************/
/*768px*/
/**** Mixin ****************************************/
/*GradientTop*/
* {
  padding: 0;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-family: serif; }

head, body {
  position: relative;
  display: block;
  height: 100%; }

#MyHeder {
  font-family: "MyFontMaster";
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 145px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 5px #999999;
  border-bottom: 2px solid #1a99a8;
  z-index: 1000;
  /*MySocial*/
  /*DivNvagator*/ }
  #MyHeder #MySocial {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background-color: #1a99a8;
    border-bottom: 1px solid #000000;
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a99a8), color-stop(100, #157c88));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #1a99a8 0%, #157c88 100%);
    text-align: center; }
    #MyHeder #MySocial span {
      margin-top: 5px;
      display: inline-block;
      font-size: 30px;
      width: 40px;
      height: 40px;
      text-align: center;
      text-decoration: none;
      line-height: 1.35;
      color: white; }
      #MyHeder #MySocial span:hover {
        border: 1px solid #FFFFFF;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow: 1px 1px 2px #FFFFFF; }
    #MyHeder #MySocial .fa-facebook:hover {
      background: #3B5998; }
    #MyHeder #MySocial .fa-twitter:hover {
      background: #55ACEE; }
    #MyHeder #MySocial .fa-google:hover {
      background: #dd4b39; }
    #MyHeder #MySocial .fa-linkedin:hover {
      background: #007bb5; }
    #MyHeder #MySocial .fa-youtube:hover {
      background: #bb0000; }
  #MyHeder #DivNvagator {
    position: relative;
    display: block;
    width: 100%;
    /*Divlogo*/
    /*DivMunBut*/
    /*DivMnu*/ }
    #MyHeder #DivNvagator #Divlogo {
      display: inline-block;
      float: left;
      margin-left: 50px;
      background-image: url(../img/Hlogo.jpg);
      width: 250px;
      height: 90px; }
      @media (max-width: 900px) {
        #MyHeder #DivNvagator #Divlogo {
          float: none;
          clear: both;
          margin: 0;
          left: 0;
          right: 0; } }
    #MyHeder #DivNvagator #DivMunBut {
      visibility: hidden;
      position: absolute;
      display: block;
      width: 50px;
      height: 50px;
      top: 20px;
      right: 20px;
      text-align: center;
      border: 1px solid #1a99a8;
      border-radius: 10px;
      /*media*/
      /*span*/ }
      @media (max-width: 900px) {
        #MyHeder #DivNvagator #DivMunBut {
          visibility: visible; } }
      #MyHeder #DivNvagator #DivMunBut span {
        padding-top: 3px;
        font-size: 30pt;
        color: #1a99a8; }
    #MyHeder #DivNvagator #DivMnu {
      display: inline-block;
      float: right;
      margin-right: 40px;
      /*li*/
      /*media*/ }
      #MyHeder #DivNvagator #DivMnu li {
        margin-top: 5px;
        display: inline-block;
        /*a*/
        /*span*/ }
        #MyHeder #DivNvagator #DivMnu li a {
          text-decoration: none; }
          #MyHeder #DivNvagator #DivMnu li a:hover span {
            text-shadow: 2px 2px 1px #1a99a8;
            color: #aaaaaa; }
            #MyHeder #DivNvagator #DivMnu li a:hover span span {
              text-shadow: 2px 2px 1px #aaaaaa;
              color: #1a99a8; }
        #MyHeder #DivNvagator #DivMnu li span {
          display: block;
          font-size: 20pt;
          font-weight: bold;
          width: 135px;
          height: 70px;
          text-decoration: none;
          text-align: center;
          text-shadow: 2px 2px 1px #aaaaaa;
          color: #1a99a8; }
          #MyHeder #DivNvagator #DivMnu li span span {
            font-size: 30pt;
            font-weight: normal;
            height: 40px;
            border: none;
            text-shadow: 0px 0px 0px #aaaaaa;
            color: #aaaaaa; }
      @media (max-width: 900px) {
        #MyHeder #DivNvagator #DivMnu {
          visibility: hidden;
          position: fixed;
          display: block;
          margin: 0;
          padding: 0;
          top: 145px;
          min-width: 100%;
          background-color: #FFFFFF;
          /*li*/ }
          #MyHeder #DivNvagator #DivMnu li {
            display: block;
            width: 100% import;
            border: 1px solid #1a99a8;
            border-radius: 10px;
            overflow: hidden;
            /*a*/ }
            #MyHeder #DivNvagator #DivMnu li a {
              /*span*/ }
              #MyHeder #DivNvagator #DivMnu li a span {
                display: block;
                background-color: #FFFFFF;
                width: 100%;
                text-align: left;
                height: 50px;
                /*Span*/ }
                #MyHeder #DivNvagator #DivMnu li a span span {
                  display: inline-block;
                  width: 60px;
                  padding-left: 10px; } }
  #MyHeder:aftar {
    clear: both; }

/*MyHeder*/
#MySlt {
  position: relative;
  display: block;
  top: 145px;
  left: 0px;
  width: 100%;
  height: 400px;
  background-color: #f9f9fa;
  background-image: url(../img/hs03.jpg);
  background-repeat: no-repeat;
  background-position: center;
  border-bottom: 2px solid #1a99a8;
  /*div*/ }
  #MySlt div {
    margin-left: 4vw;
    padding-top: 2vw;
    /*h1*/
    /*h2*/
    /*p*/ }
    #MySlt div h1 {
      font-family: "MyFontMaster";
      color: #1a99a8;
      font-size: 50pt;
      text-shadow: 5px 5px 5px #aaaaaa; }
    #MySlt div h2 {
      color: #aaaaaa;
      font-family: "MyFontMaster";
      font-size: 16pt;
      text-shadow: 2px 2px 1px #000000; }
    #MySlt div p {
      font-family: "MyFont1";
      padding-top: 18px;
      font-size: 35pt;
      max-width: 60%;
      font-weight: bold;
      text-shadow: #1a99a8 1px 1px 1px; }
      @media (max-width: 900px) {
        #MySlt div p {
          max-width: 80%;
          font-size: 25pt; } }

/*MySlt*/
#DivVMV {
  position: relative;
  display: block;
  top: 145px;
  left: 0px;
  width: 100%;
  background-color: #e7e7e7;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 2px solid #1a99a8;
  /*div*/ }
  #DivVMV div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 33%;
    /*div*/
    /*img*/
    /*p*/
    /*media*/ }
    #DivVMV div:not(:last-child) {
      border-right: 2px solid #1a99a8; }
    #DivVMV div h1 {
      color: #1a99a8;
      text-transform: uppercase;
      font-family: "MyFontMaster";
      font-weight: bold;
      font-size: 22pt;
      text-shadow: 2px 2px 1px #aaaaaa; }
    #DivVMV div img {
      float: left;
      padding: 10px; }
    #DivVMV div p {
      text-align: left;
      padding: 10px; }
    @media (max-width: 900px) {
      #DivVMV div {
        display: block;
        width: 100%; }
        #DivVMV div:not(:last-child) {
          border-right: none;
          border-bottom: 2px solid #1a99a8; } }

/*DivVMV*/
#DivFoter {
  position: relative;
  display: block;
  top: 145px;
  left: 0px;
  width: 100%;
  background-color: #157c88;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 2px solid #1a99a8;
  /*div*/ }
  #DivFoter div {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 33%;
    /*h1*/
    /*a*/
    /*span*/
    /*media*/ }
    #DivFoter div:not(:last-child) {
      border-right: 2px solid #aaaaaa; }
    #DivFoter div h1 {
      color: #aaaaaa;
      text-transform: uppercase;
      font-family: "MyFontMaster";
      font-weight: bold;
      font-size: 18pt;
      text-shadow: 2px 2px 1px #000000; }
    #DivFoter div a {
      text-decoration: none;
      /*Span*/
      /*&::after*/ }
      #DivFoter div a span {
        width: calc(100%-70px);
        display: inline-block;
        font-size: 18pt;
        color: #999999;
        text-decoration: none;
        margin-left: 10px; }
      #DivFoter div a:after {
        content: ' \A ';
        white-space: pre; }
    #DivFoter div label {
      width: 70px;
      display: inline-block;
      font-size: 18pt;
      color: #999999;
      text-decoration: none;
      margin-left: 10px; }
      #DivFoter div label:after {
        content: ' : '; }
    #DivFoter div .Soc {
      display: inline-block;
      width: 100px;
      text-align: left; }
    @media (max-width: 900px) {
      #DivFoter div {
        display: block;
        width: 100%;
        /*&:Not*/ }
        #DivFoter div:not(:last-child) {
          border-right: none;
          border-bottom: 2px solid #1a99a8; } }

/*DivFoter*/
#DivCopy {
  position: relative;
  display: block;
  top: 145px;
  left: 0px;
  width: 100%;
  height: 40px;
  font-size: 20px;
  background-color: #157c88;
  /* IE10+ */
  background-image: -ms-linear-gradient(top, #1a99a8 0%, #157c88 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #1a99a8 0%, #157c88 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #1a99a8 0%, #157c88 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a99a8), color-stop(100, #157c88));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #1a99a8 0%, #157c88 100%);
  /* W3C Markup */
  background-image: linear-gradient(to bottom, #1a99a8 0%, #157c88 100%);
  text-align: center;
  color: #aaaaaa;
  line-height: 2;
  text-shadow: 2px 2px 1px #000000;
  /*a*/
  /*SpanCompany*/
  /*SpanDesgined*/
  /*media*/ }
  #DivCopy a {
    text-decoration: none;
    color: #aaaaaa; }
  #DivCopy #SpanCompany {
    float: left;
    display: inline-block;
    padding-left: 10px; }
  #DivCopy #SpanDesgined {
    float: right;
    display: inline-block;
    padding-right: 10px;
    /*img*/ }
    #DivCopy #SpanDesgined img {
      width: 50px;
      display: inline-block;
      padding-right: 10px;
      float: left; }
  @media (max-width: 900px) {
    #DivCopy {
      height: 100px;
      line-height: 1;
      /*SpanCompany*/
      /*SpanDesgined*/ }
      #DivCopy #SpanCompany {
        display: block;
        text-align: center;
        width: 100%; }
      #DivCopy #SpanDesgined {
        display: block;
        text-align: center;
        width: 100%;
        /*img*/ }
        #DivCopy #SpanDesgined img {
          display: inline-block;
          float: none;
          top: 10px;
          position: relative; } }

/*DivCopy*/
/*--------------------------------------------------*/
/*--- Products -------------------------------------*/
#PageProducts {
  position: relative;
  display: block;
  top: 145px;
  left: 0px;
  width: 100%;
  background-color: #e7e7e7;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: 2px solid #1a99a8;
  clear: both;
  /*a*/ }
  #PageProducts a {
    text-decoration: none;
    /*DivItemCt*/
    /*&:hover*/ }
    #PageProducts a #DivItemCt {
      position: relative;
      display: block;
      width: calc(100%-40px);
      margin-left: 20px;
      margin-right: 20px;
      border: 2px solid #1a99a8;
      border-radius: 20px;
      /* IE10+ */
      background-image: -ms-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
      /* Mozilla Firefox */
      background-image: -moz-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
      /* Opera */
      background-image: -o-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
      /* Webkit (Safari/Chrome 10) */
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #aaaaaa));
      /* Webkit (Chrome 11+) */
      background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
      /* W3C Markup */
      background-image: linear-gradient(to bottom, #FFFFFF 0%, #aaaaaa 100%);
      box-shadow: #aaaaaa 3px 3px 5px;
      /*img*/
      /*h1*/
      /*p*/ }
      #PageProducts a #DivItemCt img {
        position: relative;
        float: left;
        width: 140px;
        height: 140px;
        top: 5px;
        left: 5px;
        padding-right: 20px; }
      #PageProducts a #DivItemCt h1 {
        font-family: "MyFontMaster";
        font-size: 24pt;
        color: #1a99a8;
        text-shadow: 2px 2px 5px #157c88; }
      #PageProducts a #DivItemCt P {
        padding-top: 10px;
        text-align: left;
        font-size: 20pt; }
      #PageProducts a #DivItemCt .ribbon {
        visibility: hidden; }
    #PageProducts a:hover {
      /*DivItemCt*/ }
      #PageProducts a:hover #DivItemCt {
        /* IE10+ */
        background-image: -ms-linear-gradient(top, #FFFFFF 0%, #1a99a8 100%);
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(top, #FFFFFF 0%, #1a99a8 100%);
        /* Opera */
        background-image: -o-linear-gradient(top, #FFFFFF 0%, #1a99a8 100%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #1a99a8));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #1a99a8 100%);
        /* W3C Markup */
        background-image: linear-gradient(to bottom, #FFFFFF 0%, #1a99a8 100%);
        /*h1*/ }
        #PageProducts a:hover #DivItemCt h1 {
          color: #aaaaaa; }

/*PageProducts*/
#DivProView {
  position: relative;
  display: block;
  top: 145px;
  left: 0px;
  width: 100%;
  background-color: #e7e7e7;
  padding: 20px;
  border-bottom: 2px solid #1a99a8;
  clear: both;
  /*h1*/
  /*label*/
  /*h3*/
  /*p*/ }
  #DivProView h1 {
    text-align: center;
    font-family: "MyFontMaster";
    font-size: 24pt;
    color: #1a99a8;
    text-shadow: 2px 2px 5px #157c88; }
  #DivProView label {
    display: inline-block;
    color: #1a99a8;
    width: 100px;
    /*&:after*/ }
    #DivProView label:after {
      content: " : ";
      text-align: right;
      padding-right: 10px;
      float: right; }
  #DivProView h3 {
    text-align: center;
    font-family: "MyFontMaster";
    font-size: 20pt;
    color: #1a99a8;
    text-shadow: 2px 2px 5px #157c88; }
  #DivProView P {
    font-size: 20pt;
    text-shadow: 2px 2px 5px #999999;
    text-align: justify;
    text-justify: inter-character; }

/*DivProView*/
/*--------------------------------------------------*/
/*--- About ----------------------------------------*/
#DivPageAbout {
  position: relative;
  display: block;
  top: 145px;
  left: 0px;
  width: 100%;
  background-color: #e7e7e7;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
  font-size: 20pt;
  border-bottom: 2px solid #1a99a8;
  padding: 10px;
  clear: both;
  /*h1*/
  /*b*/
  /*img*/
  /*ul*/ }
  #DivPageAbout H1 {
    color: #1a99a8;
    font-size: 24pt;
    text-align: center;
    font-family: MyFontMaster;
    text-shadow: 2px 2px 5px #aaaaaa;
    text-decoration: underline;
    text-decoration-color: #157c88; }
  #DivPageAbout b {
    font-weight: bold;
    color: #1a99a8; }
  #DivPageAbout img {
    width: 80%;
    border-radius: 20px;
    box-shadow: 0px 2px 5px #999999; }
  #DivPageAbout ul {
    text-align: left;
    /*li*/ }
    #DivPageAbout ul li {
      color: #000000;
      font-size: 18pt;
      padding-bottom: 10px; }
      #DivPageAbout ul li b {
        font-weight: bold;
        color: #1a99a8; }

/*DivPageAbout*/
/*--------------------------------------------------*/
/*--- Contact US -----------------------------------*/
#DivContactUS {
  position: relative;
  display: block;
  top: 145px;
  left: 0px;
  width: 100%;
  background-color: #e7e7e7;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 14pt;
  border-bottom: 2px solid #1a99a8;
  padding: 10px;
  clear: both;
  /*DivConPart1*/
  /*DivConPart2*/
  /*div*/
  /*iframe*/ }
  #DivContactUS #DivConPart1 {
    display: table-cell;
    width: 60%;
    /*@media (max-width:900px)*/ }
    @media (max-width: 900px) {
      #DivContactUS #DivConPart1 {
        display: block;
        width: 100%; } }
  #DivContactUS #DivConPart2 {
    display: table-cell;
    width: 40%;
    /*span*/
    /*@media (max-width:900px)*/ }
    #DivContactUS #DivConPart2 span {
      width: calc(100% - 100px); }
    @media (max-width: 900px) {
      #DivContactUS #DivConPart2 {
        display: block;
        width: 100%; } }
  #DivContactUS div {
    text-align: left;
    /*label*/
    /*span*/
    /*input[type=text], textarea*/
    /*textarea*/
    /*input[type=reset],input[type=submit]*/ }
    #DivContactUS div h1 {
      color: #1a99a8;
      font-size: 24pt;
      font-weight: bold;
      font-family: MyFontMaster;
      text-shadow: 2px 2px 5px #aaaaaa;
      text-decoration: underline;
      text-decoration-color: #157c88; }
    #DivContactUS div label {
      display: inline-block;
      width: 100px;
      font-size: 14pt;
      font-weight: bold;
      color: #1a99a8;
      text-shadow: 2px 2px 5px #aaaaaa;
      text-shadow: 2px 2px 5px #aaaaaa;
      padding-bottom: 5px; }
    #DivContactUS div span {
      display: inline-block;
      font-size: 14pt;
      color: #070b88;
      text-shadow: 2px 2px 5px #aaaaaa;
      /*&:hover*/ }
      #DivContactUS div span:hover {
        color: #1a99a8;
        text-shadow: none; }
    #DivContactUS div input[type=text], #DivContactUS div textarea {
      display: inline-block;
      width: 90%;
      height: 25px;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      border: 1px solid #1a99a8;
      box-shadow: 2px 2px 5px #aaaaaa; }
    #DivContactUS div textarea {
      height: 250px;
      overflow: auto; }
    #DivContactUS div input[type=reset], #DivContactUS div input[type=submit] {
      color: #FFFFFF;
      width: 25%;
      height: 30px;
      font-size: 14pt;
      font-weight: bold;
      border: 1px solid #1a99a8;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      /* IE10+ */
      background-image: -ms-linear-gradient(top, #1a99a8 0%, #157c88 100%);
      /* Mozilla Firefox */
      background-image: -moz-linear-gradient(top, #1a99a8 0%, #157c88 100%);
      /* Opera */
      background-image: -o-linear-gradient(top, #1a99a8 0%, #157c88 100%);
      /* Webkit (Safari/Chrome 10) */
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a99a8), color-stop(100, #157c88));
      /* Webkit (Chrome 11+) */
      background-image: -webkit-linear-gradient(top, #1a99a8 0%, #157c88 100%);
      /* W3C Markup */
      background-image: linear-gradient(to bottom, #1a99a8 0%, #157c88 100%);
      text-shadow: 2px 2px 5px #aaaaaa;
      box-shadow: 2px 2px 5px #aaaaaa; }
      #DivContactUS div input[type=reset]:hover, #DivContactUS div input[type=submit]:hover {
        /* IE10+ */
        background-image: -ms-linear-gradient(top, #157c88 0%, #1a99a8 100%);
        /* Mozilla Firefox */
        background-image: -moz-linear-gradient(top, #157c88 0%, #1a99a8 100%);
        /* Opera */
        background-image: -o-linear-gradient(top, #157c88 0%, #1a99a8 100%);
        /* Webkit (Safari/Chrome 10) */
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #157c88), color-stop(100, #1a99a8));
        /* Webkit (Chrome 11+) */
        background-image: -webkit-linear-gradient(top, #157c88 0%, #1a99a8 100%);
        /* W3C Markup */
        background-image: linear-gradient(to bottom, #157c88 0%, #1a99a8 100%); }
  #DivContactUS iframe {
    width: 100%;
    height: 200px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #aaaaaa; }

/*DivContactUS*/
/*--------------------------------------------------*/
/*--- Admin Home -----------------------------------*/
#DivAdminHome {
  position: relative;
  display: block;
  top: 145px;
  left: 0px;
  width: 100%;
  background-color: #e7e7e7;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 14pt;
  border-bottom: 2px solid #1a99a8;
  padding: 10px;
  clear: both;
  /*h1*/
  /*a*/
  /*form*/
  /*label*/
  /*input[type=text],textarea*/
  /*textarea*/
  /*input[type=button],input[type=reset],input[type=submit]*/ }
  #DivAdminHome h1 {
    font-family: "MyFontMaster";
    color: #1a99a8;
    font-size: 50pt;
    text-shadow: 5px 5px 5px #aaaaaa; }
  #DivAdminHome a {
    margin: 5px;
    display: inline-block;
    vertical-align: top;
    /*span*/ }
    #DivAdminHome a span {
      display: inline-block;
      width: 300px;
      height: 45px;
      padding: 10px 0;
      font-size: 14pt;
      border-radius: 40px;
      color: #FFFFFF;
      /* IE10+ */
      background-image: -ms-linear-gradient(top, #1a99a8 0%, #157c88 100%);
      /* Mozilla Firefox */
      background-image: -moz-linear-gradient(top, #1a99a8 0%, #157c88 100%);
      /* Opera */
      background-image: -o-linear-gradient(top, #1a99a8 0%, #157c88 100%);
      /* Webkit (Safari/Chrome 10) */
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a99a8), color-stop(100, #157c88));
      /* Webkit (Chrome 11+) */
      background-image: -webkit-linear-gradient(top, #1a99a8 0%, #157c88 100%);
      /* W3C Markup */
      background-image: linear-gradient(to bottom, #1a99a8 0%, #157c88 100%);
      box-shadow: #999999 3px 3px 3px; }
  #DivAdminHome form {
    width: 90%;
    margin-left: 5%;
    text-align: left; }
  #DivAdminHome label {
    display: inline-block;
    width: 100%;
    font-size: 20pt;
    font-weight: bold;
    color: #1a99a8; }
  #DivAdminHome input[type=text], #DivAdminHome textarea {
    width: 100%;
    font-size: 18pt;
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #aaaaaa));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #aaaaaa 100%);
    border: none;
    border-bottom: 1px solid #157c88; }
  #DivAdminHome textarea {
    height: 135px; }
  #DivAdminHome input[type=button], #DivAdminHome input[type=reset], #DivAdminHome input[type=submit] {
    width: 150px;
    height: 45px;
    padding: 10px 0;
    font-size: 14pt;
    border-radius: 20px;
    color: #FFFFFF;
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a99a8), color-stop(100, #157c88));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #1a99a8 0%, #157c88 100%);
    border: none;
    box-shadow: #999999 3px 3px 3px; }

/*DivAdminHome*/
/*--------------------------------------------------*/
/*--- Admin Login ----------------------------------*/
#DivAdminLogin {
  position: relative;
  display: block;
  top: 145px;
  left: 0px;
  width: 100%;
  background-color: #e7e7e7;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  font-size: 14pt;
  border-bottom: 2px solid #1a99a8;
  padding: 10px;
  clear: both;
  /*h1*/
  /*#DivLogin*/
  /*form*/
  /*label*/
  /*input*/
  /*input[type=text],input[type=password]*/
  /*input[type=button],input[type=reset],input[type=submit]*/ }
  #DivAdminLogin h1 {
    color: #1a99a8;
    font-size: 30pt;
    text-align: center;
    font-family: "MyFontMaster";
    text-shadow: 5px 5px 5px #aaaaaa; }
  #DivAdminLogin #DivLogin {
    margin: 0 auto;
    display: block;
    width: 60%;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #1a99a8;
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #aaaaaa));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #aaaaaa 100%); }
  #DivAdminLogin form {
    width: 90%;
    margin-left: 5%;
    text-align: left; }
  #DivAdminLogin label {
    display: inline-block;
    width: 100%;
    font-size: 20pt;
    font-weight: bold;
    color: #1a99a8; }
  #DivAdminLogin input {
    margin: 5px 0;
    padding: 0 5px; }
  #DivAdminLogin input[type=text], #DivAdminLogin input[type=password] {
    width: 100%;
    font-size: 18pt;
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #aaaaaa));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #aaaaaa 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #aaaaaa 100%);
    border: none;
    border-bottom: 1px solid #157c88; }
  #DivAdminLogin input[type=button], #DivAdminLogin input[type=reset], #DivAdminLogin input[type=submit] {
    width: 150px;
    height: 30px;
    line-height: 0px;
    padding: 10px 0;
    font-size: 14pt;
    border-radius: 20px;
    color: #FFFFFF;
    /* IE10+ */
    background-image: -ms-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* Mozilla Firefox */
    background-image: -moz-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* Opera */
    background-image: -o-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* Webkit (Safari/Chrome 10) */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a99a8), color-stop(100, #157c88));
    /* Webkit (Chrome 11+) */
    background-image: -webkit-linear-gradient(top, #1a99a8 0%, #157c88 100%);
    /* W3C Markup */
    background-image: linear-gradient(to bottom, #1a99a8 0%, #157c88 100%);
    border: none;
    box-shadow: #999999 3px 3px 3px; }

/*DivAdminLogin*/

/*# sourceMappingURL=main.css.map */