body {
     background: olive url('obrazki/tlo.gif');
     color : white;
     font-family :  arial, sans-serif;
     font-size : 12x;
	
     /*filter: gray;*/
}

img {
     border: none;
}

item {
     display: block;
}

.justify {
     text-align : justify;
}

img.stad {
     border: 1px solid black;
}

img.menu {
     border : 2px solid blue;
     padding: 0;
     margin: -1px;
}

img.menusel {
     border : 2px solid aqua;
     padding: 0;
     margin: -1px;
}

td {
     font-size: 10pt;
     vertical-align : top;
	 border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

th {
	 border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

input {
	 border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	font-size: 0.8em;
	padding: 3px 5px;
}
.br {
	font-size: 0.85em;
	color: #fff;
	text-align:left;
}
input.br {
	 border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	font-size: 0.87em;
	padding: 1px;
	width: 20px;
	text-align:center;
	background: olive url('obrazki/tlo2.gif');
	border: 1px solid #aaa;
}

span.dopisek, font.dopisek
{
     font-size: 8pt;
     text-align : center;
}

span.tytul, font.tytul
{
     color: yellow;
     font-size : 10pt;
     font-weight : bold;
     background-color: inherit;
}

#headtop
{
	width:100%;
	height:105px;
	background: transparent url(_gfx/www/trybuna_gora.gif) repeat-x center top;
	border: 0px dotted #000;
}
#logo
{
	position: absolute;
	top: 110px;
	left: 5px;
	width: 130px;
	height:140px;
	border: 0px dotted #000;
}
#top
{
	position: absolute;
	top: 100px;
	left: 205px;
	width: 800px;
	height:140px;
	background: transparent url(_gfx/www/sm_banner_top3b.gif) no-repeat center top;
	border: 0px dotted #000;
}
#top_child
{
	width:100%;
	height:15px;
	padding: 3px 0;
	border-bottom: 1px dotted #000;
	line-height: 14px;
	font-size: 12px;
	padding-top:90px;
}
#maintable
{
	margin-top: 140px;
}

.tlo {
     background-color : black;
     color : white;
     font-weight : bolder;
}

.sklady {
	background-image : url('obrazki/tlo.gif');
	border: 1px solid;  
}

table.sklady th, table.sklady td{

	font-size : 1em;
}

tr.sklad td
{
	vertical-align: middle;
	text-align: center

}


.left {
     color: white;
     font-weight: 500;
     font-family: tahoma;
     text-align: left;
     background-color: inherit;
}

.silver {
     color: black;
     background-color: silver;
     background-image : url('obrazki/silver.gif');
}

.center {
     color: white;
     font-weight: 500;
     font-family: tahoma;
     text-align: center;
     background-color: inherit;
}

.minimenu {
     background-image : url('obrazki/tlo.gif');
     padding: 4px;
     border: 1px solid;     
}
.minimenu2 {
     color: white;
     font-weight: 600;
     font-family: tahoma;
     font-size: 10pt;
     text-align : center;
     border: 1px solid;
     background-image : url('obrazki/tlo2.gif');
}

.red {
     color: white;
     font-weight: 600;
     font-family: tahoma;
     font-size: 10pt;
     text-align : center;
     border: 1px solid;
     background-image : url('obrazki/tlored.gif');
}

.dzial {
     color: white;
     font-weight: 600;
     font-family: tahoma;
     font-size: 10pt;
     text-align : center;
     border: 1px solid;
     background-image : url('obrazki/tlo.gif');
}

.table {
     color: white;
     font-weight: 500;
     font-family: tahoma;
     font-size: 10pt;
     text-align : center;
     border: 1px solid;
     background-image : url('obrazki/tlo.gif');
}

.table2 {
     color: white;
     font-weight: 500;
     font-family: tahoma;
     font-size: 10pt;
     text-align : center;
     border: 1px solid;
     padding: 4px 4px 4px 4px ;
     background-image : url('obrazki/tlo2.gif');
}

.dzial3 {
     color: white;
     font-weight: 500;
     font-family: tahoma;
     font-size: 10pt;
     text-align : center;
     border: 1px solid;
     background-image : url('obrazki/tlo2.gif');
}


.dzial2 {
     color: white;
     font-weight: 600;
     font-family: verdana;
     font-size: 12pt;
     text-align : center;
     border: 1px solid;
     background-image : url('obrazki/tlo.gif');
}

.dzial4 {
     color: white;
     font-family: verdana;
     font-size: 12pt;
     text-align : center;
     border: 2px solid;
     background-image : url('obrazki/tlo.gif');
}

.pole {
     color: white;
     border: 1px solid;
     background-image : url('obrazki/tlo2.gif');
}

.pole2 {
     color: white;
     border: 1px solid;
     background-image : url('obrazki/tlo.gif');
}

.pole3 {
     color: white;
     border: 1px solid;
     background-image : url('obrazki/tlo2.gif');
     text-align: center;
     vertical-align : middle;
}
.pole4 {
     color: white;
     border: 0px none;
     background-image : url('obrazki/tlo2.gif');
     text-align: left;
     vertical-align : middle;
     
}
.pad{
               padding: 10px;
}

.pole li
{
	font-size: 12px;
}

li.dzial {
     color: white;
     font-weight: 500;
     font-family: tahoma;
     font-size: 10pt;
     text-align : center;
     border: 1px solid;
     background-image : url('obrazki/tlo2.gif');
     padding:5px;
}


font.data {

     color: yellow;

     font-weight: bold;

}



font.tekst {

     color: white;

     font-weight: normal;     

}

h3 {

     font-size: 12pt;

}

a{
outline:none;
}

a:link {
	color: #ffd700;
	text-decoration : none;
}
     
a:hover {
     text-decoration : underline;
     color: red;
}
a:active {
     text-decoration : underline;
     color: #ffd700;
}

a:visited {
     color: #ffd700;
     text-decoration : none;
}





a:link.sklad {
     color: #ffd700;
     text-decoration : none;
}
     
a:hover.sklad {
     color: red;
	text-decoration : none;
}
a:active.sklad {
     color: red;
	text-decoration : none;
}

a:visited.sklad {
          color: #ffd700;
               text-decoration : none;
}

table.admin  { border:2px solid #000000; color: #222222; 
               padding: 4px 1px;
               background-color: #55aacc; font-size:10pt }

a:link.admin {
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
color: #ffbb00;
text-decoration: none;
}
a:visited.admin {
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
color: #ff8800;
text-decoration: none;
}
a:active.admin {
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
color: #ff5500;
text-decoration: none;
}
a:hover.admin {
font-family: arial, helvetica, sans-serif;
font-size: 9pt;
color: #ff2200;
text-decoration: none;
}

/*******************  tom+ style *******************/

/* typer style */

input.pole_typera1{
     text-align : center;
     color: white;
     border: 1px solid;
     background-color : olive;
     background-image : url('obrazki/tlo2.gif');
     width:20px
}

input.pole_typera2{
     text-align : center;
     color: white;
     border: 0px solid;
     background-color : olive;
     background-image : url('obrazki/tlo2.gif');
     width:20px
}

.dzial5 {
     color: white;
     font-weight: 600;
     font-family: verdana;
     font-size: 10pt;
     text-align : center;
     border: 0px solid;
     background : url('obrazki/tlo2.gif') olive;
}


.pole5 {
     color: white;
     border: 0px solid;
     background-image : url('obrazki/tlo2.gif');
}

.uedit0 {color: white; font-size: 9px;}
.uedit1 {color: lime; font-size: 9px;}
.uedit2 {color: #00ffff; font-size: 9px;}
.uedit3 {color: #add8e6; font-size: 9px;}

.upole {
     color: white;
     border: 1px solid;
     background-image : url('obrazki/tlo2.gif');
     font-size: 9px;
}

.upole2 {
     color: cyan;
     border: 1px solid white;
     background-image : url('obrazki/tlo2.gif');
     font-size: 9px;
     width: 85px;
}


.upole3 {
     color: lime;
     border: 1px solid white;
     background-image : url('obrazki/tlo2.gif');
     font-size: 9px;
     width: 85px;
}
.udzial {
     color: white;
     border: 1px solid;
     background-image : url('obrazki/tlo2.gif');
     font: 10px bolder;
}

.ucheck {
     color: white;
     border: 0px solid;
     background: olive url('obrazki/tlo2.gif');
     font: 8px lighter;
}

input.mecz {
     color: white;
     background : url('obrazki/tlo.gif') olive;
     border: 1px solid;
     }

table#praca > tr > td{
     font-size: 0.8px;
}

.tac {
     font-size:0.8em; 
     border: 1px dotted #fff; 
     background: salmon; 
     margin-bottom: 5px;
}

ul.cup {
    list-style-image : url('obrazki/cup.png');
    font-weight: bold;
}

ul.ball {
    list-style-image : url('obrazki/p.gif');
    font-weight: bold;    
}

ul.head {
    list-style-image : url('obrazki/g.gif');
    font-weight: bold;    
}

a.autor {
   font: bold italic;
}

ul, li {
list-style: none;
	font-size: 10px;
	text-align: left;
	
}
.new {
     background : url('obrazki/flash.gif') no-repeat;
}

.dziala {
     text-decoration : none;
     cursor: pointer;
     color: white;
     font: 600 tahoma 10pt;
     text-align : center;
     border: 1px solid;
     margin:0.8em 0;
     background-image : url('obrazki/tlo.gif');

}
.dziala:hover {
     text-decoration : underline;
     font-style: italic;
     cursor: pointer;

}
.dis
{
	display: none;
}

.note,  .brak,  .brak2,  .info,  .work,  .yes, .no { 
	font-weight: normal;
	color: #E0FFFF; 
	margin: 3px 0;
	font-size: .9em; 
	padding: 2px 4px 2px 34px;


}
.note
{ 
	border: 1px solid #FFD700; 
	background: transparent url(../../_gfx/mini/alert.png) no-repeat 8px 50%; 
}
.brak
{
	border: 1px solid #FFD700;  
	background: transparent url(../../_gfx/mini/brak.png) no-repeat 8px 50%; 
}
.brak2
{
	border: 1px solid #FFD700;  
	background: transparent url(../../_gfx/mini/repair.png) no-repeat 8px 50%; 
}
.info
{
	border: 1px solid #FFD700;  
	background: transparent url(../../_gfx/mini/info.png) no-repeat 8px 50%; 
}
.work
{
	border: 1px solid #FFD700;  
	background: transparent url(../../_gfx/mini/work.png) no-repeat 8px 50%; 
}
.yes
{
	border: 1px solid #FFD700;  
	background: transparent url(../../_gfx/mini/tak.png) no-repeat 8px 50%; 
}
.no
{
	border: 1px solid #FFD700;  
	background: transparent url(../../_gfx/mini/nie.png) no-repeat 8px 50%; 
}
.note:before, .brak:before, .brak2:before, .info:before, .work:before , .yes:before, .no:before { 
	background: transparent; 
	color: #F0FFF0; 
	content: ' ' attr(title) ' ';
}

.note:hover, .brak:hover, .brak2:hover, .info:hover, .work:hover, .yes:hover, .no:hover { 
	border: 1px solid #DAA520; 
	color: #FFFFF0; 
}


td,th {
	font-size: 9pt;
}


#menu 
{
     color: #fff;
}

#menu a
{
     color: #fff;
     text-decoration: none;
     font-variant: small-caps;
     font-weight: bold;
     font-size: 0.76em;
     text-transform: uppercase;
     width: 100%;
}

.button a:hover, .button a:active
{
     color: #ddd;
     text-decoration: none;
}

.button
{
     list-style-type:none;  
     padding: 4px;    
     background-color: #4169e1;
     border: 2px groove #999;
     text-align: center;
     margin: 0px 0px 2px 0px;
	 font-variant: small-caps;
     font-weight: bold;
     font-size: 0.76em;
     text-transform: uppercase;
	 
}


.klub
{
     background-color: #a0522d;
}
.spec1
{
     background-color: #8b008b;
}
.spec2
{
     background-color: #1e90ff
}
.spec3
{
     background-color: #228b22;
}
.spec4
{
     background-color: #5b005b;
}
.spec5
{
     background-color: #daa520;
}
#menu h1
{
     font-size: 0.76em;
     color:#fff;
     padding:1px;
     font-weight:bold;
     border: 1px solid #fff;
     text-align: center;
     background: transparent url(../../_gfx/tla/tlo11.gif);
     
}

#menu .title {
     font-size: 0.8em;
     border: none;
}

.zasady_table td{
	width: 30px;
	text-align:center;
}

.kolor_wzrostu {
	color: #0ff;
}
.kolor_spadku {
	color: #000;
}

button.td_active, button.td_active2, button.td_hover, input.td_active, input.td_active2, input.td_hover
{
	text-align:center;
	display: block;
	color: #ffffff;
	border: none;
	width: 20px;
	height: 15px;
	font-size: 12px;
	 border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.td_active, .td_hover:hover
{
	background:  #B09000;
	text-align:center;
}
.td_active2
{
	background: #A0A030;
	text-align:center;
}
.td_hover, .td_active:hover, .td_active2:hover {
	background: #808000 url(obrazki/tlo.gif);
	text-align:center;
}

.tooltip, .tooltip2 {
	position: relative;
}
a.tooltip2 {
	font-size: 0.8em;
}

a.tooltip span, a.tooltip2 span.list , a.tooltip2 span.list2 {
	display: none;
	text-decoration : none;
	color: #fff;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	text-decoration : none;
	background: olive url(obrazki/tlo.gif);
	z-index:9999;
	width: 60px;
	height: 30px;
	padding: 4px;
	margin-top:-30px;
	 border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
}
a.tooltip2:hover span.list {
	display: block;
	position: absolute;
	background: olive url(obrazki/tlo.gif);
	z-index:9999;
	text-align: left;
	font-family: verdana;
	letter-spacing: 1px;
	font-size : 1.2em;
	font-variant: small-caps;
	font-style:normal;
	width: 200px;
	height: 250px;
	padding: 4px;
	 border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
a.tooltip2:hover span.list2 {
	display: block;
	position: absolute;
	background: olive url(obrazki/tlo.gif);
	text-align: left;
	letter-spacing: 1px;
	font-family: verdana;
	font-size : 1.2em;
	font-variant: small-caps;
	font-style:normal;
	width: 200px;
	height: 250px;
	padding: 4px;

	 border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
a.tooltip2 span.list ol{
	display: block;
}
table.kadra {
	border-collapse: collapse;
}
table.kadra td {
	text-align:center;
	padding: 0 3px;
	 border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
}

/* GŁÓWNA STRONA .. ZAKŁADKI */
ul.menu_glowne, ul.ajax_menu, ul.menu_glowne2, ul.menu_glowne3 {
	list-style-type:none; 
	margin:5px 0 0 0; 
	padding:0; 
	clear:both; 
	padding-bottom:10px; 
	overflow:hidden;
}   

/* zwykłe taby */
ul.menu_glowne li, div.ajax_menu ul li, ul.menu_glowne2 li, ul.menu_glowne3 li{
	float:left;
	display: inline;
	text-align:center;
	cursor:pointer;
	margin-left: 4px;
}

ul.menu_glowne li a, div.ajax_menu ul li a, ul.menu_glowne2 li a, ul.menu_glowne3 li a {
	display: inline-block;
	color: #fff;
	color: #ffd700;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 0.95em;
	text-transform: uppercase;
	border:0 solid #fff;
	padding: 4px 8px;
	font-family: arial, helvetica, sans-serif;
	background: olive url('obrazki/tlo.gif');
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
ul.menu_glowne li a:hover, div.ajax_menu ul li a:hover, ul.menu_glowne2 li a:hover , ul.menu_glowne3 li a:hover {
	border:0 inset #fff;
	background: olive url('obrazki/tlo2.gif');
	font-style:normal;
}
 
ul.menu_glowne li.active a, div.ajax_menu ul li a, ul.menu_glowne2 li.active a, ul.menu_glowne3 li.active a {
	background: olive url('obrazki/tlo2.gif');
}

ul.menu_glowne li.disable a, ul.menu_glowne li.disable a:hover,
div.ajax_menu ul li.disable a, div.ajax_menu ul li.disable a:hover,
ul.menu_glowne2 li.disable a, ul.menu_glowne2 li.disable a:hover,
ul.menu_glowne3 li.disable a, ul.menu_glowne3 li.disable a:hover  {
	background: olive;
	color: #ccc;
}

.tab {
        display:block;
        min-height:50px;
        padding:10px;
        margin-top:-5px;
}
.tlo1 {
	background: olive url(obrazki/tlo.gif);
	height-min:200px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.tlo2 {
	background: olive url(obrazki/tlo2.gif);
	height-min:200px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

html, body
{
	margin: 0;
	padding: 0;
}

a.ludzie
{
	padding-left: 10px;
	background: url('_gfx/i/g1.gif') no-repeat left center;
}
a.ludzie:hover
{
	background: url('_gfx/i/g2.gif') no-repeat left center;
}
a.pdf
{
	padding-left: 20px;
	background: url('_gfx/icon/pdf.png') no-repeat left center;
}
