/* -=-  CSS Randek  < main & test >
   Janusz Warchlewski  ==  2006.03.17  #  4.07.2007
   -=-  */

body 
{ margin: 0; padding: 0 0 6pt;
  color: black; background-color: #F8F8E8;
  font-size: 9pt;
}

body, a, p, td, input, select, option, textarea, button
{ font-family: Verdana, Arial, Tahoma, sans-serif;
  font-size: 9pt; font-weight: normal;
}

input, select, option, textarea
{ color: #422; background: #EEB;
}

/* a:link, a:visited, a:active, a:hover
{ text-decoration: none;
} */

a
{ padding: 2pt 6pt;
  border-top: 1.2pt solid white;
  border-bottom: 0.8pt solid #D84; x: orangered;
  color: #804000; background-color: #F4F4D0;
  line-height: 12pt;
  text-decoration: none;
}
a:hover
{ border-bottom: 0.8pt solid dimgray;
  color: #106010; background-color: #E8ECC4;
}

img
{ border: 0;
  vertical-align: middle;
}

.cent
{ text-align: center;
}

.puste
{ clear: both;
}

.puste2
{ clear: both;
  padding: 2pt;
  text-align: center;
}


/*  Zapisani Sobie  */

div.ramy, div.rama
{ width: 680pt; clear: both;
  margin: 0 auto 8pt;
  background: #F8F8E8 url(tlo_logo.gif) no-repeat;
  text-align: left;
}

/*  Stopka  */
div.stopka
{ clear: both;
  margin: 8pt 0 0; padding: 4pt;
  border-top: 0.8pt solid firebrick;
  color: #840; background-color: #F8F4E2;
  font-size: 8pt; text-align: center;
  line-height: 12pt;
}
div.stopka a
{ font-size: 8pt;
  padding: 2pt;
  border-top: 0;
  border-bottom: 1px solid white;
  color: #840; background-color: transparent;
}
div.stopka a:hover
{ color: black; background-color: white;
  border-bottom: 1px solid #F44;
}


/*  Podtytuł / SubMenu  */
div.submenublok
{ margin: 0; padding: 88px 0 8px 168px;
}
div.submenublok h1
{ margin: 0; padding: 0 80px 8px 0;
  color: #663;
  text-align: center;
  font-family: Georgia, "Book Antiqua", "Times New Roman", serif;
  font-size: 30px; font-weight: bold;
  line-height: 48px; letter-spacing: 3px;
}

/*  SubMenu - Górne Menu  */
div.topmenu
{ margin: 0; padding: 6px;
  border: 1px solid white;
  background-color: #F0F0D8;
}
table.mentab
{ margin: 0; padding: 0;
  border-top: 0.8pt solid silver;
  border-left: 0.8pt solid silver;
  background-color: #F8EADA;
  border-collapse: collapse; 
  border-spacing: 0;
}
table.mentab td
{ border-bottom: 0.8pt solid #AAA;
  border-right: 0.8pt solid #AAA;
  margin: 0; padding: 0;
}
table.mentab .mentu
{ margin: 1.8pt; padding: 4pt 6pt;
  Xpadding: 0 12pt;
  border:  1.8pt solid darkgreen;
  background-color: #f8f8e8;
  font-size: 9pt;
  letter-spacing: 0.28pt; font-weight: bold;
  line-height: 10pt;
}
table.mentab a
{ display: block; zoom: 1;
  border: 1.8pt solid #B82;
  margin: 1.8pt; padding: 4pt 6pt;
  color: #220;
  background-color: #F4EECC;
  font-size: 9pt; font-weight: normal;
  letter-spacing: 0.28pt;
  line-height: 10pt;
}
table.mentab a:hover
{ border: 1.8pt solid white; x: palegoldenrod;
  color: ivory; background-color: #B82;
}

/*  Prawe lewe ramki  */
div.lewyb
{ float: left; width: 332pt;  /*  50% ramy -(padding)  */
  padding: 0 4pt 2pt;
}

div.prawyb
{ margin-left: 340pt;
  padding: 0 4pt 2pt;
}

.lewyb p
{ margin: 1pt; padding: 4pt 3pt 6pt;
}

.prawyb p
{ margin: 1pt; padding: 1pt 3pt 2pt;
}


/*  Info w po-upach  */
div.rameczka
{ background: #F8F8E8 url(tlo_mini.gif) no-repeat;
}
.infoplus
{ margin: 0 10pt 6pt 22px; padding: 8pt;
  -moz-border-radius: 8pt; border-radius: 8pt;
  border: 1px solid white;
  color: #773; background: #F0F0CD;
  text-align: center;
  font-size: 11pt; font-weight: bold;
}
div.zamknijinfo
{ margin: 6pt auto; padding: 4pt;
  text-align: center;
  font-size: 11pt;
}

/*   Zdjęcie (full) w oknie  */
.zdjeciefull
{ padding: 4px;
  background: #f8f8e8;
  text-align: center;
}
div.zdjeciefull a
{ display: block; width: 128px;
  margin: 0 auto; padding: 4px;
  border-bottom: 1px solid #F44; 
  color: #824; background: #F8F8E8;
  font-size: 17px; font-weight: 500;
  line-height: 100%;  letter-spacing: 3px;
  text-decoration: none;
}
div.zdjeciefull a:hover
{ border-bottom: 1px solid gold;
  color: white; background-color: #C02040;
}


/*  Moje Zdjęcia  */
table.zzznowao
{ margin: 3pt; padding: 0; width: 674pt;
}
table.zzznowao td
{ width: 224.4pt;
  padding: 0;
  Xfont-size: 10pt; font-weight: normal;
  text-align: left; vertical-align: top;
}

table.zzznowao img, div.foto .obz img
{ margin: 6pt auto; padding: 0;
  Xborder: 4px ridge gold; Xoutline: #FFD700 ridge 2px;
  background-color: gold;
   Xtext-align: center;
}

table.zzznowao .ostat
{ margin: 4pt; padding: 6pt;
  border: 1px solid gold;
  Xborder-bottom-color: black;  Xborder-right-color: black;
  background: #ffe;
}
table.zzznowao p
{ width: 188pt;
  margin: 4pt 0 4pt 4pt; padding: 1pt;
  color: #00a;
  Xfont-size: 9pt; font-weight: 500;
  Xfont-style: italic;
  overflow: hidden;
}
div.dol
{ padding: 4pt;
     Xborder: 1px solid gold;
}

div.dol p
{ margin: 1pt; padding: 1pt 3pt 2pt;
     Xborder: 1px solid green;
}


/* -=::=-  Różne  -=::=- */


/*  Klawisz(e) dla form  */
div.divklaw
{ margin: 2pt 0; padding: 2pt 0;
  font-size: 14pt;
  text-align: center;
}
.klawisz, .klawisz44
{ border: 0.8pt solid #DEA;
  border-right-color: #684; border-bottom-color: #684;
  padding: 0.8pt 8pt 1.8pt;
  font-size: 9pt; font-weight: 500;
  line-height: 9pt;
  color: black; background: #E0ECD8;
}
.klawisz44
{ width: 44pt;
}

/*  Brązowe belki  */
.atoco, h3
{ margin: 0; padding: 2pt 0 3pt;
  color: ivory; background-color: peru;
  font-size: 9.3pt; font-weight: bold;
  text-align: center;
}
.atoco
{ -moz-border-radius: 4pt; border-radius: 4pt;
}

/*  Ważne infa / Ostrzeżenia  */
div.infotxt
{ margin: 6pt 80pt; padding: 2.8pt;
  background: red;
  border: 1px solid peru;
}
div.infotxt p
{ margin: 0; padding: 6pt;
  border: 2pt solid white;
  background: #FED;
  letter-spacing: 1pt; line-height: 12pt;
  text-align: center;
}
div.infotxt p b
{ padding: 0.8pt 2.4pt;
  color: #C04000; background: #F8F4F0;
}

/*  Regulamin  i inne podobne  */

h4.paragraf
{ margin: 18pt 0 6pt; padding: 4pt;
  border: 0.8pt solid white;
  background: #F8F4E0;
  font-size: 10.2pt;
  letter-spacing: 1pt; line-height: 16pt;
  text-align: center;
}
div.regulamin
{ margin: 6pt; padding: 0 6pt;
  line-height: 12pt;
  text-align: justify;
}
div.regulamin p
{ margin: 6pt 0 2pt; padding: 0;
}
div.regulamin ol
{ margin-top: 4pt; margin-bottom: 6pt;
}
div.regulamin ol li
{ margin-bottom: 4pt;
}
div.regulamin ul
{ margin-top: 2pt; margin-bottom: 4pt;
}
div.regulamin ul li
{ margin-bottom: 1.2pt;
}
div.regulamin p.spec
{ margin: 16pt 0 2pt; padding: 3pt 16pt;
  border-bottom: 0.8pt dashed silver;
  font-size: 10.2pt; font-weight: bold;
  letter-spacing: 0.8pt;
}


.lewar
{ float: left; width: 184pt;
  margin: 6pt 0 4pt 4pt;
}

.ostat
{ margin: 0; padding: 8pt;
  border: 1px solid gold;
  border-bottom-color: black;  border-right-color: black;
  background: #ffd0d0;
}

/*  TT  */
.inszer
{ width: 200pt;
}



.cojest
{ border: 1px solid #84682f;
  Xborder-right-color: #A66636; Xborder-bottom-color: #A74;
  margin: 0 2pt; padding: 1pt 12pt 3pt;
  font-family: "Lucida Sans Unicode", Arial, Verdana, Helvetica, Tahoma, sans-serif;
  color: #84682f; background-color: #f8f8e8;
  font-size: 14pt; font-weight: bold;
  letter-spacing: 0.08em;
  text-align: center; 
}


/*  The End  */