/* Main styles */

body {
     font: 78.5%/1.6em verdana, geneva, sans-serif;
     word-spacing:2px;
     color:#fff;
     margin: 0 0.4em;
     background:url('../../o/lu003.png') #000;
}

* {
     margin:0;
     padding:0;
     
}

pre {
          font: 78.5%/1.6em verdana, geneva, sans-serif;
}

p {
     margin:15px 0;
     line-height:22px;
}

h2 {
     font:190% Arial;
     color:#79B933;
     border-bottom:2px solid #f6f6f6;
}

h2 a {
     color:#79B933;
     text-decoration:none;
}

h2 a:hover {
     color:#5F9128;
     text-decoration:none;
}


a {
     color:#cff;
     text-decoration:none;
}

a:hover {
     color:#fcf;
     text-decoration:none;
}

h3 {
     font:140% Trebuchet MS;
     margin:10px 0;
}

img, img a {
     border: none;
}

form {
     padding:10px;
     border:0 solid #f6f6f6;
}

label {
     display:block;
     font-weight:bold;
     color:#444;
     margin:5px 0;

}

iframe {
background-color: #fff;
}

input {
     background: #333 url('../../o/tlo91.jpg');
     width:300px;
     padding:4px;
     border:none;
     border-bottom:1px dotted #ccc;
     font:90% Verdana;
     color:#fff;
     width: 140px;
}

input:hover {
     background: #111 url('../../o/tlo92.jpg');
     color:#ddd;
}


textarea {
     background: #333 url('../../o/tlo91.jpg');
     width:400px;
     padding:4px;
     font:90% Verdana;
     border:1px solid #eee;
     height:200px;
     display:block;
     color:#ccc;
     width: 200px;
}
textarea:hover {
     background: #333 url('../../o/tlo92.jpg');
     width:400px;
     padding:4px;
     font:90% Verdana;
     border:1px solid #eee;
     height:200px;
     display:block;
     color:#fff;
     width: 200px;
}
select {
     background: #808000 url('../../o/tlo91.png');
     width: 120px;
}

p img {
     float:left;
     margin:0 10px 0 0;
}

blockquote p {
     font:160% Georgia;
     color:#aaa;
     padding:0 10% 0 0;
     line-height:30px;
}

.justify {
     text-align:justify;
}


/*** CONTAINER - GLOWNA CZESC ***/



#container {
     max-width:125em;
     width:expression(this.width > 320 ? "32em" : this.width);
     min-width:76em;
     margin:0 auto;
     padding-top: 0em;
}

* html #container
{
     w\idth: expression(document.documentElement.clientWidth > 1200 ? "125em" : "auto");
}

#container2 {
     border:1px solid #f1f1f1;
     margin:0 1em;
     background:url('../../o/tlo1.gif');
     background:url('../../o/tlo2007.jpg') #000;
     padding: 0 0.8em;
}

#login {
     font: 77%/1em verdana, geneva, sans-serif;
     padding: 0.5em 1em 1em;
}


#login img, #content img {
     padding:1px;
     border:1px dotted #f6f6f6;
}

/*** BELKA - Lionowy PR ***/


#belka {
     display: none;
     position: fixed;
     background:rgb(220,38,28) url('../../o/tlo_belka.gif') repeat-x;
     padding: 0;
     padding-left: 0.5em;
     margin: 0 10px 0 0 
     font: 0.7em verdana, arial;
     color: #666;
     border: 0 solid #fff;
     text-align: left;
     vertical-align: top;
     height: 10px;
     width: 100%;
     width: expression(document.documentElement.clientWidth > 15 ? "15em" : "auto");

}



#belka img {
     font-weight: bolder;
     color: #bfb;
     border: none;
     vertical-align: center;
}

#belka  a {
     color: rgb(220,38,28);
     text-decoration: none;     
}

#belka a:hover {
     color: rgb(120,38,28);
     text-decoration: none;     
}


#belka #dol a {
     color: #fff;
     text-decoration: none;     
}

#belka #dol a:hover {
     color: #ffa;
     text-decoration: none;     
}

#belka span#ss {
     color: #ccc;
     text-decoration: none;     
     font-weight: normal;

}

html>body #belka #gora {
     margin-top: -2.8em;
}

html>body #belka #dol {
     margin-top: 0.2em;
}

html>body #belka img {
     vertical-align: top;
}


/*** NAGLOWEK - czyli TOP ***/


#header {
     text-decoration:none;
       
}

#header input {
     width:15em;
     padding:5px;
     background:#fff;
     border:2px solid #f6f6f6;
     font:150% Arial;
     color:#999;
}

#header input:hover {
     border:2px solid #ccc;
}

#header input:focus {
     border:2px solid #79B5D6;
     color:#555;
}

#header form {
     padding:2.7em 2.5em 2em 2.5em;
     float:right;
     background:#fff;
     width:16em;
     margin:-20px -20px 0 0 !important;
     margin:-20px -10px 0 0;
     border:none;
}

#header img {
     float:left;
     margin-bottom: 0.5em;
     background:#ccc;
     border:4px solid #f6f6f6;
}

#header h1 {
     float:left;
     font:3.5em Hevletica,"Arial Black",Arial,"Sans serif" bolder;
     color:#fff;
     padding: 0.6em 1em;
     border-right:1px solid #ccc;
     margin:0 20px 0 0;
     text-decoration:none;
}

#header h1 a {
     color:#fff;
     text-decoration:none;
     border-bottom:2px solid #f6f6f6;
}

#header h1 a:hover {
     color:#fff;
     text-decoration:none;
     border-bottom:2px solid #79B5D6;
}

#header h2 {
     font:3em Arial;
     color:#fff;
     padding:15px 0 0 0;
     @padding:25px 0 0 0;
     border:none;
}

#header h2 a {
     color:#fff;
     text-decoration:none;
}

#header h2 a:hover {
     text-decoration:none;
}



/*** MENU GORNE - NAVIGATOR ***/


#header #nav {
     clear:both;

     border:1px solid #aaa;
     margin-top: 0px;
     padding:.1em .3em .1em .3em !important;
     padding:.1em .3em .1em .3em;
}

#header #nav #lang{

}

#header #nav a {
     color:#fff;
     font:14px Fixedsys,Verdana,"Trebuchet MS";
     text-decoration:none;
     padding:1em;
}

#header #nav a:hover {
     color: #fcc;
}

#header #nav a.active {
     color: #fcc;
}

#header #nav li {
      display: inline;
     list-style:none;
     margin:0 1px 0 0;
     padding-right: 1em;
}

#header #nav #lang{
      display: inline;
     list-style: inherit;
     margin: 0 0 0 -8em;
}
#header #nav #lang li{
      display: inline;
     list-style: none;
     margin: 0 -1em;
}


#header #menu {
     background:#4F9EC9;
     padding:.5em .7em .7em .7em;
     font:90% Verdana;
     color:#DEEDF5;
}

#header #menu li {
     list-style:none;
     display:inline;
}

#header #menu a {
     color:#DEEDF5;
     text-decoration:none;
     font:100% Verdana;
     padding:.5em;
     border-bottom:2px solid #4F9EC9;
}

#header #menu a:hover {
     border-bottom:2px solid #388CBA;
     color:#fff;
}

#header #menu a.active {
     border-bottom:2px solid #388CBA;
     color:#fff;
}






/*** MENU - GLOWNY BLOK  ***/


#menublok {
     background:url('../../o/bg3.jpg') #000;
     width: 10em;
     padding:0 2em 2em 1em;
     float:left;
     color:#fff;
     outline:1px dotted #fff;
}

#menublok h2 {
     font:12px Fixedsys,Arial;
     text-align: center;
     color:#fff;
     margin:1em 0 1em 0;
     background:url('../../o/tlo1.gif');
     border:1px dotted #fff;
}

#menublok h3 {
     color:#fff;
     font:11px Verdana;
     font-weight:bold;
     letter-spacing:2px;
}

#menublok p {
     margin:15px 0;
}

#menublok p.news {
     background:#323232;
}

#menublok p.news a.more {
     color:#ccc;
     display:block;
     text-align:right;
     font:80% Verdana;
     text-transform:uppercase;
     letter-spacing:1px;
     text-decoration:none;
     padding:10px 0;
}

#menublok p.news a:hover {
     color:#98D158;
}

#menublok .menu {
}

#menublok .menu li {
     list-style:none;
     padding: 0;
     line-height: 2px;
     list-style:circle url(../../o/colla.gif);
     margin:0 0 0 1em;
     width: 10em;
}
#menublok .menu li.second {
     list-style:none;
     padding: 0;
     line-height: 2px;
     list-style:circle url(../../o/collb.gif);
     margin:0 0 0 1.6em;
     width: 10em;
}
#menublok .menu li a {     
     color:#fff;
     font: 11px verdana,arial bold;
     text-decoration:none;
     display:block;
     padding-left: 0.2em;

}

#menublok .menu li a:hover {
     color:#98D158;
     background: url('../../o/p.gif') left center no-repeat;
}



#menublok .menu li a b {
     float:right;
     display:none;
     color:#666;
}

#menublok .menu li a:hover b {
     display:inline;
}

#menublok input {
     padding:4px;
     background:#2c2c2c;
     border:1px solid #222222;
     color:#ccc;
     font:80% Verdana;
     width: 9em;
}

#menublok form {
     border: none;
}

#menublok input {
     color: #fff;
}

/*** PRAWY BLOK - minimenu, promocja witryn ***/

#menublokright {
     background: url('../../o/tlo2007ciemne.jpg');
     outline: 0 dotted #fff;
     width:14em;
     float:right;
     padding:10px;
     margin-top: 60px;
}


#menublokright p {
     font:90% Verdana;
     color:#fff;
     line-height:2em;
     margin:10px 0;
}

#menublokright h2 {
     font:140% Arial;
     color:#fff;
     margin:10px 0;
     border:none;
}

#menublokright ul {
     margin:1em 0 1em 1.5em;
     font:90% Verdana;
     list-style: none;
}

#menublokright ul li {
     margin:5px 0;
}

#menublokright a {
     border-bottom:1px dotted #eee;
     color:#cff;
     text-decoration:none;
}

#menublokright a:hover {
     border-bottom:1px solid #ccc;
}




/*** CONTENT - CZYLI GLOWNA MERYTORYCZNA CZESC STRONY ***/



#content {
     margin:0 0 0 14em;
     background:url('../../o/bgmain2.gif') top left no-repeat;
     padding:1em 0 0 2em;
     text-align: justify;
}

#content ul.links {
     margin:1.5em 0 1.5em 0;
     line-height:2.5em;
     padding:1.5em 0 1.5em 1.5em;
     border-top:1px solid #eee;
     border-bottom:1px solid #eee;
     color:#79B933;

}

#content div.login {
     border: 0;
}
#content div.login ul{
     list-style:none;
}


#content ul span {
     color:#444;
}

#content, #menublok, #menublokright {
     margin-bottom: 1em;
}


/*** FOOTER - STOPKA STRONY ***/


#footer {
     background:url('../../o/tlo2.gif') transparent;
     clear:both;
     border-top: 1px dashed #eee;
     font: 1em verdana normal;
}

#footer p {
     padding: 0;
     margin: 0;
}


/*** OTHER - POZOSTALE style i klasy ***/
#content .login li {
      display: inline;
     list-style:none;
     font-size: 0.7em;
     color: #fff;
}

#content .login input {
     width:6em;
     padding:2px;
     background:#000;
     border:1px solid #f6f6f6;
     font:100% Arial;
     color:#fff;
}

.log {
     margin-left: 30%
}

.dzial {
     border: 1px dotted #fff;
      background: url('../../o/tlo2007ciemne.jpg');
     text-align: center;
     text-transform: uppercase;
}

.info {
     border: 1px dotted #fff;
      background: url('../../o/tlo2007ciemne.jpg');
     text-align: center;
}

div.news {
     display: relative;
      background: url('../../o/tlo2007ciemne.jpg');
     text-align: justify;
     padding: 15px;
}

p.news {
     border: 1px dotted #fff;
      background: url('../../o/tlo2007ciemne.jpg');
     text-align: center;
}

p.titlenews {
     background: url('../../o/news.gif') left no-repeat;
     border: 1px dotted #fff;
     text-align: center;
     font-size: 10px;
     font-weight: bold;
}

hr.news {
     background: url('../../o/hr.gif') center;
}

.swosring > img, table,  tr,  a, a:hover, a:hover img, a img{
margin-left: 0;
border: 0;
}

.swosring img {
     margin-top: -2px;
}


p.linki {
    font-size: 12px;
    font-weight: bold;
}

table.download tr, table.download tr td{
     background: url('../../o/tlo61.jpg');
     color: #fff
     text-align: center;
     font-size: 10px;     
}
table.download tr.dzial, table.download tr.dzial td {
     background: url('../../o/tlo84.jpg');
     color: #fff
     text-align: center;
     font-size: 10px;     
}
table.download tr.tytul, table.download tr.tytul td {
     background: #000 url('../../o/tlo83.jpg');
     color: #fff
     text-align: center;
     font-weight: bold;
     font-size: 10px;
}

.download img, .download a img{
border: 0;
}

.wykop img {
background-color: #fff;

}

.reflect {
margin: 5px;
float: left;
}

table.download {
     width:100px;
}
table.download tr td {
     padding:0 10px;
}
table.download tr td a {
     padding-left:30px;
     background: url('../../o/disk_a.png') no-repeat;
}
table.download tr td a:hover, table.download tr td a:visited {
     padding-left:30px;
     background: url('../../o/disk_b.png') no-repeat;
}