#okol_naroz_g_l
{
  background-image: url('../grafika/okolicznosciowe/naroz_g_l.png');
  margin-left: -100%;
  margin-left: calc(-100% + 10px);
}

#okol_naroz_g_p
{
  background-image: url('../grafika/okolicznosciowe/naroz_g_p.png');
  margin-left: -14px;
  margin-left: calc(-14px + 10px);
}

#okol_naroz_d_l
{
  background-image: url('../grafika/okolicznosciowe/naroz_d_l.png');
  margin-left: -100%;
  margin-left: calc(-100% + 10px);
}

#okol_naroz_d_p
{
  background-image: url('../grafika/okolicznosciowe/naroz_d_p.png');
  margin-left: -14px;
  margin-left: calc(-14px + 10px);
}

#okol_naroz_g_l, #okol_naroz_g_p, #okol_naroz_d_l, #okol_naroz_d_p
{
  float: left;
  width: 14px;
  height: 14px;
}



#okol_ramka_cz_srodkowa
{
  float: left;
  width: 100%;
  clear: both;
  overflow: hidden;
}



#okol_ramka_g
{
  background-image: url('../grafika/okolicznosciowe/ramka_g.png');
}

#okol_ramka_d
{
  background-image: url('../grafika/okolicznosciowe/ramka_d.png');
}

#okol_ramka_g, #okol_ramka_d
{
  float: left;
  width: 94%;
  width: calc(100% - 20px);
  height: 14px;
  margin-left: calc(0px + 10px);
}


#okol_ramka_p
{
  background-image: url('../grafika/okolicznosciowe/ramka_p.png');
  margin-left: -14px;
}

#okol_ramka_l
{
  background-image: url('../grafika/okolicznosciowe/ramka_l.png');
  float: left;
  margin-left: -100%;
}

#okol_ramka_p, #okol_ramka_l
{
  float: left;
  width: 14px;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
}


#okol_ramka_s
{
  background-image: url('../grafika/okolicznosciowe/ramka_s.png');
  float: left;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}


#okolicznosciowe_clear
{
  clear: both;
  height: 30px;
}



#okol_ramka_s .moduletable
{
  border-image-source: url('../grafika/okolicznosciowe/karteczka.png');
  border-image-slice: 10 23 19 11 fill;
  border-image-width: 10px 23px 19px 11px;
  border-image-outset: 10px 17px 15px 15px;
  background-clip: content-box;
  -webkit-background-clip: content-box;
  background: rgb(254,254,203);
  background: -moz-linear-gradient(-80deg, rgb(254,254,203) 0%, rgb(247,243,127) 100%);
  background: -webkit-linear-gradient(-80deg, rgb(254,254,203) 0%,rgb(247,243,127) 100%);
  background: linear-gradient(180deg, rgb(254,254,203) 0%,rgb(247,243,127) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefecb', endColorstr='#f7f37f',GradientType=1 );
  padding: 5px;
  margin-left: 7px;
  margin-right: 5px;
  font-family: cursive;
}

#okol_ramka_s .moduletable:last-child
{
  margin-bottom: 0px;
}

#okol_ramka_s .moduletable h3
{
  font-family: cursive;
  font-size: 150%;
  text-decoration: underline;
  line-height: 105%;
  font-style: italic;
  margin-top: 0px;
}

#okol_ramka_s .moduletable p
{
  margin: 5px 0px;
}


#okolicznosciowe_tytul
{
  text-align: center;
  margin-top: -30px;
}

#okolicznosciowe_tytul span
{
  font-size: 100%;
  font-weight: bold;
  font-family: serif;
  border-radius: 5px;
  padding: 5px 10px;
  letter-spacing: 3px;
  position: relative;
  top: 17px;
  color: rgb(255,100,0);
  border: solid 1px rgb(255, 200, 0);
  background: rgb(252,246,126);
  background: -moz-linear-gradient(15deg,  rgb(252,246,126) 0%, rgb(255,252,183) 100%);
  background: -webkit-linear-gradient(15deg,  rgb(252,246,126) 0%,rgb(255,252,183) 100%);
  background: linear-gradient(15deg,  rgb(252,246,126) 0%,rgb(255,252,183) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf67e', endColorstr='#fffcb7',GradientType=1 );
}