/* Kaskadowy Arkusz Styli pochodzi ze strony Piotr Bugajski Fotografia

Ostatnia aktualizacja 2015/08 */

body
{ background: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Helvetica, Times New Roman;
	text-align: left;
	color: #999999;
	height: 100%; }

#root
{ text-align: left;
	margin: 0 auto;
	max-width: 100%;
	width: 78em; /* Szerokosc calej strony */ /* 72 em */
  margin: 0em 0em 0em 11em; /* Ustawienie odstepu komponentu od lewej strony */
	padding: 0; }

#header /* Caly naglowek */
{ margin: 3em 0 1em 0; /* Ustawienia pozycji komponentu */
	padding: 1em;
	border-bottom: 1px solid #000000; /* Linia na dole czarna */ }

#header h1 /* Naglowek, tytul glowny */
{ margin: 0;
	padding: 0;
	font-size: 28px;
	font-weight: normal;
	font-variant: small-caps;
	font-family: Helvetica, Times New Roman;
	text-align: center;
	letter-spacing: 4.6px;
	color: #000000; }
	
#header h2 /* Naglowek, podtytul */
{ margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	font-variant: small-caps;
	font-family: Helvetica, Times New Roman;
	text-align: center;
	letter-spacing: 4.6px;
	color: #000000; }

#header h3 /* Menu gorne */
{ margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Trebuchet MS, sansserif;	
	font-variant: small-caps;
	text-align: center;
  color: #999999; }
		
#content /* Glowny komponent, tu jest zawartosc */
{ height:640px; overflow:auto; /* Ustawienie komponentu aby mial okreslona wysokosc i pasek boczny */
  margin: 0 2em 1em 2em;
	padding: 0 1em 0 0; /* Przesuniecie komponentu aby byl odsep od paska */ 
  line-height: 140%; }

#flashContent /* Komponent wyswietlanjacy fotografie w galeriach */
{ height:610px; 
  /* Ustawienie wysokosci aby po poszerzeniu calego #content ten komponet pozostal w takiej wielkosci jak byl 
  i zostalo na dole wolne pole bez zmiany wielkosci komponentu wyswietlajacego fotografie */ }

#info /* Napis INFO */
{ float: left;
  margin: 0.5em 0 0.5em 3em;
  width: 12em;
  font-size: 10.5px;
  font-variant: small-caps;
  font-family: Trebuchet MS, sansserif;
  letter-spacing: 3px; }

#galeria /* Napis GALERIA */
{ margin: 0.5em 0.5em 0 16em;
  font-size: 10.5px;
	font-variant: small-caps;
	font-family: Trebuchet MS, sansserif;
  letter-spacing: 3px; }

#InfoTekst /* Tekst w INFO */
{ font-size: 12px; 
  margin: 3em 0 0 0; }

#footer /* Stopka calej strony, caly komponent */
{ clear: both;
	margin: 0;
	padding: 1em;
	text-align: center;
	color: #999999;
	border-top: 1px solid #000000; /* Gorna linia w stopce czarna */ }

#footer p /* Stopka, pole pod tekstem */
{ margin: 0;
	padding: 0; }
	
a:link, a:visited /* WAZNE Linki na calej stronie oraz linki odwiedzone */
{ color: #999999;
	text-decoration: none; }
	
a:active, a:hover /* WAZNE Linki podswietlone na calej stronie */
{ color: #5e5e5e; }		

#header_ciala /* Caly naglowek w CIALA OBCE */
{ margin: 1em 0 1em 0; /* Ustawienia pozycji komponentu */
	padding: 1em;
	border-bottom: 0px solid #000000; /* Linia na dole czarna w tym komponencie nie jest potrzebna*/ }

#header_ciala h2 /* Naglowek w CIALA OBCE */
{ margin: 0;
	padding: 0;
	font-size: 10.5px;
	font-family: Trebuchet MS, sansserif;	
	font-variant: small-caps;
	letter-spacing: 1.0px;
	text-align: center; }

#ciala_inspiracje table /* Wyrownanie tekstu inspiracji */
{ text-align: justify;
  line-height: 140%; }

#ciala_inspiracje p /* Akapit w tym komponencie */
{ text-indent: 1em; }

#ciala_ciala_tekst_1 /* Strona poczatkowa - Napis 1 */
{ font-size: 14px;
  padding: 0 0 0 5em; /* Odstep od prawej krawedzi */
  letter-spacing: 1px; }
  
#ciala_ciala_tekst_2 /* Strona poczatkowa - Napis 2 */
{ font-size: 10px;
  padding: 0 0 0 10em; /* Odstep od prawej krawedzi */
  letter-spacing: 1px; }

#ciala_ciala_tekst_3 /* Strona poczatkowa - Napis 3 */
{ font-size: 14px;
  padding: 0 0 0 2em; /* Odstep od prawej krawedzi */
  letter-spacing: 1px; }
 
#ciala_ciala_tekst_4/* Strona poczatkowa - Napis 4 */
{ font-size: 9px;
  padding: 0 0 0 8em; /* Odstep od prawej krawedzi */
  letter-spacing: 1px; }

#ciala_ciala_tekst_5 /* Strona poczatkowa - Napis 5 */
{ font-size: 12px;
  padding: 0 0 0 2em; /* Odstep od prawej krawedzi */
  line-height: 1.5em; } /* Odstep pomiedzy wierszami */

#cookies-polityka /* Komunikat o ciastecykach */
{ display: none;
  position: absolute;
  bottom: 0px;
  width: 95%;
  padding: 3em 3em 3em 3em;
  text-align: justify;
  background: #5e5e5e;
  color: #ffffff; }

#cookies-polityka a /* Komunikat o ciastecykach, link */
{ color: #ffffff; }

#name-1 /* Nazwisko na stronie startowej */
{ font-size: 32px;
	font-weight: normal;
	font-variant: small-caps;
	font-family: Helvetica, Times New Roman;
	color: #000000;
  margin: 10em 0em 0em 8em;
  letter-spacing: 3px; }
  
#name-2 /* Napis pod nazwiskiem na stronie startowej */
{ font-size: 15px;
	font-weight: normal;
	font-variant: small-caps;
	font-family: Helvetica, Times New Roman;
	color: #000000;
  margin: -1em 0em 0em 19em;
  letter-spacing: 5px; }

#navigation /* Komponent po lewej stronie z linkami */
{ float: left;
	margin: 1em 0 1em 1em;
	padding: 0;
	width: 12em;
	display: inline;
	font-family: Trebuchet MS, sansserif;
	font-size: 12px;
	font-variant: small-caps; }
	
#navigation-num  /* Komponent po lewej stronie z linkami - wielkosc cyfr */ 
{ font-size: 10.5px; }

#blog /* Zawartosc bloga */
{ height:640px; overflow:auto; /* Ustawienie komponentu aby mial okreslona wysokosc i pasek boczny */
  margin: 0 2em 1em 16em; /* 13 em */
	padding: 0 1em 0 0; /* Przesuniecie komponentu aby byl odsep od paska */
  line-height: 140%; /* Dla tej czcionki musi byc wiekszy odstep pomiedzy wierszami */ }
	
#blog h1 /* Tytul w Archiwum */
{ font-size: 14px;
	font-weight: normal;
	text-align: center;
	font-family: Helvetica, Times New Roman;
	margin: 2em 0 0.5em 0;
	padding: 0; }

#blog-data /* Data */
{ font-size: 11px;
  text-align: center; 
  margin: -0.5em 0 0 0; }

#blog-post /* Ustawienie postow */
{ padding: 0.2em; 
  border-color: #999999; }

#blog ul /* Linki, lista numerowana */
{ list-style-type: none; }

#blog li /* Linki, lista numerowana */
{ list-style-type: none; }
	
table/* Formularz kontaktowy, kolor czcionki taki sam jak wszedzie a wielkosc ta co jest ustawiona */
{ font-size: 100%;
	color: #999999;
	text-align: left;
	font-family: Helvetica, Times New Roman; }
	
hr
{ border-style: inset;
  border-width: 1px;
  width: 50%;
  color: #999999;
  background-color: #999999;;
  height: 1px;
  border: 0px; }
	
#foto a, #foto a:hover /* Komponent z Galeria fotograficzna */
{ color: #000000; }

.fotka /* Styl i pozycja fotki w Galeriach fotograficznych */
{ border: 1px solid #999999;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px; }
	
#no-access /* Poloznie tekstu i linii */
{ margin: 14em 2em 1em 14em; }

#no-access hr /* Linia, aby byla szeroka na caly ekran */
{ width: 100%; }