﻿/* Wyzerowanie paddingow i marginów */
*
  {
    margin: 0px;
    padding: 0px;
  }
/*  *** ↓ Tło strony lub stron *** *** */
body
 {
   background-color: #b0e0e6;
   font-family: Trebuchet MS, sans-serif;
  }
/* *** tu wstaw kolor linków poza menu */
a
  {
    text-decoration: none;
    color: #009dde;
    cursor: url('../images/cursor24_1.png'), auto;
  }
a:hover
  {
    color: grey;
  }
.show-imgspanish
  {
    position: relative;
    float:right;
    margin-right: 15px;
    margin-left:15px;
    margin-bottom: 15px;
    z-index:1001;
        }
/* ***.show-img:hover:after
  {
    display: block;
    position: absolute;
    left:0;
    z-index: 1000;
    width: 300px;
  } ****  */
/*** */
div.anime
  {
    z-index: -10;
    margin: 0px auto; /* wycentrowanie kontenera */
    position:relative;
    width: 1px;
    height: 1px;
    background:url('../images/logobig.png') center fixed no-repeat;
    -webkit-animation: szerokosc 5s 1; /* Chrome, Safari, Opera */
    animation: szerokosc 5s 1;
    animation-direction: reverse;
  }

  /* Chrome, Safari, Opera */
  @-webkit-keyframes szerokosc {
      0%   {top: 0px;  width: 1px;}
      100% {top: 5px;  width: 1020px; 1192px;}
  }

  /* Standard syntax */
  @keyframes szerokosc {
      0%   {top: 0px;  width: 1px;}
      100% {top: 5px;  width: 1020px; height: 1192px;}

  }

div#kontener
  {
    width: 1004px;
    margin: -1px auto; /* wycentrowanie kontenera */
    position:relative;
    padding: 0px;

  }
div#gora_kontenera
  {
    position:relative;
    margin: 0px;
    background: url('../images/header_bg.png') 50% 0px fixed no-repeat #009dde;
    /* POWYZEJ: ↑ pozycja tła w nagłówku L+R = 50% , U+D=10px *****/
    width: 1004px;
    height: 90px;
    font-size: 14px; font-weight: bold;
  }
#adresid
  {
    position:absolute;
    left: 20px;
    bottom: 10px;
  }
#header_image
  {
    position: absolute;
    right:10px;
    top: 0px;
    height: 90px; width: 90px;
    font-weight: normal;
    background-color: #d8f5fa;
  }
#linkedin
  {
    position: absolute;
    left:20px;
    top: 4px;
    height: 32px; width: 32px;
    font-weight: normal;
  }
#wwwlogo
  {
    position: absolute;
    left:56px;
    bottom: 4px;
    height: 32px; width: 32px;
    font-weight: normal;
  }

#wlscontent
  {
    font-size: 12px;
    background-color: #b0e0e6;
    margin: 10px 0px 10px 0px;
    width: 1004px;
    text-align: left;
  }
#tresc
  {
    background-color: #d8f5fa;
    margin-top: 10px;
    text-align: left;
    padding:10px;
    font-size: 14px;

  }

div.stopka
  {
    position:sticky;
    margin: auto;
    bottom: 0px;
    padding: 5px;
    width: 998px;
    height: 32px;
    background-color: #009dde;
    text-align:right;
    font: bold 10px italic;
    color: #d8f5fa;
   }
div.stopka div#thermsOfUse
  {
    position:absolute;
    right: 50%;
    bottom:13px;
  }
  div.stopka div#thermsOfUse a
 {
  color: #d8f5fa;
 }
 div.stopka div#thermsOfUse a:hover
 {
  color: #ff6873;
 }
 .errorstrony
 {
  font-style: italic;
  color: rgb(3, 136, 37);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 }
