body
{
background:#427D42 url(field-background.png) repeat-x top left;
margin:0px;
font-family:Verdana,sans-serif,tahoma;
font-size:80%;
line-height:160%;
}

a
{
color:#00f;
}

a:visited
{
color:#60a;
}

a:hover
{
color:#003;
}

textarea,select,option
{
background-color:#f0f8f0;
}

div#block-search-form input
{
background-color:#ede;
}

div#block-search-form
{
position:absolute;
right:0em;
top:1em;
}

#search label
{ 
display:none; 
}

div#logo h1.site-name a
{
color:white;
font-size:83px;
font-weight:bold;
left:132px;
opacity:0.5;
position:absolute;
top:6px;
text-decoration: none;
line-height:normal;
/* z-index:-10; disable link */
}


div#logo h1.site-name a:hover
{
opacity:0.6;
}

div#logo img 
{
position:absolute;
left:9px;
top:19px;
}

div#menu
{
margin-left:150px;
margin-top:63px;
padding-bottom:38px;
}

ul#navlist li
{
background:transparent url(titlebutton-left.png) no-repeat scroll left top;
float:left;
font-size:15px;
padding:0 8px 0 17px;
opacity:0.7;
list-style-type: none; //remove bullets
}

ul#navlist li a
{
background:transparent url(titlebutton-rest.png) no-repeat scroll right top;
color:black;
display:block;
font-size:15px;
padding:9px 17px 10px 1px;
text-decoration:none;
font-weight:normal;
}

ul#navlist li a:hover
{
text-decoration:underline;
}

.breadcrumb
{
margin-top:-1em;
font-size:80%;
text-align:right;
}

.breadcrumb a
{
text-decoration:none;
}

.breadcrumb a:hover
{
color:#030;
text-decoration:underline;
}

div#main-column
{
float:right;
margin:0 0 0 -16em;
padding:0pt;
width:100%
}

div#main-frame
{
margin:0 0.8em 0pt 16em;
}

div#left-column
{
width:15.5em;
}

div#left-column div.block div.top
{
line-height:normal;
background:transparent url(left-frame-top.png) no-repeat scroll right top;
color:white;
font-size:18px;
font-weight:bold;
height:30px;
padding:6px 0 2px 0.5em;
}

div#left-column div.block div.middle
{
padding-left:0.5em;
padding-right:1em;
padding-top:0.5em;
background-color:#9ebc9e;
border-right:solid 1px #284128;
}

div#left-column div.block-forum div.middle div.item-list ul
{
padding-left:0px;
}

div#left-column div.block div.bottom
{
background:transparent url(left-frame-bottom.png) no-repeat scroll right top;
color:#446644;
font-size:10px;
height:20px;
padding-left:0.8em;
padding-top:4px;
}

div.block-menu div.middle
{
background:#E1EAE1 url(bg-texture.jpg) repeat scroll left bottom;
}

ul.menu li a.active
{
color:#60a;
background-color:#fff;
padding:0.2em 0.2em 0.2em 0.2em;
}

ul.menu
{
margin-top: 0;
margin-bottom: 0;
padding-left: 1em;
}

div#left-column div#block-menu-menu-glowne div.top
{
line-height:normal;
height:8px;
font-size:5px;
}

div#left-column div#block-menu-menu-glowne div.top
{
background:transparent url(navi-frame-top.png) no-repeat scroll right top;
color:white;
font-weight:bold;
height:8px;
padding-left:0.5em;
padding-top:6px;
}

div#left-column div#block-menu-menu-glowne div.middle
{
padding-top:0;
background-color:#E1EAE1;
border-right:solid 1px #284128;
}

div#left-column div#block-menu-menu-glowne div.bottom
{
background:transparent url(navi-frame-bottom.png) no-repeat scroll right top;
color:#446644;
font-size:10px;
height:20px;
padding-left:0.8em;
padding-top:4px;
}

div.block-forum div.top div.extra 
{ 
background:transparent url(extra-T.png) no-repeat scroll left top; 
position:relative; 
width:44px;
height:48px; 
left:164px; 
top:-33px;
}

div.block-user div.top div.extra 
{ 
background:transparent url(extra-S.png) no-repeat scroll left top; 
position:relative; 
width:23px;
height:46px; 
left:142px; 
top:-28px;
}

/* downloads */
div#main-frame div.top div.main-extra-290
{
background:transparent url(extra-part.png) no-repeat scroll left top;
float:right;
position:relative;
height:65px;
left:6px;
top:-66px;
width:52px;
}

/* documentation */
div#main-frame div.top div.main-extra-343
{
background:transparent url(extra-S.png) no-repeat scroll left top;
float:right;
position:relative;
height:46px;
left:-21px;
top:-57px;
width:23px
}

/* developers */
div#main-frame div.top div.main-extra-357
{
background:transparent url(extra-Mrot.png) no-repeat scroll left top;
float:right;
position:relative;
height:64px;
left:-25px;
top:-66px;
width:24px;
}

/* forum */
div#main-frame div.top div.main-extra-
{
background:transparent url(extra-T-flip.png) no-repeat scroll left top;
position:relative;
height:48px;
left:-29px;
top:-57px;
width:44px
}

/* projects */
div#main-frame div.top div.main-extra-419
{
background:transparent url(extra-Mrot.png) no-repeat scroll left top;
position:relative;
height:64px;
left:200px;
top:-66px;
width:24px
}

div#left-column div.block-user div.top
{
font-size: 14px;
}

div#main-frame div.top
{
line-height:normal;
height:38px;
}

div#main-frame div.top div.title
{
background:transparent url(main-frame-top.png) repeat-x scroll left top;
color:white;
height:38px;
font-size:18px;
font-weight:bold;
margin:0 17px 0 17px;
padding:7px 0 8px 0;
}

div#main-frame div.top div.right
{
background:transparent url(main-frame-topright.png) no-repeat scroll right top;
float:right;
width:17px;
height:38px;
}

div#main-frame div.top div.left
{
background:transparent url(main-frame-topleft.png) no-repeat scroll right top;
float:left;
width:17px;
height:38px;
}

div#main-frame div.middle
{
background-color:#E1EAE1;
background:#E1EAE1 url(bg-texture.jpg) repeat left top;
border-left:1px solid #284128;
border-right:1px solid #284128;
padding:1em;
}

div#main-frame div.bottom
{
line-height:100%;
height:16px;
margin:0 0 0 0;
}

div#main-frame div.bottom div.center
{
background:transparent url(main-frame-bottom.png) repeat-x scroll left bottom;
color:#778877;
margin-left:12px;
margin-right:12px;
height:16px;
}

div#main-frame div.bottom div.right
{
background:transparent url(main-frame-bottomright.png) no-repeat scroll right bottom;
float:right;
margin:0px;
width:12px;
height:16px;
}

div#main-frame div.bottom div.left
{
background:transparent url(main-frame-bottomleft.png) no-repeat scroll right bottom;
float:left;
margin:0px;
width:12px;
height:16px;
}

div#footer
{
clear:both;
background:transparent url(frams-dekor.png) repeat-x bottom left;
text-align:center;
height:128px; /* wysokosc tla */
}

div#footer p
{
position:relative;
top:100px;
vertical-align:bottom;
color:#242;
}

/* nie chcemy "<<< nastepny watek    poprzedni watek >>>" pod postami */
div.forum-topic-navigation
{
display:none;
}






tbody  
{ 
border-top:medium none; /* antidotum na system.css i szare gorne ramki */
}

.biblio-separator-bar {
background-color:#c8d8c8;
border:medium none;
color:green;
font-size:250%;
font-weight:normal;
opacity:0.5;
padding:0.3em;
padding-left:0;
margin-bottom:0;
}

table
{
margin-top:2em;
}

td {padding:0.5em;}

thead th {
background-color:#E8F8E8;
border-bottom:2px solid #c0d0c0;
text-align:center;
}

tr.odd {
background-color:#E0F0E0;
border-bottom:1px solid #c0d0c0;
}

tr.even {
background-color:#E8F8E8;
border-bottom:1px solid #c0d0c0;
}

tr.odd td.active
{
background-color:inherit; /* jasniejsze robi wiekszy balagan... #e8f8e8;*/
}

tr.even td.active
{
background-color:inherit; /* #efffef; */
}



#forum tr td.forum {
background-position:3px 0.7em;
}

#forum table
{
width:100%;
}

div.comment ul.links, ul.links li.comment_forbidden
{
opacity:0.4;
text-align:right;
display: block;
}

div.comment h3 /* nie wyswietlaj tytulow komentarzy bo w drupalu sa bezsensowne - poczatki wypowiedzi */
{
display:none;
}

pre, code
{
font: 115% monospace;    /* bo FF wyswietla za maly monospace; niestety IE ma wtedy 15% za duzy */
line-height: 160%;
background-color: white;
opacity: 0.7;
tab-size: 4;
-moz-tab-size: 4;
}

/*

dodane przez macko m.in. zeby forum bylo ladne.

** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/

.indented
{
margin-left:3em;
}

.submitted {
  color:#787;
  font-size: 0.8em;
  text-align: right;
}

.links {
  color: #898;
  display:inline;
}
.links a {
  font-weight: bold;
}
.block:not(#block-system-main), .box { /* nie block-system-main bo mamy blok w bloku jako pozostalosc po stylu D6, wiecej opisane w komencie .tpl.php */
  padding: 0 1em 1em 0em;
}

.block .title {
  margin-bottom: .25em;
}
.box .title {
  font-size: 1.1em;
}
.node {
  margin: .5em 0 2em; /* LTR */
}
.sticky {
  padding: .5em;
  background-color: #eee;
  border: solid 1px #ddd;
}
.node .content, .comment .content {
  margin: .5em 0 .5em;
}
.node .taxonomy, div.field-name-taxonomy-forums {
  color: #999;
  font-size: 0.8em;
/*  text-align:right;
  float:right;*/
}
.node .picture {
  float: right; /* LTR */
  margin: 0.5em;
}
.user-picture {
  float: right; /* LTR */
  margin: 0.5em;
}
.comment {
  border: 1px solid #aba;
  padding: .5em;
  margin-bottom: 2em;
}
.comment .title a {
  font-size: 1.1em;
  text-decoration:none;
  color:black;
}
.comment .new {
  text-align: right; /* LTR */
  font-weight: bold;
  font-size: 0.8em;
  float: right; /* LTR */
  color: red;
}

.comment .picture {
  float: right; /* LTR */
  margin: 0.5em;
} 

div.picture img {
  border:1px solid #88aa88;
} 


/* fragment oryginalnego stylu frams do stron opisujacych parametry; moze warto dostosowac do obecnych kolorow strony? */

.nagztlem {
   font-size : 140%;
   font-weight:normal;
   background-color :#dcFfcc;
   text-align : left;
   color : #006644;
   margin-top: 3em;
   margin-bottom: 1em;
   padding-top: 0.1em;
   padding-bottom: 0.2em;

   border-top: 1px solid #006644;
   border-bottom: 1px solid #006644;
}

.paramname {
    color : #880000;
    font-weight:bold;
}

.param {
    margin-bottom: -1em;
}
















/* ============================================================ */
/* RESPONSIVE DESIGN OVERRIDES - parts by Gemini 3.1 pro, 2026  */
/* ============================================================ */

/* Prevent large elements from causing horizontal scrolling */
/* na razie tego nie zmieniamy (dopoki nie zobaczymy zlych efektow) - wolimy to, co teraz jest zdefiniowane...
img {
  max-width: 100%;
  height: auto;
}
pre {
  overflow-x: auto;
  max-width: 100%;
}
code {
  word-wrap: break-word;
}
*/

@media screen and (max-width: 768px) {
  
  /* 1. Un-float the main column and remove negative margins */
  div#main-column {
    float: none;
    margin: 0;
    width: 100%;
  }
  
  /* Remove the 16em left margin that was reserving space for the sidebar */
  div#main-frame {
    margin: 0.8em; 
  }
  
  /* 2. Sidebar drops to the bottom automatically */
  div#left-column {
    float: none;
    width: auto;
    margin: 0.8em;
    clear: both;
  }
  
  /* 3. Header & Logo */
  div#logo img {
    width: 5.5em;
  }
  div#logo h1.site-name a {
    font-size: 2em; /* Scaled down from 83px */
    left: 90px;
    margin-top: 10px;
    line-height: 1.1;
  }
  
  /* 4. Navigation Menu adjustments */
  div#menu {
    margin-left: 10px;
    padding-bottom: 0px;
    /*text-align: center;*/
  }

  ul#navlist {
    padding: 0;
  }
  ul#navlist li {
    float: none;
    display: inline-block;
    margin-bottom: 5px;
  }

  /* 5. Fix absolute positioned Search form overlapping on mobile */
  /*
  div#block-search-form {
    position: static;
    text-align: center;
    margin: 15px auto;
  }
  */
  
  /* 6. Hide decorative sprite extras that break layout on small screens */
  /*
  div.main-extra, 
  div.extra {
    display: none !important;
  }*/

  /* 7. Responsive behavior for Data Tables */
  table {
    /* display: block;
    width: 100%; */
    overflow-x: auto; /* Allows horizontal scrolling for large tables */
  }
  
  
  /* divy z lewego sidebar'a przeniosly sie teraz na dol (pod glowny content) i tytuly blokow musza zmienic style,
  ktore wczesniej zakladay ze "sticki" wychodza dokladnie z lewej strony ekranu, czyli nie maja lewego zaokraglenia.
  W czystym css nie mozna zrobic tak, zeby wszystkie div#left-column staly sie takie same jak div#main-frame,
  wiec niestety kopiujemy...
  I o ile widze, te bloki ktore byly w lewym sidebarze nie maja w html sekcji left-middle-right, gdzie zaokraglenia ("czepki")
  po obu stronach byly dokladane osobno - maja tylko na sztywno zaokraglony po prawej stik tla, wiec ponizej jest tylko
  brzydka aproksymacja - zeby jakkolwiek w miare te bloki wygladaly po przeniesieniu z lewej na dol...
  Dobrze by bylo kiedys to wszystko przepisac na wspolczesny css, gdzie ramki, tla i gradienty beda bardziej "proceduralne".
  */  
  
  
  	/* menu, ktore nie jest zwyklym blokiem ze stikowym "naglowkiem": */
	div#left-column div#block-menu-menu-glowne div.top {
		background: transparent url(main-frame-top.png) repeat-x scroll left top;
	}
	
	div#left-column div#block-menu-menu-glowne div.bottom {
		background: transparent url(main-frame-bottom.png) repeat-x scroll left bottom;
		height: 1px; /* tylko kreska na zakonczenie dolu */
		padding-top: 0px;
	}
  
  
	
	/* pozostale: */
	div#left-column div.block div.top {
		background: transparent url(main-frame-top.png) repeat-x scroll left top;
		padding-left: 17px;
		font-size: 18px;
	}
	
	div#left-column div.block div.middle {
		background: #E1EAE1 url(bg-texture.jpg) repeat left top;
		border-left: 1px solid #284128;
		border-right: 1px solid #284128;
		padding: 1em;
	}
	
	div#left-column div.block div.bottom {
		background: transparent url(main-frame-bottom.png) repeat-x scroll left bottom;
		height: 1px; /* tylko kreska na zakonczenie dolu */
		padding: 0;
	}  


	/* forum */
	div.block-forum div.top div.extra { 
		background:transparent url(extra-T.png) no-repeat scroll left top; 
		position:relative; 
		width:44px;
		height:48px; 
		left:96%; /* pewnie trzeba inaczej okreslic wzglednosc */ 
		top:-33px;
	}
  
}