@import url('https://fonts.googleapis.com/css?family=Zilla+Slab&display=swap');

header{
    margin-top:10px;
    background:#003166;
    height:35px;
}

.head-t{
    background: url('../images/head-t.png');
    background-repeat: no-repeat;
    height: 180px;
}



.bg-light{
    background: url('../images/menu-background.png');
    background-repeat: no-repeat;
    background-size: cover;
}


@media only screen and (max-width: 600px) {
    .bg-light{
        background: #003166!important;

    }
  }


.nav-link{
    padding:0px 8px;
}

.navbar{
    padding:12px 0px;
}

.navbar-light .navbar-nav .nav-link{
    color:#fff;
}
.navbar-light .navbar-nav .nav-link:hover{
    color:#ccc;
}

.nav-link::before{
    content: "*";
    width:10px;
    display: block;
    float:left;
    margin-top:3px;
}

.head-box{
    background: url('../images/head-bg.png');
    font-family: 'Zilla Slab', serif;
    background-repeat: repeat-x;
    color:#fff;
}

.ff-bg{
    float:right;
    margin-top:-4px;
    background:#fff;
    border-radius:5px;
    color:#000;
    padding:5px 8px;
    font-size:12px!important;
}

.box-long{
    background:#d4e1f0;
    border:1px solid #a5bdd6;
}

.footer{
    background: #003166;
    color:#fff;
    font-size: 0.75rem;
}

p.logo {
    text-align:center;
	text-transform: uppercase;
	letter-spacing: .5em;
	display: inline-block;
	border: 4px double rgba(255,255,255,.25);
	border-width: 4px 0;
	padding: 0.5em 0em;
    
    color:#ccc;
}
  span.logos {

      font: 700 40px "Oswald", sans-serif;
      color:#fff;
  	letter-spacing: 0;
  	padding: 10px 0 20px;
	  display: block;
	  margin: 0 auto;
  	text-shadow: 0 0 80px rgba(255,255,255,.5);

/* Clip Background Image */

	  background: url(../images/tlo_logo.png) repeat-y;
	  -webkit-background-clip: text;
	  background-clip: text;

/* Animate Background Image */

	  -webkit-text-fill-color: transparent;
      -webkit-animation: aitf 80s linear infinite;
      animation: aitf 80s linear infinite;

/* Activate hardware acceleration for smoother animations */

      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;

  }


/* Animate Background Image */

@-webkit-keyframes aitf {
	0% { background-position: 0% 50%; }
	100% { background-position: 100% 50%; }
}
    
button,  input[type=submit], .btn-skarbonka{
    color: #fff;
    background-color:  #FDC501;
    border-color: #404040;
  }

  table, .tabela{
    width: 100%!important;
    margin-bottom: 1rem!important;
    color: #212529!important;
  }

td{
    width:auto!important;
}

  input[type=text],input[type=password], select{
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  } 

  textarea{
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 400;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }