/* ------------ elementy konstrukcyjne --------------- */
html, body {
  background-color:#ffffff;
  width:100%;
  height:100%;
  border:0px;
  padding:0px;
  text-align:center;
  background: url(grafiki/tlo_02.jpg);
  background-position: top center;
  background-repeat:repeat;

}

body {
  width:900px;
  margin:auto;
}

#rama {
  top:0px;
  padding:0px;
  margin:0px;
  width:0px;
  height:100%;
  position:relative;
  left:450px;
}


#srodek {
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
	line-height:18px;
	position:absolute;
	width:510px;
	left:-260px;
	top:260px;
}

#lewy {
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
	position:absolute;
	width:159px;
  right:275px;
	top:175px;
	margin-bottom:10px;
}

#prawy {
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
	position:absolute;
	width:160px;
  left:275px;
	top:175px;
	margin-bottom:10px;
}


#stopka {
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
	text-align:right;
	
	background-color:#003561;
	BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#C6C8BA;
	
	height:24px;
	width:510px;
	padding-right:10px;
	
	margin-bottom:10px;
	margin-top:10px;
}


#naglowek {
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
	background: url(grafiki/top.jpg);
	background-repeat:no-repeat;
	position:absolute;
	height:140px;
	width:870px;
	left:-435px;
	top:0px;
}

#menu {
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
	background-color:#003561;
	
	position:absolute;
  padding:0px;
  margin:0px;
  vertical-align:middle;
	
	height:25px;
	width:870px;
	left:-435px;
	top:140px;
	
	BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#666666;
}

#banerki {
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
	position:absolute;
	height:60px;
	width:510px;
	left:-255px;
	top:175px;
}

DIV.komentuj {
	font-size:12px; font-weight: normal; text-decoration:none; font-family: arial;
	text-align:right;
	
	background-color:#FDFFFA;
	background: url(grafiki/tlo_03.jpg);
	
	BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#666666;
	
	height:24px;
	width:510px;
	padding-right:10px;
	
	margin-bottom:10px;
	margin-top:10px;
}

/* ------------ 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.art {
  font-size:12px;
  color:black;
  font-family:tahoma;
  text-align:left;
  margin-left:0px;
	
  background: url(grafiki/tlo_03.jpg);
	
  width:100%;
  border-style:solid;
  border-width:1px;
  BORDER-color:#666666;	
	
	padding:5px;
	
}

DIV.par {
  font-size:12px;
  color:#222222;
  font-family:tahoma;
  background: url(grafiki/tlo_03.jpg);
	
  width:510px;
  border-style:solid;
  border-width:1px;
  BORDER-color:#666666;
  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.podpis {
  font-size:10px;
  color:black;
  font-family:tahoma;
  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;
  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;
  background-color:#FDFFFA;
  background: url(grafiki/tlo_03.jpg);
	
  BORDER-STYLE: solid;
  BORDER-WIDTH: 0px;
  BORDER-color:#666666;
  border-width:1px;

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

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


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

A.menu {
	color:#BAD8FF;
}

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

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

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

A:hover   {color:rgb(160,160,0);}
A:active  {font-weight: bold; color:#D06308;}

A.ma      {font-weight: bold; color:#D06308;}
A.m0      {font-weight: bold; color:rgb(52,87,159);}
A.m1      {font-weight: bold;}
A.m2      {font-weight: normal;}
A.stopka   {color:#001E83; font-weight:bold;}

A.przypis {
  color:#D06308;
}

A.przypisy {
  color:#D06308;
}

UL {
  margin:0px;
  border:0px;
  padding:0px;
  list-style-type: none;
}

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

#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:16px;
  color:#BAD8FF;
  font-family:arial;
  background-color:#003561;

	width:100%;
	
  text-align:left;

  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#83B8E4;

  padding: 4px;
  padding-top:0px;
  padding-bottom:0px;

  margin:0px;
	margin-bottom:20px;

  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#666666;
}

H2 {
  font-size:14px;
  color:#BAD8FF;
  font-family:arial;
  background-color:#003561;

	
	
  text-align:left;

  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#83B8E4;

  padding: 4px;
  padding-top:0px;
  padding-bottom:0px;

  margin:0px;

  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#666666;
}

H3 {
  font-size:16px;
  color:#BAD8FF;
  font-family:arial;
  font-weight:bold;
  background-color:#003561;

  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#83B8E4;

  padding: 4px;
  padding-top:0px;
  padding-bottom:0px;

  margin:0px;

 text-align:left;

  BORDER-STYLE: solid;
  BORDER-WIDTH: 1px;
  BORDER-color:#666666;
}

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

P {
  font-size:12px;
  color:#222222;
  font-family:tahoma;
  line-height: 140%;
}


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


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

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 {
	height:1px;
}

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

  color:black;
  font-family: arial;
  font-size: 12px;
  padding:0px;
  padding-top:2px;
  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:#666666;
  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:#003561;

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

  background-color:#003561;
}


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

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

P {
  text-indent:20px;
  margin-top:0px;
  margin-bottom:-10px;

}