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

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

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

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

#rama_tresci {
	width:800px;
  margin:0 auto;
	margin-top:1px;
  padding-top:282px;
  /* --- */
}

#srodek {
  float:right;
  /* --- */
  margin-left:-585px;
	width:590px;
  
  margin-right:0px; /* to działa w ff,o */
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
	line-height:18px;
  border:1px solid #3E70A5;
  padding:5px;
  background-color:white;
}

#lewy {
  display:table-cell;
  /* float:left; */
  /* --- */
  width:180px;
  font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
  border:1px solid #3E70A5;
  padding:5px;
  background-color:#FFFFFF;
}

/* --- stopka --- */

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

#stopka {
  height:30px;
  margin:0 auto;
  /* --- */
  width:790px;
  height:22px;
  padding:2px;
  padding-top:4px;
  padding-left:5px;
  padding-right:5px;
	font-size:12px; 
  font-weight: bold; 
  text-decoration:none; 
  font-family: arial;
  background: #96CAFA url(../grafiki/h2_tlo.jpg);
  background-repeat:repeat-y;
  border:1px solid #3E70A5;
  color:white;
}

/* --- naglowek --- */

#rama_naglowka {
	width:100%;
  position:absolute;
  top:0px;
  padding-top:5px;
  clear:both;
}

#naglowek {
  margin:0 auto;
  clear:both;
  /* --- */
  width:800px;
  height:280px;
  
  font-size:30px;
	font-weight:bold;
	font-family:arial;
	color:#ffffff;
	
	background: url(../grafiki/top.jpg);
	background-repeat:no-repeat;
}


/* --- naglowek --- */

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

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

DIV.art {
  text-align:left;
  margin-left:0px;
	padding:5px;
	border:0px solid #3E70A5;
	background-color:#ffffff;
	width:580px;
  
  font-size:12px;
  color:#222222;
  font-family:tahoma;
  line-height: 20px;
}

P {
  margin-top:0px;
  margin-bottom:0px; 
  
  font-size:12px;
  color:#222222;
  font-family:tahoma;
  line-height: 20px;
}

DIV.par {
  font-size:12px;
  color:#222222;
  font-family:tahoma;
	font-weight:normal;
  width:530px;
  border-style:solid;
  border-width:0px;
  BORDER-color:#999900;
  margin-top:10px;
  text-align:left;
  padding:5px;
  line-height: 140%;
}

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;
  border:1px solid #DDDDDD;
}

DIV.foto_prawo {
  float:right;
  margin-left:10px;
  margin-bottom:5px;
  border:1px solid #DDDDDD;
}

DIV.foto_srodek {
  text-align:center;
  margin-top:5px;
  margin-bottom:5px;
  border:1px solid #DDDDDD;
}

DIV.podpis {
  font-size:10px;
  color:black;
  font-family:tahoma;
  text-align:left;

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

DIV.panel {
  font-size:12px;
  color:black;
  font-family:tahoma;

  BORDER-STYLE: solid;
  BORDER-WIDTH: 0px;
  BORDER-color:#999900;
  border-width:0px;

  padding: 0px;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;

  margin-bottom:10px;
}


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

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

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

A:active  {color:#999900;}

/* ma = aktywny w menu */
A.ma {
	font-weight:bold;
  color:#b1b100;
}

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

A.przypis {
  color:#D06308;
}

A.przypisy {
  color:#D06308;
}

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

UL {
  margin:0px;
	margin-top:5px;
	margin-bottom:5px;
  border:0px;
  padding:0px;
}


LI, LI.m1, LI.m2, LI.m3, LI.m4, LI.m5, LI.ma
{
  list-style-type: none;
  text-indent: 0px;
  background-image: url(../grafiki/lista.gif);
  background-repeat: no-repeat;
  background-position: 2px 6px;
  margin:0px;
  margin-bottom:8px;
  margin-top:1px;
  
  padding:0px;
  padding-left:15px;

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


LI.m1 {
  background-image: url(../grafiki/lista.gif);
  background-position: 2px 13px;
  padding-left:14px;
  BORDER-top-WIDTH: 1px;
  padding-top:8px;
  margin-right:14px;
}


#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; font-weight:normal;}

H1 {
	font-size:24px;
  color:#666666;
  font-family:tahoma;
  font-weight:bold;
  text-align:left;

  padding: 0px;
	padding-bottom:5px;
	
  margin:0px;
  margin-top:0px;
  margin-bottom:5px;
	
	border-bottom:1px solid #3F71A6;
}

H2 {
	font-size:20px;
  color:#666666;
  font-family:tahoma;
  font-weight:bold;
  text-align:left;

  padding: 0px;

  margin:0px;
  margin-top:0px;
  margin-bottom:5px;

}

H3 {
	font-size:18px;
  color:white;
  font-family:tahoma;
  font-weight:bold;
  text-align:left;

  padding: 2px;
	padding-left:5px;
	
  margin:0px;
  margin-top:0px;
  margin-bottom:0px;
	
	background: #96CAFA url(../grafiki/h2_tlo.jpg);
	background-position: top left;
	background-repeat:repeat-y;	
}

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

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


TD {
  font-size:12px;
  color:black;
  font-family:tahoma;
  border-color:#999900;
  border-style:solid;
  border-width:0px;
}


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

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:#000000;
  border-style:solid;
  border-width:0px;
  border-top-width:1px;
	height:1px;
}


INPUT {
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#C0C3A6;
  height:18px;

  color:black;
  font-family: arial;
  font-size: 12px;
  padding:0px;
  padding-top:2px;
  width:100px;
  margin:0px;
  margin-right:0px;
  background-color:#EAEDCE;
  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:#C0C3A6;
  font-family: arial;
  font-size: 12px;
  padding:0px;
  margin:0px;
  background-color:#EAEDCE;
}

BUTTON {
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:white;
  height:20px;

  color:#999900;
  font-family: tahoma;
  font-size: 12px;
  font-weight:bold;
  padding:0px;
  width:100px;
  margin:0px;

  background-color:white;
}


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

IMG.fotka {
  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#dddddd;
  margin-left:10px;
	margin-bottom:10px;
	float:right;
}