/*
* Copyright By @Kosmo 2009
*
*/

body
{
  background-color: #000000;
  padding-top: 10px;
}
/* linki na stronie */
a
{
  color: #111111;
}

a:hover
{
  color: #EEEEEE;
  background-color: #111111;
}
/* uklad strony */
table.glowna
{
  border: none;
  background-color: #f3efa5;
  width: 770px;
  margin-left: auto;
  margin-right: auto;
}

table.glowna td.zakladka
{
  width: 180px;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

table.glowna td.srodek
{
  width: 400px;
  vertical-align: top;
  padding: 0;
  margin: 0;
}

table.glowna td.autorzy
{
  text-align: center;
  padding: 10px 0px 10px 0px;
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
}
/* ? */
table.tresc
{
  width: 400px;
  border: none;
}
/* przekazywana tresc - naglowek */
span.naglowek
{
  width: 100%;
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  padding: 20px 0px 20px 0px;
  clear: both;
}
/* tytul tematu tresci */
span.tytul_wiersz
{
  font-weight: bold;
  padding: 10px 0px 10px 0px;
  display: block;
  width: 100%;
}
/* pojedynczy wiersz przekazywanej tresci */
span.wiersz
{
  width: 100%;
  display: block;
  text-align: justify;
  padding: 5px 0px 5px 0px;
  text-indent: 20px;
}

ul
{
  padding: 0px 0px 0px 20px;
  text-indent: 0px;
  margin: 5px 0px 5px 0px;
}

li
{
  padding: 0;
}
/* linki w menu */
div.linki
{
  margin-left: 10px;
  width: 170px;
}

div.linki a
{
  display: block;
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.linki a:hover
{
  background-color: #000000;
  color: #FFFFFF;
  text-decoration: none;
}
/* dane przekazywane w tabeli */
table.tablica
{
  width: 100%;
  border: 1px solid #000000;
  text-align: center;
}

table.tablica tr.naglowek
{
  background-color: #CCCCCC;
}

table.tablica td
{
  border: 1px solid #000000;
}

table.tablica td.do_prawej
{
  text-align: right;
}
/* zdjecie w artykule */
img.zdjecie
{
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000000;
  display: block;
}
/* cytat na stronie */
span.cytat
{
  font-size: 25px;
  font-family: "Monotype Corsiva",Tahoma,Arial;
  color: #000000;
  padding-top: 30px;
  padding-bottom: 30px;
  display: block;
  width: 100%;
}
/* dane w personelu */
div.image_personel
{
  float: left;
  margin-left: 22px;
  font-size: 14px;
  width: 100px;
  text-align: center;
  height: 210px;
}
/* pracownicy */
div.image_personel img
{
  width: 100px;
  height: 150px;
  border: 1px solid #555555;
}

/* kacja grosik podatek 1% */
div.grosik
{
  display: none;
  border: 1px solid #555555;
  color: #BB0000;
  background-color: #FFDDDD;
  padding: 5px 10px 5px 10px;
  display: none;
  font-size: 13px;
  text-align: center;
  width: 380px;
}
/* galeria */
div.galeria
{
  width: 100%;
  padding: 10px 0px 10px 0px;
  text-align: center;
  font-size: 14px;
  float: left;
}

div.galeria img
{
  width: 300px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #555555;
}

div.galeria_nowa
{
  width: 100px;
  padding: 10px 0px 10px 0px;
  margin: 0px 15px 0px 15px;
  float: left;
}

div.galeria_nowa img.galeria
{
  width: 100px;
  height: 75px;
  border: 1px solid #000000;
  float: left;
}
/* lista nadeslanych piosenek */
table.lista_piosenek
{
  width: 400px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 10px;
}

table.lista_piosenek tr.naglowek
{
  background-color: #336699;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 13px;
}

table.lista_piosenek tr
{
  background-color: #CCEEFF;
  color: #002255;
  font-family: Arial;
  font-size: 13px;
}

table.lista_piosenek tr.parzyste
{
  background-color: #DDFEFF;
  color: #002255;
  font-family: Arial;
  font-size: 13px;
}

form.default
{
  float: left;
}

form.default label
{
  float: left;
  width: 190px;
  display: block;
  clear: both;
  font-size: 13px;
}

form.default input
{
  float: left;
  border: 1px solid #000000;
  font-size: 13px;
}

form.default div
{
  float: left;
  padding-top: 3px;
}


/* ksiega gosci */

span.goscie
{
  width: 100%;
  text-align: center;
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}

form.goscie
{
  float: left;
  width: 300px;
  margin-left: 40px;
}

form.goscie label
{
  clear: both;
  float: left;
  display: block;
  width: 60px;
  margin-top: 5px;
}

form.goscie input,form.goscie textarea
{
  float: left;
  border: 1px solid #555555;
  width: 200px;
  margin-top: 5px;
}

form.goscie input.przycisk
{
  width: 60px;
  height: 20px;
  border: none;
}

div.wpis
{
  width: 100%;
  font-family: Arial;
  font-size: 13px;
  padding-top: 4px;
  padding-bottom: 4px;
}

div.wpis div.przemyslenia
{
  font-style: italic;
  border: 1px solid #555;
}