@charset "UTF-8";
.Header {
          height: 120px;
          background: -moz-linear-gradient(top,rgba(221, 231, 254, 1),rgba(236, 243, 255,0.3));
          background:      -o-linear-gradient(rgba(221, 231, 254,1),rgba(236, 243, 255,0.3));
          background:        -webkit-gradient(linear,left top,left bottom,from(rgba(221, 231, 254,1)),to(rgba(236, 243, 255,0.3)));
          background:           linear-gradient(to bottom,rgba(221, 231, 254,1),rgba(236, 243, 255,0.3));

}

.Header .Headerfix {
  position: absolute;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  transition: padding-bottom 0.1s ease 0s;
}

.Header.fixed .Headerfix {
  width: 100%;
  position: fixed;
  margin-top: -30px;
  padding-bottom: 0px;
}

.Header .header_top {
  transition: padding-top 0.1s ease-in 0.1s,   opacity 0.6s ease 0.2s; opacity: 1; opacity: 1;
}

.Header.fixed .header_top {
  transition: padding-top 0.1s ease-in 0.1s,  opacity 0.3s ease 0.1s;   opacity: 0; opacity: 0;
}

.Header .header_bottom {
  transition: padding-top 0.1s ease-in 0.1s,   opacity 0.6s ease 0.2s; opacity: 1; opacity: 1;
}

.Header.fixed .header_bottom {
  transition: padding-top 0.1s ease-in 0.1s,  opacity 0.3s ease 0.1s;   opacity: 0;
}

.Headerfix h1 {
                         position: absolute;
                         font-weight:700;
                         margin: 0 0 0 20px;
                         top: 20px;
                         font-size:2.5em;
                         line-height: 1.4;
                         padding: 0;
                         color: #f8f8ff;
                         text-shadow: 2px 3px 1px #131010,
                                               1px 5px 10px rgba(0,0,0,0.15),
                                               1px 15px 2px rgba(0,0,0,0.1),
                                               1px 25px 10px rgba(0,0,0,0.1);
                        z-index:100;
}

.header_top{
               position: absolute;
               width: 100%;
               padding: 5px 10px;
               color: #f8f8ff;
               font-size:1em;
               line-height: 1.4;
               text-shadow: 2px 2px 2px #009ee9,
                            1px 5px 10px rgba(0,0,0,0.15),
                            1px 10px 2px rgba(0,0,0,0.1),
                            1px 15px 10px rgba(0,0,0,0.1);
                            white-space: nowrap;
}

.header_bottom{
               position: absolute;
               top: 80px;
               width: 100%;
               padding: 0 50px;
               color: #009ee9;
               font-size: 1em;
               line-height: 1.4;
               text-shadow: 2px 2px 2px #f8f8ff,
                            1px 5px 10px rgba(0,0,0,0.15),
                            1px 10px 2px rgba(0,0,0,0.1),
                            1px 15px 10px rgba(0,0,0,0.1);
                            white-space: nowrap;
}


.searchbox {
                       float: right;
                       height: 50px;
                       padding: 0;
                       margin: 0 10px  0 0;
                       font-family: Verdana;
}


.searchbox input{
                      font-size: 1.1em;
                      border-radius: 3px;
                      border: 1px solid #63cdff;
}
.searchbox input[type="submit"] {
                     font-size: 1.1em;
                     color: #131010;
                     background: #63cdff;
                     border-radius: 3px;
                     cursor: pointer;
}

.searchbox input[type="submit"]:hover {
                    color: #ff0700;
}