/* ------------ elementy konstrukcyjne --------------- */

/* --- nośnik struktury --- */

html, body {
  height:100%;
	width:100%;
  margin:0;
  border:0;
  padding:0;
  /* --- */
  font-size:12px;
  color:black;
  font-family:tahoma;
  text-align:left;
  margin-left:0px;
  line-height:18px;
  background:#EBEBEB url(../grafiki/tlo.gif);  
  background-repeat:repeat-y;  
  background-position:top center;
}

/* --- treść (lewe, srodek, prawe) -- */

#rama_tresci {
	width:880px;
  margin:0 auto;
	padding-top:235px;
  /* --- */
}

#srodek {
  float:left;
  /* --- */
	width:565px;
  padding-top:0px;
  margin-right:12px; /* to działa w ff,o */
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  border:none;
}

#lewy {
  display:table-cell;
  float:left;
  /* --- */
  width:300px;
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
}

#prawy {
	display:table-cell;
  /* --- */
  width:300px;
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
}

/* --- stopka --- */

#rama_stopki, #rama_stopki_profil  {
	width:100%;
  padding-top:10px;
  padding-bottom:10px;
  clear:both;
}

#stopka {
  margin:0 auto;
  /* --- */
  width:878px;
  height:35px;
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  border:1px solid #A70505;
  background-color:#A70505;
  color:white;
}

A.stopka   {
  color:white;
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
}

#menu_dolne {
  margin:0 auto;
  /* --- */
  width:878px;
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  border:none;
  border-left:1px solid #AD3D3D;
  border-right:1px solid #AD3D3D;
}

#menu_dolne_ramka_gora {
  margin:0 auto;
  /* --- */
  background-image:url(../grafiki/menu_dolne_ramka_gora.gif);  
  background-repeat:no-repeat;
  width:880px;
  height:4px;
  line-height:4px;
}


#menu_dolne_ramka_dol {
  margin:0 auto;
  /* --- */  
  background-image: url(../grafiki/menu_dolne_ramka_dol.gif);  
  background-repeat:no-repeat;
  width:880px;
  height:4px;
  line-height:4px;
  margin-bottom:12px;  
}

TD.menu_dolne_kolumna_lewa {
  width:80px;
  text-align:right;
  padding-left:6px;
  padding-right:10px;
}

TD.menu_dolne_kolumna_prawa {
  padding-right:6px;
}

A.menu_dolne_subdomena {
  font-size:12px; font-weight:bold; text-decoration:none; font-family: tahoma;
}

A.menu_dolne_dzial {
  font-size:12px; font-weight:normal; text-decoration:none; font-family: tahoma;
}

/* --- naglowek --- */

#rama_naglowka, #rama_naglowka_profil {
	width:100%;
  position:absolute;
  top:0px;
  padding-top:10px;
}

#naglowek {
  margin:0 auto;
  clear:both;
  /* --- */
  width:880px;
  height:60px;
  margin-bottom:6px;
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  border:1px solid #A70505;
  background-color:#A70505;
  background-image:url(../grafiki/naglowek.gif);  
  background-repeat:no-repeat;    
  
}

#baner_naglowkowy {
  margin:0 auto;
  clear:both;
  /* --- */
  width:720px;
  height:90px;
  margin-bottom:6px;
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  background-color:white;
}

#baner_gorny {
  clear:both;
  /* --- */
  margin-top:10px;
  margin-bottom:0px;  
  padding-left:48px;
}

#baner_srodkowy{
  clear:both;
  /* --- */
  margin-top:5px;
  margin-bottom:5px;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:114px;
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  border:1px dotted #888888;
  border-left:none;
  border-right:none;
}

#podtytul_portalu {
  margin-top:97px;
  margin-left:114px;
}

A.podtytul {
  color:black;
  font-weight:normal;
}

#naglowek_prawe {
  width:300px;
  text-align:center;
  color:#8698B4;
}


#menu_gorne  {
  margin:0 auto;
  clear:both;
  /* --- */
  width:880px;
  /* height:46px; */
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  color:white;
  background-color:#E7E7E7;
  border:none;
}

DIV.menu_gorne_subdomeny{
  border:none;
  background:#861313 url(../grafiki/menu_gorne_subdomeny.gif);  
  background-repeat:no-repeat;  
  height:25px;
  overflow:hidden;
}

DIV.menu_gorne_kategorie {
  border:none;
  background:#E9E9E9 url(../grafiki/menu_gorne_kategorie.gif);  
  background-repeat:no-repeat;  
  height:25px;
}

#menu_okruszkowe {
  margin:0 auto;
  clear:both;
  /* --- */
  width:878px;
  height:23px;
  margin-top:4px;
  font-size:12px; font-weight:normal; text-decoration:none; font-family: arial;
  color:#444444;
  border:1px solid white;
  overflow:hidden;
}

DIV#menu_okruszkowe A {
  color:#444444;
}

A.m_subdomen  {
  color:white;
  font-size:14px;  
  padding-top:3px;
  padding-bottom:8px;
  padding-left:15px;
  padding-right:15px;
  background:#CA1515 url(../grafiki/menu_gorne_wybrane.gif); 
}

A.m_subdomen_a {
  color:white;
  font-size:14px;
  padding-top:3px;
  padding-bottom:8px;
  padding-left:15px;
  padding-right:15px;
  background:#861313 url(../grafiki/menu_gorne_zwykle.gif);
}

A.m_kategorii_a , A.m_kategorii {
  color:#870000;
  padding:4px;
  padding-left:9px;
  padding-right:9px;
}

A.m_kategorii_a{
  color:#DA1616;
}

A.m_dzialow {
  color:#FAD43B;
}

A.m_dzialow_a {
  color:white;
}

/* --- naglowek --- */

/* ------------ elementy menu rozwijanego --------------- */

#menu_belka,#menu_klatki,#menu_pod_klatki {
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  position:absolute;
  width:870px;
  left:-435px;
  top:5px;
  vertical-align:top;
  text-align:left;
}

#menu_belka {
}

#menu_klatki {
  background-color:red;
  height:0px;
  top:30px;
}

#menu_pod_klatki {
  visibility:hidden;
  height:100%;
}

DIV.menu_guzik {
  border: 1px solid #829DDB;
	border-collapse:collapse;
  background-color:#E6EFFF; 
	text-align:left;
	padding:4px;
	float:left;
	margin-bottom:1px;
	margin-right:1px;
}

DIV.menu_klatka {
  border: 1px solid #829DDB;
  background-color:#F9F9F9; 
	text-align:left;
	position:absolute;
	top:200px; left:0px;
	visibility:hidden;
	padding:4px;
}

LI.mr1      {margin-left:-10px;}
LI.mr2      {margin-left:-10px;}
LI.mr3      {margin-left:0px;}
LI.mr4      {margin-left:10px;}
LI.mr5      {margin-left:20px;}

/* ------------ elementy tre¶ci --------------- */

DIV.lista_podstron {
  margin-top:18px;
  text-align:center;
}

SPAN.jedna_podstrona {
  border:1px solid #A70505;
  padding:5px;
  padding-top:6px;
  padding-bottom:6px;
  margin-right:10px;
}

/* --- kalendarium --- */
TABLE.kal_tabela {
  width:100%;
  border:1px solid #829DDB;
  background: url(../grafiki/kalendarium_tlo.jpg);
  }

TD.kal_lewa {
  padding:0px; 
  padding-left:2px;
  padding-bottom:2px;
  width:238px; 
  vertical-align:top;
}

TD.kal_prawa {
  padding:0px; 
  padding-right:2px;
  padding-bottom:2px;
  vertical-align:top;

}

div.kalendarium_ramka {
  background-color:#eeeeee;
  padding:4px;
  margin-top:2px; 
  width:238px;
}

div.kalendarium_ramki{
  background-color:white;
}

div.kalendarium_opis {
  padding:4px;
  margin-top:2px; 
  width:248px;
  visibility:hidden;
  background-color:#FCE691;
  background: url(../grafiki/kalendarium_ramka_tlo.jpg);
}

div.kalendarium_byle {
  padding:4px;
  padding-top:8px;
}

/* --- /kalendarium --- */


DIV.art, DIV.art_po, DIV.komunikat{
  border:none;
  font-size:12px;
  color:#222222;
  font-family:tahoma;
  text-align:left;
  margin-left:0px;
  padding:0px;
  line-height:18px;
  height:auto;  
}


P, DIV.art  {
  font-size:12px;
  font-family:tahoma;
  margin-top:0px;
  margin-bottom:0px;
  line-height:18px;
}

DIV.art, DIV.art_po {
  margin-top:10px;
  overflow:hidden;
  width:565px;
  color:#222222;  
}


DIV.art_po {
  margin-top:20px;
  background-color:white;
  border-top:1px dotted #888888;
  border-bottom:1px dotted #888888;
  width:545px;
  padding:3px;
  padding-right:10px;
  padding-left:10px;
}

DIV.art_przed {
  width:565px;
  border:#BDC9D9 1px solid;
  margin-top:30px;  
}

DIV.indeks {
  border: 1px solid rgb(238, 238, 238); 
  padding: 4px; 
  margin-left:10px;
  margin-bottom:10px;
}

DIV.komentuj {
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
	background: url(../grafiki/stopka.gif);
	background-repeat:repeat-x;
	position:relative;
	text-align:right;
	height:30px;
	width:510px;
	padding-right:10px;
	padding-top:2px;
	left:0px;
	top:10px;
	margin-bottom:10px;
}

DIV.komunikat {
  background-color:#FDFFCD;
  
}

DIV.par {
  font-size:12px;
  color:#222222;
  background-color:#F9F9F9;
  font-family:tahoma;
  width:510px;
  border-style:solid;
  border-width:1px;
  BORDER-color:#829DDB;
  margin-top:10px;
  text-align:left;
  padding:5px;
  line-height: 140%;
}

DIV.lista_artow {
  clear:both;
  border:none;
  border-bottom:1px dotted #888888;
  padding-top:10px;
  font-size:12px;
  font-family:arial;
}

DIV.lista_czytaj {
  text-align:right;
  padding-right:10px;
  margin-bottom:5px;
}

DIV.lamak {
  clear:both;
  height:1px;
  font-size:1px;
  line-height:1px;
}

A.lista_kategoria{
  font-size:12px;
  color:#444444;
  font-weight:bold;
  text-decoration:none;
  font-family: tahoma;
}

A.lista_tytul {
  font-size:12px;
  color:#870000;
  font-weight:bold;
  text-decoration:none;
  font-family: tahoma;
}

DIV.foto_lista{
  clear:both;
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

DIV.foto {
  font-size:10px;
  color:black;
  font-family:tahoma;
  text-align:left;
	vertical-align:top;
  margin-bottom:5px;
  
  BORDER-STYLE: none;
  BORDER-WIDTH: 1px;
  BORDER-color:#BDC9D9;
}


DIV.foto_lewo, IMG.foto_lewo {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
}

DIV.foto_prawo , IMG.foto_prawo {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
}

DIV.foto_srodek {
  text-align:center;
  margin-top:5px;
  margin-bottom:5px;
}

IMG.foto_srodek {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

DIV.slajd_klatka {
  margin-top:1px;
  margin-bottom:1px;
  width:300px;
  height:175px;
}

DIV.slajd_tytul{
  height:23px;
  background-color:#A70505;  
  color:white;  
  overflow:hidden;  
  font-size:12px;
  font-weight:bold;  
  padding-left:8px;
  padding-top:4px;  
}

DIV.awatar {
  width:80px;
  height:80px;
  font-size:10px;
  color:black;
  font-family:tahoma;
  text-align:left;
	vertical-align:top;
  padding:1px;  
  border: solid 1px #D9D9D9;
}

DIV.podpis {
  font-size:10px;
  line-height:12px;
  color:black;
  font-family:arial;
  text-align:left;

  padding:2px;
  margin:auto;
  margin-top:2px;
  
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#BDC9D9;
}

DIV.komentarz {
  font-size:12px;
  color:black;
  background-color:#FdFdFd;
  font-family:arial;
  text-align:left;

  padding:4px;
  margin-top:2px;
  margin-bottom:5px;
	
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#BDC9D9;
}

DIV.panel, DIV.panel_srodek {
  font-size:12px;
  color:black;
  font-family:tahoma;
  
  border:1px solid #CCCCCC;
  border-top:none;
  
  padding: 5px;
  text-align:left;

  margin-bottom:10px;
	overflow: hidden;
}

DIV.panel {
	width:288px;
}

DIV.panel_srodek {
}

/* --- komentarze -- */

TABLE.komentarz {
  margin-top:10px;
  width:100%;
  border:1px dotted #888888;
  border-left:none;
  border-right:none;
}

TD.kom_nr {
  width:110px;
  text-align:left;
  background-color:#F7F7F7;
  padding-left:6px;
  color:#222222;
}

TD.kom_data {
  text-align:right;
  background-color:#F7F7F7;  
  padding-right:6px;
  color:#222222;  
}

TD.awatar {
  text-align:center;
  overflow:hidden;
  color:#222222;
  padding-top:6px;
}

IMG.awatar {
  width:100px;
  border: solid 1px #F1F1F1;  
}

TD.wpis {
  padding:6px;
  color:#222222;
  vertical-align:top;
}

/* ---/ komentarze -- */

A, A.m1, A.m2, A.m3, A.m4, A.m5, bialy, maly {
  font-size:12px;
  color:#870000;
  font-weight:bold;
  text-decoration:none;
  font-family: tahoma;
}

A.admin, DIV.admin, TD.admin {
  color:#999999;
	font-weight: normal;
	font-size:10px;
}

A, A.m1, bialy, maly  {
 font-weight: bold;
}

A.ma      {font-weight: bold; color:#D06308;}
A.m0      {font-weight: bold;}
A.m1      {font-weight: bold;}
A.m2      {font-weight: normal;}

A.mr1, A.mr2, A.mr3, A.mr4, A.mr5 {
  font-size:12px;
  color:#627DbB;
  font-weight: normal;
  text-decoration:none;
  font-family: tahoma;
}


A.maly {
  font-size:10px;
  color:black;
  font-weight:normal;
}


OL {
  margin-left:0px;
  padding-left:30px;
}

LI.nr, LI.abc_male, LI.abc_duze, LI.rzym _male, LI.rzym_duze {
  background-image:none;
  margin-left:0px;
  padding-left:0px;
}


LI.nr {list-style-type:decimal;}
LI.abc_male {list-style-type:lower-alpha;}
LI.abc_duze {list-style-type:upper-alpha;}
LI.rzym_male {list-style-type:lower-roman;}
LI.rzym_duze {list-style-type:upper-roman;}

UL {
  margin:0px;
  border:0px;
  padding:0px;
}

LI, LI.m1, LI.m2, LI.m3, LI.m4, LI.m5, LI.ma {
  background-image: url(../g/b2.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;

  list-style-type:none;
  text-indent: 0px;
  margin:0px;
  margin-bottom:1px;
  margin-top:1px;
  
  padding:0px;
  padding-left:15px;

  BORDER-STYLE: solid;
  BORDER-WIDTH: 0px;
  BORDER-color:#F3F3F3;
  line-height:1.4;
}

LI.m1 {
  background-image: url(../g/b.gif);
  background-position: 0px 11px;
  padding-left:14px;
  BORDER-top-WIDTH: 1px;
  padding-top:8px;
  margin-right:14px;
}


#linia UL {
  margin:0;
  padding:0;
  list-style:none;
}

LI.linia {
  display:inline;
  margin:0px;
  padding:0px;
  background-image: none;
}


.komentaz     {font-size:12px; color:#333333;   font-family:arial;}
.opis         {font-size:14px; color:black; font-family:arial;}

H1 {
  font-size:22px;
  line-height:22px;
  color:#444444;
  font-family:Book Antiqua,Times New Roman,Times,Serif;
  font-weight:bold;
  text-align:left;

  padding: 0px;
  margin:0px;
  margin-top:14px;
  margin-top:0px;
  margin-bottom:15px;
}

H2 {
  font-size:22px;
  line-height:22px;
  color:navy;
  font-family:verdana;
  font-weight:bold;
  text-align:left;

  padding: 0px;
  margin:0px;
  margin-top:20px;
}

H3, H3.boczne {
  font-size:14px;
  line-height:14px;
  color:#ffffff;
  font-family:verdana;
  font-weight:bold;
  text-align:left;
  min-height:21px;
  line-height:21px;

  border:none;
  margin:0px;  
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left:8px;
  padding-right:4px;

}

H3 {
  background-image:url(../grafiki/naglowek_h3.gif);
  background-repeat:no-repeat;
  margin-top:20px;
}

H3.boczne {
  background-image:url(../grafiki/naglowek_h3_boczne.gif);
  background-repeat:no-repeat;
  margin-top:10px;
}


H4, DIV.autor  {
  font-size:12px;
  line-height:12px;
  font-family:Arial Black,arial;
  font-weight:normal;
  padding:0px;
  margin:0px;
  margin-top:10px;
  margin-bottom:10px;
  text-align:left;
  color:#D0D0D0;
}



#guzik_okno_szerokosc, #guzik_strona_przewijanie {
  width:24px;
  height:24px;
  float:right; 
  margin-top:-2px; 
  margin-left:5px;
  margin-right:-4px;
}

#guzik_okno_szerokosc  {
  background: url(../grafiki/okno_maksymalizuj.gif);
}

#guzik_strona_przewijanie {
  background: url(../grafiki/strona_przewijana.gif);
}

FORM {
  padding:0px;
  margin:0px;
  border:0px;
}


TD {
  font-size:12px;
  color:black;
  font-family:tahoma;
}


TD.opis {
 padding:3px;
 vertical-align:top;
 text-align:left;
}

TD.ff ,TD.ee,TD.cc{
  vertical-align:top;
}

TD.ff { background-color:#ffffff;}
TD.ee { background-color:#eeeeee;}
TD.cc { background-color:#cccccc;}

TD.tabela {
  padding-top:5px;
  padding-bottom:5px;
  padding-right:15px;
}

TD.linia {
  font-weight:normal;
  border-bottom-width:1px;
  padding-top:4px;
  padding-bottom:4px;
}

TD.kreska {
  height:8px;
  text-align:left;
  margin:0px;
  padding:0px;
  padding-left:4px;
  border-bottom-width:1px;
  font-size: 10px;
}

HR {
  border-color:#7D96B1;
  border-style:solid;
  border-width:0px;
  border-top-width:1px;
  height:1px;
}


INPUT  {
  border:1px solid #AD3D3D;
  border-color:#CCCCCC !important;  
  background-color:#F7F7F7;  
  font-family: arial;
  font-size: 12px;
  font-weight:normal;
  padding:1px;
  margin:0px;
}

INPUT.biale {
  background-color:white;
}

INPUT.ok {
  width:25px; 
  background: url(../grafiki/przycisk_ok.gif);
  cursor:default;
  height:20px;
}

INPUT.kolko
{
  BORDER-STYLE: none;
  background-color:#ffffff;
  width:20px;
  margin-left:10px;
  
}

TEXTAREA {
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#CCCCCC;
  font-family: arial;
  font-size: 12px;
  padding:0px;
  margin:0px;
  background-color:white;
  background-position: -55px -55px;
}

BUTTON {
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#CCCCCC;
  height:24px;
 
  color:black;
  font-family: arial;
  font-size: 12px;
  font-weight:normal;
  
  padding:0px;
  width:100px;
  margin:0px;

  background-color:#F7F7F7;
}

BUTTON.lewy {
  width:25px;
  height:28px;
  color:black;
  text-align:left;
  padding:2px;
  font-weight:normal;
}

SELECT {
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#CCCCCC;

  color:black;
  font-family: arial;
  font-size: 12px;
  padding:0px;
  margin:0px;
  background-color:white;
}


IMG {
  BORDER-WIDTH:0px;
  BORDER-STYLE:solid;
  vertical-align: middle;
}

IMG.fotka {
  BORDER-STYLE: solid;
  BORDER-WIDTH: 0px;
  BORDER-color:#003561;
  margin:5px;
}



blockquote {
  background:#F8F8F8 url(../grafiki/blockquote_lewe.gif) no-repeat scroll 3px 6px;
  border:1px solid #DDDDDD;
  margin-left:10px;
  margin-right:10px;
  margin-top:0px;
  margin-bottom:0px;
  padding:4px;
  padding-left:36px;
}

/* ------------ elementy menu uzytkownika --------------- */

DIV.uzer_menu  {
  width:170px;
  float:left;
  margin-right:6px;
  margin-bottom:10px;
  border:1px solid #BDC9D9; 
  border-left: 4px solid #8CA7DC;
  padding-bottom:4px;
}

DIV.uzer_panel {
  border:1px solid #BDC9D9; 
  padding-left:5px;
  width:515px;
}

H3.uzer {
  border-width:0px;
  border:1px solid #BDC9D9; 
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  color:black;
  background: none;
  background-color:#D4E3F7;
  padding-left:5px;
  margin-bottom:4px;
}

LI.ico {
  background-image:none;
  margin-left:6px;
  margin-bottom:2px;
  padding-left:0px;
}

DIV.pasek {
  background:#F8F8F8 url(../grafiki/suwak.gif) no-repeat;
  background-repeat:no-repeat;
  background-position:center right;

  position:absolute;
  top:300px;
  width:505px;
  
  padding:0px;
  border:1px solid #BDC9D9; 
  height:25px;
  z-index:100;
}

IMG.pasek {
  margin-left:5px;
}

DIV.chwytak {
  float:right;
  height:100%;
  width:40px;
  cursor:n-resize;
}

INPUT.pasek {
  width:330px;
  padding:2px;
  height:20px;
  margin-right:5px;
  border:0px solid #BDC9D9;
}

TD.pasek {
  border:1px solid #BDC9D9; 
  padding:4px;
}

DIV.marker {
  position:relative;
  height:2px;
  width:2px;
  margin-top:8px;
}

DIV.progres_tlo {
  background-color:#D4E3F7;
  height:10px;
  margin-bottom:4px;
  border:1px solid #BDC9D9; 
}

DIV.progres  {
  background: #3F73C1 url(../grafiki/pasek_progresu.gif);
  height:10px;
}

/* --- poozycje -- */

TABLE.pozycja {
  width:100%;
  border:1px solid #BDC9D9;
  margin-bottom:-1px;
  background-color:#F8F8F8;
  position:relative;
}

/* --- cytat na forum (musi być tutaj z uwagi na edytor --- */
DIV.cytat {
  border:1px solid #DDDDDD;
  border-left:2px solid #244194;
  color:#838383;
  padding:2px;
  padding-left:6px;
  margin-bottom:2px;
  background-color:#FDFDFD;
}

DIV.cytat_naglowek {
  padding-bottom:2px;
  color:black;
  text-decoration:underline;
}

IMG.ikona_zakladki {
  margin-left:5px;
  margin-right:5px;
}

IFRAME {
  border:none;
  background-color:white;
}