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

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

html, body {
  height:100%;
	width:100%;
  margin:0px;
  border:0px;
  padding:0px;
  /* --- */
  background-color: #3F6D3E;
  font-size:12px;
  color:black;
  font-family:tahoma;
  text-align:left;
  margin-left:0px;
  line-height:18px;
}

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

#rama_tresci {
	width:1040px;
  margin:0 auto;
	margin-top:170px;
  /* --- */
}

#srodek {
  float:right;
  /* --- */
  margin-left:-705px;
  margin-top:160px;
	width:500px;
  padding-top:0px;
  margin-right:270px; /* to działa w ff,o */
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  background:#FEFEFE url(../grafiki/div_srodek_tlo.gif);
  background-repeat:repeat-y;
}

DIV.srodek_gora {
  width:500px;
  height:10px;
  background-image:url(../grafiki/div_srodek_gora.gif);
}

DIV.srodek_dol {
  width:500px;
  height:10px;
  background-image:url(../grafiki/div_srodek_dol.gif);  
}

#lewy {
  display:table-cell;
  float:left;
  /* --- */
  width:230px;
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  margin-left:25px;
  background:#EFEFDB url(../grafiki/div_bok_tlo.gif);  
}

#prawy {
	display:table-cell;
  float:right;
  /* --- */
  width:230px;
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  margin-right:-40px;
  background:#EFEFDB url(../grafiki/div_bok_tlo.gif);  
}

DIV.bok_gora {
  width:230px;
  height:10px;
  background-image:url(../grafiki/div_bok_gora.gif);
}

DIV.bok_dol {
  width:230px;
  height:10px;
  background-image:url(../grafiki/div_bok_dol.gif);  
}

/* --- stopka --- */

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

#stopka {
  height:30px;
  margin:0 auto;
  /* --- */
  width:1040px;
  height:65px;
  padding-top:15px;
  font-size:22px; font-weight: normal; text-decoration:none; font-family: arial;
  background-color:#D5E4F7;  
  color:#E0ECDF;
  background-color:#346431;
  border-top:1px solid #749673;
  border-bottom:1px solid #749673;
  text-align:center;
}

A.stopka {
  font-size:22px; font-weight: normal; text-decoration:none; font-family: arial;
  color:#EEEBB6;
  font-weight:normal;
  line-height:35px;
}

/* --- naglowek --- */

#rama_naglowka {
  height:135px;
	width:100%;
  position:absolute;
  top:0px;
  padding-top:5px;
  background: #F0F0F0 url(../grafiki/naglowek_rama.gif);  
	background-repeat:repeat-x;
}

#naglowek {
  margin:0 auto;
  clear:both;
  /* --- */
  width:1040px;
  height:135px;
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  background: #F0F0F0 url(../grafiki/naglowek.gif);  
	background-repeat:no-repeat;
}

#naglowek_tytul {
  margin-top:126px;
  text-align:left;
  padding-left:6px;
  letter-spacing:2px;
  font-size:14px; font-weight: bold; text-decoration:none; font-family: tahoma;
}

#naglowek_podtytul {
  display:none;
}

#menu_portalu {
  margin:0 auto;
  margin-top:-50px;
  /* --- */
  width:878px;
  height:23px;
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  color:white;
  border:1px solid #2F5695;
}

#menu_spolecznosci {
  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:white;
  background: #3B9414 url(../grafiki/menu_belka_zielone.gif);
  border:1px solid #144A05;
}

/* --- naglowek --- */

#rama_banerkow {
	background-color:yellow;
	width:100%;
  height:0px;
  position:absolute;
  visibility:hidden;
  /* --- */
  top:150px;
}

#banerki {
  margin:0 auto;
  margin-top:-31px;
  clear:both;
  text-align:center;
  visibility:visible;
  /* --- */
  width:1040px;
  height:1px;
 	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
}

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

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

TD.siatka {
  text-align:center;
}

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.komunikat, DIV.par {
  font-size:12px;
  color:black;
  font-family:tahoma;
  text-align:left;
  margin-left:30px;
  padding:10px;
  line-height:18px;
  height:auto;
}

P, DIV.art, DIV.par  {
  font-size:12px;
  font-family:tahoma;
  color:#222222;  
  margin-top:0px;
  margin-bottom:0px;
  line-height:14px;
}

DIV.art, DIV.par {
  margin-top:10px;
  overflow:auto;
}

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

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:696px;
	padding-right:10px;
	padding-top:2px;
	left:0px;
	top:10px;
	margin-bottom:10px;
}

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

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 {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
}

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

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


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 #bbbbbb;
}

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 {
  font-size:12px;
  color:black;
  font-family:tahoma;
  
  padding: 0px;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;

  margin-bottom:10px;
	overflow: hidden;
	width:230px;
  border:none;
}

A {
  color:#FFA200;
  text-decoration:none;
}

A, A.m1, A.m2, A.m3, A.m4, A.m5, bialy, maly {
  font-size:16px;
  font-weight: normal;
  text-decoration:none;
  font-family: arial;
  color:#003EAA;
}

A.menu {
  color:white;
}

A.m1, A.m2, A.m3, A.m4, A.m5, bialy {
  color:#708084;
}


A.admin {
  color:#cccccc;
	font-weight: normal;
	font-size:10px;
  padding-left:40px;
}

A:active  {color:#E71212;}

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

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

A.ma      {font-weight: bold; color:#634731; font-size:18px;}
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;
}



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;
  padding-bottom:5px;
}

LI.m1 {
  background-image:none;
  padding-left:8px;
  padding-top:8px;
  margin-right:1px;
  margin-left:1px;
  text-align:center;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #E1D7D0;
}


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

#linia LI {
  display:inline;
  margin:0;
  padding:0;
  padding-left:10px;
  padding-right:10px;
  background-image: none;
}

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

H1 {
  font-size:24px;
  line-height:1.2;
  color:#614631;
  font-family:verdana;
  font-weight:bold;
  text-align:left;

  padding: 0px;
  margin:0px;
  margin-top:10px;
  margin-bottom:15px;
  padding-left:20px;
}

H2 {
  font-size:22px;
  line-height:1.2;
  color:black;
  font-family:verdana;
  font-weight:normal;
  text-align:left;

  padding: 0px;
  margin:0px;
  margin-top:20px;
  margin-bottom:-15px;
  padding-left:20px;  
}

H3 {
  height:35px;
  font-size:14px; font-weight: bold; text-decoration:none; font-family: arial;
  color:white;
  padding: 4px;
  padding-top: 15px;
  padding-bottom: 2px;
  padding-left:8px;
  margin:0px;
  text-align:center;
}

H3.lewe {
 background-image: url(../grafiki/menu_lewe.gif);
 background-position:1px 0px;
 background-repeat:no-repeat;
}

H3.prawe {
 background-image: url(../grafiki/menu_prawe.gif);
 background-position:1px 0px;
 background-repeat:no-repeat;
}

H4 {
  font-size:14px;
  line-height:1.2;
  font-family:arial;
  font-weight:bold;
  font-style: italic;
  padding:5px;
  padding-top:0px;
  padding-bottom:0px;
  margin:0px;
  text-align:right;
  color:black;
}

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


TD {
  font-size:12px;
}


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-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#BDC9D9;
  height:18px;

  color:black;
  font-family: arial;
  font-size: 12px;
  font-weight:normal;
  
  padding:0px;
  width:100px;
  margin:0px;
  margin-right:0px;
  background-color:white;
  vertical-align:middle;
}

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

TEXTAREA {
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#BDC9D9;
  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:#BDC9D9;
  height:24px;
 
  color:black;
  font-family: arial;
  font-size: 12px;
  font-weight:bold;
  
  padding:0px;
  width:100px;
  margin:0px;

  background-color:white;
}

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:#BDC9D9;

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

LI.ico {
  background-image:none;
  margin-left:6px;
  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;
}