/* -=-  CSS zapisanisobie.pl  < Main & Test >
   Janusz Warchlewski  ==  2006.03.17  #  18.03.2011 -=-  */

body 
{ margin: 0; padding: 0 0 1px;
  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, button, input[type=submit]
{ -o-transition-timing-function: ease-out;
  -o-transition-property: color, background-color, border-width;
  -o-transition-duration: 0.3s, 0.4s, 0.5s;
  -moz-transition-property: color, background-color, border-width;
  -moz-transition-duration: 0.3s, 0.4s, 0.5s;
  -webkit-transition-property: color, background-color, border-width;
  -webkit-transition-duration: 0.3s, 0.4s, 0.5s;
  transition: color 0.3s ease-out, background-color 0.4s ease-out, border-width 0.5s ease-out;
}
a
{ padding: 2pt 6pt;
  border-top: 1.2pt solid white;
  border-bottom: 0.8pt solid #D84;
  border-radius: 6pt 3pt 6pt 3pt / 20pt 3pt 20pt 3pt;
  -moz-border-radius: 6pt 3pt 6pt 3pt / 20pt 3pt 20pt 3pt;
  box-shadow: inset -1.6pt -1.6pt 3pt rgba(200,180,140,.8), inset 1.6pt 1.6pt 3pt rgba(255,255,240,.8);
  -moz-box-shadow: inset -1.6pt -1.6pt 3pt rgba(200,180,140,.8), inset 1.6pt 1.6pt 3pt rgba(255,255,240,.8);
  -webkit-box-shadow: inset -1.6pt -1.6pt 3pt rgba(200,180,140,.8), inset 1.6pt 1.6pt 3pt rgba(255,255,240,.8);
  Xbackground-color: #F8E8AD;
  color: #804000; background-color: #F4F4D0;
  line-height: 12pt;
  text-decoration: none;
}
a:hover
{ border-bottom: 0.8pt solid dimgray;
  Xbackground-color: #FFF48B;
  color: #106010; background-color: #E4ECC0;
}

img
{ border: 0;
  vertical-align: middle;
}

.cent
{ text-align: center;
}

.puste
{ clear: both;
  font-size: 8pt;
}

.puste2
{ clear: both;
  padding: 2pt;
  text-align: center;
}


/*  Zapisani Sobie  */

div.ramy, div.rama
{ width: 680pt; clear: both;
  margin: 0 auto;
  background: #F8F8E8 url(tlo_logo.gif) no-repeat;
  background-image: -moz-linear-gradient(left, #F8F8E8, rgba(250,250,240,.1) 6%, transparent 94%, rgba(250,250,240,.1) 94%, #F8F8E8), url(tlo_logo.gif);
  background-image: -o-linear-gradient(left, #F8F8E8, transparent 6%, transparent 94%, #F8F8E8 ), url(tlo_logo.gif);
  background-image: linear-gradient(left, #F8F8E8, transparent 6%, transparent 94%, #F8F8E8 ), url(tlo_logo.gif);
  text-align: left;
}

/*  Stopka  */
div.stopka
{ clear: both;
  margin: 8pt 0 0; padding: 4pt 16pt;
  border-top: 1pt solid #B08010; x: firebrick;
  border-radius: 32pt 32pt 0 0 / 20pt 20pt 0 0;
  -moz-border-radius: 32pt 32pt 0 0 / 20pt 20pt 0 0;
  color: #303024; background-color: #F8F0C8;
  background-image: linear-gradient(left, #F8F8E8, #F8F0C8 9%, #F8F0C8 91%, #F8F8E8 );
  background-image: -moz-linear-gradient(left, #F8F8E8, #F8F0C8 9%, #F8F0C8 91%, #F8F8E8 );
  background-image: -o-linear-gradient(left, #F8F8E8, #F8F0C8 9%, #F8F0C8 91%, #F8F8E8 );
  font-size: 8pt; text-align: center;
  line-height: 12pt;
}
div.stopka a
{ padding: 2pt;
  border-top: 0;
  border-bottom: 1px solid white;
  border-radius: 0; -moz-border-radius: 0;
  box-shadow: 0 0; -moz-box-shadow: 0 0; -webkit-box-shadow: 0 0;
  color: #303024; background-color: #F8F0C8;
  font-size: 8pt;
}
div.stopka a:hover
{ color: #8C3C00; background-color: white;
  border-bottom: 1px solid #F44;
}
div.stopka img
{ float: left;
  height: 16px; width: 16px;
  -o-transition: width 1s ease, height 1s ease, margin-left 1s ease, margin-top 1s ease;
  -webkit-transition: width 1s ease, height 1s ease, margin-left 1s ease, margin-top 1s ease;
  transition: width 1s ease, height 1s ease, margin-left 1s ease, margin-top 1s ease;
}
div.stopka img:hover
{ height: 32px; width: 32px;
  margin-left: -8px; margin-top: -12px;
}



/*  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;
  text-shadow: 2.4pt 2.4pt 0pt #DDA;
}

/*  SubMenu - Górne Menu  */
div.topmenu
{ margin: 0; padding: 6px;
  border: 1px solid white;
  background-color: #F0F0D8;
}
table.mentab
{ margin: 0; padding: 0;
  border: 0.8pt solid silver;
  Xborder-left: 0.8pt solid silver;
  background-color: #F0E8B0; x: #F8EADA;
  border-collapse: collapse; 
  border-spacing: 0;
}
table.mentab td
{ Xborder-bottom: 0.8pt solid #AAA;
  Xborder-right: 0.8pt solid #AAA;
  margin: 0; padding: 0;
}
table.mentab .mentu
{ margin: 1.8pt; padding: 4pt 6pt;
  border:  1.8pt solid darkgreen;
  border-radius: 6pt 3pt 6pt 3pt / 20pt 3pt 20pt 3pt;
  -moz-border-radius: 6pt 3pt 6pt 3pt / 20pt 3pt 20pt 3pt;
  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 7pt 4pt 9pt;
  color: #220;  background-color: #F4EECC;
  font-size: 9pt; font-weight: normal;
  text-shadow: 0.8pt 0.8pt 0pt snow;
  letter-spacing: 0.28pt;
  line-height: 10pt;
}
table.mentab a:hover
{ border: 1.8pt solid white; x: palegoldenrod;
  padding: 4pt 9pt 4pt 7pt;
  color: ivory; background-color: #B82;
  text-shadow: 0.8pt 0.8pt 0pt #860;
}

/*  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;
  font-weight: normal;
  text-align: left; vertical-align: top;
}

table.zzznowao img, div.foto .obz img
{ margin: 6pt auto; padding: 0;
  background-color: gold;
}

table.zzznowao .ostat
{ margin: 4pt; padding: 6pt;
  border: 1px solid gold;
  background: #ffe;
}
table.zzznowao p
{ width: 188pt;
  margin: 4pt 0 4pt 4pt; padding: 1pt;
  color: #00a;
  font-weight: 500;
  overflow: hidden;
}
div.dol
{ padding: 4pt;
}

div.dol p
{ margin: 1pt; padding: 1pt 3pt 2pt;
}


/* -=::=-  Różne  -=::=- */


/*  Klawisz(e) dla form  */
div.divklaw
{ margin: 2pt 0; padding: 2pt 0;
  font-size: 14pt;
  text-align: center;
}
.klawisz, .klawisz44
{ border: 1pt solid #DEA;
  border-right-color: #684; border-bottom-color: #684;
  padding: 1pt 9pt 1.8pt;
  font-size: 9pt; font-weight: normal;
  line-height: 9pt;
  text-align: center;
  color: #106010; background: #ECF8E0;
  border-radius: 6pt 3pt 6pt 3pt / 20pt 3pt 20pt 3pt;
  -moz-border-radius: 6pt 3pt 6pt 3pt / 20pt 3pt 20pt 3pt;
  box-shadow: inset -1.6pt -1.6pt 2pt rgba(200,180,140,.8), inset 1.6pt 1.6pt 3pt rgba(255,255,240,.8);
  -moz-box-shadow: inset -1.6pt -1.6pt 2pt rgba(200,180,140,.8), inset 1.6pt 1.6pt 3pt rgba(255,255,240,.8);
  -webkit-box-shadow: inset -1.6pt -1.6pt 2pt rgba(200,180,140,.8), inset 1.6pt 1.6pt 3pt rgba(255,255,240,.8);
}
.klawisz44
{ width: 44pt;
}
.klawisz:hover, .klawisz44:hover
{ color: black; background-color: #D0F0AA;
}
/*  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;
  Xtext-shadow: 1px 1px 0px #6A8;
}
.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;
}

/*  Info-ramka o rozmowie  */

div.infogadka
{ margin: 1.5pt 0; padding: 2.4pt;
  border-top: 1.8pt solid #50A0C0;
  border-bottom: 1.8pt solid #50A0C0;
  color: #245; background-color: #D8E8F0;
  font-size: 11pt; font-weight: bold;
  letter-spacing: 1pt;
  text-align: center;
}
div.infogadka a
{ padding: 1.6pt 2.4pt;
  border: 2.2pt solid #8B6;
  color: snow; background: #46B;
  text-shadow: 0.8pt 0.8pt 0pt black;
  font-size: 11pt; font-weight: bold;
  letter-spacing: 1pt;
}
div.infogadka a:hover
{ border-color: #AC8;
  color: snow; background: #8A6;
}

/*  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;
}

div.oldreg
{ margin: 22pt 8pt 4pt; padding: 4pt;
  text-align: right;
  font-size: 8pt; font-weight: normal;
  color: #566; background-color: transparent;
}
div.oldreg a
{ border-width: 0;
  border-bottom: 1pt dashed silver;
  border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: 0 0;
  -moz-box-shadow: 0 0;
  -webkit-box-shadow: 0 0;
  font-size: 8pt; font-weight: normal;
  color: #566; background-color: transparent;
  line-height: 11pt;
}
div.oldreg a:hover
{ background-color: #EED;
  border-bottom-style: solid;
}

.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;
  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; 
}


/*  Kuniec  */