@font-face {
  font-family: "Museo-500";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/museo500-regular-webfont.eot?#iefix") format("embedded-opentype"),               
     url("fonts/museo500-regular-webfont.woff2") format("woff2"),
     url("fonts/museo500-regular-webfont.woff") format("woff"),
     url("fonts/museo500-regular-webfont.ttf") format("truetype"),
     url("fonts/museo500-regular-webfont.svg#museo500") format("svg");
}

@import url(https://fonts.googleapis.com/css?family=Arimo&subset=latin,latin-ext);

html {
   background: transparent url("img/bg.png") no-repeat scroll top center;
   width: 100%;
   height: 100%;
   background-size: 100%;
}

body {
   font-family: Arimo, sans-serif;
   font-weight: 400;
   margin: 0;
   padding: 0;
}
.justify {
   text-align: justify;
}

.align-center {
   text-align: center;
}

.logo-container {
   margin-top: 15px;
}

.logo-container a {
   display: inline-block;
}

.logo-container p {
   font-family: "Museo-500", sans-serif;
   font-size: 24px;
   color: #0A3C7B;
   margin: 24px 0px;
}

#container {
   padding: 10px;
   max-width: 730px;
   margin: 0px auto;
}

form > input[type=text] {
   background-color: #ffffff;
   background-image: none;
   border: 1px solid #a1acae;
   border-radius: 4px;
   box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
   box-sizing: border-box;
   color: #000000;
   display: inline-block;
   font-family: Arimo,sans-serif;
   font-size: 20px;
   font-weight: 400;
   height: 60px;
   line-height: 28.5667px;
   margin: 0px;
   padding: 6px 12px;
   transition-delay: 0s, 0s;
   transition-duration: 0.15s, 0.15s;
   transition-property: border-color, box-shadow;
   transition-timing-function: ease-in-out, ease-in-out;
   vertical-align: middle;
   width: 480px;
}

form > input[type=text]:focus,
form > input[type=text]:active {
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

form > button[type=submit] {
   background: linear-gradient(#e1141b 0px, #b50b11 100%);
   border-radius: 4px;
   border: 0px;
   box-sizing: border-box;
   color: #ffffff;
   cursor: pointer;
   display: inline-block;
   font-family: Arimo,sans-serif;
   font-size: 26px;
   font-weight: 400;
   height: 60px;
   letter-spacing: 2px;
   line-height: 46.8px;
   margin-bottom: 0px;
   margin-left: 10px;
   margin-right: 0px;
   margin-top: 0px;
   min-width: 190px;
   padding: 6px 12px;
   text-align: center;
   text-transform: none;
   vertical-align: middle;
   white-space: nowrap;
}

form > button[type=submit]:hover,
form > button[type=submit]:active,
form > button[type=submit]:focus {
   background: linear-gradient(to bottom,#B50B11 0,#E1141B 100%);
}

#text {
   padding-bottom: 10px;
}

#links {
   margin: 10px 0px;
   display: inline-block;
   background: linear-gradient(to bottom,#02397E 0,#0265B2 100%);
   height: 35px;
   overflow: hidden;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
}

#links a {
   display: inline-block;
   line-height: 35px;
   color: #ffffff !important;
   text-decoration: none !important;
   font-weight: bold;
   background: url(img/bg_menuB.png) 100% 0 no-repeat;
   font-family: Arimo, sans-serif;
   font-size: 16px;
   font-weight: 400;
   padding: 0px 20px;
}

#links a:hover,
#links a:focus,
#links a:active {
   animation: main-menu-hover .5s 1;
   -webkit-animation: main-menu-hover .5s 1;
   -ms-animation: main-menu-hover .5s 1;
   background-color: #00224E;
}

#links a:last-of-type {
   background-image: none;
}

#tlds {
   margin-top: 15px;
}

#tlds > div:first-of-type {
   width: 480px;
   height: 44px;
   display: inline-block;
   background: transparent url(img/tlds.png);
   vertical-align: middle;
}

#tlds > div:last-of-type {
   text-align: right;
   min-width: 190px;
   display: inline-block;
   vertical-align: middle;
   color: #000;
   line-height: 20px;
   font-size: 20px;
}

@media only screen and (max-width: 780px) {
   html {
      background: #ffffff;
   }
}

@media only screen and (max-width: 731px) {
   form > input[type=text] {
      width: 100%;
      margin-bottom: 10px;
   }
   
   form > button[type=submit] {
      margin: 0px;
      width: 100%;
   }
   
   #tlds > div:last-of-type {
      text-align: center;
   }
   
   #tlds > div:first-of-type {
      width: 300px;
   }
   
   #links a {
      font-size: 16px;
      padding: 0px 10px;
   }
}

@media only screen and (min-width: 731px) {
   body {
      margin: 0px auto;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-width: 730px;
   }
}

/* Animacje */
@-ms-keyframes main-menu-hover {
   from {background-color: transparent;}
   to {background-color: #00224E;}
}

@-webkit-keyframes main-menu-hover {
   from {background-color: transparent;}
   to {background-color: #00224E;}
}

@keyframes main-menu-hover {
   from {background-color: transparent;}
   to {background-color: #00224E;}
}

@-ms-keyframes main-menu-hover-gray {
   from {background-color: transparent;}
   to {background-color: #eeeeee;}
}

@-webkit-keyframes main-menu-hover-gray {
   from {background-color: transparent;}
   to {background-color: #eeeeee;}
}

@keyframes main-menu-hover-gray {
   from {background-color: transparent;}
   to {background-color: #eeeeee;}
}