/* -------------------------------- 
Styl podstawowy
-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Fira Sans", sans-serif;
  color: #383838;
  background-color: #ffffff;
}


a {
  color: #372ace;
  font-size: 40%; 
  text-decoration: none;
}
/* -------------------------------- 
Części podstawowe
-------------------------------- */
#rysunek
{
  width: 100%;
}
#rysunek img
{
  width: 90%;
  display: block;
  padding-top: 5;  
}
#krecha img
{
    width: 80%;
    display: block;  
}
#napis img
{
  width: 100%;
  display: block;  
}
.selected a
{
color: rgba(0,0,0,.9);
}
/*
.flaga img
 -przycisk- 
{
  margin-left: auto;  
  position: 40px;  
  border: 2px solid #ccc;
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 8px 0px #bbbbbb,0px 7px 10px rgba(0,0,0,.5);
  -moz-box-shadow: 0px 8px 0px #bbbbbb,0px 7px 10px rgba(0,0,0,.5);
  box-shadow: 0px 8px 0px #bbbbbb,0px 7px 10px rgba(0,0,0,.5);
  width: 40px;
  -webkit-transition: all.1s ease;
  -moz-transition: all.1s ease;
  -ms-transition: all.1s ease;
  -o-transition: all.1s ease;
  transition: all.1s ease;
  cursor: pointer;
}
.flaga img:active
{
    
  -webkit-box-shadow: 0px 3px 0px #bbbbbb,0px 1px 6px rgba(0,0,0,.9);
  -moz-box-shadow: 0px 3px 0px #bbbbbb,0px 1px 6px rgba(0,0,0,.9);
  box-shadow: 0px 3px 0px #bbbbbb,0px 1px 6px rgba(0,0,0,.9);  
}
*/
#adres a
{
    height: 50px;
    font-size: 1.5rem;
    color: #372ace;
    margin-top: 5px;
   
}
 /* -ukryty adres poczty-    
    unicode-bidi: bidi-override;
    direction: rtl;
 */
.stopka
{
    float: right
    height: 10px;
    text-align: center;
    font-size: 1.2rem;
    margin-top: 5px;
    padding: 20;    
}