/*  CSS dla wszystkich pokładów  -  2007.09.18 # 2011.04.2  */

html, body
{ font-size: 11pt;
}

body
{ margin: 0; padding: 0 0 10pt;
  color: gold; background-color: #100010;
  background-image: url(obr/tlo.gif);
  scrollbar-arrow-color: #FFFF80;
  scrollbar-face-color: #A00040;
  scrollbar-3dlight-color: #FFB040;
  scrollbar-highlight-color: #FF8080;
  scrollbar-darkshadow-color: #700030;
  scrollbar-shadow-color: #A06640;
  scrollbar-track-color: #D00000;
}

body, div, p, a, td
{ font-family: Verdana, Arial, Tahoma, sans-serif;
}

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

p
{ margin: 0;
  padding: 0.5em 2pt;
}

a
{ text-decoration: none;
  -o-transition-timing-function: ease-out;
  -o-transition-property: color, background-color, border-width;
  -o-transition-duration: 0.25s, 0.3s, 0.4s;
  -moz-transition-property: color, background-color, border-width;
  -moz-transition-duration: 0.25s, 0.3s, 0.4s;
  -webkit-transition-property: color, background-color, border-width;
  -webkit-transition-duration: 0.25s, 0.3s, 0.4s;
  transition: color 0.25s ease-out, background-color 0.3s ease-out, border-width 0.4s ease-out;
}

.cent
{ text-align: center;
}


/*  Pokład - Nagłówek  */
table.poklady
{ width: 100%;
  border-collapse: collapse;
  margin: 0; border: 0; padding: 0;
}
td.pokgraf
{ width: 360px;
  margin: 0; border: 0; padding: 4px;
  vertical-align: middle;
}
td.pokco
{ margin: 0; padding: 5pt 5pt 5pt 0;
}

td.pokco p
{ border: 3pt solid #777; border-bottom-width: 0;
  margin: 0; padding: 0 0 0 12pt;
  font-family: "Comic Sans MS", Tahoma, Arial, sans-serif;
  color:#852; background-color: #E8B828;
  font-size: 16pt; font-size: 1.45rem;
  font-weight: bold; line-height: normal;
  letter-spacing: 2.2pt;
}
td.pokco h1
{ margin: 0; padding: 1pt 4pt 4.8pt 12pt;
  color: #EAEBEC; background-color: #777;
  font-size: 28pt; font-size: 2.54rem;
  font-weight: normal; line-height: normal;
  letter-spacing: 0.24ex;
  text-shadow: 2.2pt 1.6pt 2.2pt black;
}


div.kontener
{ margin: 0; padding: 0 4pt;
}


/*  Lewe pudło - Menu, ...  */
div.lewybox
{ float: left; width: 108pt;
  display: inline;
  background-color: transparent;
  text-align: center;
}


/*  Menu  */
#menubox, .menubox
{ border-bottom: 3pt solid #D00;
  padding: 0 0 6pt;
  background-color: #A22;
  text-align: right;
  font-size: 12pt;
  line-height: 120%;
}
#menubox h2
{ font-family: Arial, Verdana, Tahoma, sans-serif;
  margin: 0 0 4pt; padding: 2pt 0;
  border: 2.2pt solid peru;
  color: #DB8; background-color: #904;
  font-size: 16pt; font-weight: bold;
  line-height: 120%;
  letter-spacing: 1pt;
  text-align: center;
  text-shadow: 2pt 2pt 0 maroon;
}
#menubox a
{ display: block;
  margin: 0; padding: 4pt 0 4pt 2pt;
  border-bottom: 2pt solid #A22;
  color: ivory;  background-color: #A22;
  font-weight: bold;
  text-decoration: none; 
  text-shadow: 1.4pt 1.4pt 0 maroon;
}
#menubox a:hover, #menubox a:active
{ border-bottom: 2pt solid #FDA;
  padding: 4pt 2pt 4pt 0;
  color: #FDA; background-color: #E40;
  text-decoration: none; 
}
#menubox a span
{ font-family: "Lucida Console", "Andale Mono", monospace;
  color: #DB8;
  font-size: 11pt;
  text-shadow: 1pt 0 0 black;
}

/*  Inne  */
.cytat
{ margin: 0; padding: 4pt 2pt; 
  color: ivory;
  font-size: 9pt; font-weight: normal;
  line-height: 1.28; text-align: left;
}

.piszbox
{ margin: 0; padding: 4pt 0;
}
.piszbox span
{ color: #F75; background-color: black;
  font-size: 10pt; font-weight: 400;
  text-decoration: none;
}

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

@media (max-device-width: 500pt)
{ body { max-width: 500pt; }
}
@media (max-device-width: 440pt)
{ body { max-width: 440pt; }
}
@media (max-device-width: 390pt)
{ body { max-width: 390pt; }
}
@media (max-device-width: 340pt)
{ body { max-width: 340pt; }
}

@media (max-width: 500pt)
{ body { max-width: 500pt; }

 td.pokgraf
 { width: 270px;
 }
 td.pokgraf img:nth-of-type(2)
 { display: none;
 }
 td.pokco p
 { font-size: 1.32rem;
 }
 td.pokco h1
 { font-size: 2.32rem;
 }

}

@media (max-width: 440pt)
{

 html, body
 { font-size: 10pt;
 }
 body { max-width: 440pt; }

 td.pokgraf
 { width: 200px;
 }
 td.pokgraf img:nth-of-type(1)
 { width: 195px; height: 45px;
 }
 td.pokco p
 { border: 2.2pt solid #777; border-bottom-width: 0;
   padding: 0 0 0 10pt;
   font-size: 1.22rem;
   letter-spacing: 2pt;
 }
 td.pokco h1
 { margin: 0; padding: 1pt 1pt 4pt 10pt;
   font-size: 2.11rem;
 }

 div.kontener
 { padding: 0 2pt;
 }

 div.lewybox
 { width: 96pt;
 }

 #menubox, .menubox
 { font-size: 11pt;
   line-height: 12pt;
 }
 #menubox h2
 { border: 2pt solid peru;
   font-size: 15pt;
 }
 #menubox a
 { padding: 4pt 0 4pt 2pt;
 }

 .cytat
 { font-size: 8pt;
 }

}

@media (max-width: 340pt)
{

 html, body
 { font-size: 9.2pt;
 }
 body { max-width: 340pt; }

 td.pokgraf
 { width: 96px;
 }
 td.pokgraf img:nth-of-type(1)
 { display: none;
 }
 td.pokgraf img:nth-of-type(2)
 { display: inline;
 }
 td.pokco p
 { padding: 0 0 0 6pt;
   font-size: 1.2rem;
   letter-spacing: 2pt;
 }
 td.pokco h1
 { padding: 1pt 1pt 4pt 6pt;
   font-size: 1.8rem;
   letter-spacing: 0.1ex;
 }

 div.kontener
 { padding: 0 0.8pt;
 }

 div.lewybox
 { float: none; width: auto;
   display: block;
   margin-bottom: 2pt;
   Xtext-align: left;
 }

 #menubox, .menubox
 { border-bottom: 2.4pt solid #D00;
   padding: 1pt;
   background-color: #A22;
   text-align: center;
   font-size: 9pt;
   line-height: 11pt;
 }
 #menubox h2
 { display: none;
 }
 #menubox a
 { display: inline-block;
   margin: 0; padding: 3pt 0 3pt 2pt;
   border-bottom-width: 0;
   text-shadow: 1.4pt 1.4pt 0 maroon;
 }
 #menubox a:hover, #menubox a:active
 { border-bottom-width: 0;
   padding: 3pt 2pt 3pt 0;
 }
 #menubox a span
 { font-size: 9pt;
 }

 .cytat
 { font-size: 7.3pt;
 }

}

/*  The End  */