/*  CSS dla pokładu LINKI  -  2006.12.25 # 2007.09.20 # 2.4.2015  */

body 
{ color: #FE6;
  background-image: url(obr/rd_link.gif);
}

p
{ margin: 2.8pt 0;
  padding: 0 0 1.8pt;
  line-height: 1.6em;
}


/*  Główne pudło - linkownia  */

.prawy-box
{ margin-left: 112pt; padding: 0;
}


h3
{ border-top: 3pt solid #D92;  border-left: 3pt solid #D92;
  border-right: 1.8pt solid #A71;  border-bottom: 1.8pt solid #A71;
  border-radius: 7pt;
  box-shadow: inset -1pt -1pt 2.8pt rgba(40,10,0,.8), inset 1pt 1pt 2.8pt rgba(250,250,240,.8);
  margin: 32pt auto 10pt; padding: 4pt 12pt;
  background-color: #443; color: gold;
  font-family: "Franklin Gothic Book", Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12pt; font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 1.4em;
  text-shadow: 1pt 1pt 0 black, -1pt -1pt 0 black;
}
h3.divtop
{ margin-top: 0;
}


.plink
{ margin-left: 2%; margin-right: 2%;
  font-size: 10pt; font-size: 0.91rem; 
}

.cent a, .plink a
{ border-bottom: 0.8pt solid white;
  border-radius: 3pt;
  padding: 2pt 6pt;
  color: white;
  font-size: 11pt; font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}
.cent a:visited, .plink a:visited
{ border-color: #F0E8B0;
  color: #F0E8B0;
}
.cent a:active, .plink a:active
{ border-color: #F06;
  color: #F06;
}
.cent a:hover, .plink a:hover
{ border-color: red;
  color: #FF7050; background-color: black;
}

a.gskok
{ border-width: 0;
  padding: 0;
  text-decoration: none;
}
.gskok img
{ max-width: 98%;
  border: 1.8pt solid white;
  vertical-align: middle;
}
a.gskok:visited img
{ border-color: #F0E8B0;
  color: #F0E8B0;
}
a.gskok:active img
{ border-color: #F06;
}
a.gskok:hover img
{ border-color: red;
}

a.inne
{ display: inline-block;
  border-bottom: 0.8pt solid #408080;
  padding: 2pt;
  color: #8EF; background-color: #026;
  font-weight: 200;
}
a.inne:visited
{ border-bottom: 0.8pt solid #406030;
  padding: 2pt; color: #77B8E0; background-color: #002060;
}
a.inne:hover
{ border-bottom: 0.8pt solid red;
  color: #FA4; background-color: #014;
}


.wpis
{ margin: 12pt 12pt 0;
  color: #EC7;
  font-size: 8pt; font-size: 0.78rem;
  font-weight: bold;
  text-align: right;
}


/*  Galeria  */

div.galeria p
{ margin: 0 auto 5pt; padding: 0;
  text-align: center;
}
div.galeria img
{ max-width: 98%;
  margin: 0 4pt 7pt;
  border: 0.8pt solid gold;
  box-shadow: 5pt 4pt 1pt rgba(220,200,180,.3);
}

h3 a
{ color: #FFC448;
  background-color: transparent;
  font-family: "Franklin Gothic Book", Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12pt; font-size: 1.1rem;
  font-weight: bold;
  letter-spacing: 0.28em;
  text-shadow: 1pt 1pt 0 black;
}
h3 a:hover
{ color: ivory;
  text-decoration: underline;
}


/*
||
||  Mniejsze  Ekrany  [!]
||
*/

@media (max-width: 780px)
{ body { max-width: 780px; }
}
@media (max-width: 700px)
{ body { max-width: 700px; }
}

@media (max-width: 500pt)
{

 .prawy-box
 { margin-left: 111pt;
 }

}

@media (max-width: 440pt)
{

 .prawy-box
 { margin-left: 99pt;
 }

 h3
 { margin: 24pt auto 8pt; padding: 3pt 7pt;
   font-size: 1.1rem;
   letter-spacing: 0.2ex;
 }

}

@media (max-width: 340pt)
{

 .prawy-box
 { margin: 0;
 }

 h3
 { margin: 16pt 0 6pt; padding: 3pt 0.75em;
   font-size: 1rem;
 }

 div.galeria img
 { max-width: 98%;
   margin: 0 auto 7pt;
   box-shadow: 1pt 1pt 6pt #F8F0A0, -1pt -1pt 6pt #F8F0A0;
 }

}

/*  The End  */