html, body {
margin:0;
padding:0;
background-color:#D8FABC;
text-align: center;
font-family: Tahoma, Arial, Verdana, sans-serif;
}
#wrapper {
width: 782px;
margin: 0px auto;
padding: 2px;
background: rgb(254,254,254);
}
#header {
width: 100%;
height:70px;
background: #25415B;
background-image:url(../images/tlo_header.jpg);
position: relative;
}
#h_logo {
float: left;
background-image:url(../images/logo03.png);
width:318px;
height: 68px;
position: relative;
margin-left: 10px;
padding-left: 0;
}
#h_1 {
width: 100%;
height:16px;
color:#999;
text-align: right;
font-weight:bold;
font-size: 65%;
background: #292929;
background-image:url(../images/tlo_h1.jpg);
}
#logo {
width: 779px;
height: 232px;
background: rgb(218,218,218);
background-image:url(../images/baner01.jpg);
border: 1px solid black;
position: relative;
}
#path_menu {
text-align: left;
width: auto;
height:19px;
background: #292929;
color:#999;
font-weight:bold;
font-size: 70%;
padding-left: 10px;
}
#path_menu a {
text-decoration: none;
color: #ffaa00;
}
#content {
width:100%;
height: auto;
background:#D8FABC;
background-image:url(../images/tlo01.jpg);
background-repeat:repeat;
text-align: left;
}
.left {
float: left;
width: 165px;
font-size: 85%;
font-weight:bold;
background-color: #185083;
padding-left:0;
margin-left:0;

}
.left a {
color: #ffaa00;
display: block;
padding: 4px 0 4px 5%;
margin:0;
text-decoration: none;
width: auto;
/* border-top: 1px solid #EAEADA; */
border-bottom: 1px solid #EAEADA; 
}
.left a:hover {
background: #25415B;
color: #fff;
border-top: 1px solid #EAEADA;
border-bottom: 1px solid #EAEADA;
}
#text {
width: 575px;
height: 100%;
float: left;
font-size: 85%;
border-left: 1px solid rgb(218,218,218);
padding: 0 20px;
background:#ffffff;
background-image:url(../images/tlo01.jpg);
background-repeat:repeat;
}
#text a {
text-decoration: none;
font-weight:bold;
color : #25415B;
}
#footer {
height:auto;
text-align: center;
font-family: Verdana, sans-serif;
font-size: 60%;
border-top: 1px rgb(218,218,218);
padding: 10px 0;
margin: 0;
letter-spacing: 1px;
background-color:#185083;
background-image:url(../images/st.jpg);
background-repeat:repeat-x;
position: relative;
}
#footer a {
color : #ffaa00;
font-weight:bold;
text-decoration: none;
}
br.clear {
clear: both;
line-height: 0;
height: 0;
}
#search {
float: right;
/*width:320px;*/
margin-top: 40px;
margin-right: 30px;
/*height: 40px;*/
overflow: hidden;
text-align:right;
}
#search form {
display: inline;
}
#search form p {
display: inline;
}
#search form input {
background: #185083;
color:#fff;
}
/* ----------------------- style Joomla ----------------------- */
mainlevel {
}
/* Klasy stylu dla elementu <a>. Formatuje główne, nadrzędne pozycje menu */
a.mainlevel:link {
}
a.mainlevel:visited {
}
a.mainlevel:hover {
}
#active_menu {
background-color: #555;
color: #fff;
}
/* ----------------------- Klasa stylu dla elementu <a>. Formatuje podrzędne - potomne pozycji menu */
.sublevel {
}
a.sublevel:link {
}
a.sublevel:visited {
}
a.sublevel:hover {
}
ul#mainlevel-nav {
/* Styl dla elementu niepowtarzalnego <ul> (z identyfikatorem). Formatuje poziome menu nawigacyjne. Identyfikator menu nadrzędnego rozszerzony o przyrostek -nav. */
}
ul#mainlevel-nav li {
/* Styl dla elementów - <li>. Formatuje pozycje niepowtarzalnej listy w poziomym menu nawigacyjnym. */
}
#mainlevel-nav a:link {
/*Klasa stylu dla elementu <a>. Formatuje główne, nadrzędne pozycje menu w dodatkowym poziomym menu nawigacyjnym.*/
}
#mainlevel-nav a:visited {
}
#mainlevel-nav a:hover {
}
/* Styl dla niepowtarzalnego elementu <pathway> (z identyfikatorem). Formatuje obszar scieżki powrotu..pathway Klasa stylu dla elementu <a>. Formatuje właściwości odnośników w ścieżce powrotu. */
#pathway {
}
.pathway {
}
.small,.createdate,.modifydate,.mosimage_caption {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
padding-bottom:20px;
}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
font-family: Arial, Helvetica, sans-serif;
color : #ffaa00;
font-weight:bold;
}
.contentheading, .componentheading, .blog_more strong {
font-size: 120%;
padding: 10px 0 0px 0;
}
.contentdescription {
/* Klasa stylu dla elementu <td>. Formatuje komórke tabeli zawierajaca opis sekcji lub kategorii. */
}
.sectiontableheader, .sectiontableheader td, .sectiontableheader th {
/* Klasa stylu dla elementu <td>. Formatuje komórki tabel w wykazach, np. w wykazie artykułów słowa: >Tytuł, Data, Autor, Odsłony.*/
/* padding:3px 3px 2px 3px; */
}
.sectiontableheader {
font-weight:bold;
}
.sectiontableentry1, .sectiontableentry1 td  {
/* Klasa stylu dla elementu <tr>. Formatuje nieparzyste wiersze w tabelach zawierających wykazy (kolor pierwszego, trzeciego itd. wiersza) */
/* padding:3px 3px 2px 3px;
 background:#cdfaa5; */
padding: 5px 0 5px 0;
}
.sectiontableentry2, .sectiontableentry2 td {
/*  Klasa stylu dla elementu <tr>. Formatuje parzyste wiersze w tabelach zawierających wykazy (kolor drugiego, czwartego itd. wiersza) */
/*padding:3px 3px 2px 3px;
 background:#b5fca2; */
padding: 5px 0 5px 0;
}
.sectiontablefooter, .sectiontablefooter td{
/* Klasa stylu dla elementu <tr>. W tabelkach wykazów zawierających większą ilość formatuje wiersz stopki pozycji z paskiem nawigacyjnym.*/
/* padding:3px 3px 2px 3px; */
}
.pagenavcounter {
/* Klasa stylu dla elementu <div>. Formatuje informacje o ilosci stron artykulu (X stron z X*/
}
.pagenavbar {
/* Klasa stylu dla elementu <div>. Formatuje przyciski Poprzednia strona - Nastepna strona. */
}
.back_button {
/* Klasa stylu dla elementu <input>. Formatuje przycisk (odnosnik) Wstecz */
Padding:15px;
}